npm - @wix/patterns - Versions diffs - 1.13.0 → 1.14.0 - Mend

@wix/patterns 1.13.0 → 1.14.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (346) hide show

package/dist/cjs/components/Collapse/Collapse.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "Collapse1205509897";
+var _namespace_ = "Collapse72518467";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "Collapse1205509897__root",
-  "exit": "Collapse1205509897__exit"
+  "root": "Collapse72518467__root",
+  "exit": "Collapse72518467__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~Collapse1205509897~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~Collapse1205509897__root~~\",\"exit\":\"~~Collapse1205509897__exit~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~oBAAoB~~;~~AACtC~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,~~0BAA0B~~;EAAC,MAAM,EAAC;~~AAA0B~~,CAAC;~~AACnF~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse72518467\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Collapse72518467__root\",\"exit\":\"Collapse72518467__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,MAAM,EAAC;AAAwB,CAAC;AAC/E,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionTable/CollectionTable.js CHANGED Viewed

@@ -233,9 +233,9 @@ function _CollectionTable(props) {
   }) : undefined, children));
   if (dragAndDrop) {
     const {
-      CollectionTableDragAndDropContext
+      TableDragAndDropContext
     } = dragAndDrop;
-    table = /*#__PURE__*/_react.default.createElement(CollectionTableDragAndDropContext, {
+    table = /*#__PURE__*/_react.default.createElement(TableDragAndDropContext, {
       state: state,
       onSubmit: dragAndDropSubmit,
       onCancel: dragAndDropCancel,

package/dist/cjs/components/CollectionTable/CollectionTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionCard","_InitialLoader","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_jsxFileName","_CollectionTable","props","_state$container$inte","_state$container$inte2","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","rest","dataExtensionType","isValidElement","type","toolbar","container","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","collection","internalScroll","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","useTableCollectionSyncProps","isUsingTableVirtualization","selectedOrderedColumnsOrAll","bulkSelect","query","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","item","actionCellColumn","useActionCellColumn","stickyActionCell","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","table","CollectionTableWSRTable","_extends2","selectionToolbar","SingleCollectionBulkActionToolbar","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","result","originQuery","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","CollectionTableDragAndDropContext","onSubmit","onCancel","onBulkSubmit","tableSkeletonEnabled","CollectionCard","initialLoader","InitialLoader","minHeight","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { InitialLoader } from '../InitialLoader';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n CollectionTableWSRTable,\n CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n BulkActionModalRenderProp,\n BulkActionToolbarRenderProp,\n SingleCollectionBulkActionModal,\n SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableBaseCommonProps } from './CollectionTableBaseCommonProps';\nimport {\n DataExtensionProps,\n type DataExtensionElement,\n type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n extends CollectionTableWSRTableBaseProps<T, T, F>,\n CollectionTableBaseCommonProps<T, F> {\n /*\n Table columns. Supported properties:\n * + `id`: The column's unique identifier. Required for making the column selectable.\n * + `title`: A string or an element to display in the table header for a column.\n * + `render`: A callback that is called for each row in the data to display the value of this row for the specified column.\n * + `sortableColumns`: [bool] Whether the table items are sortable. <br> This prop accepts a [Sortable Columns](./?path=%2Fstory%2Fcomponents-collection-features--sortable-columns) component. If `sortableColumns` is set to `true`, visitors can click a column header to sort the table items accordingly.\n * @external\n /\n columns: TableColumn<T>[];\n\n /\n Whether to show a checkbox column for selecting items.\n * @default false\n * @external\n /\n showSelection?: boolean;\n /\n A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n * @external\n /\n onRowClick?: (item: T, index: number) => void;\n /\n A [`<ExportButton />`](./?path=/story/components-collection-features--exportto) react element to be added to the toolbar\n /\n exportButton?: ReactElement;\n\n /\n Adds functionality to allow visitors to reorder items manually.\n * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n * @external\n /\n dragAndDrop?: TableDragAndDropType;\n\n /\n Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n /\n dataExtension?: DataExtensionType \| DataExtensionElement;\n\n tags?: TagsElement<T>;\n\n /\n Render a custom toolbar when more than 1 item is selected.<br>\n * The function accepts the following parameters\n * * `selectedValues`: The items that were checked via the selection column\n * * `uncheckedValues`: The items that were unchecked via the selection column\n * * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n * * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n * * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n * * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n * * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n * * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n \n > When passed, enables `showSelection` by default.\n * @external\n /\n bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n /\n Opens a modal from the [MultiBulkActionToolbar](./?path=%2Fstory%2Fcomponents-collection-features--multibulkactiontoolbar).\n * Supported parameters:\n * + `selectedValues`: Selected item values.\n * + `uncheckedValues`: Unselected item values.\n * + `isSelectAll`: [bool] Whether the Select All option is selected.\n * + `closeModal`: Closes the modal.\n * + `query`: [object] Instance of [ComputedQuery](./?path=%2Fstory%2Fcommon-models--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`.\n * @external\n */\n bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n state: TableState<T, F>;\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n props: CollectionTableProps<T, F>,\n) {\n const {\n state: tableState,\n filters,\n title,\n tabs,\n customColumns: customColumnsProp,\n multiLevelSorting: multiLevelSortingProp,\n dataExtension,\n tags,\n views,\n extraToolbar,\n bulkActionToolbar,\n exportButton,\n exportModal,\n bulkActionModal,\n sticky: stickyProp,\n actionCell,\n actionCellWidth,\n actionCellProps,\n columns: columnsProp,\n onRowClick,\n onSortClick,\n showSelection: showSelectionProp,\n search,\n renderError,\n emptyState,\n noResultsState,\n children,\n onSelectedItems,\n cardProps,\n minCardHeight,\n dataHook,\n topNotification,\n tableGridSwitchButton,\n useShowLoaderWhenEmpty,\n useNewInfiniteScrollLoader,\n dragAndDrop,\n dragAndDropBulkSubmit,\n dragAndDropSubmit,\n dragAndDropCancel,\n dragAndDropReorderModeToolbar,\n horizontalScroll: horizontalScrollProp,\n stickyColumns,\n stickySelectionColumn,\n hideBulkSelectionCheckbox,\n maxSelection,\n showTitleBar = true,\n BodyElementType,\n isApplyColumnWidthStyle,\n rowVerticalPadding,\n ...rest\n } = props;\n\n const dataExtensionType = isValidElement<\n DataExtensionProps,\n DataExtensionType\n >(dataExtension)\n ? dataExtension.type\n : dataExtension;\n\n const state = tableState.toolbar;\n\n const showSelection = showSelectionProp ?? bulkActionToolbar != null;\n\n const horizontalScroll =\n horizontalScrollProp ??\n state.container.internalExperiments?.enabled(\n 'specs.cairo.HorizontalScrollAsDefault',\n );\n\n const { scrollableContentRef } = useScrollableContentContext();\n\n const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n const { collection, internalScroll } = state;\n\n const customColumns =\n props.customColumns \|\|\n (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n useTableCollectionSyncProps({\n ...props,\n dataExtension,\n showSelection,\n customColumns,\n tags,\n isUsingTableVirtualization: !!BodyElementType,\n });\n\n const { selectedOrderedColumnsOrAll } = state;\n\n const { bulkSelect, query } = collection;\n\n const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n const {\n render,\n id,\n sortable,\n infoTooltipProps,\n title,\n width,\n style,\n ...restColumn\n } = column;\n\n const columnBase = createWSRColumnBase(column, index, length);\n\n return {\n ...restColumn,\n ...columnBase,\n ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n sortDescending:\n sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n render: (keyedItem: KeyedItem<T>, rowNum: number) =>\n render(keyedItem.item, rowNum),\n };\n });\n\n const actionCellColumn = useActionCellColumn({\n actionCellProps: {\n ...(actionCellProps ?? {}),\n stickyActionCell: horizontalScroll \|\| actionCellProps?.stickyActionCell,\n },\n actionCellWidth,\n collection,\n sticky,\n actionCell,\n });\n\n const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n ? [...transformedColumns, actionCellColumn]\n : transformedColumns;\n\n const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n onSortClick?.(col, index);\n\n if (col.id != null) {\n state.collection.sort(\n { id: col.id, sortMode: col.sortMode },\n {\n clearResult: true,\n multiple: multiLevelSortingProp !== undefined,\n },\n );\n }\n };\n\n let table = (\n <CollectionTableWSRTable\n {...props}\n customColumns={customColumns}\n rowVerticalPadding={rowVerticalPadding}\n dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n selectionToolbar={\n bulkActionToolbar && (\n <SingleCollectionBulkActionToolbar\n state={state}\n bulkActionToolbar={bulkActionToolbar}\n />\n )\n }\n horizontalScroll={horizontalScroll}\n minCardHeight={minCardHeight}\n sticky={sticky}\n showTitleBar={showTitleBar}\n state={tableState}\n columns={columnsWithActions}\n onSortClick={internalOnSortClick}\n showSelection={showSelection}\n onSelectionChanged={(_selectedIds, _change) => {\n state.onSelectionChanged(_selectedIds, _change);\n onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n rest.onSelectionChanged?.(_selectedIds, _change);\n }}\n selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n >\n <TablePlaceholderStates\n state={tableState}\n renderError={renderError}\n rowVerticalPadding={rowVerticalPadding}\n emptyState={emptyState}\n noResultsState={noResultsState}\n topNotification={\n typeof topNotification === 'function'\n ? () => topNotification({ query: collection.result.originQuery })\n : topNotification\n }\n />\n\n <CollectionTableContent state={tableState}>\n {useNewInfiniteScrollLoader \|\| internalScroll ? (\n <PageInfiniteScrollLoader\n dataHook=\"infinite-scroll-loader\"\n state={collection}\n scrollMoreAlways\n />\n ) : undefined}\n {children}\n </CollectionTableContent>\n </CollectionTableWSRTable>\n );\n\n if (dragAndDrop) {\n const { CollectionTableDragAndDropContext } = dragAndDrop;\n table = (\n <CollectionTableDragAndDropContext\n state={state}\n onSubmit={dragAndDropSubmit}\n onCancel={dragAndDropCancel}\n onBulkSubmit={dragAndDropBulkSubmit}\n >\n {table}\n </CollectionTableDragAndDropContext>\n );\n }\n\n const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n 'specs.cairo.TableSkeletonLoader',\n );\n\n return (\n <CollectionCard\n renderError={renderError}\n state={state}\n initialLoader={\n !tableSkeletonEnabled && (\n <InitialLoader\n dataHook=\"placeholder-states-loading-state\"\n state={state}\n minHeight={minCardHeight}\n />\n )\n }\n dataHook={dataHook}\n dataExtension={dataExtensionType}\n tags={tags}\n {...cardProps}\n >\n {exportModal ?? state.featuredComponents.exportModal.value}\n {bulkActionModal && (\n <SingleCollectionBulkActionModal\n state={state}\n bulkActionModal={bulkActionModal}\n />\n )}\n {table}\n </CollectionCard>\n );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionCard","_InitialLoader","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_isValidElement","_jsxFileName","_CollectionTable","props","_state$container$inte","_state$container$inte2","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","emptyState","noResultsState","children","onSelectedItems","cardProps","minCardHeight","dataHook","topNotification","tableGridSwitchButton","useShowLoaderWhenEmpty","useNewInfiniteScrollLoader","dragAndDrop","dragAndDropBulkSubmit","dragAndDropSubmit","dragAndDropCancel","dragAndDropReorderModeToolbar","horizontalScroll","horizontalScrollProp","stickyColumns","stickySelectionColumn","hideBulkSelectionCheckbox","maxSelection","showTitleBar","BodyElementType","isApplyColumnWidthStyle","rowVerticalPadding","rest","dataExtensionType","isValidElement","type","toolbar","container","internalExperiments","enabled","scrollableContentRef","useScrollableContentContext","current","collection","internalScroll","default","createElement","CustomColumns","__self","__source","fileName","lineNumber","columnNumber","useTableCollectionSyncProps","isUsingTableVirtualization","selectedOrderedColumnsOrAll","bulkSelect","query","createWSRColumnBase","useCreateWSRColumnBase","transformedColumns","map","column","index","length","render","id","sortable","infoTooltipProps","width","style","restColumn","columnBase","undefined","sortDescending","sort","getIsSortDescending","keyedItem","rowNum","item","actionCellColumn","useActionCellColumn","stickyActionCell","columnsWithActions","internalOnSortClick","col","sortMode","clearResult","multiple","table","CollectionTableWSRTable","_extends2","selectionToolbar","SingleCollectionBulkActionToolbar","onSelectionChanged","_selectedIds","_change","allSelected","selectedValues","selectionDisabled","row","bulk","isRowCheckboxDisabled","TablePlaceholderStates","result","originQuery","CollectionTableContent","PageInfiniteScrollLoader","scrollMoreAlways","TableDragAndDropContext","onSubmit","onCancel","onBulkSubmit","tableSkeletonEnabled","CollectionCard","initialLoader","InitialLoader","minHeight","featuredComponents","value","SingleCollectionBulkActionModal","CollectionTable","exports","observer"],"sources":["../../../../src/components/CollectionTable/CollectionTable.tsx"],"sourcesContent":["import { TableColumn as WSRTableColumn } from '@wix/design-system';\nimport React, { ReactElement } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { CollectionCard } from '../CollectionCard';\nimport { InitialLoader } from '../InitialLoader';\nimport { TableColumn } from '../../model';\nimport { TableState } from '../../state';\nimport { useTableCollectionSyncProps } from './useTableCollectionSyncProps';\nimport type { TableDragAndDropType } from '../TableDragAndDrop';\nimport {\n CollectionTableWSRTable,\n CollectionTableWSRTableBaseProps,\n} from './CollectionTableWSRTable';\nimport { CollectionTableContent } from './CollectionTableContent';\nimport { PageInfiniteScrollLoader } from '../PageInfiniteScrollLoader';\nimport { useActionCellColumn } from '../ActionCell';\nimport {\n BulkActionModalRenderProp,\n BulkActionToolbarRenderProp,\n SingleCollectionBulkActionModal,\n SingleCollectionBulkActionToolbar,\n} from '../BulkAction';\nimport { CollectionTableBaseCommonProps } from './CollectionTableBaseCommonProps';\nimport {\n DataExtensionProps,\n type DataExtensionElement,\n type DataExtensionType,\n} from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\nimport { isValidElement } from '../isValidElement';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n extends CollectionTableWSRTableBaseProps<T, T, F>,\n CollectionTableBaseCommonProps<T, F> {\n /*\n Table columns. Supported properties:\n * + `id`: The column's unique identifier. Required for making the column selectable.\n * + `title`: A string or an element to display in the table header for a column.\n * + `render`: A callback that is called for each row in the data to display the value of this row for the specified column.\n * + `sortableColumns`: [bool] Whether the table items are sortable. <br> This prop accepts a [Sortable Columns](./?path=%2Fstory%2Fcomponents-collection-features--sortable-columns) component. If `sortableColumns` is set to `true`, visitors can click a column header to sort the table items accordingly.\n * @external\n /\n columns: TableColumn<T>[];\n\n /\n Whether to show a checkbox column for selecting items.\n * @default false\n * @external\n /\n showSelection?: boolean;\n /\n A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop.\n * @external\n /\n onRowClick?: (item: T, index: number) => void;\n /\n A [`<ExportButton />`](./?path=/story/components-collection-features--exportto) react element to be added to the toolbar\n /\n exportButton?: ReactElement;\n\n /\n Adds functionality to allow visitors to reorder items manually.\n * This prop accepts a [Drag and Drop](./?path=%2Fstory%2Fcomponents-collection-features--drag-and-drop) component.\n * @external\n /\n dragAndDrop?: TableDragAndDropType;\n\n /\n Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n /\n dataExtension?: DataExtensionType \| DataExtensionElement;\n\n tags?: TagsElement<T>;\n\n /\n Render a custom toolbar when more than 1 item is selected.<br>\n * The function accepts the following parameters\n * * `selectedValues`: The items that were checked via the selection column\n * * `uncheckedValues`: The items that were unchecked via the selection column\n * * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n * * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop\n * * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n * * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n * * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n * * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n \n > When passed, enables `showSelection` by default.\n * @external\n /\n bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n /\n Opens a modal from the [MultiBulkActionToolbar](./?path=%2Fstory%2Fcomponents-collection-features--multibulkactiontoolbar).\n * Supported parameters:\n * + `selectedValues`: Selected item values.\n * + `uncheckedValues`: Unselected item values.\n * + `isSelectAll`: [bool] Whether the Select All option is selected.\n * + `closeModal`: Closes the modal.\n * + `query`: [object] Instance of [ComputedQuery](./?path=%2Fstory%2Fcommon-models--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`.\n * @external\n */\n bulkActionModal?: BulkActionModalRenderProp<T, F>;\n}\n\nexport interface CollectionTableProps<T, F extends FiltersMap>\n extends CollectionTableBaseProps<T, F> {\n state: TableState<T, F>;\n}\n\nfunction _CollectionTable<T, F extends FiltersMap = FiltersMap>(\n props: CollectionTableProps<T, F>,\n) {\n const {\n state: tableState,\n filters,\n title,\n tabs,\n customColumns: customColumnsProp,\n multiLevelSorting: multiLevelSortingProp,\n dataExtension,\n tags,\n views,\n extraToolbar,\n bulkActionToolbar,\n exportButton,\n exportModal,\n bulkActionModal,\n sticky: stickyProp,\n actionCell,\n actionCellWidth,\n actionCellProps,\n columns: columnsProp,\n onRowClick,\n onSortClick,\n showSelection: showSelectionProp,\n search,\n renderError,\n emptyState,\n noResultsState,\n children,\n onSelectedItems,\n cardProps,\n minCardHeight,\n dataHook,\n topNotification,\n tableGridSwitchButton,\n useShowLoaderWhenEmpty,\n useNewInfiniteScrollLoader,\n dragAndDrop,\n dragAndDropBulkSubmit,\n dragAndDropSubmit,\n dragAndDropCancel,\n dragAndDropReorderModeToolbar,\n horizontalScroll: horizontalScrollProp,\n stickyColumns,\n stickySelectionColumn,\n hideBulkSelectionCheckbox,\n maxSelection,\n showTitleBar = true,\n BodyElementType,\n isApplyColumnWidthStyle,\n rowVerticalPadding,\n ...rest\n } = props;\n\n const dataExtensionType = isValidElement<\n DataExtensionProps,\n DataExtensionType\n >(dataExtension)\n ? dataExtension.type\n : dataExtension;\n\n const state = tableState.toolbar;\n\n const showSelection = showSelectionProp ?? bulkActionToolbar != null;\n\n const horizontalScroll =\n horizontalScrollProp ??\n state.container.internalExperiments?.enabled(\n 'specs.cairo.HorizontalScrollAsDefault',\n );\n\n const { scrollableContentRef } = useScrollableContentContext();\n\n const sticky = stickyProp ?? scrollableContentRef?.current != null;\n\n const { collection, internalScroll } = state;\n\n const customColumns =\n props.customColumns \|\|\n (dataExtensionType && <dataExtensionType.CustomColumns />);\n\n useTableCollectionSyncProps({\n ...props,\n dataExtension,\n showSelection,\n customColumns,\n tags,\n isUsingTableVirtualization: !!BodyElementType,\n });\n\n const { selectedOrderedColumnsOrAll } = state;\n\n const { bulkSelect, query } = collection;\n\n const createWSRColumnBase = useCreateWSRColumnBase({ horizontalScroll });\n\n const transformedColumns: WSRTableColumn<KeyedItem<T>>[] =\n selectedOrderedColumnsOrAll.map((column, index, { length }) => {\n const {\n render,\n id,\n sortable,\n infoTooltipProps,\n title,\n width,\n style,\n ...restColumn\n } = column;\n\n const columnBase = createWSRColumnBase(column, index, length);\n\n return {\n ...restColumn,\n ...columnBase,\n ...(isApplyColumnWidthStyle ? undefined : { style, width }),\n sortDescending:\n sortable && id ? query.sort.getIsSortDescending(id) : undefined,\n render: (keyedItem: KeyedItem<T>, rowNum: number) =>\n render(keyedItem.item, rowNum),\n };\n });\n\n const actionCellColumn = useActionCellColumn({\n actionCellProps: {\n ...(actionCellProps ?? {}),\n stickyActionCell: horizontalScroll \|\| actionCellProps?.stickyActionCell,\n },\n actionCellWidth,\n collection,\n sticky,\n actionCell,\n });\n\n const columnsWithActions: WSRTableColumn<KeyedItem<T>>[] = actionCellColumn\n ? [...transformedColumns, actionCellColumn]\n : transformedColumns;\n\n const internalOnSortClick = (col: TableColumn<F>, index: number) => {\n onSortClick?.(col, index);\n\n if (col.id != null) {\n state.collection.sort(\n { id: col.id, sortMode: col.sortMode },\n {\n clearResult: true,\n multiple: multiLevelSortingProp !== undefined,\n },\n );\n }\n };\n\n let table = (\n <CollectionTableWSRTable\n {...props}\n customColumns={customColumns}\n rowVerticalPadding={rowVerticalPadding}\n dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n selectionToolbar={\n bulkActionToolbar && (\n <SingleCollectionBulkActionToolbar\n state={state}\n bulkActionToolbar={bulkActionToolbar}\n />\n )\n }\n horizontalScroll={horizontalScroll}\n minCardHeight={minCardHeight}\n sticky={sticky}\n showTitleBar={showTitleBar}\n state={tableState}\n columns={columnsWithActions}\n onSortClick={internalOnSortClick}\n showSelection={showSelection}\n onSelectionChanged={(_selectedIds, _change) => {\n state.onSelectionChanged(_selectedIds, _change);\n onSelectedItems?.(bulkSelect.allSelected, bulkSelect.selectedValues);\n rest.onSelectionChanged?.(_selectedIds, _change);\n }}\n selectionDisabled={(row) => state.bulk.isRowCheckboxDisabled(row)}\n onRowClick={onRowClick && (({ item }, index) => onRowClick(item, index))}\n isApplyColumnWidthStyle={isApplyColumnWidthStyle}\n >\n <TablePlaceholderStates\n state={tableState}\n renderError={renderError}\n rowVerticalPadding={rowVerticalPadding}\n emptyState={emptyState}\n noResultsState={noResultsState}\n topNotification={\n typeof topNotification === 'function'\n ? () => topNotification({ query: collection.result.originQuery })\n : topNotification\n }\n />\n\n <CollectionTableContent state={tableState}>\n {useNewInfiniteScrollLoader \|\| internalScroll ? (\n <PageInfiniteScrollLoader\n dataHook=\"infinite-scroll-loader\"\n state={collection}\n scrollMoreAlways\n />\n ) : undefined}\n {children}\n </CollectionTableContent>\n </CollectionTableWSRTable>\n );\n\n if (dragAndDrop) {\n const { TableDragAndDropContext } = dragAndDrop;\n table = (\n <TableDragAndDropContext\n state={state}\n onSubmit={dragAndDropSubmit}\n onCancel={dragAndDropCancel}\n onBulkSubmit={dragAndDropBulkSubmit}\n >\n {table}\n </TableDragAndDropContext>\n );\n }\n\n const tableSkeletonEnabled = state.container.internalExperiments?.enabled(\n 'specs.cairo.TableSkeletonLoader',\n );\n\n return (\n <CollectionCard\n renderError={renderError}\n state={state}\n initialLoader={\n !tableSkeletonEnabled && (\n <InitialLoader\n dataHook=\"placeholder-states-loading-state\"\n state={state}\n minHeight={minCardHeight}\n />\n )\n }\n dataHook={dataHook}\n dataExtension={dataExtensionType}\n tags={tags}\n {...cardProps}\n >\n {exportModal ?? state.featuredComponents.exportModal.value}\n {bulkActionModal && (\n <SingleCollectionBulkActionModal\n state={state}\n bulkActionModal={bulkActionModal}\n />\n )}\n {table}\n </CollectionCard>\n );\n}\n\nexport const CollectionTable = observer(_CollectionTable);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js CHANGED Viewed

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "CollectionToolbar2985312369";
+var _namespace_ = "CollectionToolbar2090649273";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CollectionToolbar2985312369__root",
-  "left": "CollectionToolbar2985312369__left",
-  "right": "CollectionToolbar2985312369__right",
-  "fullWidth": "CollectionToolbar2985312369__fullWidth"
+  "root": "CollectionToolbar2090649273__root",
+  "left": "CollectionToolbar2090649273__left",
+  "right": "CollectionToolbar2090649273__right",
+  "fullWidth": "CollectionToolbar2090649273__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CollectionToolbar2985312369~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~CollectionToolbar2985312369__root~~\",\"left\":\"~~CollectionToolbar2985312369__left~~\",\"right\":\"~~CollectionToolbar2985312369__right~~\",\"fullWidth\":\"~~CollectionToolbar2985312369__fullWidth~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar2090649273\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionToolbar2090649273__root\",\"left\":\"CollectionToolbar2090649273__left\",\"right\":\"CollectionToolbar2090649273__right\",\"fullWidth\":\"CollectionToolbar2090649273__fullWidth\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "SearchOrCustomFilter1630648783";
+var _namespace_ = "SearchOrCustomFilter1028414448";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "SearchOrCustomFilter1630648783__root",
-  "search": "SearchOrCustomFilter1630648783__search"
+  "root": "SearchOrCustomFilter1028414448__root",
+  "search": "SearchOrCustomFilter1028414448__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~SearchOrCustomFilter1630648783~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~SearchOrCustomFilter1630648783__root~~\",\"search\":\"~~SearchOrCustomFilter1630648783__search~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter1028414448\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SearchOrCustomFilter1028414448__root\",\"search\":\"SearchOrCustomFilter1028414448__search\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "AutoCompleteReadonly298435811";
+var _namespace_ = "AutoCompleteReadonly3397917518";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "AutoCompleteReadonly298435811__root"
+  "root": "AutoCompleteReadonly3397917518__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~AutoCompleteReadonly298435811~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~AutoCompleteReadonly298435811__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG~~,+BAA+B~~;~~AACjD~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;~~AAAqC~~,CAAC;~~AAC5D~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly3397917518\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly3397917518__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "ViewsDropdown3679308848";
+var _namespace_ = "ViewsDropdown858340643";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "ViewsDropdown3679308848__root"
+  "root": "ViewsDropdown858340643__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~ViewsDropdown3679308848~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~ViewsDropdown3679308848__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,~~yBAAyB~~;~~AAC3C~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;~~AAA+B~~,CAAC;~~AACtD~~,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown858340643\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown858340643__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA8B,CAAC;AACrD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanelEntry.js CHANGED Viewed

@@ -7,11 +7,15 @@ var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _CustomColumnsPanel = require("./CustomColumnsPanel");
 var _state = require("../../state");
 var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
+var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanelEntry.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 function _CustomColumnsPanelEntry() {
   const toolbar = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
   if (process.env.NODE_ENV !== 'production') {
     (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
       required: '^1.68.0',
@@ -21,14 +25,15 @@ function _CustomColumnsPanelEntry() {
   const [state] = (0, _react.useState)(() => toolbar.customColumnsState ?? (toolbar.customColumnsState = new _state.CustomColumnsState({
     table: toolbar,
     container: toolbar.container,
-    dragAndDrop: CustomColumnsPanelEntry.CustomColumnsDragAndDrop
+    dragAndDrop: CustomColumnsPanelEntry.CustomColumnsDragAndDrop,
+    modalsContainerRef
   })));
   return /*#__PURE__*/_react.default.createElement(_CustomColumnsPanel.CustomColumnsPanel, {
     state: state,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 30,
       columnNumber: 10
     }
   });

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanelEntry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContext","_CustomColumnsPanel","_state","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomColumnsPanelEntry","toolbar","useToolbarCollectionContext","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","state","useState","customColumnsState","CustomColumnsState","table","container","dragAndDrop","CustomColumnsPanelEntry","CustomColumnsDragAndDrop","createElement","CustomColumnsPanel","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanelEntry.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { CustomColumnsPanel } from './CustomColumnsPanel';\nimport { CustomColumnsState } from '../../state';\nimport type { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\n\nfunction _CustomColumnsPanelEntry() {\n const toolbar = useToolbarCollectionContext();\n\n if (process.env.NODE_ENV !== 'production') {\n minimalRequiredWdsRuntimeCheck({\n required: '^1.68.0',\n requiredBy: 'Cairo/CustomColumns',\n });\n }\n\n const [state] = useState(\n () =>\n (toolbar.customColumnsState ??= new CustomColumnsState({\n table: toolbar,\n container: toolbar.container,\n dragAndDrop: CustomColumnsPanelEntry.CustomColumnsDragAndDrop,\n })),\n );\n\n return <CustomColumnsPanel state={state} />;\n}\n\nexport const CustomColumnsPanelEntry =\n _CustomColumnsPanelEntry as typeof _CustomColumnsPanelEntry & {\n CustomColumnsDragAndDrop?: typeof CustomColumnsDragAndDrop;\n };\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,+BAAA,GAAAJ,OAAA;~~AAAsF~~,IAAAK,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,~~SAAAR~~,~~wBAAAQ~~,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;~~AAEtF~~,SAASW,wBAAwBA,CAAA,EAAG;EAClC,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;~~EAE7C~~,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,~~MACGT~~,OAAO,~~CAACU~~,kBAAkB,~~KAA1BV~~,OAAO,~~CAACU~~,kBAAkB,GAAK,IAAIC,yBAAkB,CAAC;IACrDC,KAAK,~~EAAEZ~~,OAAO;~~IACda~~,SAAS,~~EAAEb~~,OAAO,~~CAACa~~,SAAS;IAC5BC,WAAW,EAAEC,uBAAuB,CAACC;~~EACvC~~,CAAC,CAAC,CACN,CAAC;EAED,~~oBAAO7C~~,MAAA,~~CAAAc~~,OAAA,~~CAAAgC~~,aAAA,~~CAAC1C~~,mBAAA,~~CAAA2C~~,kBAAkB;IAACV,KAAK,EAAEA,KAAM;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA3C~~,YAAA;~~MAAA4C~~,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC7C;AAEO,MAAMR,uBAAuB,GAAAS,OAAA,CAAAT,uBAAA,~~GAClChB~~,wBAEC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollectionContext","_CustomColumnsPanel","_state","_minimalRequiredWdsRuntimeCheck","_react2","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomColumnsPanelEntry","toolbar","useToolbarCollectionContext","modalsContainerRef","usePageContext","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","state","useState","customColumnsState","CustomColumnsState","table","container","dragAndDrop","CustomColumnsPanelEntry","CustomColumnsDragAndDrop","createElement","CustomColumnsPanel","__self","__source","fileName","lineNumber","columnNumber","exports"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanelEntry.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { CustomColumnsPanel } from './CustomColumnsPanel';\nimport { CustomColumnsState } from '../../state';\nimport type { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { usePageContext } from '@wix/bex-core/react';\n\nfunction _CustomColumnsPanelEntry() {\n const toolbar = useToolbarCollectionContext();\n const { modalsContainerRef } = usePageContext();\n\n if (process.env.NODE_ENV !== 'production') {\n minimalRequiredWdsRuntimeCheck({\n required: '^1.68.0',\n requiredBy: 'Cairo/CustomColumns',\n });\n }\n\n const [state] = useState(\n () =>\n (toolbar.customColumnsState ??= new CustomColumnsState({\n table: toolbar,\n container: toolbar.container,\n dragAndDrop: CustomColumnsPanelEntry.CustomColumnsDragAndDrop,\n modalsContainerRef,\n })),\n );\n\n return <CustomColumnsPanel state={state} />;\n}\n\nexport const CustomColumnsPanelEntry =\n _CustomColumnsPanelEntry as typeof _CustomColumnsPanelEntry & {\n CustomColumnsDragAndDrop?: typeof CustomColumnsDragAndDrop;\n };\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,yBAAA,GAAAD,OAAA;AACA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,+BAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAAqD,IAAAM,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAErD,SAASW,wBAAwBA,CAAA,EAAG;EAClC,MAAMC,OAAO,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC7C,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,MAAM,CAACC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACGX,OAAO,CAACY,kBAAkB,KAA1BZ,OAAO,CAACY,kBAAkB,GAAK,IAAIC,yBAAkB,CAAC;IACrDC,KAAK,EAAEd,OAAO;IACde,SAAS,EAAEf,OAAO,CAACe,SAAS;IAC5BC,WAAW,EAAEC,uBAAuB,CAACC,wBAAwB;IAC7DhB;EACF,CAAC,CAAC,CACN,CAAC;EAED,oBAAOhC,MAAA,CAAAe,OAAA,CAAAkC,aAAA,CAAC7C,mBAAA,CAAA8C,kBAAkB;IAACV,KAAK,EAAEA,KAAM;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC7C;AAEO,MAAMR,uBAAuB,GAAAS,OAAA,CAAAT,uBAAA,GAClClB,wBAEC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js CHANGED Viewed

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "CustomFieldsViewWidgetSection2323391711";
+var _namespace_ = "CustomFieldsViewWidgetSection2916356568";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "CustomFieldsViewWidgetSection2323391711__root",
-  "breakWord": "CustomFieldsViewWidgetSection2323391711__breakWord"
+  "root": "CustomFieldsViewWidgetSection2916356568__root",
+  "breakWord": "CustomFieldsViewWidgetSection2916356568__breakWord"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CustomFieldsViewWidgetSection2323391711~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~CustomFieldsViewWidgetSection2323391711__root~~\",\"breakWord\":\"~~CustomFieldsViewWidgetSection2323391711__breakWord~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yCAAyC;AAC3D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+CAA+C;EAAC,WAAW,EAAC;AAAoD,CAAC;AACvI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection2916356568\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CustomFieldsViewWidgetSection2916356568__root\",\"breakWord\":\"CustomFieldsViewWidgetSection2916356568__breakWord\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yCAAyC;AAC3D,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,+CAA+C;EAAC,WAAW,EAAC;AAAoD,CAAC;AACvI,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropState.js CHANGED Viewed

@@ -22,7 +22,7 @@ class CollectionDragAndDropState {
       bi: this.bi,
       collection: params.state.collection,
       container: params.container,
-      a11yContainer: params.a11yContainer,
+      a11yContainerRef: params.a11yContainer,
       move: this._collectionMove.bind(this),
       announcements: {
         dragHandleLabel: id => {
@@ -55,7 +55,7 @@ class CollectionDragAndDropState {
   get optimisticActions() {
     return this.collection._optimisticActions;
   }
-  init(params) {
+  init() {
     const {
       optimisticActions,
       dnd: {
@@ -66,7 +66,7 @@ class CollectionDragAndDropState {
     const {
       translate: t
     } = container;
-    const disposers = [this.dnd.init(params), (0, _mobx.reaction)(() => this.dnd.isDisabled, isDisabled => {
+    const disposers = [this.dnd.init(), (0, _mobx.reaction)(() => this.dnd.isDisabled, isDisabled => {
       if (!optimisticActions) {
         return;
       }

package/dist/cjs/components/DragAndDrop/CollectionDragAndDropState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_bexCore","require","_mobx","_DragAndDropState","_CollectionDragAndDropBI","CollectionDragAndDropState","constructor","params","_defineProperty2","default","state","bi","CollectionDragAndDropBI","dnd","DragAndDropState","collection","container","a11yContainer","move","_collectionMove","bind","announcements","dragHandleLabel","id","_this$collection$getK","translate","t","itemName","item","getKeyedItem","itemDescription","_this$collection$getK2","optimisticActions","_optimisticActions","init","disposers","reaction","isDisabled","_orderByMode","fireImmediately","addEventListener","events","hasRunningSequence","title","content","onResume","action","onMoveFailure","reason","patches","pendingMovePatches","onMoveRetry","onWindowClosedDuringSequence","window","forEach","d","removeEventListener","ev","_this$state$getCollec","_this$state","onSubmit","reorderModeState","dragEndEvent","_createDragEndEvent","onTryAgain","onBulkSubmit","submit","event","_createSimpleDragEndEvent","undefined","collectionSnapshot","getCollectionSnapshot","call","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropState.ts"],"sourcesContent":["import {\n addEventListener,\n WixPatternsContainer,\n CollectionState,\n FiltersMap,\n} from '@wix/bex-core';\nimport { action, reaction } from 'mobx';\nimport {\n DragAndDropParentState,\n DragAndDropState,\n DragItemOver,\n} from './DragAndDropState';\nimport { CollectionDragAndDropBI } from './CollectionDragAndDropBI';\n\nexport type CollectionDragAndDropParentState<T, F extends FiltersMap> = Omit<\n DragAndDropParentState<T, F>,\n 'collection'\n> & {\n collection: CollectionState<T, F>;\n getCollectionSnapshot?: () => {\n [key: string]: string \| number \| undefined;\n };\n};\n\ninterface CollectionDragAndDropStateParams<T, F extends FiltersMap> {\n container: WixPatternsContainer;\n state: CollectionDragAndDropParentState<T, F>;\n a11yContainer: HTMLElement \| undefined \| null;\n}\nexport class CollectionDragAndDropState<T, F extends FiltersMap> {\n dnd: DragAndDropState<T, F>;\n state;\n bi;\n\n constructor(params: CollectionDragAndDropStateParams<T, F>) {\n this.state = params.state;\n this.bi = new CollectionDragAndDropBI({ state: params.state });\n\n this.dnd = new DragAndDropState<T, F>({\n state: this.state,\n bi: this.bi,\n collection: params.state.collection,\n container: params.container,\n a11yContainer: params.a11yContainer,\n move: this._collectionMove.bind(this),\n announcements: {\n dragHandleLabel: (id) => {\n const { translate: t } = params.container;\n const { itemName } = this.collection;\n\n const item = this.collection.getKeyedItem(id as string)?.item;\n\n return t('cairo.dragAndDrop.button-role-label.sr', {\n itemName: item ? itemName(item) : '',\n });\n },\n itemDescription: (id) => {\n const { itemName } = this.collection;\n\n const item = this.collection.getKeyedItem(id as string)?.item;\n\n return item ? itemName(item) : '';\n },\n },\n });\n }\n\n get collection() {\n return this.state.collection;\n }\n get optimisticActions() {\n return this.collection._optimisticActions;\n }\n\n init(params: { a11yContainer?: HTMLElement \| null \| undefined }) {\n const {\n optimisticActions,\n dnd: { container },\n bi,\n } = this;\n const { translate: t } = container;\n\n const disposers = [\n this.dnd.init(params),\n reaction(\n () => this.dnd.isDisabled,\n (isDisabled) => {\n if (!optimisticActions) {\n return;\n }\n\n optimisticActions._orderByMode = isDisabled ? 'orders' : 'moves';\n },\n {\n fireImmediately: true,\n },\n ),\n addEventListener(container.events, 'navigation', () => {\n if (optimisticActions?.hasRunningSequence) {\n return {\n title: t('cairo.dragAndDrop.leaveSite.modal.title'),\n content: t('cairo.dragAndDrop.leaveSite.modal.description'),\n onResume: action(() => {\n bi.onMoveFailure({\n reason: 'Left page',\n patches: optimisticActions.pendingMovePatches,\n });\n }),\n };\n }\n return null;\n }),\n ...(optimisticActions\n ? [\n addEventListener(\n optimisticActions.events,\n 'dragAndDropSequenceError',\n ({ patches }) => {\n bi.onMoveFailure({\n reason: 'Update failed',\n patches,\n });\n },\n ),\n addEventListener(\n optimisticActions.events,\n 'dragAndDropSequenceRetry',\n ({ patches }) => {\n bi.onMoveRetry({ patches });\n },\n ),\n ]\n : []),\n ];\n\n const onWindowClosedDuringSequence = () => {\n if (optimisticActions?.hasRunningSequence) {\n bi.onMoveFailure({\n reason: 'Window closed',\n patches: optimisticActions.pendingMovePatches,\n });\n }\n };\n\n window.addEventListener('unload', onWindowClosedDuringSequence);\n\n return action(() => {\n disposers.forEach((d) => d());\n window.removeEventListener('unload', onWindowClosedDuringSequence);\n });\n }\n\n _collectionMove(ev: { over: DragItemOver \| null }) {\n const { onSubmit, reorderModeState } = this.dnd;\n const { optimisticActions } = this;\n if (optimisticActions == null) {\n return;\n }\n\n const dragEndEvent = this.dnd._createDragEndEvent(ev);\n\n if (dragEndEvent == null) {\n return;\n }\n\n optimisticActions.move(dragEndEvent, {\n onTryAgain: async () => {\n await reorderModeState?.onBulkSubmit();\n },\n submit: reorderModeState\n ? () => reorderModeState?.onSubmit\n : onSubmit\n ? (event) => onSubmit(this.dnd._createSimpleDragEndEvent(event))\n : undefined,\n collectionSnapshot: this.state.getCollectionSnapshot?.() ?? {},\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_bexCore","require","_mobx","_DragAndDropState","_CollectionDragAndDropBI","CollectionDragAndDropState","constructor","params","_defineProperty2","default","state","bi","CollectionDragAndDropBI","dnd","DragAndDropState","collection","container","a11yContainerRef","a11yContainer","move","_collectionMove","bind","announcements","dragHandleLabel","id","_this$collection$getK","translate","t","itemName","item","getKeyedItem","itemDescription","_this$collection$getK2","optimisticActions","_optimisticActions","init","disposers","reaction","isDisabled","_orderByMode","fireImmediately","addEventListener","events","hasRunningSequence","title","content","onResume","action","onMoveFailure","reason","patches","pendingMovePatches","onMoveRetry","onWindowClosedDuringSequence","window","forEach","d","removeEventListener","ev","_this$state$getCollec","_this$state","onSubmit","reorderModeState","dragEndEvent","_createDragEndEvent","onTryAgain","onBulkSubmit","submit","event","_createSimpleDragEndEvent","undefined","collectionSnapshot","getCollectionSnapshot","call","exports"],"sources":["../../../../src/components/DragAndDrop/CollectionDragAndDropState.ts"],"sourcesContent":["import {\n addEventListener,\n WixPatternsContainer,\n CollectionState,\n FiltersMap,\n} from '@wix/bex-core';\nimport { action, reaction } from 'mobx';\nimport {\n DragAndDropParentState,\n DragAndDropState,\n DragItemOver,\n} from './DragAndDropState';\nimport { CollectionDragAndDropBI } from './CollectionDragAndDropBI';\n\nexport type CollectionDragAndDropParentState<T, F extends FiltersMap> = Omit<\n DragAndDropParentState<T, F>,\n 'collection'\n> & {\n collection: CollectionState<T, F>;\n getCollectionSnapshot?: () => {\n [key: string]: string \| number \| undefined;\n };\n};\n\ninterface CollectionDragAndDropStateParams<T, F extends FiltersMap> {\n container: WixPatternsContainer;\n state: CollectionDragAndDropParentState<T, F>;\n a11yContainer: {\n current: HTMLElement \| null \| undefined;\n };\n}\nexport class CollectionDragAndDropState<T, F extends FiltersMap> {\n dnd: DragAndDropState<T, F>;\n state;\n bi;\n\n constructor(params: CollectionDragAndDropStateParams<T, F>) {\n this.state = params.state;\n this.bi = new CollectionDragAndDropBI({ state: params.state });\n\n this.dnd = new DragAndDropState<T, F>({\n state: this.state,\n bi: this.bi,\n collection: params.state.collection,\n container: params.container,\n a11yContainerRef: params.a11yContainer,\n move: this._collectionMove.bind(this),\n announcements: {\n dragHandleLabel: (id) => {\n const { translate: t } = params.container;\n const { itemName } = this.collection;\n\n const item = this.collection.getKeyedItem(id as string)?.item;\n\n return t('cairo.dragAndDrop.button-role-label.sr', {\n itemName: item ? itemName(item) : '',\n });\n },\n itemDescription: (id) => {\n const { itemName } = this.collection;\n\n const item = this.collection.getKeyedItem(id as string)?.item;\n\n return item ? itemName(item) : '';\n },\n },\n });\n }\n\n get collection() {\n return this.state.collection;\n }\n get optimisticActions() {\n return this.collection._optimisticActions;\n }\n\n init() {\n const {\n optimisticActions,\n dnd: { container },\n bi,\n } = this;\n const { translate: t } = container;\n\n const disposers = [\n this.dnd.init(),\n reaction(\n () => this.dnd.isDisabled,\n (isDisabled) => {\n if (!optimisticActions) {\n return;\n }\n\n optimisticActions._orderByMode = isDisabled ? 'orders' : 'moves';\n },\n {\n fireImmediately: true,\n },\n ),\n addEventListener(container.events, 'navigation', () => {\n if (optimisticActions?.hasRunningSequence) {\n return {\n title: t('cairo.dragAndDrop.leaveSite.modal.title'),\n content: t('cairo.dragAndDrop.leaveSite.modal.description'),\n onResume: action(() => {\n bi.onMoveFailure({\n reason: 'Left page',\n patches: optimisticActions.pendingMovePatches,\n });\n }),\n };\n }\n return null;\n }),\n ...(optimisticActions\n ? [\n addEventListener(\n optimisticActions.events,\n 'dragAndDropSequenceError',\n ({ patches }) => {\n bi.onMoveFailure({\n reason: 'Update failed',\n patches,\n });\n },\n ),\n addEventListener(\n optimisticActions.events,\n 'dragAndDropSequenceRetry',\n ({ patches }) => {\n bi.onMoveRetry({ patches });\n },\n ),\n ]\n : []),\n ];\n\n const onWindowClosedDuringSequence = () => {\n if (optimisticActions?.hasRunningSequence) {\n bi.onMoveFailure({\n reason: 'Window closed',\n patches: optimisticActions.pendingMovePatches,\n });\n }\n };\n\n window.addEventListener('unload', onWindowClosedDuringSequence);\n\n return action(() => {\n disposers.forEach((d) => d());\n window.removeEventListener('unload', onWindowClosedDuringSequence);\n });\n }\n\n _collectionMove(ev: { over: DragItemOver \| null }) {\n const { onSubmit, reorderModeState } = this.dnd;\n const { optimisticActions } = this;\n if (optimisticActions == null) {\n return;\n }\n\n const dragEndEvent = this.dnd._createDragEndEvent(ev);\n\n if (dragEndEvent == null) {\n return;\n }\n\n optimisticActions.move(dragEndEvent, {\n onTryAgain: async () => {\n await reorderModeState?.onBulkSubmit();\n },\n submit: reorderModeState\n ? () => reorderModeState?.onSubmit\n : onSubmit\n ? (event) => onSubmit(this.dnd._createSimpleDragEndEvent(event))\n : undefined,\n collectionSnapshot: this.state.getCollectionSnapshot?.() ?? {},\n });\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/DragAndDropAnnouncements.js CHANGED Viewed

@@ -27,9 +27,6 @@ function _DragAndDropAnnouncements(props) {
       total
     }
   } = state;
-  if (state.a11yContainer == null) {
-    return null;
-  }
   const announcement = (() => {
     switch (state.status) {
       case 'start':
@@ -73,11 +70,14 @@ function _DragAndDropAnnouncements(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 71,
       columnNumber: 5
     }
   }, announcement);
-  child = /*#__PURE__*/(0, _reactDom.createPortal)(child, state.a11yContainer);
+  if (!state.a11yContainerRef.current) {
+    return null;
+  }
+  child = /*#__PURE__*/(0, _reactDom.createPortal)(child, state.a11yContainerRef.current);
   return child;
 }
 const DragAndDropAnnouncements = exports.DragAndDropAnnouncements = (0, _mobxReactLite.observer)(_DragAndDropAnnouncements);

package/dist/cjs/components/DragAndDrop/DragAndDropAnnouncements.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_reactDom","require","_react","_interopRequireDefault","_mobxReactLite","_VisuallyHidden","_react2","_jsxFileName","_DragAndDropAnnouncements","props","state","dataHook","environment","language","translate","t","useWixPatternsContainer","active","over","collection","total","~~a11yContainer","~~announcement","status","id","currentNumber","index","totalNumber","child","default","createElement","style","visuallyHidden","role","lang","__self","__source","fileName","lineNumber","columnNumber","createPortal","DragAndDropAnnouncements","exports","observer"],"sources":["../../../../src/components/DragAndDrop/DragAndDropAnnouncements.tsx"],"sourcesContent":["import { DragAndDropState } from './DragAndDropState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { createPortal } from 'react-dom';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { visuallyHidden } from '../VisuallyHidden';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface DragAndDropAnnouncementsProps<T, F extends FiltersMap> {\n state: DragAndDropState<T, F>;\n dataHook?: string;\n}\n\nfunction _DragAndDropAnnouncements<T, F extends FiltersMap>(\n props: DragAndDropAnnouncementsProps<T, F>,\n) {\n const { state, dataHook } = props;\n\n const {\n environment: { language },\n translate: t,\n } = useWixPatternsContainer();\n\n const {\n active,\n over,\n collection: { total },\n } = state;\n\n ~~if (state.a11yContainer == null) {\n return null;\n }\n\n~~ const announcement = (() => {\n switch (state.status) {\n case 'start':\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n\n case 'over':\n if (over && over.id !== active?.id) {\n return t('cairo.dragAndDrop.live-region.itemDragged.sr', {\n currentNumber: over.index + 1,\n totalNumber: total,\n });\n }\n\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n case 'end':\n if (over) {\n if (over.id === active?.id) {\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n return t('cairo.dragAndDrop.live-region.itemDropped.sr', {\n currentNumber: over.index + 1,\n });\n }\n return;\n case 'cancel':\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n return;\n })();\n\n let child = (\n <div\n data-hook={dataHook}\n style={visuallyHidden}\n role=\"status\"\n aria-live=\"assertive\"\n aria-atomic\n lang={language}\n >\n {announcement}\n </div>\n );\n\n child = createPortal(child, state.~~a11yContainer~~);\n\n return child;\n}\n\nexport const DragAndDropAnnouncements = observer(_DragAndDropAnnouncements);\n"],"mappings":";;;;;AAEA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAO9D,SAASC,yBAAyBA,CAChCC,KAA0C,EAC1C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IACJG,WAAW,EAAE;MAAEC;IAAS,CAAC;IACzBC,SAAS,EAAEC;EACb,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE7B,MAAM;IACJC,MAAM;IACNC,IAAI;IACJC,UAAU,EAAE;MAAEC;IAAM;EACtB,CAAC,GAAGV,KAAK;EAET,~~IAAIA~~,~~KAAK,CAACW,aAAa,IAAI,IAAI,EAAE;IAC/B,OAAO,IAAI;EACb;EAEA,MAAMC,~~YAAY,GAAG,CAAC,MAAM;IAC1B,~~QAAQZ~~,KAAK,~~CAACa~~,MAAM;MAClB,KAAK,OAAO;QACV,~~IAAIN~~,MAAM,EAAE;UACV,OAAOF,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MAEF,KAAK,MAAM;QACT,IAAIG,IAAI,IAAIA,IAAI,~~CAACM~~,EAAE,~~MAAKP~~,MAAM,oBAANA,MAAM,~~CAAEO~~,EAAE,GAAE;UAClC,~~OAAOT~~,CAAC,CAAC,8CAA8C,EAAE;~~YACvDU~~,aAAa,~~EAAEP~~,IAAI,~~CAACQ~~,KAAK,GAAG,CAAC;YAC7BC,WAAW,~~EAAEP~~;UACf,CAAC,CAAC;QACJ;QAEA,IAAIH,MAAM,EAAE;UACV,OAAOF,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MACF,KAAK,KAAK;QACR,IAAIG,IAAI,EAAE;UACR,IAAIA,IAAI,~~CAACM~~,EAAE,~~MAAKP~~,MAAM,oBAANA,MAAM,~~CAAEO~~,EAAE,GAAE;YAC1B,~~OAAOT~~,CAAC,CAAC,wCAAwC,CAAC;UACpD;UAEA,OAAOA,CAAC,CAAC,8CAA8C,EAAE;~~YACvDU~~,aAAa,~~EAAEP~~,IAAI,~~CAACQ~~,KAAK,GAAG;UAC9B,CAAC,CAAC;QACJ;QACA;MACF,KAAK,QAAQ;QACX,~~OAAOX~~,CAAC,CAAC,wCAAwC,CAAC;IACtD;IAEA;EACF,CAAC,EAAE,CAAC;EAEJ,~~IAAIa~~,KAAK,~~gBACP1B~~,MAAA,~~CAAA2B~~,OAAA,CAAAC,aAAA;IACE,~~aAAWnB~~,QAAS;~~IACpBoB~~,KAAK,EAAEC,8BAAe;IACtBC,IAAI,EAAC,QAAQ;IACb,aAAU,WAAW;IACrB,mBAAW;IACXC,IAAI,~~EAAErB~~,QAAS;~~IAAAsB~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAA9B~~,YAAA;~~MAAA+B~~,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEdjB,YACE,CACN;~~EAEDM~~,KAAK,gBAAG,~~IAAAY~~,sBAAY,~~EAACZ~~,KAAK,~~EAAElB~~,KAAK,~~CAACW~~,~~aAAa~~,CAAC;~~EAEhD~~,~~OAAOO~~,KAAK;AACd;AAEO,~~MAAMa~~,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,~~EAACnC~~,yBAAyB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_reactDom","require","_react","_interopRequireDefault","_mobxReactLite","_VisuallyHidden","_react2","_jsxFileName","_DragAndDropAnnouncements","props","state","dataHook","environment","language","translate","t","useWixPatternsContainer","active","over","collection","total","announcement","status","id","currentNumber","index","totalNumber","child","default","createElement","style","visuallyHidden","role","lang","__self","__source","fileName","lineNumber","columnNumber","a11yContainerRef","current","createPortal","DragAndDropAnnouncements","exports","observer"],"sources":["../../../../src/components/DragAndDrop/DragAndDropAnnouncements.tsx"],"sourcesContent":["import { DragAndDropState } from './DragAndDropState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { createPortal } from 'react-dom';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { visuallyHidden } from '../VisuallyHidden';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface DragAndDropAnnouncementsProps<T, F extends FiltersMap> {\n state: DragAndDropState<T, F>;\n dataHook?: string;\n}\n\nfunction _DragAndDropAnnouncements<T, F extends FiltersMap>(\n props: DragAndDropAnnouncementsProps<T, F>,\n) {\n const { state, dataHook } = props;\n\n const {\n environment: { language },\n translate: t,\n } = useWixPatternsContainer();\n\n const {\n active,\n over,\n collection: { total },\n } = state;\n\n const announcement = (() => {\n switch (state.status) {\n case 'start':\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n\n case 'over':\n if (over && over.id !== active?.id) {\n return t('cairo.dragAndDrop.live-region.itemDragged.sr', {\n currentNumber: over.index + 1,\n totalNumber: total,\n });\n }\n\n if (active) {\n return t('cairo.dragAndDrop.live-region.itemGrabbed.sr');\n }\n\n return;\n case 'end':\n if (over) {\n if (over.id === active?.id) {\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n return t('cairo.dragAndDrop.live-region.itemDropped.sr', {\n currentNumber: over.index + 1,\n });\n }\n return;\n case 'cancel':\n return t('cairo.dragAndDrop.reorder-cancelled.sr');\n }\n\n return;\n })();\n\n let child = (\n <div\n data-hook={dataHook}\n style={visuallyHidden}\n role=\"status\"\n aria-live=\"assertive\"\n aria-atomic\n lang={language}\n >\n {announcement}\n </div>\n );\n\n if (!state.a11yContainerRef.current) {\n return null;\n }\n\n child = createPortal(child, state.a11yContainerRef.current);\n\n return child;\n}\n\nexport const DragAndDropAnnouncements = observer(_DragAndDropAnnouncements);\n"],"mappings":";;;;;AAEA,IAAAA,SAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAO9D,SAASC,yBAAyBA,CAChCC,KAA0C,EAC1C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IACJG,WAAW,EAAE;MAAEC;IAAS,CAAC;IACzBC,SAAS,EAAEC;EACb,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAE7B,MAAM;IACJC,MAAM;IACNC,IAAI;IACJC,UAAU,EAAE;MAAEC;IAAM;EACtB,CAAC,GAAGV,KAAK;EAET,MAAMW,YAAY,GAAG,CAAC,MAAM;IAC1B,QAAQX,KAAK,CAACY,MAAM;MAClB,KAAK,OAAO;QACV,IAAIL,MAAM,EAAE;UACV,OAAOF,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MAEF,KAAK,MAAM;QACT,IAAIG,IAAI,IAAIA,IAAI,CAACK,EAAE,MAAKN,MAAM,oBAANA,MAAM,CAAEM,EAAE,GAAE;UAClC,OAAOR,CAAC,CAAC,8CAA8C,EAAE;YACvDS,aAAa,EAAEN,IAAI,CAACO,KAAK,GAAG,CAAC;YAC7BC,WAAW,EAAEN;UACf,CAAC,CAAC;QACJ;QAEA,IAAIH,MAAM,EAAE;UACV,OAAOF,CAAC,CAAC,8CAA8C,CAAC;QAC1D;QAEA;MACF,KAAK,KAAK;QACR,IAAIG,IAAI,EAAE;UACR,IAAIA,IAAI,CAACK,EAAE,MAAKN,MAAM,oBAANA,MAAM,CAAEM,EAAE,GAAE;YAC1B,OAAOR,CAAC,CAAC,wCAAwC,CAAC;UACpD;UAEA,OAAOA,CAAC,CAAC,8CAA8C,EAAE;YACvDS,aAAa,EAAEN,IAAI,CAACO,KAAK,GAAG;UAC9B,CAAC,CAAC;QACJ;QACA;MACF,KAAK,QAAQ;QACX,OAAOV,CAAC,CAAC,wCAAwC,CAAC;IACtD;IAEA;EACF,CAAC,EAAE,CAAC;EAEJ,IAAIY,KAAK,gBACPzB,MAAA,CAAA0B,OAAA,CAAAC,aAAA;IACE,aAAWlB,QAAS;IACpBmB,KAAK,EAAEC,8BAAe;IACtBC,IAAI,EAAC,QAAQ;IACb,aAAU,WAAW;IACrB,mBAAW;IACXC,IAAI,EAAEpB,QAAS;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEdjB,YACE,CACN;EAED,IAAI,CAACX,KAAK,CAAC6B,gBAAgB,CAACC,OAAO,EAAE;IACnC,OAAO,IAAI;EACb;EAEAb,KAAK,gBAAG,IAAAc,sBAAY,EAACd,KAAK,EAAEjB,KAAK,CAAC6B,gBAAgB,CAACC,OAAO,CAAC;EAE3D,OAAOb,KAAK;AACd;AAEO,MAAMe,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAACpC,yBAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/DragAndDrop/DragAndDropState.js CHANGED Viewed

@@ -35,7 +35,7 @@ class DragAndDropState {
     (0, _defineProperty2.default)(this, "_isHandleActive", false);
     (0, _defineProperty2.default)(this, "_isKeyboardDragging", false);
     (0, _defineProperty2.default)(this, "_moveId", '');
-    (0, _defineProperty2.default)(this, "a11yContainer", void 0);
+    (0, _defineProperty2.default)(this, "a11yContainerRef", void 0);
     (0, _defineProperty2.default)(this, "_baseAnimation", {
       duration: 250,
       easing: 'cubic-bezier(0.33, 1, 0.68, 1)'
@@ -152,7 +152,7 @@ class DragAndDropState {
     this.container = params.container;
     this.state = params.state;
     this.collection = params.collection;
-    this.a11yContainer = params.a11yContainer;
+    this.a11yContainerRef = params.a11yContainerRef;
     this.overlayRect = new _RectState.RectState({
       container: this.container
     });
@@ -196,7 +196,6 @@ class DragAndDropState {
       overlayRect: _mobx.observable.ref,
       overId: _mobx.observable.ref,
       status: _mobx.observable.ref,
-      a11yContainer: _mobx.observable.ref,
       onDragStart: _mobx.action,
       init: _mobx.action,
       beforeDrop: _mobx.action,
@@ -405,15 +404,9 @@ class DragAndDropState {
     }
     return false;
   }
-  init({
-    a11yContainer
-  }) {
-    this.a11yContainer = a11yContainer;
-    this.state._dnd = this;
+  init() {
     document.addEventListener('keydown', this._onGlobalKeydown);
     return (0, _mobx.action)(() => {
-      this.state._dnd = null;
-      this.a11yContainer = null;
       document.removeEventListener('keydown', this._onGlobalKeydown);
     });
   }