@wix/patterns 1.260.0 → 1.263.0

package/dist/cjs/components/CollectionTableActionsColumn.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_CollectionItemActions","_mobxReactLite","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableActionsColumn","props","collection","index","sticky","keyedItem","actionCell","rest","state","useState","ItemActionsState","fade","renderActionCell","useCallback","actionCellProps","item","actionCellAPI","popoverMenuProps","zIndex","useEffect","setItemIfChanged","createElement","CollectionItemActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","CollectionTableActionsColumn","exports","observer"],"sources":["../../../src/components/CollectionTableActionsColumn.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { ItemActionsState } from '../state';\nimport { CollectionItemActions } from './CollectionItemActions';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ActionCell } from './ActionCell';\n\nexport interface CollectionTableActionsColumnProps<T, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  index: number;\n  sticky?: boolean;\n  actionCell: ActionCell<T, F>;\n  collection: CollectionState<T, F>;\n}\n\nfunction _CollectionTableActionsColumn<T, F extends FiltersMap>(\n  props: CollectionTableActionsColumnProps<T, F>,\n) {\n  const { collection, index, sticky, keyedItem, actionCell, ...rest } = props;\n\n  const [state] = useState(\n    () =>\n      new ItemActionsState({\n        keyedItem,\n        collection,\n        fade: 'static',\n      }),\n  );\n\n  const renderActionCell = useCallback(() => {\n    const actionCellProps =\n      typeof actionCell === 'function'\n        ? actionCell(keyedItem.item, index, state.actionCellAPI)\n        : actionCell;\n\n    return {\n      ...actionCellProps,\n      popoverMenuProps: {\n        // Larger zIndex than Page.Sticky https://github.com/wix-private/wix-design-systems/blob/844c42de1fb6e65f62b4b32538c5923869116d3d/packages/wix-style-react/src/Page/Page.st.css#L41\n        ...(sticky && { zIndex: 1200 }),\n        ...actionCellProps?.popoverMenuProps,\n      },\n    };\n  }, [actionCell, sticky, index, keyedItem]);\n\n  useEffect(() => {\n    state.setItemIfChanged(keyedItem);\n  }, [keyedItem]);\n\n  return (\n    <CollectionItemActions\n      {...rest}\n      collection={state.collection}\n      renderActionCell={renderActionCell}\n      state={state}\n    />\n  );\n}\n\nexport const CollectionTableActionsColumn = observer(\n  _CollectionTableActionsColumn,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAF,OAAA;AAEA,IAAAG,cAAA,GAAAH,OAAA;AAA2C,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAW3C,SAASkB,6BAA6BA,CACpCC,KAA8C,EAC9C;EACA,MAAM;IAAEC,UAAU;IAAEC,KAAK;IAAEC,MAAM;IAAEC,SAAS;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGN,KAAK;EAE3E,MAAM,CAACO,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MACE,IAAIC,uBAAgB,CAAC;IACnBL,SAAS;IACTH,UAAU;IACVS,IAAI,EAAE;EACR,CAAC,CACL,CAAC;EAED,MAAMC,gBAAgB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACzC,MAAMC,eAAe,GACnB,OAAOR,UAAU,KAAK,UAAU,GAC5BA,UAAU,CAACD,SAAS,CAACU,IAAI,EAAEZ,KAAK,EAAEK,KAAK,CAACQ,aAAa,CAAC,GACtDV,UAAU;IAEhB,OAAO;MACL,GAAGQ,eAAe;MAClBG,gBAAgB,EAAE;QAChB;QACA,IAAIb,MAAM,IAAI;UAAEc,MAAM,EAAE;QAAK,CAAC,CAAC;QAC/B,IAAGJ,eAAe,oBAAfA,eAAe,CAAEG,gBAAgB;MACtC;IACF,CAAC;EACH,CAAC,EAAE,CAACX,UAAU,EAAEF,MAAM,EAAED,KAAK,EAAEE,SAAS,CAAC,CAAC;EAE1C,IAAAc,gBAAS,EAAC,MAAM;IACdX,KAAK,CAACY,gBAAgB,CAACf,SAAS,CAAC;EACnC,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,oBACE/B,MAAA,CAAAiB,OAAA,CAAA8B,aAAA,CAAC3C,sBAAA,CAAA4C,qBAAqB,MAAAC,SAAA,CAAAhC,OAAA,MAChBgB,IAAI;IACRL,UAAU,EAAEM,KAAK,CAACN,UAAW;IAC7BU,gBAAgB,EAAEA,gBAAiB;IACnCJ,KAAK,EAAEA,KAAM;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA9C,YAAA;MAAA+C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACd,CAAC;AAEN;AAEO,MAAMC,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClD/B,6BACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_CollectionItemActions","_mobxReactLite","_react2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CollectionTableActionsColumn","props","experiments","useWixPatternsContainer","isActionCellSizeSmallEnabled","enabled","collection","index","sticky","keyedItem","actionCell","rest","state","useState","ItemActionsState","fade","renderActionCell","useCallback","actionCellProps","item","actionCellAPI","size","popoverMenuProps","zIndex","useEffect","setItemIfChanged","createElement","CollectionItemActions","_extends2","__self","__source","fileName","lineNumber","columnNumber","CollectionTableActionsColumn","exports","observer"],"sources":["../../../src/components/CollectionTableActionsColumn.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from 'react';\nimport { ItemActionsState } from '../state';\nimport { CollectionItemActions } from './CollectionItemActions';\nimport { CollectionState, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { ActionCell, ActionCellProps } from './ActionCell';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CollectionTableActionsColumnProps<T, F extends FiltersMap> {\n  keyedItem: KeyedItem<T>;\n  index: number;\n  sticky?: boolean;\n  actionCell: ActionCell<T, F>;\n  collection: CollectionState<T, F>;\n}\n\nfunction _CollectionTableActionsColumn<T, F extends FiltersMap>(\n  props: CollectionTableActionsColumnProps<T, F>,\n) {\n  const { experiments } = useWixPatternsContainer();\n  const isActionCellSizeSmallEnabled = experiments.enabled(\n    'specs.cairo.SmallActionCellSize',\n  );\n  const { collection, index, sticky, keyedItem, actionCell, ...rest } = props;\n\n  const [state] = useState(\n    () =>\n      new ItemActionsState({\n        keyedItem,\n        collection,\n        fade: 'static',\n      }),\n  );\n\n  const renderActionCell = useCallback(() => {\n    const actionCellProps =\n      typeof actionCell === 'function'\n        ? actionCell(keyedItem.item, index, state.actionCellAPI)\n        : actionCell;\n\n    return {\n      ...actionCellProps,\n      size: isActionCellSizeSmallEnabled\n        ? 'small'\n        : (actionCellProps.size as ActionCellProps['size']),\n      popoverMenuProps: {\n        // Larger zIndex than Page.Sticky https://github.com/wix-private/wix-design-systems/blob/844c42de1fb6e65f62b4b32538c5923869116d3d/packages/wix-style-react/src/Page/Page.st.css#L41\n        ...(sticky && { zIndex: 1200 }),\n        ...actionCellProps?.popoverMenuProps,\n      },\n    };\n  }, [actionCell, sticky, index, keyedItem]);\n\n  useEffect(() => {\n    state.setItemIfChanged(keyedItem);\n  }, [keyedItem]);\n\n  return (\n    <CollectionItemActions\n      {...rest}\n      collection={state.collection}\n      renderActionCell={renderActionCell}\n      state={state}\n    />\n  );\n}\n\nexport const CollectionTableActionsColumn = observer(\n  _CollectionTableActionsColumn,\n);\n"],"mappings":"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","ignoreList":[]}

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

@@ -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_ = "CollectionToolbar3076293600";
+var _namespace_ = "CollectionToolbar1743802385";
 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": "CollectionToolbar3076293600__root",
-  "left": "CollectionToolbar3076293600__left",
-  "right": "CollectionToolbar3076293600__right",
-  "fullWidth": "CollectionToolbar3076293600__fullWidth"
+  "root": "CollectionToolbar1743802385__root",
+  "left": "CollectionToolbar1743802385__left",
+  "right": "CollectionToolbar1743802385__right",
+  "fullWidth": "CollectionToolbar1743802385__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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_ = \"CollectionToolbar3076293600\";\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\":\"CollectionToolbar3076293600__root\",\"left\":\"CollectionToolbar3076293600__left\",\"right\":\"CollectionToolbar3076293600__right\",\"fullWidth\":\"CollectionToolbar3076293600__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":[]}
+{"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_ = \"CollectionToolbar1743802385\";\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\":\"CollectionToolbar1743802385__root\",\"left\":\"CollectionToolbar1743802385__left\",\"right\":\"CollectionToolbar1743802385__right\",\"fullWidth\":\"CollectionToolbar1743802385__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/PrimaryActionButton.js

@@ -20,7 +20,7 @@ const PrimaryActionButton = props => {
     toolbarBIReporter
   } = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
   const {
-    priority = "primary"
+    priority = 'primary'
   } = props;
   (0, _useSelector.useSelector)(() => initTask.status);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
@@ -28,7 +28,7 @@ const PrimaryActionButton = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 29,
+        lineNumber: 26,
         columnNumber: 19
       }
     })
@@ -45,7 +45,7 @@ const PrimaryActionButton = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 28,
+      lineNumber: 25,
       columnNumber: 5
     }
   }), props.children ?? t('cairo.collectionsPage.add.item.CTA', {

package/dist/cjs/components/CollectionToolbar/PrimaryActionButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_ToolbarCollectionContext","_useSelector","_jsxFileName","PrimaryActionButton","props","translate","t","initTask","useWixPatternsContainer","toolbarBIReporter","useToolbarCollectionContext","priority","useSelector","status","default","createElement","Button","_extends2","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","as","size","skin","dataHook","onClick","event","onPrimaryActionButtonClick","children","defaultValue","exports","displayName"],"sources":["../../../../src/components/CollectionToolbar/PrimaryActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useSelector } from '../../useSelector';\n\nexport interface PrimaryActionButtonProps\n  extends Omit<\n    ButtonProps,\n    'size' | 'fullWidth' | 'dataHook' | 'skin' | 'as'\n  > {\n  /**\n   * Callback that is called each time the button is clicked.\n   * @external\n   */\n  onClick?: any;\n}\n\nexport const PrimaryActionButton = (props: PrimaryActionButtonProps) => {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n  const { priority=\"primary\" } = props;\n\n  useSelector(() => initTask.status);\n\n  return (\n    <Button\n      prefixIcon={<Add />}\n      {...props}\n      as=\"button\"\n      size=\"small\"\n      priority={priority}\n      skin=\"standard\"\n      dataHook=\"toolbar-primary-action-button\"\n      onClick={(event) => {\n        toolbarBIReporter.onPrimaryActionButtonClick();\n        props.onClick?.(event);\n      }}\n    >\n      {props.children ??\n        t('cairo.collectionsPage.add.item.CTA', { defaultValue: '' })}\n    </Button>\n  );\n};\n\nPrimaryActionButton.displayName = 'PrimaryActionButton';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAAgD,IAAAM,YAAA;AAczC,MAAMC,mBAAmB,GAAIC,KAA+B,IAAK;EACtE,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3D,MAAM;IAAEC,QAAQ,GAAC;EAAU,CAAC,GAAGP,KAAK;EAEpC,IAAAQ,wBAAW,EAAC,MAAML,QAAQ,CAACM,MAAM,CAAC;EAElC,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,UAAU,eAAExB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,iBAAA,CAAAqB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAAE,GAChBpB,KAAK;IACTqB,EAAE,EAAC,QAAQ;IACXC,IAAI,EAAC,OAAO;IACZf,QAAQ,EAAEA,QAAS;IACnBgB,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC,+BAA+B;IACxCC,OAAO,EAAGC,KAAK,IAAK;MAClBrB,iBAAiB,CAACsB,0BAA0B,CAAC,CAAC;MAC9C3B,KAAK,CAACyB,OAAO,YAAbzB,KAAK,CAACyB,OAAO,CAAGC,KAAK,CAAC;IACxB,CAAE;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDpB,KAAK,CAAC4B,QAAQ,IACb1B,CAAC,CAAC,oCAAoC,EAAE;IAAE2B,YAAY,EAAE;EAAG,CAAC,CACxD,CAAC;AAEb,CAAC;AAACC,OAAA,CAAA/B,mBAAA,GAAAA,mBAAA;AAEFA,mBAAmB,CAACgC,WAAW,GAAG,qBAAqB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_ToolbarCollectionContext","_useSelector","_jsxFileName","PrimaryActionButton","props","translate","t","initTask","useWixPatternsContainer","toolbarBIReporter","useToolbarCollectionContext","priority","useSelector","status","default","createElement","Button","_extends2","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","as","size","skin","dataHook","onClick","event","onPrimaryActionButtonClick","children","defaultValue","exports","displayName"],"sources":["../../../../src/components/CollectionToolbar/PrimaryActionButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, ButtonProps } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useSelector } from '../../useSelector';\n\nexport interface PrimaryActionButtonProps\n  extends Omit<ButtonProps, 'size' | 'fullWidth' | 'dataHook' | 'skin' | 'as'> {\n  /**\n   * Callback that is called each time the button is clicked.\n   * @external\n   */\n  onClick?: any;\n}\n\nexport const PrimaryActionButton = (props: PrimaryActionButtonProps) => {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  const { toolbarBIReporter } = useToolbarCollectionContext();\n  const { priority = 'primary' } = props;\n\n  useSelector(() => initTask.status);\n\n  return (\n    <Button\n      prefixIcon={<Add />}\n      {...props}\n      as=\"button\"\n      size=\"small\"\n      priority={priority}\n      skin=\"standard\"\n      dataHook=\"toolbar-primary-action-button\"\n      onClick={(event) => {\n        toolbarBIReporter.onPrimaryActionButtonClick();\n        props.onClick?.(event);\n      }}\n    >\n      {props.children ??\n        t('cairo.collectionsPage.add.item.CTA', { defaultValue: '' })}\n    </Button>\n  );\n};\n\nPrimaryActionButton.displayName = 'PrimaryActionButton';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,yBAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAAgD,IAAAM,YAAA;AAWzC,MAAMC,mBAAmB,GAAIC,KAA+B,IAAK;EACtE,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAM;IAAEC;EAAkB,CAAC,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3D,MAAM;IAAEC,QAAQ,GAAG;EAAU,CAAC,GAAGP,KAAK;EAEtC,IAAAQ,wBAAW,EAAC,MAAML,QAAQ,CAACM,MAAM,CAAC;EAElC,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,aAAA,CAAAmB,MAAM,MAAAC,SAAA,CAAAH,OAAA;IACLI,UAAU,eAAExB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,iBAAA,CAAAqB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAAE,GAChBpB,KAAK;IACTqB,EAAE,EAAC,QAAQ;IACXC,IAAI,EAAC,OAAO;IACZf,QAAQ,EAAEA,QAAS;IACnBgB,IAAI,EAAC,UAAU;IACfC,QAAQ,EAAC,+BAA+B;IACxCC,OAAO,EAAGC,KAAK,IAAK;MAClBrB,iBAAiB,CAACsB,0BAA0B,CAAC,CAAC;MAC9C3B,KAAK,CAACyB,OAAO,YAAbzB,KAAK,CAACyB,OAAO,CAAGC,KAAK,CAAC;IACxB,CAAE;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDpB,KAAK,CAAC4B,QAAQ,IACb1B,CAAC,CAAC,oCAAoC,EAAE;IAAE2B,YAAY,EAAE;EAAG,CAAC,CACxD,CAAC;AAEb,CAAC;AAACC,OAAA,CAAA/B,mBAAA,GAAAA,mBAAA;AAEFA,mBAAmB,CAACgC,WAAW,GAAG,qBAAqB","ignoreList":[]}

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SearchOrCustomFilter1503668046";
+var _namespace_ = "SearchOrCustomFilter1952909110";
 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": "SearchOrCustomFilter1503668046__root",
-  "search": "SearchOrCustomFilter1503668046__search",
-  "searchMobile": "SearchOrCustomFilter1503668046__searchMobile"
+  "root": "SearchOrCustomFilter1952909110__root",
+  "search": "SearchOrCustomFilter1952909110__search",
+  "searchMobile": "SearchOrCustomFilter1952909110__searchMobile"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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_ = \"SearchOrCustomFilter1503668046\";\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\":\"SearchOrCustomFilter1503668046__root\",\"search\":\"SearchOrCustomFilter1503668046__search\",\"searchMobile\":\"SearchOrCustomFilter1503668046__searchMobile\"};\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,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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":[]}
+{"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_ = \"SearchOrCustomFilter1952909110\";\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\":\"SearchOrCustomFilter1952909110__root\",\"search\":\"SearchOrCustomFilter1952909110__search\",\"searchMobile\":\"SearchOrCustomFilter1952909110__searchMobile\"};\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,wCAAwC;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC7K,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/CollectionToolbars/CollectionToolbars.js

@@ -150,7 +150,7 @@ function _CollectionToolbars(props) {
     __source: {
       fileName: _jsxFileName,
       lineNumber: 171,
-      columnNumber: 13
+      columnNumber: 11
     }
   }, toolbars), /*#__PURE__*/_react.default.createElement(_CollectionToolbarsVisualization.CollectionToolbarsVisualization, {
     state: state,
@@ -159,28 +159,28 @@ function _CollectionToolbars(props) {
     __source: {
       fileName: _jsxFileName,
       lineNumber: 172,
-      columnNumber: 13
+      columnNumber: 11
     }
   }), /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 173,
-      columnNumber: 13
+      lineNumber: 176,
+      columnNumber: 11
     }
   }, titleBar)) : /*#__PURE__*/_react.default.createElement(BorderRadiusTopCard, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176,
-      columnNumber: 11
+      lineNumber: 179,
+      columnNumber: 9
     }
   }, toolbars, titleBar));
   return /*#__PURE__*/_react.default.createElement(_CollectionToolbarsProvider.CollectionToolbarsProvider, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 188,
       columnNumber: 5
     }
   }, sticky && !internalScroll ? /*#__PURE__*/_react.default.createElement(_designSystem.Page.Sticky, {
@@ -190,7 +190,7 @@ function _CollectionToolbars(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 187,
+      lineNumber: 190,
       columnNumber: 9
     }
   }, child) : child);

package/dist/cjs/components/CollectionToolbars/CollectionToolbars.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_useIsMobile","_CollectionToolbarsVisualization","_jsxFileName","BorderRadiusTopCard","children","isMobile","useIsMobile","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","BorderRadiusTopBottomCard","borderRadius","_CollectionToolbars","props","_featuredComponents$a","sticky","state","search","selectionToolbar","dragAndDropReorderModeToolbar","filters","title","tabs","customColumns","multiLevelSorting","views","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","tableGridSwitchButton","exportButton","primaryActionButton","secondaryActions","moreActions","visualization","customSlot","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","toolbars","Fragment","length","CollectionToolbar","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","toolbar","CollectionToolbarsVisualization","CollectionToolbarsProvider","Page","Sticky","style","top","undefined","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport {\n  CollectionToolbarsVisualization,\n  CollectionToolbarsVisualizationProps,\n} from './CollectionToolbarsVisualization';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n  extends Pick<\n    ToolbarCollectionBaseProps<T, F>,\n    | 'showTitleBar'\n    | 'tags'\n    | 'sticky'\n    | 'title'\n    | 'tabs'\n    | 'search'\n    | 'customColumns'\n    | 'multiLevelSorting'\n    | 'views'\n    | 'filters'\n    | 'selectionToolbar'\n    | 'dragAndDropReorderModeToolbar'\n    | 'extraToolbar'\n    | 'summaryBar'\n    | 'tableGridSwitchButton'\n    | 'exportButton'\n    | 'primaryActionButton'\n    | 'secondaryActions'\n    | 'moreActions'\n  > {\n  state: ToolbarCollectionState<T, F>;\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\n  visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderTopLeftRadius={isMobile ? 0 : 8}\n      borderTopRightRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction BorderRadiusTopBottomCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionToolbarsProps<T, F>,\n) {\n  const {\n    sticky,\n    state,\n    search,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    filters,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification: topNotificationProp,\n    titleBar,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n    visualization: customSlot,\n  } = props;\n\n  const {\n    collection,\n    featuredComponents,\n    hasSubToolbarComponents,\n    shouldDisplayFiltersTags,\n    bulk: { selectedIds },\n    internalScroll,\n  } = state;\n\n  const isMobile = useIsMobile();\n\n  const topNotification =\n    typeof topNotificationProp === 'function'\n      ? topNotificationProp()\n      : topNotificationProp;\n\n  const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n    ?.component as PartialFunctionComponent as FunctionComponent | null;\n\n  const { showRefreshLoader } = collection;\n\n  const shouldDisplaySubToolbar =\n    shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n  const toolbars = (\n    <>\n      {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n        selectionToolbar\n      ) : (\n        <>\n          {extraToolbar}\n          <CollectionToolbar\n            dataHook=\"collection-toolbar\"\n            search={search}\n            customColumns={customColumns}\n            multiLevelSorting={multiLevelSorting}\n            views={views}\n            state={state}\n            filters={filters}\n            title={title}\n            tabs={tabs}\n            tableGridSwitchButton={tableGridSwitchButton}\n            exportButton={exportButton}\n            primaryActionButton={primaryActionButton}\n            dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n            secondaryActions={secondaryActions}\n            moreActions={moreActions}\n          />\n        </>\n      )}\n      {shouldDisplaySubToolbar && (\n        <Box direction=\"vertical\" backgroundColor=\"D80\">\n          <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n            {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n              <AppliedFiltersTagList />\n            )}\n          </Table.SubToolbar>\n        </Box>\n      )}\n      {summaryBar}\n      {topNotification}\n    </>\n  );\n\n  /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n  const child = (\n    <ToolbarAndTitlebarContainer state={state.toolbar}>\n      {customSlot ? (\n        <>\n            <BorderRadiusTopBottomCard>{toolbars}</BorderRadiusTopBottomCard>\n            <CollectionToolbarsVisualization state={state} visualization={customSlot} />\n            <BorderRadiusTopCard>{titleBar}</BorderRadiusTopCard>\n        </>\n      ) : (\n          <BorderRadiusTopCard>\n            {toolbars}\n            {titleBar}\n          </BorderRadiusTopCard>\n      )}\n    </ToolbarAndTitlebarContainer>\n  );\n\n  return (\n    <CollectionToolbarsProvider>\n      {sticky && !internalScroll ? (\n        <Page.Sticky style={isMobile ? { top: 78 } : undefined}>\n          {child}\n        </Page.Sticky>\n      ) : (\n        child\n      )}\n    </CollectionToolbarsProvider>\n  );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_CollectionToolbar","_CollectionToolbarsProvider","_ToolbarAndTitlebarContainer","_useIsMobile","_CollectionToolbarsVisualization","_jsxFileName","BorderRadiusTopCard","children","isMobile","useIsMobile","default","createElement","Box","direction","backgroundColor","borderTopLeftRadius","borderTopRightRadius","__self","__source","fileName","lineNumber","columnNumber","BorderRadiusTopBottomCard","borderRadius","_CollectionToolbars","props","_featuredComponents$a","sticky","state","search","selectionToolbar","dragAndDropReorderModeToolbar","filters","title","tabs","customColumns","multiLevelSorting","views","extraToolbar","summaryBar","topNotification","topNotificationProp","titleBar","tableGridSwitchButton","exportButton","primaryActionButton","secondaryActions","moreActions","visualization","customSlot","collection","featuredComponents","hasSubToolbarComponents","shouldDisplayFiltersTags","bulk","selectedIds","internalScroll","AppliedFiltersTagList","appliedFiltersTagList","value","component","showRefreshLoader","shouldDisplaySubToolbar","toolbars","Fragment","length","CollectionToolbar","dataHook","Table","SubToolbar","child","ToolbarAndTitlebarContainer","toolbar","CollectionToolbarsVisualization","CollectionToolbarsProvider","Page","Sticky","style","top","undefined","CollectionToolbars","exports","observer"],"sources":["../../../../src/components/CollectionToolbars/CollectionToolbars.tsx"],"sourcesContent":["import { Box, Page, Table } from '@wix/design-system';\nimport React, { FunctionComponent, ReactNode } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionToolbar } from '../CollectionToolbar';\nimport { FiltersMap } from '@wix/bex-core';\nimport { PartialFunctionComponent } from '../PartialFunctionComponent';\nimport { CollectionToolbarsProvider } from './CollectionToolbarsProvider';\nimport { ToolbarAndTitlebarContainer } from './ToolbarAndTitlebarContainer';\nimport { ToolbarCollectionBaseProps } from '../ToolbarCollection';\nimport { TopNotificationBasicRenderProp } from '../TableTopNotification';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport {\n  CollectionToolbarsVisualization,\n  CollectionToolbarsVisualizationProps,\n} from './CollectionToolbarsVisualization';\n\nexport interface CollectionToolbarsProps<T, F extends FiltersMap>\n  extends Pick<\n    ToolbarCollectionBaseProps<T, F>,\n    | 'showTitleBar'\n    | 'tags'\n    | 'sticky'\n    | 'title'\n    | 'tabs'\n    | 'search'\n    | 'customColumns'\n    | 'multiLevelSorting'\n    | 'views'\n    | 'filters'\n    | 'selectionToolbar'\n    | 'dragAndDropReorderModeToolbar'\n    | 'extraToolbar'\n    | 'summaryBar'\n    | 'tableGridSwitchButton'\n    | 'exportButton'\n    | 'primaryActionButton'\n    | 'secondaryActions'\n    | 'moreActions'\n  > {\n  state: ToolbarCollectionState<T, F>;\n  topNotification?: TopNotificationBasicRenderProp;\n  titleBar?: ReactNode;\n  visualization?: CollectionToolbarsVisualizationProps<T, F>['visualization'];\n}\n\nfunction BorderRadiusTopCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderTopLeftRadius={isMobile ? 0 : 8}\n      borderTopRightRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction BorderRadiusTopBottomCard({ children }: { children?: ReactNode }) {\n  const isMobile = useIsMobile();\n  return (\n    <Box\n      direction=\"vertical\"\n      backgroundColor=\"D80\"\n      borderRadius={isMobile ? 0 : 8}\n    >\n      {children}\n    </Box>\n  );\n}\n\nfunction _CollectionToolbars<T, F extends FiltersMap = FiltersMap>(\n  props: CollectionToolbarsProps<T, F>,\n) {\n  const {\n    sticky,\n    state,\n    search,\n    selectionToolbar,\n    dragAndDropReorderModeToolbar,\n    filters,\n    title,\n    tabs,\n    customColumns,\n    multiLevelSorting,\n    views,\n    extraToolbar,\n    summaryBar,\n    topNotification: topNotificationProp,\n    titleBar,\n    tableGridSwitchButton,\n    exportButton,\n    primaryActionButton,\n    secondaryActions,\n    moreActions,\n    visualization: customSlot,\n  } = props;\n\n  const {\n    collection,\n    featuredComponents,\n    hasSubToolbarComponents,\n    shouldDisplayFiltersTags,\n    bulk: { selectedIds },\n    internalScroll,\n  } = state;\n\n  const isMobile = useIsMobile();\n\n  const topNotification =\n    typeof topNotificationProp === 'function'\n      ? topNotificationProp()\n      : topNotificationProp;\n\n  const AppliedFiltersTagList = featuredComponents.appliedFiltersTagList.value\n    ?.component as PartialFunctionComponent as FunctionComponent | null;\n\n  const { showRefreshLoader } = collection;\n\n  const shouldDisplaySubToolbar =\n    shouldDisplayFiltersTags && hasSubToolbarComponents;\n\n  const toolbars = (\n    <>\n      {selectionToolbar && !showRefreshLoader && selectedIds.length > 0 ? (\n        selectionToolbar\n      ) : (\n        <>\n          {extraToolbar}\n          <CollectionToolbar\n            dataHook=\"collection-toolbar\"\n            search={search}\n            customColumns={customColumns}\n            multiLevelSorting={multiLevelSorting}\n            views={views}\n            state={state}\n            filters={filters}\n            title={title}\n            tabs={tabs}\n            tableGridSwitchButton={tableGridSwitchButton}\n            exportButton={exportButton}\n            primaryActionButton={primaryActionButton}\n            dragAndDropReorderModeToolbar={dragAndDropReorderModeToolbar}\n            secondaryActions={secondaryActions}\n            moreActions={moreActions}\n          />\n        </>\n      )}\n      {shouldDisplaySubToolbar && (\n        <Box direction=\"vertical\" backgroundColor=\"D80\">\n          <Table.SubToolbar dataHook=\"collection-table-sub-toolbar\">\n            {AppliedFiltersTagList && shouldDisplayFiltersTags && (\n              <AppliedFiltersTagList />\n            )}\n          </Table.SubToolbar>\n        </Box>\n      )}\n      {summaryBar}\n      {topNotification}\n    </>\n  );\n\n  /* wrapping with Card is WSR way to make the sticky table header not to add extra border between the header and the content https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--table#Sticky_Toolbar_&_Sub-toolbar*/\n\n  const child = (\n    <ToolbarAndTitlebarContainer state={state.toolbar}>\n      {customSlot ? (\n        <>\n          <BorderRadiusTopBottomCard>{toolbars}</BorderRadiusTopBottomCard>\n          <CollectionToolbarsVisualization\n            state={state}\n            visualization={customSlot}\n          />\n          <BorderRadiusTopCard>{titleBar}</BorderRadiusTopCard>\n        </>\n      ) : (\n        <BorderRadiusTopCard>\n          {toolbars}\n          {titleBar}\n        </BorderRadiusTopCard>\n      )}\n    </ToolbarAndTitlebarContainer>\n  );\n\n  return (\n    <CollectionToolbarsProvider>\n      {sticky && !internalScroll ? (\n        <Page.Sticky style={isMobile ? { top: 78 } : undefined}>\n          {child}\n        </Page.Sticky>\n      ) : (\n        child\n      )}\n    </CollectionToolbarsProvider>\n  );\n}\n\nexport const CollectionToolbars = observer(_CollectionToolbars);\n"],"mappings":"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","ignoreList":[]}

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

@@ -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_ = "AutoCompleteReadonly3789927058";
+var _namespace_ = "AutoCompleteReadonly779197060";
 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": "AutoCompleteReadonly3789927058__root"
+  "root": "AutoCompleteReadonly779197060__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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_ = \"AutoCompleteReadonly3789927058\";\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\":\"AutoCompleteReadonly3789927058__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":[]}
+{"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_ = \"AutoCompleteReadonly779197060\";\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\":\"AutoCompleteReadonly779197060__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":[]}

package/dist/cjs/components/CollectionViewsDropdown/CollectionViewsDropdown.uni.driver.js

@@ -13,7 +13,14 @@ const CollectionViewsDropdownUniDriver = (base, body) => {
   const manageViewPopover = () => (0, _ManageViewPopoverUni.ManageViewPopoverUniDriver)(base, body);
   const getSaveViewModal = () => (0, _CollectionSaveViewModalUni.CollectionSaveViewModalUniDriver)(base, body);
   const getRenameViewModal = () => (0, _CollectionRenameViewModalUni.CollectionRenameViewModalUniDriver)(base, body);
-  const getDropdownLayoutBase = async () => body.$(`[data-content-element="${await viewsDropdownDriverBase().attr('data-content-hook')}"]`);
+  const getDropdownLayoutBase = async () => {
+    const contentDataHook = await viewsDropdownDriverBase().attr('data-content-hook');
+    if (contentDataHook) {
+      return body.$(`[data-content-element="${contentDataHook}"]`);
+    }
+    const baseDataHook = await viewsDropdownDriverBase().attr('data-hook');
+    return body.$(`[data-hook="${baseDataHook}-content"]`);
+  };
   const viewsDropdownDriver = () => (0, _unidriver.DropdownUniDriver)(viewsDropdownDriverBase(), body);
   const getViewListItemById = id => {
     return (0, _ViewsDropdownListItemUni.ViewsDropdownListItemUniDriver)(viewsDropdownDriverBase().$(`[data-hook="dropdown-item-${id}"]`), body);
@@ -63,7 +70,7 @@ const CollectionViewsDropdownUniDriver = (base, body) => {
     /** Get array of all view names in the dropdown */
     getViewsContent: async () => viewsDropdownDriverBase().$$('[data-hook="view-item"]').text(),
     /** Get array popover content , like empty state */
-    getViewsPopoverContent: async () => viewsDropdownDriverBase().$$('[data-hook="popover-content"]').text(),
+    getViewsPopoverContent: async () => viewsDropdownDriver().dropdownLayoutDriver.optionsContent(),
     /** Indicates whether the dropdown is open */
     isOpen: () => viewsDropdownDriver().dropdownLayoutDriver.isShown(),
     /** Get the placeholder test of the dropdown */

package/dist/cjs/components/CollectionViewsDropdown/CollectionViewsDropdown.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","_ViewsDropdownListItemUni","_ManageViewPopoverUni","_CollectionSaveViewModalUni","_CollectionRenameViewModalUni","CollectionViewsDropdownUniDriver","base","body","viewsDropdownDriverBase","$","manageViewPopover","ManageViewPopoverUniDriver","getSaveViewModal","CollectionSaveViewModalUniDriver","getRenameViewModal","CollectionRenameViewModalUniDriver","getDropdownLayoutBase","attr","viewsDropdownDriver","DropdownUniDriver","getViewListItemById","id","ViewsDropdownListItemUniDriver","getViewListItemAt","index","$$","get","getCategoryListItemById","ListItemSectionUniDriver","getCategoryListItemAt","openManageViewPopover","open","saveNewViewActionClick","clickSaveNewView","deleteViewActionClick","clickDeleteView","saveViewChangesActionClick","clickSaveChanges","renameViewActionClick","clickRenameView","setAsDefaultViewActionClick","clickSetAsDefaultView","baseUniDriverFactory","_input","exists","initialLoaderExists","getSelected","inputDriver","getValue","getInputValue","getInputReadOnly","getReadOnly","isInputFocused","isFocus","getSelectedId","dropdownLayoutDriver","getSelectedOptionId","hasTotal","suffixComponentExists","click","enterText","value","clickInputClearButton","clickClear","inputClearButtonExists","hasClearButton","getViewsCount","count","getViewsContent","text","getViewsPopoverContent","isOpen","isShown","getPlaceholderText","getPlaceholder","getAllItemsView","getCategoriesCount","getCategoriesContent","isViewPendingChanges","prefixComponentExists","isDefaultView","manageViewPopoverExists","isManageViewPopoverOpen","getSaveViewChangesBtn","getSaveChangesBtn","getSaveNewViewBtn","getDeleteViewBtn","getRenameViewBtn","getSetAsDefaultViewBtn","saveNewView","name","saveViewModal","fillViewNameInput","clickSaveButton","deleteView","ind","select","saveViewChanges","renameView","renameViewModal","setAsDefaultView","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/CollectionViewsDropdown.uni.driver.ts"],"sourcesContent":["import type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DropdownUniDriver,\n  ListItemSectionUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { ViewsDropdownListItemUniDriver } from './ViewsDropdownListItem.uni.driver';\nimport { ManageViewPopoverUniDriver } from './ManageViewPopover.uni.driver';\nimport { CollectionSaveViewModalUniDriver } from './modals/SaveView/CollectionSaveViewModal.uni.driver';\nimport { CollectionRenameViewModalUniDriver } from './modals/RenameView/CollectionRenameViewModal.uni.driver';\n\nexport const CollectionViewsDropdownUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const viewsDropdownDriverBase = () =>\n    base.$('[data-hook=\"collection-views-dropdown\"]');\n\n  const manageViewPopover = () => ManageViewPopoverUniDriver(base, body);\n  const getSaveViewModal = () => CollectionSaveViewModalUniDriver(base, body);\n  const getRenameViewModal = () =>\n    CollectionRenameViewModalUniDriver(base, body);\n\n  const getDropdownLayoutBase = async () =>\n    body.$(\n      `[data-content-element=\"${await viewsDropdownDriverBase().attr(\n        'data-content-hook',\n      )}\"]`,\n    );\n\n  const viewsDropdownDriver = () =>\n    DropdownUniDriver(viewsDropdownDriverBase(), body);\n\n  const getViewListItemById = (id: string) => {\n    return ViewsDropdownListItemUniDriver(\n      viewsDropdownDriverBase().$(`[data-hook=\"dropdown-item-${id}\"]`),\n      body,\n    );\n  };\n\n  const getViewListItemAt = (index: number) => {\n    return ViewsDropdownListItemUniDriver(\n      viewsDropdownDriverBase().$$('[data-hook=\"view-item\"]').get(index),\n      body,\n    );\n  };\n\n  const getCategoryListItemById = (id: string) => {\n    return ListItemSectionUniDriver(\n      viewsDropdownDriverBase().$(`[data-hook=\"dropdown-item-${id}\"]`),\n      body,\n    );\n  };\n\n  const getCategoryListItemAt = (index: number) => {\n    return ListItemSectionUniDriver(\n      viewsDropdownDriverBase().$$('[data-hook=\"view-category\"]').get(index),\n      body,\n    );\n  };\n\n  const openManageViewPopover = () => manageViewPopover().open();\n  const saveNewViewActionClick = () => manageViewPopover().clickSaveNewView();\n  const deleteViewActionClick = () => manageViewPopover().clickDeleteView();\n  const saveViewChangesActionClick = () =>\n    manageViewPopover().clickSaveChanges();\n  const renameViewActionClick = () => manageViewPopover().clickRenameView();\n  const setAsDefaultViewActionClick = () =>\n    manageViewPopover().clickSetAsDefaultView();\n\n  return {\n    ...baseUniDriverFactory(base),\n    _input: () => viewsDropdownDriverBase().$('input'),\n    exists: () => viewsDropdownDriver().exists(),\n    initialLoaderExists: async () =>\n      (await getDropdownLayoutBase())\n        .$('[data-hook=\"initial-loader\"]')\n        .exists(),\n    /** Get the currently selected view name */\n    getSelected: () => viewsDropdownDriver().inputDriver.getValue(),\n    /** Get the dropdown input text */\n    getInputValue: () => viewsDropdownDriver().inputDriver.getValue(),\n    /** Indicates input is ready-only */\n    getInputReadOnly: () => viewsDropdownDriver().inputDriver.getReadOnly(),\n    /** Indicates input is focused */\n    isInputFocused: () => viewsDropdownDriver().inputDriver.isFocus(),\n    /** Get the currently selected view id */\n    getSelectedId: () =>\n      viewsDropdownDriver().dropdownLayoutDriver.getSelectedOptionId(),\n    /** Checks if total is shown */\n    hasTotal: () =>\n      viewsDropdownDriver().inputDriver.suffixComponentExists('.total-count'),\n    /** Opens views dropdown */\n    open: () => viewsDropdownDriver().inputDriver.click(),\n    /** Enter dropdown input text */\n    enterText: (value: string) =>\n      viewsDropdownDriver().inputDriver.enterText(value),\n    /** Click dropdown input clear button */\n    clickInputClearButton: () => viewsDropdownDriver().inputDriver.clickClear(),\n    /** Indicates input clear button exists  */\n    inputClearButtonExists: () =>\n      viewsDropdownDriver().inputDriver.hasClearButton(),\n    /** Get number of views */\n    getViewsCount: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-item\"]').count(),\n    /** Get array of all view names in the dropdown */\n    getViewsContent: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-item\"]').text(),\n    /** Get array popover content , like empty state */\n    getViewsPopoverContent: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"popover-content\"]').text(),\n    /** Indicates whether the dropdown is open */\n    isOpen: () => viewsDropdownDriver().dropdownLayoutDriver.isShown(),\n    /** Get the placeholder test of the dropdown */\n    getPlaceholderText: () =>\n      viewsDropdownDriver().inputDriver.getPlaceholder(),\n    /** Get modal driver for \"Save View\" */\n    getSaveViewModal,\n    /** Get modal driver for \"Rename View\" */\n    getRenameViewModal,\n    /** Get view list item driver by view id */\n    getViewListItemById,\n    /** Get view list item driver by view index */\n    getViewListItemAt,\n    /** Get category list item driver by category id */\n    getCategoryListItemById,\n    /** Get category list item driver by category index */\n    getCategoryListItemAt,\n    /** Get \"all items\" view list item */\n    getAllItemsView: () => getCategoryListItemById('all-items-view'),\n    /** Get number of categories */\n    getCategoriesCount: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-category\"]').count(),\n    /** Get array of all category names in the dropdown */\n    getCategoriesContent: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-category\"]').text(),\n    /** Check if view pending changes */\n    isViewPendingChanges: async () =>\n      viewsDropdownDriver().inputDriver.prefixComponentExists(\n        '[data-hook=\"view-pending-changes\"]',\n      ),\n    isDefaultView: async () =>\n      viewsDropdownDriver().inputDriver.prefixComponentExists(\n        '[data-hook=\"view-default\"]',\n      ),\n\n    /** Indicates whether the Manage View popover exists */\n    manageViewPopoverExists: () => manageViewPopover().exists(),\n    /** Indicates whether the Manage View popover opened */\n    isManageViewPopoverOpen: () => manageViewPopover().isOpen(),\n    /** Opens the Manage View popover */\n    openManageViewPopover,\n    /** Clicks the Save Changes action in the Manage View popover */\n    saveViewChangesActionClick,\n    /** Clicks the Save as New View action in the Manage View popover */\n    saveNewViewActionClick,\n    /** Clicks the Rename action in the Manage View popover */\n    renameViewActionClick,\n    /** Clicks the Set as Default View action in the Manage View popover */\n    setAsDefaultViewActionClick,\n    /** Clicks the Delete action in the Manage View popover */\n    deleteViewActionClick,\n    /** Get DropdownLayoutOptionUniDriver of a Save Changes option */\n    getSaveViewChangesBtn: () => manageViewPopover().getSaveChangesBtn(),\n    /** Get DropdownLayoutOptionUniDriver of a Save as New View option */\n    getSaveNewViewBtn: () => manageViewPopover().getSaveNewViewBtn(),\n    /** Get DropdownLayoutOptionUniDriver of a Delete View option */\n    getDeleteViewBtn: () => manageViewPopover().getDeleteViewBtn(),\n    /** Get DropdownLayoutOptionUniDriver of a Rename option */\n    getRenameViewBtn: () => manageViewPopover().getRenameViewBtn(),\n    /** Get DropdownLayoutOptionUniDriver of a Set as Default View option */\n    getSetAsDefaultViewBtn: () => manageViewPopover().getSetAsDefaultViewBtn(),\n\n    /** Saves new view with a defined name and current filters / sort / columns */\n    saveNewView: async (name: string) => {\n      await openManageViewPopover();\n      await saveNewViewActionClick();\n      const saveViewModal = getSaveViewModal();\n      await saveViewModal.fillViewNameInput(name);\n      await saveViewModal.clickSaveButton();\n    },\n    /** Deletes the view with a given index */\n    deleteView: async (ind: number) => {\n      await open();\n      await getViewListItemAt(ind).select();\n      await openManageViewPopover();\n      await deleteViewActionClick();\n    },\n    /** Saves changes to the current view */\n    saveViewChanges: async () => {\n      await openManageViewPopover();\n      await saveViewChangesActionClick();\n    },\n    /** Renames the current view with a given name */\n    renameView: async (name: string) => {\n      await openManageViewPopover();\n      await renameViewActionClick();\n\n      const renameViewModal = getRenameViewModal();\n      await renameViewModal.fillViewNameInput(name);\n      await renameViewModal.clickSaveButton();\n    },\n    /** Sets a default view with a given index */\n    setAsDefaultView: async (ind: number) => {\n      await open();\n      await getViewListItemAt(ind).select();\n      await openManageViewPopover();\n      await setAsDefaultViewActionClick();\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","_ViewsDropdownListItemUni","_ManageViewPopoverUni","_CollectionSaveViewModalUni","_CollectionRenameViewModalUni","CollectionViewsDropdownUniDriver","base","body","viewsDropdownDriverBase","$","manageViewPopover","ManageViewPopoverUniDriver","getSaveViewModal","CollectionSaveViewModalUniDriver","getRenameViewModal","CollectionRenameViewModalUniDriver","getDropdownLayoutBase","contentDataHook","attr","baseDataHook","viewsDropdownDriver","DropdownUniDriver","getViewListItemById","id","ViewsDropdownListItemUniDriver","getViewListItemAt","index","$$","get","getCategoryListItemById","ListItemSectionUniDriver","getCategoryListItemAt","openManageViewPopover","open","saveNewViewActionClick","clickSaveNewView","deleteViewActionClick","clickDeleteView","saveViewChangesActionClick","clickSaveChanges","renameViewActionClick","clickRenameView","setAsDefaultViewActionClick","clickSetAsDefaultView","baseUniDriverFactory","_input","exists","initialLoaderExists","getSelected","inputDriver","getValue","getInputValue","getInputReadOnly","getReadOnly","isInputFocused","isFocus","getSelectedId","dropdownLayoutDriver","getSelectedOptionId","hasTotal","suffixComponentExists","click","enterText","value","clickInputClearButton","clickClear","inputClearButtonExists","hasClearButton","getViewsCount","count","getViewsContent","text","getViewsPopoverContent","optionsContent","isOpen","isShown","getPlaceholderText","getPlaceholder","getAllItemsView","getCategoriesCount","getCategoriesContent","isViewPendingChanges","prefixComponentExists","isDefaultView","manageViewPopoverExists","isManageViewPopoverOpen","getSaveViewChangesBtn","getSaveChangesBtn","getSaveNewViewBtn","getDeleteViewBtn","getRenameViewBtn","getSetAsDefaultViewBtn","saveNewView","name","saveViewModal","fillViewNameInput","clickSaveButton","deleteView","ind","select","saveViewChanges","renameView","renameViewModal","setAsDefaultView","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/CollectionViewsDropdown.uni.driver.ts"],"sourcesContent":["import type { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DropdownUniDriver,\n  ListItemSectionUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { ViewsDropdownListItemUniDriver } from './ViewsDropdownListItem.uni.driver';\nimport { ManageViewPopoverUniDriver } from './ManageViewPopover.uni.driver';\nimport { CollectionSaveViewModalUniDriver } from './modals/SaveView/CollectionSaveViewModal.uni.driver';\nimport { CollectionRenameViewModalUniDriver } from './modals/RenameView/CollectionRenameViewModal.uni.driver';\n\nexport const CollectionViewsDropdownUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const viewsDropdownDriverBase = () =>\n    base.$('[data-hook=\"collection-views-dropdown\"]');\n\n  const manageViewPopover = () => ManageViewPopoverUniDriver(base, body);\n  const getSaveViewModal = () => CollectionSaveViewModalUniDriver(base, body);\n  const getRenameViewModal = () =>\n    CollectionRenameViewModalUniDriver(base, body);\n\n  const getDropdownLayoutBase = async () => {\n    const contentDataHook = await viewsDropdownDriverBase().attr(\n      'data-content-hook',\n    );\n\n    if (contentDataHook) {\n      return body.$(`[data-content-element=\"${contentDataHook}\"]`);\n    }\n\n    const baseDataHook = await viewsDropdownDriverBase().attr('data-hook');\n\n    return body.$(`[data-hook=\"${baseDataHook}-content\"]`);\n  };\n\n  const viewsDropdownDriver = () =>\n    DropdownUniDriver(viewsDropdownDriverBase(), body);\n\n  const getViewListItemById = (id: string) => {\n    return ViewsDropdownListItemUniDriver(\n      viewsDropdownDriverBase().$(`[data-hook=\"dropdown-item-${id}\"]`),\n      body,\n    );\n  };\n\n  const getViewListItemAt = (index: number) => {\n    return ViewsDropdownListItemUniDriver(\n      viewsDropdownDriverBase().$$('[data-hook=\"view-item\"]').get(index),\n      body,\n    );\n  };\n\n  const getCategoryListItemById = (id: string) => {\n    return ListItemSectionUniDriver(\n      viewsDropdownDriverBase().$(`[data-hook=\"dropdown-item-${id}\"]`),\n      body,\n    );\n  };\n\n  const getCategoryListItemAt = (index: number) => {\n    return ListItemSectionUniDriver(\n      viewsDropdownDriverBase().$$('[data-hook=\"view-category\"]').get(index),\n      body,\n    );\n  };\n\n  const openManageViewPopover = () => manageViewPopover().open();\n  const saveNewViewActionClick = () => manageViewPopover().clickSaveNewView();\n  const deleteViewActionClick = () => manageViewPopover().clickDeleteView();\n  const saveViewChangesActionClick = () =>\n    manageViewPopover().clickSaveChanges();\n  const renameViewActionClick = () => manageViewPopover().clickRenameView();\n  const setAsDefaultViewActionClick = () =>\n    manageViewPopover().clickSetAsDefaultView();\n\n  return {\n    ...baseUniDriverFactory(base),\n    _input: () => viewsDropdownDriverBase().$('input'),\n    exists: () => viewsDropdownDriver().exists(),\n    initialLoaderExists: async () =>\n      (await getDropdownLayoutBase())\n        .$('[data-hook=\"initial-loader\"]')\n        .exists(),\n    /** Get the currently selected view name */\n    getSelected: () => viewsDropdownDriver().inputDriver.getValue(),\n    /** Get the dropdown input text */\n    getInputValue: () => viewsDropdownDriver().inputDriver.getValue(),\n    /** Indicates input is ready-only */\n    getInputReadOnly: () => viewsDropdownDriver().inputDriver.getReadOnly(),\n    /** Indicates input is focused */\n    isInputFocused: () => viewsDropdownDriver().inputDriver.isFocus(),\n    /** Get the currently selected view id */\n    getSelectedId: () =>\n      viewsDropdownDriver().dropdownLayoutDriver.getSelectedOptionId(),\n    /** Checks if total is shown */\n    hasTotal: () =>\n      viewsDropdownDriver().inputDriver.suffixComponentExists('.total-count'),\n    /** Opens views dropdown */\n    open: () => viewsDropdownDriver().inputDriver.click(),\n    /** Enter dropdown input text */\n    enterText: (value: string) =>\n      viewsDropdownDriver().inputDriver.enterText(value),\n    /** Click dropdown input clear button */\n    clickInputClearButton: () => viewsDropdownDriver().inputDriver.clickClear(),\n    /** Indicates input clear button exists  */\n    inputClearButtonExists: () =>\n      viewsDropdownDriver().inputDriver.hasClearButton(),\n    /** Get number of views */\n    getViewsCount: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-item\"]').count(),\n    /** Get array of all view names in the dropdown */\n    getViewsContent: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-item\"]').text(),\n    /** Get array popover content , like empty state */\n    getViewsPopoverContent: async () =>\n      viewsDropdownDriver().dropdownLayoutDriver.optionsContent(),\n    /** Indicates whether the dropdown is open */\n    isOpen: () => viewsDropdownDriver().dropdownLayoutDriver.isShown(),\n    /** Get the placeholder test of the dropdown */\n    getPlaceholderText: () =>\n      viewsDropdownDriver().inputDriver.getPlaceholder(),\n    /** Get modal driver for \"Save View\" */\n    getSaveViewModal,\n    /** Get modal driver for \"Rename View\" */\n    getRenameViewModal,\n    /** Get view list item driver by view id */\n    getViewListItemById,\n    /** Get view list item driver by view index */\n    getViewListItemAt,\n    /** Get category list item driver by category id */\n    getCategoryListItemById,\n    /** Get category list item driver by category index */\n    getCategoryListItemAt,\n    /** Get \"all items\" view list item */\n    getAllItemsView: () => getCategoryListItemById('all-items-view'),\n    /** Get number of categories */\n    getCategoriesCount: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-category\"]').count(),\n    /** Get array of all category names in the dropdown */\n    getCategoriesContent: async () =>\n      viewsDropdownDriverBase().$$('[data-hook=\"view-category\"]').text(),\n    /** Check if view pending changes */\n    isViewPendingChanges: async () =>\n      viewsDropdownDriver().inputDriver.prefixComponentExists(\n        '[data-hook=\"view-pending-changes\"]',\n      ),\n    isDefaultView: async () =>\n      viewsDropdownDriver().inputDriver.prefixComponentExists(\n        '[data-hook=\"view-default\"]',\n      ),\n\n    /** Indicates whether the Manage View popover exists */\n    manageViewPopoverExists: () => manageViewPopover().exists(),\n    /** Indicates whether the Manage View popover opened */\n    isManageViewPopoverOpen: () => manageViewPopover().isOpen(),\n    /** Opens the Manage View popover */\n    openManageViewPopover,\n    /** Clicks the Save Changes action in the Manage View popover */\n    saveViewChangesActionClick,\n    /** Clicks the Save as New View action in the Manage View popover */\n    saveNewViewActionClick,\n    /** Clicks the Rename action in the Manage View popover */\n    renameViewActionClick,\n    /** Clicks the Set as Default View action in the Manage View popover */\n    setAsDefaultViewActionClick,\n    /** Clicks the Delete action in the Manage View popover */\n    deleteViewActionClick,\n    /** Get DropdownLayoutOptionUniDriver of a Save Changes option */\n    getSaveViewChangesBtn: () => manageViewPopover().getSaveChangesBtn(),\n    /** Get DropdownLayoutOptionUniDriver of a Save as New View option */\n    getSaveNewViewBtn: () => manageViewPopover().getSaveNewViewBtn(),\n    /** Get DropdownLayoutOptionUniDriver of a Delete View option */\n    getDeleteViewBtn: () => manageViewPopover().getDeleteViewBtn(),\n    /** Get DropdownLayoutOptionUniDriver of a Rename option */\n    getRenameViewBtn: () => manageViewPopover().getRenameViewBtn(),\n    /** Get DropdownLayoutOptionUniDriver of a Set as Default View option */\n    getSetAsDefaultViewBtn: () => manageViewPopover().getSetAsDefaultViewBtn(),\n\n    /** Saves new view with a defined name and current filters / sort / columns */\n    saveNewView: async (name: string) => {\n      await openManageViewPopover();\n      await saveNewViewActionClick();\n      const saveViewModal = getSaveViewModal();\n      await saveViewModal.fillViewNameInput(name);\n      await saveViewModal.clickSaveButton();\n    },\n    /** Deletes the view with a given index */\n    deleteView: async (ind: number) => {\n      await open();\n      await getViewListItemAt(ind).select();\n      await openManageViewPopover();\n      await deleteViewActionClick();\n    },\n    /** Saves changes to the current view */\n    saveViewChanges: async () => {\n      await openManageViewPopover();\n      await saveViewChangesActionClick();\n    },\n    /** Renames the current view with a given name */\n    renameView: async (name: string) => {\n      await openManageViewPopover();\n      await renameViewActionClick();\n\n      const renameViewModal = getRenameViewModal();\n      await renameViewModal.fillViewNameInput(name);\n      await renameViewModal.clickSaveButton();\n    },\n    /** Sets a default view with a given index */\n    setAsDefaultView: async (ind: number) => {\n      await open();\n      await getViewListItemAt(ind).select();\n      await openManageViewPopover();\n      await setAsDefaultViewActionClick();\n    },\n  };\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -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_ = "ViewsDropdown206953117";
+var _namespace_ = "ViewsDropdown3379161903";
 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": "ViewsDropdown206953117__root"
+  "root": "ViewsDropdown3379161903__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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_ = \"ViewsDropdown206953117\";\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\":\"ViewsDropdown206953117__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":[]}
+{"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_ = \"ViewsDropdown3379161903\";\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\":\"ViewsDropdown3379161903__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":[]}

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsSearch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_react2","_jsxFileName","_CustomColumnsSearch","state","translate","t","useWixPatternsContainer","default","createElement","Search","dataHook","size","value","searchValue","onChange","e","setSearchValue","target","onClear","placeholder","__self","__source","fileName","lineNumber","columnNumber","CustomColumnsSearch","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsSearch.tsx"],"sourcesContent":["import { Search } from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CustomColumnsSearchProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsSearch<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsSearchProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Search\n      dataHook=\"custom-columns-search\"\n      size=\"small\"\n      value={state.searchValue}\n      onChange={(e) => {\n        state.setSearchValue(e.target.value);\n      }}\n      onClear={() => {\n        state.setSearchValue('');\n      }}\n      placeholder={t('cairo.table.custom-columns.dragAndDrop.search-placeholder')}\n    />\n  );\n}\n\nexport const CustomColumnsSearch = observer(_CustomColumnsSearch); "],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAMvD,SAASC,oBAAoBA,CAA0B;EAC5DC;AAC8B,CAAC,EAAE;EACjC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,QAAQ,EAAC,uBAAuB;IAChCC,IAAI,EAAC,OAAO;IACZC,KAAK,EAAET,KAAK,CAACU,WAAY;IACzBC,QAAQ,EAAGC,CAAC,IAAK;MACfZ,KAAK,CAACa,cAAc,CAACD,CAAC,CAACE,MAAM,CAACL,KAAK,CAAC;IACtC,CAAE;IACFM,OAAO,EAAEA,CAAA,KAAM;MACbf,KAAK,CAACa,cAAc,CAAC,EAAE,CAAC;IAC1B,CAAE;IACFG,WAAW,EAAEd,CAAC,CAAC,2DAA2D,CAAE;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7E,CAAC;AAEN;AAEO,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAACzB,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_react2","_jsxFileName","_CustomColumnsSearch","state","translate","t","useWixPatternsContainer","default","createElement","Search","dataHook","size","value","searchValue","onChange","e","setSearchValue","target","onClear","placeholder","__self","__source","fileName","lineNumber","columnNumber","CustomColumnsSearch","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsSearch.tsx"],"sourcesContent":["import { Search } from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface CustomColumnsSearchProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsSearch<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsSearchProps<T, F>) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Search\n      dataHook=\"custom-columns-search\"\n      size=\"small\"\n      value={state.searchValue}\n      onChange={(e) => {\n        state.setSearchValue(e.target.value);\n      }}\n      onClear={() => {\n        state.setSearchValue('');\n      }}\n      placeholder={t(\n        'cairo.table.custom-columns.dragAndDrop.search-placeholder',\n      )}\n    />\n  );\n}\n\nexport const CustomColumnsSearch = observer(_CustomColumnsSearch);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAA8D,IAAAK,YAAA;AAMvD,SAASC,oBAAoBA,CAA0B;EAC5DC;AAC8B,CAAC,EAAE;EACjC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACET,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,QAAQ,EAAC,uBAAuB;IAChCC,IAAI,EAAC,OAAO;IACZC,KAAK,EAAET,KAAK,CAACU,WAAY;IACzBC,QAAQ,EAAGC,CAAC,IAAK;MACfZ,KAAK,CAACa,cAAc,CAACD,CAAC,CAACE,MAAM,CAACL,KAAK,CAAC;IACtC,CAAE;IACFM,OAAO,EAAEA,CAAA,KAAM;MACbf,KAAK,CAACa,cAAc,CAAC,EAAE,CAAC;IAC1B,CAAE;IACFG,WAAW,EAAEd,CAAC,CACZ,2DACF,CAAE;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACH,CAAC;AAEN;AAEO,MAAMC,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAACzB,oBAAoB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js

@@ -192,7 +192,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 145,
       columnNumber: 17
     }
   })))))));
@@ -208,7 +208,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 172,
+      lineNumber: 178,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -217,7 +217,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 173,
+      lineNumber: 179,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -228,7 +228,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 174,
+      lineNumber: 180,
       columnNumber: 9
     }
   }, field.label || field.id, ":"), value));

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_FileCardList","_datesUtil","_jsxFileName","_CustomFieldsViewWidgetSection","customFields","fieldValues","namespace","title","container","useWixPatternsContainer","translate","t","dateFormatters","valueWrapper","value","props","test","default","createElement","Text","_extends2","overflowWrap","__self","__source","fileName","lineNumber","columnNumber","React","isValidElement","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","join","files","Array","isArray","FileCardList","showDownloadCTA","showDetails","medium","format","getDateWithoutTimezone","mediumTime","Date","TextButton","as","rel","target","href","ellipsis","Box","width","direction","Layout","gap","Cell","span","Heading","display","rowGap","columnGap","gridTemplateColumns","map","field","key","id","flexGrow","flexShrink","flexBasis","minWidth","CustomFieldCell","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","weight","label"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"sourcesContent":["import { CustomField, CustomFieldType } from '@wix/bex-core';\nimport {\n  Text,\n  TextProps,\n  Layout,\n  Cell,\n  Box,\n  Heading,\n  TextButton,\n} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FileCardList } from '../FileCard/FileCardList';\nimport { getDateWithoutTimezone } from '../../utils/datesUtil';\n\ninterface CustomFieldsViewWidgetSectionProps {\n  customFields: CustomField[];\n  fieldValues: Record<string, any>;\n  namespace: string;\n  title?: string;\n}\n\nconst _CustomFieldsViewWidgetSection = ({\n  customFields,\n  fieldValues,\n  namespace,\n  title,\n}: CustomFieldsViewWidgetSectionProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t, dateFormatters } = container;\n\n  const valueWrapper = (value: any, props: TextProps) => {\n    if (typeof value === 'string' && !/\\s/.test(value)) {\n      // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)\n      return (\n        <Text {...props} overflowWrap=\"break-word\">\n          {value}\n        </Text>\n      );\n    }\n\n    if (typeof value !== 'string' && React.isValidElement(value)) {\n      return value;\n    }\n    return <Text {...props}>{value}</Text>;\n  };\n\n  const getViewValue = (\n    value: any,\n    type: CustomFieldType,\n    valueDataHook: string,\n  ) => {\n    const textProps: TextProps = {\n      dataHook: valueDataHook,\n      size: 'small',\n      secondary: true,\n    };\n\n    // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed\n    if (value === undefined || value === null) {\n      return valueWrapper('-', textProps);\n    }\n\n    let newValue = value;\n\n    switch (type) {\n      case 'dropdown': {\n        newValue = value;\n        break;\n      }\n      case 'multiSelect': {\n        newValue = value.join(', ');\n        break;\n      }\n      case 'files': {\n        const files = Array.isArray(value) ? value : [value];\n        return <FileCardList files={files} showDownloadCTA showDetails />;\n      }\n      case 'date':\n        newValue = dateFormatters.medium.format(getDateWithoutTimezone(value));\n        break;\n      case 'dateTime':\n        newValue = dateFormatters.mediumTime.format(new Date(value));\n        break;\n      case 'checkbox':\n        newValue = value\n          ? t('cairo.customFields.booleanValue.true')\n          : t('cairo.customFields.booleanValue.false');\n        break;\n      case 'url':\n        newValue = (\n          <TextButton\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            size=\"small\"\n            href={value}\n            ellipsis\n            dataHook={valueDataHook}\n          >\n            {value}\n          </TextButton>\n        );\n        break;\n      default:\n        break;\n    }\n    return valueWrapper(newValue, textProps);\n  };\n\n  return (\n    <Box\n      width=\"100%\"\n      direction=\"vertical\"\n      dataHook={`custom-field-section-${namespace}`}\n    >\n      <Layout gap=\"SP3\" dataHook={`custom-field-section-${namespace}`}>\n        {title && (\n          <Cell span={12}>\n            <Heading\n              size=\"tiny\"\n              ellipsis\n              dataHook={`custom-field-section-title-${namespace}`}\n            >\n              {title}\n            </Heading>\n          </Cell>\n        )}\n        <Cell span={12}>\n          <Box\n            display=\"grid\"\n            rowGap=\"18PX\"\n            columnGap=\"24PX\"\n            gridTemplateColumns=\"repeat(auto-fill, minmax(248px, 1fr))\"\n          >\n            {customFields.map((field) => (\n              <Box key={field.id} flexGrow={1} flexShrink={1} flexBasis={0} minWidth=\"248px\">\n                <CustomFieldCell\n                  key={field.id}\n                  field={field}\n                  value={getViewValue(\n                    fieldValues[field.id],\n                    field.type,\n                    `custom-field-value-${namespace}-${field.id}`,\n                  )}\n                  labelDataHook={`custom-field-label-${namespace}-${field.id}`}\n                />\n              </Box>\n            ))}\n          </Box>\n        </Cell>\n      </Layout>\n    </Box>\n  );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n  _CustomFieldsViewWidgetSection,\n);\n\nconst CustomFieldCell = ({\n  field,\n  value,\n  labelDataHook,\n}: {\n  field: CustomField;\n  value: JSX.Element;\n  labelDataHook: string;\n}) => {\n  return (\n    <Cell key={field.id}>\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <Text weight=\"normal\" size=\"small\" ellipsis dataHook={labelDataHook}>\n          {field.label || field.id}:\n        </Text>\n        {value}\n      </Box>\n    </Cell>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_FileCardList","_datesUtil","_jsxFileName","_CustomFieldsViewWidgetSection","customFields","fieldValues","namespace","title","container","useWixPatternsContainer","translate","t","dateFormatters","valueWrapper","value","props","test","default","createElement","Text","_extends2","overflowWrap","__self","__source","fileName","lineNumber","columnNumber","React","isValidElement","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","join","files","Array","isArray","FileCardList","showDownloadCTA","showDetails","medium","format","getDateWithoutTimezone","mediumTime","Date","TextButton","as","rel","target","href","ellipsis","Box","width","direction","Layout","gap","Cell","span","Heading","display","rowGap","columnGap","gridTemplateColumns","map","field","key","id","flexGrow","flexShrink","flexBasis","minWidth","CustomFieldCell","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","weight","label"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"sourcesContent":["import { CustomField, CustomFieldType } from '@wix/bex-core';\nimport {\n  Text,\n  TextProps,\n  Layout,\n  Cell,\n  Box,\n  Heading,\n  TextButton,\n} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FileCardList } from '../FileCard/FileCardList';\nimport { getDateWithoutTimezone } from '../../utils/datesUtil';\n\ninterface CustomFieldsViewWidgetSectionProps {\n  customFields: CustomField[];\n  fieldValues: Record<string, any>;\n  namespace: string;\n  title?: string;\n}\n\nconst _CustomFieldsViewWidgetSection = ({\n  customFields,\n  fieldValues,\n  namespace,\n  title,\n}: CustomFieldsViewWidgetSectionProps) => {\n  const container = useWixPatternsContainer();\n  const { translate: t, dateFormatters } = container;\n\n  const valueWrapper = (value: any, props: TextProps) => {\n    if (typeof value === 'string' && !/\\s/.test(value)) {\n      // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)\n      return (\n        <Text {...props} overflowWrap=\"break-word\">\n          {value}\n        </Text>\n      );\n    }\n\n    if (typeof value !== 'string' && React.isValidElement(value)) {\n      return value;\n    }\n    return <Text {...props}>{value}</Text>;\n  };\n\n  const getViewValue = (\n    value: any,\n    type: CustomFieldType,\n    valueDataHook: string,\n  ) => {\n    const textProps: TextProps = {\n      dataHook: valueDataHook,\n      size: 'small',\n      secondary: true,\n    };\n\n    // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed\n    if (value === undefined || value === null) {\n      return valueWrapper('-', textProps);\n    }\n\n    let newValue = value;\n\n    switch (type) {\n      case 'dropdown': {\n        newValue = value;\n        break;\n      }\n      case 'multiSelect': {\n        newValue = value.join(', ');\n        break;\n      }\n      case 'files': {\n        const files = Array.isArray(value) ? value : [value];\n        return <FileCardList files={files} showDownloadCTA showDetails />;\n      }\n      case 'date':\n        newValue = dateFormatters.medium.format(getDateWithoutTimezone(value));\n        break;\n      case 'dateTime':\n        newValue = dateFormatters.mediumTime.format(new Date(value));\n        break;\n      case 'checkbox':\n        newValue = value\n          ? t('cairo.customFields.booleanValue.true')\n          : t('cairo.customFields.booleanValue.false');\n        break;\n      case 'url':\n        newValue = (\n          <TextButton\n            as=\"a\"\n            rel=\"noopener\"\n            target=\"_blank\"\n            size=\"small\"\n            href={value}\n            ellipsis\n            dataHook={valueDataHook}\n          >\n            {value}\n          </TextButton>\n        );\n        break;\n      default:\n        break;\n    }\n    return valueWrapper(newValue, textProps);\n  };\n\n  return (\n    <Box\n      width=\"100%\"\n      direction=\"vertical\"\n      dataHook={`custom-field-section-${namespace}`}\n    >\n      <Layout gap=\"SP3\" dataHook={`custom-field-section-${namespace}`}>\n        {title && (\n          <Cell span={12}>\n            <Heading\n              size=\"tiny\"\n              ellipsis\n              dataHook={`custom-field-section-title-${namespace}`}\n            >\n              {title}\n            </Heading>\n          </Cell>\n        )}\n        <Cell span={12}>\n          <Box\n            display=\"grid\"\n            rowGap=\"18PX\"\n            columnGap=\"24PX\"\n            gridTemplateColumns=\"repeat(auto-fill, minmax(248px, 1fr))\"\n          >\n            {customFields.map((field) => (\n              <Box\n                key={field.id}\n                flexGrow={1}\n                flexShrink={1}\n                flexBasis={0}\n                minWidth=\"248px\"\n              >\n                <CustomFieldCell\n                  key={field.id}\n                  field={field}\n                  value={getViewValue(\n                    fieldValues[field.id],\n                    field.type,\n                    `custom-field-value-${namespace}-${field.id}`,\n                  )}\n                  labelDataHook={`custom-field-label-${namespace}-${field.id}`}\n                />\n              </Box>\n            ))}\n          </Box>\n        </Cell>\n      </Layout>\n    </Box>\n  );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n  _CustomFieldsViewWidgetSection,\n);\n\nconst CustomFieldCell = ({\n  field,\n  value,\n  labelDataHook,\n}: {\n  field: CustomField;\n  value: JSX.Element;\n  labelDataHook: string;\n}) => {\n  return (\n    <Cell key={field.id}>\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <Text weight=\"normal\" size=\"small\" ellipsis dataHook={labelDataHook}>\n          {field.label || field.id}:\n        </Text>\n        {value}\n      </Box>\n    </Cell>\n  );\n};\n"],"mappings":"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","ignoreList":[]}