@wix/patterns 1.422.0 → 1.424.0

package/dist/docs/MultiSelectCheckboxFilter.md

@@ -266,6 +266,7 @@ function ItemsSelectionFilterExample() {
 |------|------|----------|---------|-------------|
 | `collection` | `CollectionState<V, F>` | Yes | - | A collection state object to fetch the dropdown items.<br> A collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) or [useStaticListFilterCollection](./?path=/story/features-filter-hooks--usestaticlistfiltercollection) |
 | `renderItem` | `((item: V, index: number) => ListItem)` | No | - | A function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) (Optional) |
+| `maxSelected` | `number` | No | - | The maximum number of items that can be selected. Once reached, every unselected option becomes disabled (already-selected options stay deselectable). When undefined, selection is unbounded. Read once on mount — later changes to this prop are ignored. (Optional) |
 | `size` | `"small" \| "tiny" \| "medium" \| "large"` | No | - | Controls the size of the input. Default value: `medium` |
 | `dataHook` | `string` | No | ``collection-filter-${filter.name}`` | Applies a data-hook HTML attribute that can be used in the tests |
 | `className` | `string` | No | - | Specifies a CSS class name to be appended to the component's root element. |

package/dist/docs/Table.md

@@ -1001,6 +1001,7 @@ function UseExternalDataSource() {
 | `exportButton` | `ReactElement<any, string \| JSXElementConstructor<any>>` | No | - | A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar. |
 | `dragAndDrop` | `TableDragAndDropType` | No | - | Adds functionality to allow visitors to reorder items manually. For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview). |
 | `dataExtension` | `(FC<DataExtensionOverrides> & DataExtensionObjectType) \| DataExtensionElement` | No | - | Data extension implementation: `import { DataExtension } from '@wix/patterns';` |
+| `fieldsSource` | `FieldsSourceProvider` | No | - | Attaches a field source to the table — the way to add a source's fields, filters, and field management. Build it with `tableSchemaSource(...)` for a schema source (also spread its `collectionConfig` into the collection hook), or `dataExtensionTableSource(...)` for DataExtension, which extends the consumer's own collection. |
 | `tags` | `TagsElement<T, F>` | No | - | Enables tags feature. In this element you can pass the configuration |
 | `checkboxTooltipContent` | `((rowData: KeyedItem<T>) => string)` | No | - | A function that receives the item of the row and returns a string for tooltip content. |
 | `bulkActionToolbar` | `BulkActionToolbarRenderProp<T, F>` | No | - | Render a custom toolbar when more than 1 item is selected.<br> The function accepts the following parameters * `selectedValues`: The items that were checked via the selection column * `uncheckedValues`: The items that were unchecked via the selection column * `allSelected`: Indicates whether the "Select All" checkbox is checked * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value). * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items. * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll` > When passed, enables `showSelection` by default. |
@@ -1049,6 +1050,7 @@ function UseExternalDataSource() {
 | `withWrapper` | `boolean` | No | `true` | When false then Table would not create a `<div/>` wrapper around it's children. Useful when using `<Table/>` to wrap a `<Page/>` component, in that case we use the `<Table/>` only as a context provider and it does not render anything to the DOM by itself. |
 | `onSortClick` | `((colData: TableColumn<any>, colNum: number) => void)` | No | - | Defines a callback function which is called on column title click |
 | `totalSelectableCount` | `number` | No | - | Specifies the total number of selectable items in the table (including items not loaded yet). When ‘Select all’ is triggered in infinite scroll tables, newly loaded items will be selected automatically. In this case, `SelectionContext` holds not-selected items rather than the selected ones. SelectionContext.infiniteBulkSelected is true and SelectionContext.selectedCount is the value of totalSelectableCount minus the count of unselected items. |
+| `rowStatus` | `((row: KeyedItem<T>, rowNum: number) => TableRowStatusValue \| null)` | No | - | When provided, renders a fixed-width status slot per row to the right of the selection/row-number column. The callback returns a `{ status, messages }` config for rows that need a status indicator, or `null`/`undefined` for an empty but width-reserved slot — the slot never collapses. Only `error` and `warning` statuses are supported; the slot is exclusively for those two indicator kinds, rendered via the WDS `<StatusIndicator/>`. |
 | `stickySelectionColumn` | `boolean` | No | - | Whether to add a sticky column. <br> Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally. |
 | `actionCell` | `ActionCell<T, F>` | No | - | Use this property to add an action at the end of each row. For example, a delete button to delete a table item. Accepts an [`ActionCellProps`](./?path=/story/features-actions-action-cell--actioncellprops) object, or a function that returns an `ActionCellProps` object. |
 | `actionCellWidth` | `string \| number` | No | - | Width of the column containing the `actionCell` component. |

package/dist/docs/TableColumn.md

@@ -29,6 +29,7 @@ A column of a [`Table`](./?path=/story/base-components-collections-table-table--
 | `sortable` | `boolean` | No | - | When `true`, makes the column a [sortable column](./?path=/story/features-sort-sortable-columns-sortable-columns--sortable-columns). |
 | `defaultSortOrder` | `"asc" \| "desc"` | No | - | Determines the default sort order for the column, either `asc` or `desc`. The column must be a [sortable column](./?path=/story/features-sort-sortable-columns-sortable-columns--sortable-columns). |
 | `defaultHidden` | `boolean` | No | - | For [custom columns](./?path=/story/features-display-custom-columns--overview), when `true`, this property causes the column to be unchecked and thus not shown by default. This isn't relevant when `hideable` `=` `false`. |
+| `field` | `Field` | No | - | The source field this column was built from; used to resolve manage actions. |
 | `isPii` | `boolean` | No | - | Whether the field contains personally identifiable information. |
 | `isSystem` | `boolean` | No | - | only for cms. Whether this is a system-managed field. |
 | `isPrimary` | `boolean` | No | - | Whether this is the primary display field. |

package/dist/docs/TableFolders.md

@@ -424,6 +424,7 @@ function WithTags() {
 | `withWrapper` | `boolean` | No | `true` | When false then Table would not create a `<div/>` wrapper around it's children. Useful when using `<Table/>` to wrap a `<Page/>` component, in that case we use the `<Table/>` only as a context provider and it does not render anything to the DOM by itself. |
 | `onSortClick` | `((colData: TableColumn<any>, colNum: number) => void)` | No | - | Defines a callback function which is called on column title click |
 | `totalSelectableCount` | `number` | No | - | Specifies the total number of selectable items in the table (including items not loaded yet). When ‘Select all’ is triggered in infinite scroll tables, newly loaded items will be selected automatically. In this case, `SelectionContext` holds not-selected items rather than the selected ones. SelectionContext.infiniteBulkSelected is true and SelectionContext.selectedCount is the value of totalSelectableCount minus the count of unselected items. |
+| `rowStatus` | `((row: KeyedItem<RowItem<T1, T2>>, rowNum: number) => TableRowStatusValue \| null)` | No | - | When provided, renders a fixed-width status slot per row to the right of the selection/row-number column. The callback returns a `{ status, messages }` config for rows that need a status indicator, or `null`/`undefined` for an empty but width-reserved slot — the slot never collapses. Only `error` and `warning` statuses are supported; the slot is exclusively for those two indicator kinds, rendered via the WDS `<StatusIndicator/>`. |
 | `stickySelectionColumn` | `boolean` | No | - | Whether to add a sticky column. <br> Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally. |
 | `actionCell` | `ActionCell<T1, F1>` | No | - | Use this property to add an action at the end of each row. For example, a delete button to delete a table item. Accepts an [`ActionCellProps`](./?path=/story/features-actions-action-cell--actioncellprops) object, or a function that returns an `ActionCellProps` object. |
 | `actionCellWidth` | `string \| number` | No | - | Width of the column containing the `actionCell` component. |

package/dist/docs/TableGridSwitch.md

@@ -279,8 +279,10 @@ function TableGridSwitchAdvanceSorting() {
 | `withWrapper` | `boolean` | No | `true` | When false then Table would not create a `<div/>` wrapper around it's children. Useful when using `<Table/>` to wrap a `<Page/>` component, in that case we use the `<Table/>` only as a context provider and it does not render anything to the DOM by itself. |
 | `onSortClick` | `((colData: TableColumn<any>, colNum: number) => void)` | No | - | Defines a callback function which is called on column title click |
 | `totalSelectableCount` | `number` | No | - | Specifies the total number of selectable items in the table (including items not loaded yet). When ‘Select all’ is triggered in infinite scroll tables, newly loaded items will be selected automatically. In this case, `SelectionContext` holds not-selected items rather than the selected ones. SelectionContext.infiniteBulkSelected is true and SelectionContext.selectedCount is the value of totalSelectableCount minus the count of unselected items. |
+| `rowStatus` | `((row: KeyedItem<T>, rowNum: number) => TableRowStatusValue \| null)` | No | - | When provided, renders a fixed-width status slot per row to the right of the selection/row-number column. The callback returns a `{ status, messages }` config for rows that need a status indicator, or `null`/`undefined` for an empty but width-reserved slot — the slot never collapses. Only `error` and `warning` statuses are supported; the slot is exclusively for those two indicator kinds, rendered via the WDS `<StatusIndicator/>`. |
 | `stickySelectionColumn` | `boolean` | No | - | Whether to add a sticky column. <br> Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally. |
 | `dataExtension` | `(FC<DataExtensionOverrides> & DataExtensionObjectType) \| DataExtensionElement` | No | - | Data extension implementation: `import { DataExtension } from '@wix/patterns';` |
+| `fieldsSource` | `FieldsSourceProvider` | No | - | Attaches a field source to the table — the way to add a source's fields, filters, and field management. Build it with `tableSchemaSource(...)` for a schema source (also spread its `collectionConfig` into the collection hook), or `dataExtensionTableSource(...)` for DataExtension, which extends the consumer's own collection. |
 | `checkboxTooltipContent` | `((rowData: KeyedItem<T>) => string)` | No | - | A function that receives the item of the row and returns a string for tooltip content. |
 | `bulkActionModal` | `BulkActionModalRenderProp<T, F>` | No | - | Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar). Supported parameters: + `selectedValues`: Selected item values. + `uncheckedValues`: Unselected item values. + `isSelectAll`: [bool] Whether the **Select All** option is selected. + `closeModal`: Closes the modal. + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`. |
 | `actionCellWidth` | `string \| number` | No | - | Width of the column containing the `actionCell` component. |

package/dist/docs/TableGridSwitchFolders.md

@@ -427,6 +427,7 @@ function WithTags() {
 | `withWrapper` | `boolean` | No | `true` | When false then Table would not create a `<div/>` wrapper around it's children. Useful when using `<Table/>` to wrap a `<Page/>` component, in that case we use the `<Table/>` only as a context provider and it does not render anything to the DOM by itself. |
 | `onSortClick` | `((colData: TableColumn<any>, colNum: number) => void)` | No | - | Defines a callback function which is called on column title click |
 | `totalSelectableCount` | `number` | No | - | Specifies the total number of selectable items in the table (including items not loaded yet). When ‘Select all’ is triggered in infinite scroll tables, newly loaded items will be selected automatically. In this case, `SelectionContext` holds not-selected items rather than the selected ones. SelectionContext.infiniteBulkSelected is true and SelectionContext.selectedCount is the value of totalSelectableCount minus the count of unselected items. |
+| `rowStatus` | `((row: KeyedItem<RowItem<T1, T2>>, rowNum: number) => TableRowStatusValue \| null)` | No | - | When provided, renders a fixed-width status slot per row to the right of the selection/row-number column. The callback returns a `{ status, messages }` config for rows that need a status indicator, or `null`/`undefined` for an empty but width-reserved slot — the slot never collapses. Only `error` and `warning` statuses are supported; the slot is exclusively for those two indicator kinds, rendered via the WDS `<StatusIndicator/>`. |
 | `stickySelectionColumn` | `boolean` | No | - | Whether to add a sticky column. <br> Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally. |
 | `bulkActionModal` | `MultiCollectionBulkActionModalRenderProps` | No | - | Render a modal to be opened from `bulkActionToolbar`.<br> The function accepts the following parameters * `allSelected`: Indicates whether the "Select All" checkbox is checked * `closeModal`: Closes the a modal |
 | `actionCellWidth` | `string \| number` | No | - | Width of the column containing the `actionCell` component. |

package/dist/docs/index.json

@@ -11,14 +11,14 @@
     "file": "AutoCompleteFilter.md",
     "category": "Features/Filter/Components"
   },
-  "CollectionErrorState": {
-    "file": "CollectionErrorState.md",
-    "category": "Common/State"
-  },
   "CollectionEmptyState": {
     "file": "CollectionEmptyState.md",
     "category": "Features/Display/Empty States"
   },
+  "CollectionErrorState": {
+    "file": "CollectionErrorState.md",
+    "category": "Common/State"
+  },
   "CollectionNoResultsState": {
     "file": "CollectionNoResultsState.md",
     "category": "Features/Display/Empty States"
@@ -35,10 +35,6 @@
     "file": "CollectionPage.Content.md",
     "category": "Base Components/Pages/Collection Page"
   },
-  "CollectionSearch": {
-    "file": "CollectionSearch.md",
-    "category": "Features/Filter/Components"
-  },
   "CollectionPremiumEmptyState": {
     "file": "CollectionPremiumEmptyState.md",
     "category": "Features/Display/Empty States"
@@ -47,6 +43,10 @@
     "file": "CollectionPage.Header.md",
     "category": "Base Components/Pages/Collection Page"
   },
+  "CollectionSearch": {
+    "file": "CollectionSearch.md",
+    "category": "Features/Filter/Components"
+  },
   "CollectionSubToolbar": {
     "file": "CollectionSubToolbar.md",
     "category": "Common/Components"
@@ -59,13 +59,17 @@
     "file": "ToolbarFilters.md",
     "category": "Features/Filter/Components"
   },
+  "CustomColumns": {
+    "file": "CustomColumns.md",
+    "category": "Features/Display/Custom Columns"
+  },
   "CustomFieldsViewWidget": {
     "file": "CustomFieldsViewWidget.md",
     "category": "Features/Enrich/Data Extension/Components"
   },
-  "CustomColumns": {
-    "file": "CustomColumns.md",
-    "category": "Features/Display/Custom Columns"
+  "DateRangeFilter": {
+    "file": "DateRangeFilter.md",
+    "category": "Features/Filter/Components"
   },
   "CustomFieldsWidget": {
     "file": "CustomFieldsWidget.md",
@@ -75,30 +79,26 @@
     "file": "EntityPage.md",
     "category": "Base Components/Pages/Entity Page"
   },
-  "DateRangeFilter": {
-    "file": "DateRangeFilter.md",
-    "category": "Features/Filter/Components"
-  },
-  "EntityPage.Content": {
-    "file": "EntityPage.Content.md",
+  "EntityPage.AdditionalContent": {
+    "file": "EntityPage.AdditionalContent.md",
     "category": "Base Components/Pages/Entity Page"
   },
   "EntityPage.Card": {
     "file": "EntityPage.Card.md",
     "category": "Base Components/Pages/Entity Page"
   },
-  "EntityPage.AdditionalContent": {
-    "file": "EntityPage.AdditionalContent.md",
-    "category": "Base Components/Pages/Entity Page"
-  },
-  "EntityPage.MainContent": {
-    "file": "EntityPage.MainContent.md",
+  "EntityPage.Content": {
+    "file": "EntityPage.Content.md",
     "category": "Base Components/Pages/Entity Page"
   },
   "EntityPage.Header": {
     "file": "EntityPage.Header.md",
     "category": "Base Components/Pages/Entity Page"
   },
+  "EntityPage.MainContent": {
+    "file": "EntityPage.MainContent.md",
+    "category": "Base Components/Pages/Entity Page"
+  },
   "EntityPage.Slots": {
     "file": "EntityPage.Slots.md",
     "category": "Base Components/Pages/Entity Page"
@@ -227,26 +227,26 @@
     "file": "SettingsPage.md",
     "category": "Base Components/Pages/Settings Page"
   },
-  "SettingsPage.Card": {
-    "file": "SettingsPage.Card.md",
-    "category": "Base Components/Pages/Settings Page"
-  },
   "SettingsPage.AdditionalContent": {
     "file": "SettingsPage.AdditionalContent.md",
     "category": "Base Components/Pages/Settings Page"
   },
-  "SettingsPage.Content": {
-    "file": "SettingsPage.Content.md",
+  "SettingsPage.Card": {
+    "file": "SettingsPage.Card.md",
     "category": "Base Components/Pages/Settings Page"
   },
-  "SettingsPage.MainContent": {
-    "file": "SettingsPage.MainContent.md",
+  "SettingsPage.Content": {
+    "file": "SettingsPage.Content.md",
     "category": "Base Components/Pages/Settings Page"
   },
   "SettingsPage.Header": {
     "file": "SettingsPage.Header.md",
     "category": "Base Components/Pages/Settings Page"
   },
+  "SettingsPage.MainContent": {
+    "file": "SettingsPage.MainContent.md",
+    "category": "Base Components/Pages/Settings Page"
+  },
   "SingleSelectFilter": {
     "file": "SingleSelectFilter.md",
     "category": "Features/Filter/Components"
@@ -395,14 +395,14 @@
     "file": "BulkActionModalRenderProp.md",
     "category": "Common/Types"
   },
-  "BulkSelectState": {
-    "file": "BulkSelectState.md",
-    "category": "Common/State"
-  },
   "Category": {
     "file": "Category.md",
     "category": "Common/Types"
   },
+  "BulkSelectState": {
+    "file": "BulkSelectState.md",
+    "category": "Common/State"
+  },
   "CollectionSection": {
     "file": "CollectionSection.md",
     "category": "Common/Types"
@@ -419,6 +419,10 @@
     "file": "CtaBaseProps.md",
     "category": "Common/Types"
   },
+  "customFilter": {
+    "file": "customFilter.md",
+    "category": "Features/Filter/Factories"
+  },
   "Data Extension Overview": {
     "file": "Data Extension Overview.md",
     "category": "Features/Enrich/Data Extension"
@@ -435,14 +439,14 @@
     "file": "Allow Users to Add Extended Fields.md",
     "category": "Features/Enrich/Data Extension"
   },
-  "customFilter": {
-    "file": "customFilter.md",
-    "category": "Features/Filter/Factories"
-  },
   "DataResultRaw": {
     "file": "DataResultRaw.md",
     "category": "Common/Types"
   },
+  "EntityPageState": {
+    "file": "EntityPageState.md",
+    "category": "Base Components/Pages/Entity Page/State"
+  },
   "ExportTo": {
     "file": "ExportTo.md",
     "category": "Features/Export"
@@ -451,10 +455,6 @@
     "file": "FilterProps.md",
     "category": "Features/Filter/Props"
   },
-  "EntityPageState": {
-    "file": "EntityPageState.md",
-    "category": "Base Components/Pages/Entity Page/State"
-  },
   "FormPageState": {
     "file": "FormPageState.md",
     "category": "Common/State"

package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js

@@ -7,7 +7,7 @@ import { observer } from 'mobx-react-lite';
 const ArchivedItemsPanel = lazy(() => import('./ArchivedItemsPanel').then((module) => ({
     default: module.ArchivedItemsPanel,
 })));
-function _ArchivedItemsCTAButton({ dataExtension, onCloseSidePanel, dataHook = 'custom-columns', actionContainerProps, }) {
+function _ArchivedItemsCTAButton({ archive, deleteFieldModal, onCloseSidePanel, dataHook = 'custom-columns', actionContainerProps, }) {
     const { translate: t } = useWixPatternsContainer();
     const style = useMemo(() => ({
         display: 'flex',
@@ -15,15 +15,15 @@ function _ArchivedItemsCTAButton({ dataExtension, onCloseSidePanel, dataHook = '
         gap: '8px',
     }), []);
     const handleOpenArchivedPanel = useCallback(() => {
-        dataExtension?.openArchivedPanel();
-    }, [dataExtension]);
+        archive.openPanel();
+    }, [archive]);
     const handleCloseArchivedPanel = useCallback(() => {
-        dataExtension?.closeArchivedPanel();
-    }, [dataExtension]);
+        archive.closePanel();
+    }, [archive]);
     const handleCloseAllPanels = useCallback(() => {
-        dataExtension?.closeArchivedPanel();
+        archive.closePanel();
         onCloseSidePanel();
-    }, [dataExtension, onCloseSidePanel]);
+    }, [archive, onCloseSidePanel]);
     return (React.createElement(React.Fragment, null,
         React.createElement(TableListItem, { onClick: handleOpenArchivedPanel, dataHook: `${dataHook}-archived-items-button`, showDivider: true, verticalPadding: "tiny", horizontalPadding: "small", options: [
                 {
@@ -38,8 +38,8 @@ function _ArchivedItemsCTAButton({ dataExtension, onCloseSidePanel, dataHook = '
                     align: 'right',
                 },
             ] }),
-        dataExtension?.isArchivedPanelOpen && (React.createElement(Suspense, { fallback: null },
-            React.createElement(ArchivedItemsPanel, { dataExtension: dataExtension, items: dataExtension?.archivedItems, onBackButtonClick: handleCloseArchivedPanel, onCloseButtonClick: handleCloseAllPanels, dataHook: dataHook })))));
+        archive.isOpen && (React.createElement(Suspense, { fallback: null },
+            React.createElement(ArchivedItemsPanel, { archive: archive, deleteFieldModal: deleteFieldModal, items: archive.items, onBackButtonClick: handleCloseArchivedPanel, onCloseButtonClick: handleCloseAllPanels, dataHook: dataHook })))));
 }
 export const ArchivedItemsCTAButton = observer(_ArchivedItemsCTAButton);
 //# sourceMappingURL=ArchivedItemsCTAButton.js.map

package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsCTAButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchivedItemsCTAButton.js","sourceRoot":"","sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,IAAI,EACJ,UAAU,EACV,GAAG,GAEJ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,EAEZ,OAAO,EACP,WAAW,EACX,IAAI,EACJ,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,qEAAqE;AACrE,MAAM,kBAAkB,GAAG,IAAI,CAAC,GAAG,EAAE,CACnC,MAAM,CAAC,sBAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IAC/C,OAAO,EAAE,MAAM,CAAC,kBAAkB;CACnC,CAAC,CAAC,CACJ,CAAC;AASF,SAAS,uBAAuB,CAAC,EAC/B,aAAa,EACb,gBAAgB,EAChB,QAAQ,GAAG,gBAAgB,EAC3B,oBAAoB,GACQ;IAC5B,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,uBAAuB,EAAE,CAAC;IAEnD,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,MAAM;QACf,UAAU,EAAE,QAAQ;QACpB,GAAG,EAAE,KAAK;KACX,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,uBAAuB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/C,aAAa,EAAE,iBAAiB,EAAE,CAAC;IACrC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,wBAAwB,GAAG,WAAW,CAAC,GAAG,EAAE;QAChD,aAAa,EAAE,kBAAkB,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC5C,aAAa,EAAE,kBAAkB,EAAE,CAAC;QACpC,gBAAgB,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEtC,OAAO,CACL;QACE,oBAAC,aAAa,IACZ,OAAO,EAAE,uBAAuB,EAChC,QAAQ,EAAE,GAAG,QAAQ,wBAAwB,EAC7C,WAAW,QACX,eAAe,EAAC,MAAM,EACtB,iBAAiB,EAAC,OAAO,EACzB,OAAO,EAAE;gBACP;oBACE,KAAK,EAAE,CACL,6BAAK,KAAK,EAAE,KAAK;wBACf,oBAAC,OAAO,OAAG;wBACX,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,QAAQ,IAC/B,CAAC,CAAC,4CAA4C,CAAC,CAC3C,CACH,CACP;iBACF;gBACD;oBACE,KAAK,EAAE,CACL,oBAAC,GAAG,OAAK,oBAAoB;wBAC3B,oBAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO;4BAClC,oBAAC,YAAY,OAAG,CACL,CACT,CACP;oBACD,KAAK,EAAE,OAAgB;iBACxB;aACF,GACD;QACD,aAAa,EAAE,mBAAmB,IAAI,CACrC,oBAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI;YACtB,oBAAC,kBAAkB,IACjB,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,aAAa,EAAE,aAAa,EACnC,iBAAiB,EAAE,wBAAwB,EAC3C,kBAAkB,EAAE,oBAAoB,EACxC,QAAQ,EAAE,QAAQ,GAClB,CACO,CACZ,CACA,CACJ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,uBAAuB,CAAC,CAAC"}
+{"version":3,"file":"ArchivedItemsCTAButton.js","sourceRoot":"","sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsCTAButton.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsPanel.js

@@ -4,34 +4,28 @@ import { observer } from 'mobx-react-lite';
 import { ScrollableContent } from '../ScrollableContent';
 import { ArchivedItemsList } from './ArchivedItemsList';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
-function _ArchivedItemsPanel({ items, onBackButtonClick, onCloseButtonClick, dataExtension, dataHook = 'custom-columns', }) {
+function _ArchivedItemsPanel({ items, onBackButtonClick, onCloseButtonClick, archive, deleteFieldModal, dataHook = 'custom-columns', }) {
     const { translate: t } = useWixPatternsContainer();
     const [isVisible, setIsVisible] = useState(false);
     useEffect(() => {
         setTimeout(() => setIsVisible(true), 10);
     }, []);
     const closeIfEmpty = () => {
-        const remainingItems = dataExtension.archivedItems;
-        if (remainingItems.length === 0) {
+        if (archive.items.length === 0) {
             handleBack();
         }
     };
     const handleRestore = async (item) => {
-        await dataExtension.restoreField({
-            id: item.id,
-            origin: 'Archived items panel',
-            reportBi: dataExtension.container.createBILogger({
-                componentType: 'ArchivedItemsPanel',
-            }),
-        });
+        await archive.restoreField(item.id, 'Archived items panel');
         closeIfEmpty();
     };
     const handleDelete = useCallback((item) => {
-        dataExtension.deleteFieldModal?.modal.open({
+        deleteFieldModal.modal.open({
             id: item.id,
             origin: 'Archived items panel',
+            fieldName: archive.fieldName(item.id),
         });
-    }, [dataExtension]);
+    }, [archive, deleteFieldModal]);
     const slideStyle = useMemo(() => ({
         position: 'absolute',
         top: 0,

package/dist/esm/components/ArchivedItemsPanel/ArchivedItemsPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArchivedItemsPanel.js","sourceRoot":"","sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsPanel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ArchivedItemsPanel.js","sourceRoot":"","sources":["../../../../src/components/ArchivedItemsPanel/ArchivedItemsPanel.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CardContainer/CardContainer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer2134636811";
+var _namespace_ = "CardContainer2267849251";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CardContainer2134636811__root" };
+export var classes = { "root": "CardContainer2267849251__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/CmsFieldForm.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CmsFieldForm1028387146";
+var _namespace_ = "CmsFieldForm1100768566";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CmsFieldForm1028387146__root", "fullBleedDivider": "CmsFieldForm1028387146__fullBleedDivider" };
+export var classes = { "root": "CmsFieldForm1100768566__root", "fullBleedDivider": "CmsFieldForm1100768566__fullBleedDivider" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CmsFieldModal651521319";
+var _namespace_ = "CmsFieldModal2245593888";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CmsFieldModal651521319__root", "modal": "CmsFieldModal651521319__modal" };
+export var classes = { "root": "CmsFieldModal2245593888__root", "modal": "CmsFieldModal2245593888__modal" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CmsFieldModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldModal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,OAAO,EAAC,+BAA+B,EAAC,CAAC;AACrG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,2CAA2C,EAAC,6CAA6C,EAAC,CAAC"}
+{"version":3,"file":"CmsFieldModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldModal.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,OAAO,EAAC,gCAAgC,EAAC,CAAC;AACvG,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,2CAA2C,EAAC,6CAA6C,EAAC,CAAC"}

package/dist/esm/components/CmsFieldManagement/CmsFormState.js

@@ -41,6 +41,7 @@ export class CmsFormState {
             enableShowValidationError: action,
             setMode: action,
             setErrorToastConfig: action,
+            prefill: action,
             loadField: action,
             reset: action,
             hideValidationError: action.bound,
@@ -135,29 +136,35 @@ export class CmsFormState {
     setHelpText(v) {
         this.setProperty('helpText', v);
     }
-    loadField(field) {
-        const mappedType = isSelectableFieldType(field.type)
-            ? field.type
+    // Populate the form from a field's values, without binding to a specific
+    // existing field id. Used both by `loadField` (edit an existing field) and by
+    // schema-less editors that pre-fill a draft (e.g. the import field editor).
+    prefill(values) {
+        const mappedType = values.type && isSelectableFieldType(values.type)
+            ? values.type
             : undefined;
         this.properties = {
             type: mappedType,
-            name: field.displayName,
-            isPii: field.isPii ?? false,
-            helpText: field.helpText ?? '',
+            name: values.displayName ?? '',
+            isPii: values.isPii ?? false,
+            helpText: values.helpText ?? '',
         };
         this.fieldRules = {
             validationRules: {
-                ...(field.validation?.required !== undefined && {
-                    required: field.validation.required,
+                ...(values.validation?.required !== undefined && {
+                    required: values.validation.required,
                 }),
-                ...(field.validation?.stringLengthRange !== undefined && {
-                    charactersLimit: field.validation.stringLengthRange,
+                ...(values.validation?.stringLengthRange !== undefined && {
+                    charactersLimit: values.validation.stringLengthRange,
                 }),
             },
         };
-        this.editingFieldId = field.id;
         this.errorToastConfig = undefined;
     }
+    loadField(field) {
+        this.prefill(field);
+        this.editingFieldId = field.id;
+    }
     _onTypeChange(newType) {
         const supported = new Set(this.getValidationRules(newType));
         this.fieldRules = {

package/dist/esm/components/CmsFieldManagement/CmsFormState.js.map

@@ -1 +1 @@
-{"version":3,"file":"CmsFormState.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFormState.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"CmsFormState.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFormState.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/CmsFieldManagement/FieldEditorModal.js

@@ -0,0 +1,17 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { CustomActionModal } from '../ActionModal';
+import { CmsFieldForm } from './CmsFieldForm';
+import { classes } from './CmsFieldModal.st.css.js';
+/**
+ * Pure field editor: the same form as `CmsFieldModal` but with no server side
+ * effect. On Save it returns the edited field spec via `state.onSubmit` instead
+ * of creating/updating a field through a schema. All button/title labels are
+ * passed in (already translated) so the modal stays localized for the surface
+ * that renders it.
+ */
+export const FieldEditorModal = observer(({ state, title, primaryButtonText, secondaryButtonText, dataHook = 'field-editor-modal', }) => {
+    const { formState } = state;
+    return (React.createElement(CustomActionModal, { dataHook: dataHook, state: state.modal, onAfterClose: () => state.reset(), title: title, content: formState ? React.createElement(CmsFieldForm, { state: formState }) : null, primaryButtonText: primaryButtonText, secondaryButtonText: secondaryButtonText, width: 600, showFooterDivider: true, className: classes.modal }));
+});
+//# sourceMappingURL=FieldEditorModal.js.map

package/dist/esm/components/CmsFieldManagement/FieldEditorModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldEditorModal.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/FieldEditorModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAapD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CACtC,CAAC,EACC,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,mBAAmB,EACnB,QAAQ,GAAG,oBAAoB,GACT,EAAE,EAAE;IAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,OAAO,CACL,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,EACjC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAE,GAAG,EACV,iBAAiB,QACjB,SAAS,EAAE,OAAO,CAAC,KAAK,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/esm/components/CmsFieldManagement/FieldEditorModalState.js

@@ -0,0 +1,43 @@
+import { action, makeObservable, observable } from 'mobx';
+import { ConditionalModalState } from '@wix/bex-core';
+import { CmsFormState } from './CmsFormState';
+import { toFieldSpec } from './toFieldSpec';
+import { getFieldTypeValidationRulesList } from './fieldValidationRulesMap';
+export class FieldEditorModalState {
+    constructor(props) {
+        this.formState = null;
+        this.onSubmit = props.onSubmit;
+        this.modal = new ConditionalModalState({
+            onConfirm: () => this.submit(),
+        });
+        makeObservable(this, {
+            formState: observable.ref,
+            open: action,
+            reset: action,
+        });
+    }
+    open(draft) {
+        this.formState = new CmsFormState({
+            getValidationRules: getFieldTypeValidationRulesList,
+        });
+        this.formState.prefill(draft);
+        this.modal.open(null);
+    }
+    reset() {
+        this.formState = null;
+    }
+    submit() {
+        const { formState } = this;
+        if (!formState) {
+            return;
+        }
+        if (formState.hasInvalidFields || !formState.properties.type) {
+            formState.enableShowValidationError();
+            // Throwing keeps the modal open (ModalState.confirm swallows it).
+            throw new Error('validation');
+        }
+        const { type, ...rest } = formState.properties;
+        this.onSubmit(toFieldSpec({ ...rest, type }, formState.fieldRules));
+    }
+}
+//# sourceMappingURL=FieldEditorModalState.js.map

package/dist/esm/components/CmsFieldManagement/FieldEditorModalState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldEditorModalState.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/FieldEditorModalState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,MAAM,CAAC;AAC1D,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,+BAA+B,EAAE,MAAM,2BAA2B,CAAC;AAe5E,MAAM,OAAO,qBAAqB;IAKhC,YAAY,KAAiC;QAH7C,cAAS,GAAwB,IAAI,CAAC;QAIpC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;QAC/B,IAAI,CAAC,KAAK,GAAG,IAAI,qBAAqB,CAAC;YACrC,SAAS,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE;SAC/B,CAAC,CAAC;QAEH,cAAc,CAAC,IAAI,EAAE;YACnB,SAAS,EAAE,UAAU,CAAC,GAAG;YACzB,IAAI,EAAE,MAAM;YACZ,KAAK,EAAE,MAAM;SACd,CAAC,CAAC;IACL,CAAC;IAED,IAAI,CAAC,KAAgB;QACnB,IAAI,CAAC,SAAS,GAAG,IAAI,YAAY,CAAC;YAChC,kBAAkB,EAAE,+BAA+B;SACpD,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAC9B,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC;IAED,KAAK;QACH,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IAEO,MAAM;QACZ,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC;QAC3B,IAAI,CAAC,SAAS,EAAE;YACd,OAAO;SACR;QAED,IAAI,SAAS,CAAC,gBAAgB,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE;YAC5D,SAAS,CAAC,yBAAyB,EAAE,CAAC;YACtC,kEAAkE;YAClE,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;SAC/B;QAED,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC;QAC/C,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,GAAG,IAAI,EAAE,IAAI,EAAE,EAAE,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC;IACtE,CAAC;CACF"}

package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "ValidationAndDefaultsSection839011583";
+var _namespace_ = "ValidationAndDefaultsSection2664226512";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ValidationAndDefaultsSection839011583__root", "accordionWrapper": "ValidationAndDefaultsSection839011583__accordionWrapper" };
+export var classes = { "root": "ValidationAndDefaultsSection2664226512__root", "accordionWrapper": "ValidationAndDefaultsSection2664226512__accordionWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};