npm - @wix/patterns - Versions diffs - 0.10.0 → 1.0.0 - Mend

@wix/patterns 0.10.0 → 1.0.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 (398) 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_ = "Collapse1391883845";
+var _namespace_ = "Collapse3019787300";
 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": "Collapse1391883845__root",
-  "exit": "Collapse1391883845__exit"
+  "root": "Collapse3019787300__root",
+  "exit": "Collapse3019787300__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_ = \"~~Collapse1391883845~~\";\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\":\"~~Collapse1391883845__root~~\",\"exit\":\"~~Collapse1391883845__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"}
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_ = \"Collapse3019787300\";\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\":\"Collapse3019787300__root\",\"exit\":\"Collapse3019787300__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"}

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

@@ -45,7 +45,8 @@ function _CollectionTable(props) {
     showSelection: showSelectionProp,
     search,
     renderError,
-    renderEmptyState,
+    emptyState,
+    noResultsState,
     children,
     onSelectedItems,
     cardProps,
@@ -86,7 +87,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 186,
       columnNumber: 27
     }
   });
@@ -166,7 +167,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 265,
+        lineNumber: 266,
         columnNumber: 11
       }
     }),
@@ -191,32 +192,22 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 258,
+      lineNumber: 259,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_TablePlaceholderStates.TablePlaceholderStates, {
     state: tableState,
     renderError: renderError,
     rowVerticalPadding: rowVerticalPadding,
-    renderEmptyState: renderEmptyState ? () => {
-      const {
-        result: {
-          originQuery,
-          hasAvailableItems
-        }
-      } = collection;
-      return renderEmptyState({
-        hasAvailableItems,
-        query: originQuery
-      });
-    } : undefined,
+    emptyState: emptyState,
+    noResultsState: noResultsState,
     topNotification: typeof topNotification === 'function' ? () => topNotification({
       query: collection.result.originQuery
     }) : topNotification,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 288,
+      lineNumber: 289,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CollectionTableContent.CollectionTableContent, {
@@ -224,7 +215,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 312,
+      lineNumber: 302,
       columnNumber: 7
     }
   }, useNewInfiniteScrollLoader || internalScroll ? /*#__PURE__*/_react.default.createElement(_PageInfiniteScrollLoader.PageInfiniteScrollLoader, {
@@ -234,7 +225,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 314,
+      lineNumber: 304,
       columnNumber: 11
     }
   }) : undefined, children));
@@ -250,7 +241,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 328,
+        lineNumber: 318,
         columnNumber: 7
       }
     }, table);
@@ -266,7 +257,7 @@ function _CollectionTable(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 349,
+        lineNumber: 339,
         columnNumber: 11
       }
     }),
@@ -277,7 +268,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 344,
+      lineNumber: 334,
       columnNumber: 5
     }
   }), exportModal ?? state.featuredComponents.exportModal.value, bulkActionModal && /*#__PURE__*/_react.default.createElement(_BulkAction.SingleCollectionBulkActionModal, {
@@ -286,7 +277,7 @@ function _CollectionTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 363,
+      lineNumber: 353,
       columnNumber: 9
     }
   }), table);

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","_jsxFileName","_CollectionTable","props","_state$container$inte","_state$container$inte2","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","dataExtensionProp","tags","views","extraToolbar","bulkActionToolbar","exportButton","exportModal","bulkActionModal","sticky","stickyProp","actionCell","actionCellWidth","actionCellProps","columns","columnsProp","onRowClick","onSortClick","showSelection","showSelectionProp","search","renderError","renderEmptyState","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","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","hasAvailableItems","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 type { DataExtensionType } from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n extends CollectionTableWSRTableBaseProps<T, T, F>,\n CollectionTableBaseCommonProps<T, F> {\n /*\n Configuration of the table's columns.<br>\n * Each column needs to specify:\n * * `id`: A unique identifier of the column (required for some features like custom/sortable columns)\n * * `title`: a string or an element to display in the table header for this column\n * * `render`: a function which will be called for every row in `data` to display this row's value for this column<br>\n * * `sortable`: See [Sortable Columns](./?path=/story/components-collection-features--sortable-columns)\n \n Read more on [Table API](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table)\n * @external\n /\n columns: TableColumn<T>[];\n\n /* Indicates whether to show a selection column (with checkboxes).<br>\n * Read more on [Table API](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table)\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 Drag and drop implementation: `import { TableDragAndDrop } from '@wix/patterns';`\n * > In order to make the drag and drop also re-order the collection after drop, also add [OptimisticActions](./?path=/story/components-collection-features--optimistic-actions).\n * Pass [`<TableDragAndDrop />`](./?path=/story/components-collection-features--drag-and-drop#Table) component.\n * @external\n /\n dragAndDrop?: TableDragAndDropType;\n\n /\n Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n /\n dataExtension?: DataExtensionType;\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 Render a modal to be opened from `bulkActionToolbar`.<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 * * `closeModal`: Closes the modal\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 * @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: dataExtensionProp,\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 renderEmptyState,\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 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 (dataExtensionProp && <dataExtensionProp.CustomColumns />);\n\n useTableCollectionSyncProps({\n ...props,\n dataExtension: dataExtensionProp,\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 renderEmptyState={\n renderEmptyState\n ? () => {\n const {\n result: { originQuery, hasAvailableItems },\n } = collection;\n return renderEmptyState({\n hasAvailableItems,\n query: originQuery,\n });\n }\n : undefined\n }\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={dataExtensionProp}\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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"}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CollectionCard","_InitialLoader","_useTableCollectionSyncProps","_CollectionTableWSRTable","_CollectionTableContent","_PageInfiniteScrollLoader","_ActionCell","_BulkAction","_useCreateWSRColumnBase","_TablePlaceholderStates","_providers","_jsxFileName","_CollectionTable","props","_state$container$inte","_state$container$inte2","state","tableState","filters","title","tabs","customColumns","customColumnsProp","multiLevelSorting","multiLevelSortingProp","dataExtension","dataExtensionProp","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","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 type { DataExtensionType } from '../DataExtension';\nimport { useCreateWSRColumnBase } from '../../hooks/useCreateWSRColumnBase';\nimport type { TagsElement } from '../Tags';\nimport { TablePlaceholderStates } from '../TablePlaceholderStates/TablePlaceholderStates';\nimport { useScrollableContentContext } from '../../providers';\n\nexport interface CollectionTableBaseProps<T, F extends FiltersMap>\n extends CollectionTableWSRTableBaseProps<T, T, F>,\n CollectionTableBaseCommonProps<T, F> {\n /*\n Configuration of the table's columns.<br>\n * Each column needs to specify:\n * * `id`: A unique identifier of the column (required for some features like custom/sortable columns)\n * * `title`: a string or an element to display in the table header for this column\n * * `render`: a function which will be called for every row in `data` to display this row's value for this column<br>\n * * `sortable`: See [Sortable Columns](./?path=/story/components-collection-features--sortable-columns)\n \n Read more on [Table API](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table)\n * @external\n /\n columns: TableColumn<T>[];\n\n /* Indicates whether to show a selection column (with checkboxes).<br>\n * Read more on [Table API](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table)\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 Drag and drop implementation: `import { TableDragAndDrop } from '@wix/patterns';`\n * > In order to make the drag and drop also re-order the collection after drop, also add [OptimisticActions](./?path=/story/components-collection-features--optimistic-actions).\n * Pass [`<TableDragAndDrop />`](./?path=/story/components-collection-features--drag-and-drop#Table) component.\n * @external\n /\n dragAndDrop?: TableDragAndDropType;\n\n /\n Data extension implementation: `import { DataExtension } from '@wix/patterns';`\n /\n dataExtension?: DataExtensionType;\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 Render a modal to be opened from `bulkActionToolbar`.<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 * * `closeModal`: Closes the modal\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 * @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: dataExtensionProp,\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 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 (dataExtensionProp && <dataExtensionProp.CustomColumns />);\n\n useTableCollectionSyncProps({\n ...props,\n dataExtension: dataExtensionProp,\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={dataExtensionProp}\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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"}

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_ = "CollectionToolbar4120186740";
+var _namespace_ = "CollectionToolbar4057143247";
 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": "CollectionToolbar4120186740__root",
-  "left": "CollectionToolbar4120186740__left",
-  "right": "CollectionToolbar4120186740__right",
-  "fullWidth": "CollectionToolbar4120186740__fullWidth"
+  "root": "CollectionToolbar4057143247__root",
+  "left": "CollectionToolbar4057143247__left",
+  "right": "CollectionToolbar4057143247__right",
+  "fullWidth": "CollectionToolbar4057143247__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_ = \"~~CollectionToolbar4120186740~~\";\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\":\"~~CollectionToolbar4120186740__root~~\",\"left\":\"~~CollectionToolbar4120186740__left~~\",\"right\":\"~~CollectionToolbar4120186740__right~~\",\"fullWidth\":\"~~CollectionToolbar4120186740__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"}
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_ = \"CollectionToolbar4057143247\";\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\":\"CollectionToolbar4057143247__root\",\"left\":\"CollectionToolbar4057143247__left\",\"right\":\"CollectionToolbar4057143247__right\",\"fullWidth\":\"CollectionToolbar4057143247__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"}

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_ = "SearchOrCustomFilter3243617642";
+var _namespace_ = "SearchOrCustomFilter2541688723";
 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": "SearchOrCustomFilter3243617642__root",
-  "search": "SearchOrCustomFilter3243617642__search"
+  "root": "SearchOrCustomFilter2541688723__root",
+  "search": "SearchOrCustomFilter2541688723__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_ = \"~~SearchOrCustomFilter3243617642~~\";\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\":\"~~SearchOrCustomFilter3243617642__root~~\",\"search\":\"~~SearchOrCustomFilter3243617642__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"}
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_ = \"SearchOrCustomFilter2541688723\";\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\":\"SearchOrCustomFilter2541688723__root\",\"search\":\"SearchOrCustomFilter2541688723__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"}

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_ = "AutoCompleteReadonly1319221254";
+var _namespace_ = "AutoCompleteReadonly4176642210";
 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": "AutoCompleteReadonly1319221254__root"
+  "root": "AutoCompleteReadonly4176642210__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_ = \"~~AutoCompleteReadonly1319221254~~\";\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\":\"~~AutoCompleteReadonly1319221254__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"}
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_ = \"AutoCompleteReadonly4176642210\";\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\":\"AutoCompleteReadonly4176642210__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"}

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_ = "ViewsDropdown1328257049";
+var _namespace_ = "ViewsDropdown4287494447";
 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": "ViewsDropdown1328257049__root"
+  "root": "ViewsDropdown4287494447__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_ = \"~~ViewsDropdown1328257049~~\";\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\":\"~~ViewsDropdown1328257049__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"}
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_ = \"ViewsDropdown4287494447\";\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\":\"ViewsDropdown4287494447__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"}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.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_ = "CustomFieldsViewWidget1792276617";
+var _namespace_ = "CustomFieldsViewWidget331300028";
 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": "CustomFieldsViewWidget1792276617__root",
-  "breakWord": "CustomFieldsViewWidget1792276617__breakWord"
+  "root": "CustomFieldsViewWidget331300028__root",
+  "breakWord": "CustomFieldsViewWidget331300028__breakWord"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidget.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/CustomFieldsViewWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CustomFieldsViewWidget1792276617~~\";\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\":\"~~CustomFieldsViewWidget1792276617__root~~\",\"breakWord\":\"~~CustomFieldsViewWidget1792276617__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,~~kCAAkC~~;~~AACpD~~,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,~~wCAAwC~~;EAAC,WAAW,EAAC;~~AAA6C~~,CAAC;~~AACzH~~,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"}
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/CustomFieldsViewWidget.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidget331300028\";\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\":\"CustomFieldsViewWidget331300028__root\",\"breakWord\":\"CustomFieldsViewWidget331300028__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,iCAAiC;AACnD,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,uCAAuC;EAAC,WAAW,EAAC;AAA4C,CAAC;AACvH,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"}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle4029114938";
+var _namespace_ = "DragHandle1872125603";
 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": "DragHandle4029114938__root"
+  "root": "DragHandle1872125603__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~DragHandle4029114938~~\";\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\":\"~~DragHandle4029114938__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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"}
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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle1872125603\";\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\":\"DragHandle1872125603__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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"}

package/dist/cjs/components/EmptyState/CollectionEmptyState.js CHANGED Viewed

@@ -5,34 +5,45 @@ exports.__esModule = true;
 exports.CollectionEmptyState = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _CollectionEmptyStateBase = require("./CollectionEmptyStateBase");
 var _mobxReactLite = require("mobx-react-lite");
 var _AddItemEmptyState = require("../Illustration/AddItemEmptyState");
-var _useCollectionEmptyStateImage = require("../../hooks/useCollectionEmptyStateImage");
-var _MultiCollectionSupportProvider = require("../MultiCollectionSupportProvider");
+var _react2 = require("@wix/bex-core/react");
+var _EmptyStateBase = require("./EmptyStateBase");
+var _NewItemButton = require("./NewItemButton");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EmptyState/CollectionEmptyState.tsx";
 function _CollectionEmptyState(props) {
-  const state = (0, _MultiCollectionSupportProvider.useMultiCollectionSupportContext)();
-  const image = (0, _useCollectionEmptyStateImage.useCollectionEmptyStateImage)({
-    state,
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    addNewCta
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_EmptyStateBase.EmptyStateBase, (0, _extends2.default)({
+    dataHook: "collection-empty-state",
+    title: t('cairo.emptyState.additem.title'),
+    subtitle: t('cairo.emptyState.additem.text'),
     image: /*#__PURE__*/_react.default.createElement(_AddItemEmptyState.AddItemEmptyState, {
       "data-hook": "empty-state-new-item-illustration",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 22,
-        columnNumber: 12
+        lineNumber: 29,
+        columnNumber: 9
       }
     })
-  });
-  return /*#__PURE__*/_react.default.createElement(_CollectionEmptyStateBase.CollectionEmptyStateBase, (0, _extends2.default)({
-    dataHook: "collection-empty-state",
-    image: image
   }, props, {
+    cta: addNewCta && /*#__PURE__*/_react.default.createElement(_NewItemButton.NewItemButton, (0, _extends2.default)({}, addNewCta, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 25
+      }
+    })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 26,
+      lineNumber: 24,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/EmptyState/CollectionEmptyState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","~~_CollectionEmptyStateBase~~","~~_mobxReactLite~~","~~_AddItemEmptyState~~","~~_useCollectionEmptyStateImage~~","~~_MultiCollectionSupportProvider~~","_jsxFileName","_CollectionEmptyState","props","~~state~~","~~useMultiCollectionSupportContext~~","~~image~~","~~useCollectionEmptyStateImage~~","default","createElement","AddItemEmptyState","__self","__source","fileName","lineNumber","columnNumber","~~CollectionEmptyStateBase~~","~~_extends2~~","~~dataHook","~~CollectionEmptyState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionEmptyState.tsx"],"sourcesContent":["import React, ~~{ ReactNode }~~ from 'react';\nimport {~~\n CollectionEmptyStateBase,\n CollectionEmptyStateBaseProps,\n}~~ ~~from './CollectionEmptyStateBase';\nimport {~~ observer } from 'mobx-react-lite';\nimport { AddItemEmptyState } from '../Illustration/AddItemEmptyState';\nimport { ~~useCollectionEmptyStateImage~~ } from '~~../../hooks~~/~~useCollectionEmptyStateImage~~';\nimport { ~~useMultiCollectionSupportContext~~ } from '~~../MultiCollectionSupportProvider~~';\n\nexport interface CollectionEmptyStateProps\n extends Partial<~~CollectionEmptyStateBaseProps~~> {\n ~~children~~?: ~~ReactNode~~;\n}\n\nfunction _CollectionEmptyState(\n props: ~~Omit<~~CollectionEmptyStateProps~~, 'image'>,\n~~) {\n const ~~state~~ = ~~useMultiCollectionSupportContext~~();\n const ~~image~~ = ~~useCollectionEmptyStateImage({\n state,\n image:~~ ~~<AddItemEmptyState~~ ~~data-hook=\"empty-state-new-item-illustration\" />,\n })~~;\n\n return (\n <~~CollectionEmptyStateBase~~\n dataHook=\"collection-empty-state\"\n image={~~image~~}\n {...props}\n />\n );\n}\n\nexport const CollectionEmptyState = observer(_CollectionEmptyState);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,~~yBAAA~~,GAAAD,OAAA;~~AAIA~~,IAAAE,~~cAAA~~,GAAAF,OAAA;AACA,IAAAG,~~kBAAA~~,GAAAH,OAAA;AACA,IAAAI,~~6BAAA~~,GAAAJ,OAAA;AACA,IAAAK~~,+BAAA~~,GAAAL,OAAA;~~AAAqF~~,IAAAM,YAAA;~~AAOrF~~,SAASC,qBAAqBA,~~CAC5BC~~,~~KAA+C~~,EAC/C;~~EACA~~,~~MAAMC~~,~~KAAK~~,GAAG,IAAAC,~~gEAAgC,~~EAAC,CAAC;~~EAChD~~,~~MAAMC~~,KAAK,~~GAAG~~,~~IAAAC~~,~~0DAA4B~~,EAAC;~~IACzCH~~,KAAK;~~IACLE~~,KAAK,~~eAAEb~~,MAAA,CAAAe,OAAA,CAAAC,aAAA,~~CAACX~~,kBAAA,~~CAAAY~~,iBAAiB;MAAC,aAAU,mCAAmC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAAZ~~,YAAA;~~QAAAa~~,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;~~EAC3E~~,~~CAAC~~,~~CAAC~~;~~EAEF~~,~~oBACEtB~~,MAAA,CAAAe,OAAA,CAAAC,aAAA,~~CAACb~~,~~yBAAA~~,~~CAAAoB~~,~~wBAAwB~~,~~MAAAC~~,SAAA,~~CAAAT~~,OAAA;~~IACvBU~~,~~QAAQ~~,~~EAAC~~,~~wBAAwB~~;~~IACjCZ~~,~~KAAK~~,~~EAAEA~~;~~EAAM~~,~~GACTH~~,~~KAAK~~;~~IAAAQ~~,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAAZ~~,YAAA;~~MAAAa~~,UAAA;MAAAC,YAAA;IAAA;EAAA,~~EACV~~,CAAC;AAEN;AAEO,~~MAAMI~~,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,~~EAACnB~~,qBAAqB,CAAC"}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_AddItemEmptyState","_react2","_EmptyStateBase","_NewItemButton","_jsxFileName","_CollectionEmptyState","props","translate","t","useWixPatternsContainer","addNewCta","default","createElement","EmptyStateBase","_extends2","dataHook","title","subtitle","image","AddItemEmptyState","__self","__source","fileName","lineNumber","columnNumber","cta","NewItemButton","CollectionEmptyState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AddItemEmptyState } from '../Illustration/AddItemEmptyState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';\nimport { NewItemButton, NewItemButtonProps } from './NewItemButton';\n\nexport interface CollectionEmptyStateProps\n extends Omit<Partial<EmptyStateBaseProps>, 'cta'> {\n /*\n Configuration for premium upgrade CTA.\\\n * onClick: Callback for \"New Item\" button click.\\\n * text: Text for \"New Item\" button.\n * @external\n */\n addNewCta?: NewItemButtonProps;\n}\n\nfunction _CollectionEmptyState(props: CollectionEmptyStateProps) {\n const { translate: t } = useWixPatternsContainer();\n const { addNewCta } = props;\n\n return (\n <EmptyStateBase\n dataHook=\"collection-empty-state\"\n title={t('cairo.emptyState.additem.title')}\n subtitle={t('cairo.emptyState.additem.text')}\n image={\n <AddItemEmptyState data-hook=\"empty-state-new-item-illustration\" />\n }\n {...props}\n cta={addNewCta && <NewItemButton {...addNewCta} />}\n />\n );\n}\n\nexport const CollectionEmptyState = observer(_CollectionEmptyState);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAoE,IAAAM,YAAA;AAapE,SAASC,qBAAqBA,CAACC,KAAgC,EAAE;EAC/D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAE3B,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAW,cAAc,MAAAC,SAAA,CAAAH,OAAA;IACbI,QAAQ,EAAC,wBAAwB;IACjCC,KAAK,EAAER,CAAC,CAAC,gCAAgC,CAAE;IAC3CS,QAAQ,EAAET,CAAC,CAAC,+BAA+B,CAAE;IAC7CU,KAAK,eACHtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,kBAAA,CAAAmB,iBAAiB;MAAC,aAAU,mCAAmC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACnE,GACGlB,KAAK;IACTmB,GAAG,EAAEf,SAAS,iBAAId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,cAAA,CAAAuB,aAAa,MAAAZ,SAAA,CAAAH,OAAA,MAAKD,SAAS;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACpD,CAAC;AAEN;AAEO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACxB,qBAAqB,CAAC"}

package/dist/cjs/components/EmptyState/CollectionEmptyState.uni.driver.js CHANGED Viewed

@@ -18,7 +18,11 @@ function CollectionEmptyStateUniDriver(base, body) {
     /**
      * Get empty new item image
      */
-    getImageAddItem: () => getImage('empty-state-new-item-illustration')
+    getImageAddItem: () => getImage('empty-state-new-item-illustration'),
+    /**
+     * Get custom CTA
+     */
+    getCustomCta: datahook => base.$(`[data-hook="${datahook}"]`)
   };
 }
 //# sourceMappingURL=CollectionEmptyState.uni.driver.js.map

package/dist/cjs/components/EmptyState/CollectionEmptyState.uni.driver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_EmptyStateUni","require","CollectionEmptyStateUniDriver","base","body","getButton","getImage","rest","EmptyStateUniDriver","getNewItemButton","getImageAddItem"],"sources":["../../../../src/components/EmptyState/CollectionEmptyState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { EmptyStateUniDriver } from './EmptyState.uni.driver';\n\nexport function CollectionEmptyStateUniDriver(\n base: UniDriver,\n body: UniDriver,\n) {\n const { getButton, getImage, ...rest } = EmptyStateUniDriver(base, body);\n\n return {\n ...rest,\n /*\n Get 'New Item' CTA button driver\n /\n getNewItemButton: () => getButton('empty-state-new-item-button'),\n /\n Get empty new item image\n */\n getImageAddItem: () => getImage('empty-state-new-item-illustration'),\n };\n}\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AAEO,SAASC,6BAA6BA,CAC3CC,IAAe,EACfC,IAAe,EACf;EACA,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAG,IAAAC,kCAAmB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAExE,OAAO;IACL,GAAGG,IAAI;IACP;AACJ;AACA;IACIE,gBAAgB,EAAEA,CAAA,KAAMJ,SAAS,CAAC,6BAA6B,CAAC;IAChE;AACJ;AACA;IACIK,eAAe,EAAEA,CAAA,KAAMJ,QAAQ,CAAC,mCAAmC;~~EACrE~~,CAAC;AACH"}
1	+ {"version":3,"names":["_EmptyStateUni","require","CollectionEmptyStateUniDriver","base","body","getButton","getImage","rest","EmptyStateUniDriver","getNewItemButton","getImageAddItem","getCustomCta","datahook","$"],"sources":["../../../../src/components/EmptyState/CollectionEmptyState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { EmptyStateUniDriver } from './EmptyState.uni.driver';\n\nexport function CollectionEmptyStateUniDriver(\n base: UniDriver,\n body: UniDriver,\n) {\n const { getButton, getImage, ...rest } = EmptyStateUniDriver(base, body);\n\n return {\n ...rest,\n /*\n Get 'New Item' CTA button driver\n /\n getNewItemButton: () => getButton('empty-state-new-item-button'),\n /\n Get empty new item image\n /\n getImageAddItem: () => getImage('empty-state-new-item-illustration'),\n /\n Get custom CTA\n */\n getCustomCta: (datahook: string) => base.$(`[data-hook=\"${datahook}\"]`),\n };\n}\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AAEO,SAASC,6BAA6BA,CAC3CC,IAAe,EACfC,IAAe,EACf;EACA,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAG,IAAAC,kCAAmB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAExE,OAAO;IACL,GAAGG,IAAI;IACP;AACJ;AACA;IACIE,gBAAgB,EAAEA,CAAA,KAAMJ,SAAS,CAAC,6BAA6B,CAAC;IAChE;AACJ;AACA;IACIK,eAAe,EAAEA,CAAA,KAAMJ,QAAQ,CAAC,mCAAmC,CAAC;IACpE;AACJ;AACA;IACIK,YAAY,EAAGC,QAAgB,IAAKT,IAAI,CAACU,CAAC,CAAE,eAAcD,QAAS,IAAG;EACxE,CAAC;AACH"}