From 0af16e724084402c93cfd3a790e93f01ce247989 Mon Sep 17 00:00:00 2001
From: dleadbetter <derek@performantsoftware.com>
Date: Tue, 24 Sep 2024 14:32:08 -0400
Subject: [PATCH 1/7] CDC #302 - Updating DataTable and Items components to
 allow custom elements for actions

---
 packages/semantic-ui/src/components/DataTable.js      |  2 ++
 packages/semantic-ui/src/components/Items.js          |  8 ++++++--
 .../storybook/src/semantic-ui/DataTable.stories.js    |  8 ++++++++
 packages/storybook/src/semantic-ui/Items.stories.js   | 11 ++++++++++-
 4 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/packages/semantic-ui/src/components/DataTable.js b/packages/semantic-ui/src/components/DataTable.js
index 013e790a..52dbb75d 100644
--- a/packages/semantic-ui/src/components/DataTable.js
+++ b/packages/semantic-ui/src/components/DataTable.js
@@ -305,6 +305,8 @@ class DataTable extends Component<Props, State> {
     const actionButton = (
       <Button
         aria-label={action.name}
+        as={action.as}
+        {...action.asProps}
         basic
         compact
         color={action.color}
diff --git a/packages/semantic-ui/src/components/Items.js b/packages/semantic-ui/src/components/Items.js
index f65d01fa..f084cda0 100644
--- a/packages/semantic-ui/src/components/Items.js
+++ b/packages/semantic-ui/src/components/Items.js
@@ -269,12 +269,14 @@ class ItemsClass extends Component<Props, {}> {
           >
             { _.map(actions, (action, actionIndex) => (
               <Button
+                as={action.as}
+                {...action.asProps}
                 aria-label={action.name}
                 basic
                 color={action.resolveColor ? action.resolveColor(item) : action.color}
                 icon={action.resolveIcon ? action.resolveIcon(item) : action.icon}
                 key={actionIndex}
-                onClick={action.onClick.bind(this, item)}
+                onClick={action.onClick && action.onClick.bind(this, item)}
                 size={action.size}
               />
             ))}
@@ -405,12 +407,14 @@ class ItemsClass extends Component<Props, {}> {
           )}
           { _.map(this.getActions(item), (action, actionIndex) => (
             <Button
+              as={action.as}
+              {...action.asProps}
               basic={action.basic}
               color={action.resolveColor ? action.resolveColor(item) : action.color}
               content={action.resolveName ? action.resolveName(item) : action.label}
               key={actionIndex}
               icon={action.resolveIcon ? action.resolveIcon(item) : action.icon}
-              onClick={action.onClick.bind(this, item)}
+              onClick={action.onClick && action.onClick.bind(this, item)}
               size={action.size}
             />
           ))}
diff --git a/packages/storybook/src/semantic-ui/DataTable.stories.js b/packages/storybook/src/semantic-ui/DataTable.stories.js
index 75b22655..ba281498 100644
--- a/packages/storybook/src/semantic-ui/DataTable.stories.js
+++ b/packages/storybook/src/semantic-ui/DataTable.stories.js
@@ -208,6 +208,14 @@ export const CustomActions = useDragDrop(() => (
       name: 'coffee',
       icon: 'coffee',
       onClick: action('coffee-click')
+    }, {
+      as: 'a',
+      asProps: {
+        href: 'https://performantsoftware.com',
+        target: '_blank'
+      },
+      name: 'link',
+      icon: 'linkify'
     }]}
     columns={columns}
     items={items}
diff --git a/packages/storybook/src/semantic-ui/Items.stories.js b/packages/storybook/src/semantic-ui/Items.stories.js
index aca47353..6c61e77d 100644
--- a/packages/storybook/src/semantic-ui/Items.stories.js
+++ b/packages/storybook/src/semantic-ui/Items.stories.js
@@ -90,6 +90,15 @@ export const CustomActions = useDragDrop(() => (
       name: 'coffee',
       icon: 'coffee',
       onClick: action('coffee-click')
+    }, {
+      as: 'a',
+      asProps: {
+        href: 'https://performantsoftware.com',
+        target: '_blank'
+      },
+      basic: true,
+      icon: 'linkify',
+      label: 'Link'
     }]}
     items={items}
     onCopy={action('copy')}
@@ -197,4 +206,4 @@ export const ButtonSize = useDragDrop(() => (
     renderHeader={(item) => <Header content={item.header} />}
     renderMeta={(item) => item.id}
   />
-));
\ No newline at end of file
+));

From b8778566592976cd827fba0c29f23fe388e478d0 Mon Sep 17 00:00:00 2001
From: dleadbetter <derek@performantsoftware.com>
Date: Wed, 25 Sep 2024 06:53:13 -0400
Subject: [PATCH 2/7] CDC #302 - Converting "asProps" prop from object to
 function

---
 .../semantic-ui/src/components/DataTable.js   |  4 +-
 packages/semantic-ui/src/components/Items.js  | 41 +++++++++++++------
 .../src/semantic-ui/DataTable.stories.js      |  4 +-
 .../src/semantic-ui/Items.stories.js          |  4 +-
 4 files changed, 35 insertions(+), 18 deletions(-)

diff --git a/packages/semantic-ui/src/components/DataTable.js b/packages/semantic-ui/src/components/DataTable.js
index 52dbb75d..03967046 100644
--- a/packages/semantic-ui/src/components/DataTable.js
+++ b/packages/semantic-ui/src/components/DataTable.js
@@ -302,11 +302,13 @@ class DataTable extends Component<Props, State> {
       return action.render(item, index);
     }
 
+    const { asProps = () => ({}) } = action;
+
     const actionButton = (
       <Button
         aria-label={action.name}
         as={action.as}
-        {...action.asProps}
+        {...asProps(item)}
         basic
         compact
         color={action.color}
diff --git a/packages/semantic-ui/src/components/Items.js b/packages/semantic-ui/src/components/Items.js
index f084cda0..14cc51da 100644
--- a/packages/semantic-ui/src/components/Items.js
+++ b/packages/semantic-ui/src/components/Items.js
@@ -219,6 +219,33 @@ class ItemsClass extends Component<Props, {}> {
     );
   }
 
+  /**
+   * Renders the action button for the passed item/action.
+   *
+   * @param item
+   * @param action
+   * @param index
+   *
+   * @returns {JSX.Element}
+   */
+  renderActionButton(item, action, index) {
+    const { asProps = () => ({}) } = action;
+
+    return (
+      <Button
+        as={action.as}
+        {...asProps(item)}
+        basic={action.basic}
+        color={action.resolveColor ? action.resolveColor(item) : action.color}
+        content={action.resolveName ? action.resolveName(item) : action.label}
+        key={index}
+        icon={action.resolveIcon ? action.resolveIcon(item) : action.icon}
+        onClick={action.onClick && action.onClick.bind(this, item)}
+        size={action.size}
+      />
+    );
+  }
+
   /**
    * Renders the card for the passed item.
    *
@@ -405,19 +432,7 @@ class ItemsClass extends Component<Props, {}> {
               { this.props.renderExtra(item) }
             </Item.Extra>
           )}
-          { _.map(this.getActions(item), (action, actionIndex) => (
-            <Button
-              as={action.as}
-              {...action.asProps}
-              basic={action.basic}
-              color={action.resolveColor ? action.resolveColor(item) : action.color}
-              content={action.resolveName ? action.resolveName(item) : action.label}
-              key={actionIndex}
-              icon={action.resolveIcon ? action.resolveIcon(item) : action.icon}
-              onClick={action.onClick && action.onClick.bind(this, item)}
-              size={action.size}
-            />
-          ))}
+          { _.map(this.getActions(item), (action, actionIndex) => this.renderActionButton(item, action, actionIndex))}
         </Item.Content>
         { this.props.renderAdditionalContent && this.props.renderAdditionalContent(item) }
         { this.isSelectable() && (
diff --git a/packages/storybook/src/semantic-ui/DataTable.stories.js b/packages/storybook/src/semantic-ui/DataTable.stories.js
index ba281498..f1088bf8 100644
--- a/packages/storybook/src/semantic-ui/DataTable.stories.js
+++ b/packages/storybook/src/semantic-ui/DataTable.stories.js
@@ -210,10 +210,10 @@ export const CustomActions = useDragDrop(() => (
       onClick: action('coffee-click')
     }, {
       as: 'a',
-      asProps: {
+      asProps: () => ({
         href: 'https://performantsoftware.com',
         target: '_blank'
-      },
+      }),
       name: 'link',
       icon: 'linkify'
     }]}
diff --git a/packages/storybook/src/semantic-ui/Items.stories.js b/packages/storybook/src/semantic-ui/Items.stories.js
index 6c61e77d..f3130b74 100644
--- a/packages/storybook/src/semantic-ui/Items.stories.js
+++ b/packages/storybook/src/semantic-ui/Items.stories.js
@@ -92,10 +92,10 @@ export const CustomActions = useDragDrop(() => (
       onClick: action('coffee-click')
     }, {
       as: 'a',
-      asProps: {
+      asProps: () => ({
         href: 'https://performantsoftware.com',
         target: '_blank'
-      },
+      }),
       basic: true,
       icon: 'linkify',
       label: 'Link'

From eb74bfd593e5f0d40bdf387c17b1569fb20af063 Mon Sep 17 00:00:00 2001
From: dleadbetter <derek@performantsoftware.com>
Date: Wed, 25 Sep 2024 09:24:50 -0400
Subject: [PATCH 3/7] CDC #302 - Fixing an issue with rendering the action
 buttons in the Items grid view

---
 packages/semantic-ui/src/components/Items.js | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/packages/semantic-ui/src/components/Items.js b/packages/semantic-ui/src/components/Items.js
index 14cc51da..5e1bdb5a 100644
--- a/packages/semantic-ui/src/components/Items.js
+++ b/packages/semantic-ui/src/components/Items.js
@@ -295,17 +295,7 @@ class ItemsClass extends Component<Props, {}> {
             textAlign='center'
           >
             { _.map(actions, (action, actionIndex) => (
-              <Button
-                as={action.as}
-                {...action.asProps}
-                aria-label={action.name}
-                basic
-                color={action.resolveColor ? action.resolveColor(item) : action.color}
-                icon={action.resolveIcon ? action.resolveIcon(item) : action.icon}
-                key={actionIndex}
-                onClick={action.onClick && action.onClick.bind(this, item)}
-                size={action.size}
-              />
+              this.renderActionButton(item, action, actionIndex)
             ))}
             { this.isSelectable() && (
               <Button
@@ -432,7 +422,9 @@ class ItemsClass extends Component<Props, {}> {
               { this.props.renderExtra(item) }
             </Item.Extra>
           )}
-          { _.map(this.getActions(item), (action, actionIndex) => this.renderActionButton(item, action, actionIndex))}
+          { _.map(this.getActions(item), (action, actionIndex) => (
+            this.renderActionButton(item, action, actionIndex)
+          ))}
         </Item.Content>
         { this.props.renderAdditionalContent && this.props.renderAdditionalContent(item) }
         { this.isSelectable() && (

From d12ac0e7d7214a46b365ab24f934f10e28203b50 Mon Sep 17 00:00:00 2001
From: dleadbetter <derek@performantsoftware.com>
Date: Wed, 25 Sep 2024 09:44:14 -0400
Subject: [PATCH 4/7] CDC #302 - Reverting renderActionButton in Items.js;
 Adding resolution for "asProps" inline

---
 packages/semantic-ui/src/components/Items.js | 51 +++++++++-----------
 1 file changed, 22 insertions(+), 29 deletions(-)

diff --git a/packages/semantic-ui/src/components/Items.js b/packages/semantic-ui/src/components/Items.js
index 5e1bdb5a..35326333 100644
--- a/packages/semantic-ui/src/components/Items.js
+++ b/packages/semantic-ui/src/components/Items.js
@@ -219,33 +219,6 @@ class ItemsClass extends Component<Props, {}> {
     );
   }
 
-  /**
-   * Renders the action button for the passed item/action.
-   *
-   * @param item
-   * @param action
-   * @param index
-   *
-   * @returns {JSX.Element}
-   */
-  renderActionButton(item, action, index) {
-    const { asProps = () => ({}) } = action;
-
-    return (
-      <Button
-        as={action.as}
-        {...asProps(item)}
-        basic={action.basic}
-        color={action.resolveColor ? action.resolveColor(item) : action.color}
-        content={action.resolveName ? action.resolveName(item) : action.label}
-        key={index}
-        icon={action.resolveIcon ? action.resolveIcon(item) : action.icon}
-        onClick={action.onClick && action.onClick.bind(this, item)}
-        size={action.size}
-      />
-    );
-  }
-
   /**
    * Renders the card for the passed item.
    *
@@ -295,7 +268,17 @@ class ItemsClass extends Component<Props, {}> {
             textAlign='center'
           >
             { _.map(actions, (action, actionIndex) => (
-              this.renderActionButton(item, action, actionIndex)
+              <Button
+                as={action.as}
+                {...((action.asProps && action.asProps(item)) || {})}
+                aria-label={action.name}
+                basic
+                color={action.resolveColor ? action.resolveColor(item) : action.color}
+                icon={action.resolveIcon ? action.resolveIcon(item) : action.icon}
+                key={actionIndex}
+                onClick={action.onClick && action.onClick.bind(this, item)}
+                size={action.size}
+              />
             ))}
             { this.isSelectable() && (
               <Button
@@ -423,7 +406,17 @@ class ItemsClass extends Component<Props, {}> {
             </Item.Extra>
           )}
           { _.map(this.getActions(item), (action, actionIndex) => (
-            this.renderActionButton(item, action, actionIndex)
+            <Button
+              as={action.as}
+              {...((action.asProps && action.asProps(item)) || {})}
+              basic={action.basic}
+              color={action.resolveColor ? action.resolveColor(item) : action.color}
+              content={action.resolveName ? action.resolveName(item) : action.label}
+              key={actionIndex}
+              icon={action.resolveIcon ? action.resolveIcon(item) : action.icon}
+              onClick={action.onClick && action.onClick.bind(this, item)}
+              size={action.size}
+            />
           ))}
         </Item.Content>
         { this.props.renderAdditionalContent && this.props.renderAdditionalContent(item) }

From 3bb47dbe21c6dc94a2d585c0f3ca99c7b0599490 Mon Sep 17 00:00:00 2001
From: dleadbetter <derek@performantsoftware.com>
Date: Wed, 25 Sep 2024 10:35:08 -0400
Subject: [PATCH 5/7] CDC #302 - Adding popup to Items card view actions;
 Moving popup content/title into List component

---
 .../semantic-ui/src/components/DataTable.js   | 35 +----------
 packages/semantic-ui/src/components/Items.js  | 58 ++++++++++++++-----
 packages/semantic-ui/src/components/List.js   | 18 +++++-
 packages/semantic-ui/src/i18n/en.json         | 14 +++++
 .../src/semantic-ui/Items.stories.js          |  6 +-
 5 files changed, 81 insertions(+), 50 deletions(-)

diff --git a/packages/semantic-ui/src/components/DataTable.js b/packages/semantic-ui/src/components/DataTable.js
index 03967046..cea9169b 100644
--- a/packages/semantic-ui/src/components/DataTable.js
+++ b/packages/semantic-ui/src/components/DataTable.js
@@ -14,11 +14,9 @@ import _ from 'underscore';
 import i18n from '../i18n/i18n';
 import ColumnResize from './ColumnResize';
 import useColumnSelector, { type Props as ColumnSelectorProps } from './DataTableColumnSelector';
-import useList, { type Props as ListProps } from './List';
+import useList, { type Action, type Props as ListProps } from './List';
 import './DataTable.css';
 
-import type { Action } from './List';
-
 type Props = ListProps & ColumnSelectorProps & {
   /**
    * If <code>true</code>, the rows of the table can be expanded and collapsed.
@@ -352,36 +350,7 @@ class DataTable extends Component<Props, State> {
       return null;
     }
 
-    const actions = this.props.actions
-      .filter((action) => !action.accept || action.accept(item))
-      .map((action) => {
-        let defaults = {};
-
-        if (action.name === 'edit') {
-          defaults = {
-            popup: {
-              title: i18n.t('DataTable.actions.edit.title'),
-              content: i18n.t('DataTable.actions.edit.content')
-            }
-          };
-        } else if (action.name === 'copy') {
-          defaults = {
-            popup: {
-              title: i18n.t('DataTable.actions.copy.title'),
-              content: i18n.t('DataTable.actions.copy.content')
-            }
-          };
-        } else if (action.name === 'delete') {
-          defaults = {
-            popup: {
-              title: i18n.t('DataTable.actions.delete.title'),
-              content: i18n.t('DataTable.actions.delete.content')
-            }
-          };
-        }
-
-        return _.defaults(action, defaults);
-      });
+    const actions = this.props.actions.filter((action) => !action.accept || action.accept(item));
 
     return (
       <Table.Cell
diff --git a/packages/semantic-ui/src/components/Items.js b/packages/semantic-ui/src/components/Items.js
index 35326333..752a7445 100644
--- a/packages/semantic-ui/src/components/Items.js
+++ b/packages/semantic-ui/src/components/Items.js
@@ -8,6 +8,7 @@ import {
   Header,
   Icon,
   Item,
+  Popup,
   Segment
 } from 'semantic-ui-react';
 import _ from 'underscore';
@@ -267,19 +268,7 @@ class ItemsClass extends Component<Props, {}> {
             extra
             textAlign='center'
           >
-            { _.map(actions, (action, actionIndex) => (
-              <Button
-                as={action.as}
-                {...((action.asProps && action.asProps(item)) || {})}
-                aria-label={action.name}
-                basic
-                color={action.resolveColor ? action.resolveColor(item) : action.color}
-                icon={action.resolveIcon ? action.resolveIcon(item) : action.icon}
-                key={actionIndex}
-                onClick={action.onClick && action.onClick.bind(this, item)}
-                size={action.size}
-              />
-            ))}
+            { _.map(actions, this.renderCardAction.bind(this, item)) }
             { this.isSelectable() && (
               <Button
                 aria-label='Select'
@@ -311,6 +300,49 @@ class ItemsClass extends Component<Props, {}> {
     return card;
   }
 
+  /**
+   * Renders the action button for the passed item.
+   *
+   * @param action
+   * @param index
+   * @param item
+   *
+   * @returns {JSX.Element}
+   */
+  renderCardAction(item, action, index) {
+    const actionButton = (
+      <Button
+        as={action.as}
+        {...((action.asProps && action.asProps(item)) || {})}
+        aria-label={action.name}
+        basic
+        color={action.resolveColor ? action.resolveColor(item) : action.color}
+        icon={action.resolveIcon ? action.resolveIcon(item) : action.icon}
+        key={index}
+        onClick={action.onClick && action.onClick.bind(this, item)}
+        size={action.size}
+      />
+    );
+
+    // Wrap the button in a popup if the action specifies a popup attribute
+    if (action.popup) {
+      const { content, title } = action.popup;
+
+      return (
+        <Popup
+          content={content}
+          header={title}
+          hideOnScroll
+          mouseEnterDelay={500}
+          position='top right'
+          trigger={actionButton}
+        />
+      );
+    }
+
+    return actionButton;
+  }
+
   /**
    * Renders the empty list.
    *
diff --git a/packages/semantic-ui/src/components/List.js b/packages/semantic-ui/src/components/List.js
index 1f38135f..934562c7 100644
--- a/packages/semantic-ui/src/components/List.js
+++ b/packages/semantic-ui/src/components/List.js
@@ -525,17 +525,29 @@ const useList = (WrappedComponent: ComponentType<any>) => (
         if (action.name === 'edit') {
           defaults = {
             icon: 'edit outline',
-            onClick: this.onEditButton.bind(this)
+            onClick: this.onEditButton.bind(this),
+            popup: {
+              title: i18n.t('Common.actions.edit.title'),
+              content: i18n.t('Common.actions.edit.content')
+            }
           };
         } else if (action.name === 'copy') {
           defaults = {
             icon: 'copy outline',
-            onClick: this.onCopyButton.bind(this)
+            onClick: this.onCopyButton.bind(this),
+            popup: {
+              title: i18n.t('Common.actions.copy.title'),
+              content: i18n.t('Common.actions.copy.content')
+            }
           };
         } else if (action.name === 'delete') {
           defaults = {
             icon: 'times circle outline',
-            onClick: this.onDeleteButton.bind(this)
+            onClick: this.onDeleteButton.bind(this),
+            popup: {
+              title: i18n.t('Common.actions.delete.title'),
+              content: i18n.t('Common.actions.delete.content')
+            }
           };
         }
 
diff --git a/packages/semantic-ui/src/i18n/en.json b/packages/semantic-ui/src/i18n/en.json
index bb944a16..57e33bdb 100644
--- a/packages/semantic-ui/src/i18n/en.json
+++ b/packages/semantic-ui/src/i18n/en.json
@@ -42,6 +42,20 @@
     }
   },
   "Common": {
+    "actions": {
+      "copy": {
+        "content": "Creates an editable copy to be saved as a new record",
+        "title": "Copy"
+      },
+      "delete": {
+        "content": "Removes the record, permanently",
+        "title": "Remove"
+      },
+      "edit": {
+        "content": "Opens the modal to edit the record",
+        "title": "Edit"
+      }
+    },
     "buttons": {
       "add": "Add",
       "cancel": "Cancel",
diff --git a/packages/storybook/src/semantic-ui/Items.stories.js b/packages/storybook/src/semantic-ui/Items.stories.js
index f3130b74..a723ebdc 100644
--- a/packages/storybook/src/semantic-ui/Items.stories.js
+++ b/packages/storybook/src/semantic-ui/Items.stories.js
@@ -98,7 +98,11 @@ export const CustomActions = useDragDrop(() => (
       }),
       basic: true,
       icon: 'linkify',
-      label: 'Link'
+      label: 'Link',
+      popup: {
+        content: 'Testing popup',
+        title: 'POPUP!'
+      }
     }]}
     items={items}
     onCopy={action('copy')}

From 11a1d6f8e497c6b78e53b5a0120cde62c3a3c528 Mon Sep 17 00:00:00 2001
From: dleadbetter <derek@performantsoftware.com>
Date: Wed, 25 Sep 2024 12:48:25 -0400
Subject: [PATCH 6/7] CDC #302 - Adding "as" and "asProps" props to Action type
 in List component

---
 packages/semantic-ui/src/components/List.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/semantic-ui/src/components/List.js b/packages/semantic-ui/src/components/List.js
index 934562c7..e4ae02c0 100644
--- a/packages/semantic-ui/src/components/List.js
+++ b/packages/semantic-ui/src/components/List.js
@@ -20,6 +20,8 @@ import './List.css';
 
 type Action = {
   accept: (item: any) => boolean,
+  as: ComponentType,
+  asProps: () => any,
   color?: string,
   icon?: string,
   name: string,

From 1716fe8ce0579788d59a3a39758dce8859545108 Mon Sep 17 00:00:00 2001
From: dleadbetter <derek@performantsoftware.com>
Date: Wed, 25 Sep 2024 12:56:58 -0400
Subject: [PATCH 7/7] CDC #302 - Publishing v2.2.13

---
 packages/controlled-vocabulary/package.json | 6 +++---
 packages/core-data/package.json             | 6 +++---
 packages/geospatial/package.json            | 2 +-
 packages/semantic-ui/package.json           | 4 ++--
 packages/shared/package.json                | 2 +-
 packages/user-defined-fields/package.json   | 6 +++---
 packages/visualize/package.json             | 2 +-
 react-components.json                       | 2 +-
 8 files changed, 15 insertions(+), 15 deletions(-)

diff --git a/packages/controlled-vocabulary/package.json b/packages/controlled-vocabulary/package.json
index 91422172..980ef2f6 100644
--- a/packages/controlled-vocabulary/package.json
+++ b/packages/controlled-vocabulary/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/controlled-vocabulary",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "description": "A package of components to allow user to configure dropdown elements. Use with the \"controlled_vocabulary\" gem.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
@@ -23,8 +23,8 @@
     "underscore": "^1.13.2"
   },
   "peerDependencies": {
-    "@performant-software/semantic-components": "^2.2.12",
-    "@performant-software/shared-components": "^2.2.12",
+    "@performant-software/semantic-components": "^2.2.13",
+    "@performant-software/shared-components": "^2.2.13",
     "react": ">= 16.13.1 < 19.0.0",
     "react-dom": ">= 16.13.1 < 19.0.0"
   },
diff --git a/packages/core-data/package.json b/packages/core-data/package.json
index 8fbb34f2..429cf38d 100644
--- a/packages/core-data/package.json
+++ b/packages/core-data/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/core-data",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "description": "A package of components used with the Core Data platform.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
@@ -40,8 +40,8 @@
     "underscore": "^1.13.2"
   },
   "peerDependencies": {
-    "@performant-software/geospatial": "^2.2.12",
-    "@performant-software/shared-components": "^2.2.12",
+    "@performant-software/geospatial": "^2.2.13",
+    "@performant-software/shared-components": "^2.2.13",
     "@peripleo/maplibre": "^0.5.2",
     "@peripleo/peripleo": "^0.5.2",
     "react": ">= 16.13.1 < 19.0.0",
diff --git a/packages/geospatial/package.json b/packages/geospatial/package.json
index 8156aa35..7ed495ea 100644
--- a/packages/geospatial/package.json
+++ b/packages/geospatial/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/geospatial",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "description": "A package of components for all things map-related.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
diff --git a/packages/semantic-ui/package.json b/packages/semantic-ui/package.json
index 3209e195..be80dc5a 100644
--- a/packages/semantic-ui/package.json
+++ b/packages/semantic-ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/semantic-components",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "description": "A package of shared components based on the Semantic UI Framework.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
@@ -35,7 +35,7 @@
     "zotero-translation-client": "^5.0.1"
   },
   "peerDependencies": {
-    "@performant-software/shared-components": "^2.2.12",
+    "@performant-software/shared-components": "^2.2.13",
     "@samvera/clover-iiif": "^2.3.2",
     "react": ">= 16.13.1 < 19.0.0",
     "react-dnd": "^11.1.3",
diff --git a/packages/shared/package.json b/packages/shared/package.json
index 4bd71f5b..b176437e 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/shared-components",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "description": "A package of shared, framework agnostic, components.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
diff --git a/packages/user-defined-fields/package.json b/packages/user-defined-fields/package.json
index 1a84a575..d540db93 100644
--- a/packages/user-defined-fields/package.json
+++ b/packages/user-defined-fields/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/user-defined-fields",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "description": "A package of components used for allowing end users to define fields on models. Use with the \"user_defined_fields\" gem.",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
@@ -23,8 +23,8 @@
     "underscore": "^1.13.2"
   },
   "peerDependencies": {
-    "@performant-software/semantic-components": "^2.2.12",
-    "@performant-software/shared-components": "^2.2.12",
+    "@performant-software/semantic-components": "^2.2.13",
+    "@performant-software/shared-components": "^2.2.13",
     "react": ">= 16.13.1 < 19.0.0",
     "react-dom": ">= 16.13.1 < 19.0.0"
   },
diff --git a/packages/visualize/package.json b/packages/visualize/package.json
index 64762388..e1ec9dad 100644
--- a/packages/visualize/package.json
+++ b/packages/visualize/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@performant-software/visualize",
-  "version": "2.2.12",
+  "version": "2.2.13",
   "description": "A package of components used for data visualization",
   "license": "MIT",
   "main": "./dist/index.cjs.js",
diff --git a/react-components.json b/react-components.json
index 0c39ff0d..044205b5 100644
--- a/react-components.json
+++ b/react-components.json
@@ -8,5 +8,5 @@
     "packages/user-defined-fields",
     "packages/visualize"
   ],
-  "version": "2.2.12"
+  "version": "2.2.13"
 }