@wix/patterns 1.307.0 → 1.316.0

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

@@ -8,16 +8,14 @@ var _SearchOrCustomFilterStCss = require("./SearchOrCustomFilter.st.css.js");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
 var _useIsMobile = require("../../hooks/useIsMobile");
+var _mobx = require("mobx");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _SearchOrCustomFilter(props) {
   const {
-    search: _search
+    search: _search,
+    state
   } = props;
-  const [isSearchExpanded, setIsSearchExpanded] = (0, _react.useState)(false);
-  const handleExpandChange = (0, _react.useCallback)(isExpanded => {
-    setIsSearchExpanded(isExpanded);
-  }, []);
   const {
     toolbar: {
       responsive
@@ -29,15 +27,21 @@ function _SearchOrCustomFilter(props) {
     responsiveDisabled
   } = responsive;
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isSearchExpanded = state._searchExpanded;
+  const onSearchExpandChange = expanded => {
+    (0, _mobx.runInAction)(() => {
+      state._searchExpanded = expanded;
+    });
+  };
   const [search, isExpandable] = (0, _react.useMemo)(() => {
     if (! /*#__PURE__*/_react.default.isValidElement(_search)) {
       return [_search, false];
     }
     const element = /*#__PURE__*/_react.default.cloneElement(_search, {
-      onExpandChange: handleExpandChange
+      onExpandChange: onSearchExpandChange
     });
     return [element, element.props.expandable];
-  }, [_search, handleExpandChange]);
+  }, [_search, onSearchExpandChange]);
   if (responsiveDisabled || isMobile) {
     return /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
       className: (0, _SearchOrCustomFilterStCss.st)(isMobile ? _SearchOrCustomFilterStCss.classes.searchMobile : _SearchOrCustomFilterStCss.classes.search, {
@@ -47,7 +51,7 @@ function _SearchOrCustomFilter(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 45,
+        lineNumber: 52,
         columnNumber: 7
       }
     }, search);
@@ -60,7 +64,7 @@ function _SearchOrCustomFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 68,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -68,7 +72,7 @@ function _SearchOrCustomFilter(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 73,
       columnNumber: 7
     }
   }, search));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_SearchOrCustomFilterStCss","_ToolbarCollectionContext","_mobxReactLite","_useIsMobile","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SearchOrCustomFilter","props","search","_search","isSearchExpanded","setIsSearchExpanded","useState","handleExpandChange","useCallback","isExpanded","toolbar","responsive","useToolbarCollectionContext","_nextToShrink","searchResponsive","responsiveDisabled","isMobile","useIsMobile","isExpandable","useMemo","React","isValidElement","element","cloneElement","onExpandChange","expandable","createElement","TableToolbar","Item","className","st","classes","searchMobile","expanded","__self","__source","fileName","lineNumber","columnNumber","shouldShrink","_count","_shouldShrink","Box","direction","maxWidth","minWidth","width","SearchOrCustomFilter","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { useState, useMemo, useCallback } from 'react';\nimport { classes, st } from './SearchOrCustomFilter.st.css.js';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionSearchElement } from '../assertComponentType.js';\n\nexport interface SearchOrCustomFilterProps {\n  search: ToolbarBaseProps['search'];\n}\n\nfunction _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {\n  const { search: _search } = props;\n  const [isSearchExpanded, setIsSearchExpanded] = useState(false);\n\n  const handleExpandChange = useCallback((isExpanded: boolean) => {\n    setIsSearchExpanded(isExpanded);\n  }, []);\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n  const {\n    _nextToShrink,\n    search: searchResponsive,\n    responsiveDisabled,\n  } = responsive;\n\n  const isMobile = useIsMobile();\n\n  const [search, isExpandable] = useMemo(() => {\n    if (!React.isValidElement(_search)) {\n      return [_search, false];\n    }\n    const element = React.cloneElement(_search as CollectionSearchElement, {\n      onExpandChange: handleExpandChange,\n    });\n    return [element, element.props.expandable];\n  }, [_search, handleExpandChange]);\n\n  if (responsiveDisabled || isMobile) {\n    return (\n      <TableToolbar.Item\n        className={st(isMobile ? classes.searchMobile : classes.search, {\n          expandable: isExpandable,\n          expanded: isSearchExpanded,\n        })}\n      >\n        {search}\n      </TableToolbar.Item>\n    );\n  }\n\n  const shouldShrink =\n    _nextToShrink._count >= searchResponsive._count &&\n    searchResponsive._shouldShrink;\n\n  return (\n    <Box\n      direction=\"horizontal\"\n      maxWidth=\"240px\"\n      minWidth={shouldShrink ? '139px' : '140px'}\n    >\n      <Box width={shouldShrink ? '140px' : '240px'}>{search}</Box>\n    </Box>\n  );\n}\n\nexport const SearchOrCustomFilter = observer(_SearchOrCustomFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_SearchOrCustomFilterStCss","_ToolbarCollectionContext","_mobxReactLite","_useIsMobile","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SearchOrCustomFilter","props","search","_search","state","toolbar","responsive","useToolbarCollectionContext","_nextToShrink","searchResponsive","responsiveDisabled","isMobile","useIsMobile","isSearchExpanded","_searchExpanded","onSearchExpandChange","expanded","runInAction","isExpandable","useMemo","React","isValidElement","element","cloneElement","onExpandChange","expandable","createElement","TableToolbar","Item","className","st","classes","searchMobile","__self","__source","fileName","lineNumber","columnNumber","shouldShrink","_count","_shouldShrink","Box","direction","maxWidth","minWidth","width","SearchOrCustomFilter","exports","observer"],"sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.tsx"],"sourcesContent":["import { Box, TableToolbar } from '@wix/design-system';\nimport React, { useMemo } from 'react';\nimport { classes, st } from './SearchOrCustomFilter.st.css.js';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { useIsMobile } from '../../hooks/useIsMobile';\nimport { CollectionSearchElement } from '../assertComponentType.js';\nimport { runInAction } from 'mobx';\n\nexport interface SearchOrCustomFilterProps {\n  search: ToolbarBaseProps['search'];\n  state: {\n    _searchExpanded: boolean;\n  };\n}\n\nfunction _SearchOrCustomFilter(props: SearchOrCustomFilterProps) {\n  const { search: _search, state } = props;\n\n  const {\n    toolbar: { responsive },\n  } = useToolbarCollectionContext();\n  const {\n    _nextToShrink,\n    search: searchResponsive,\n    responsiveDisabled,\n  } = responsive;\n\n  const isMobile = useIsMobile();\n\n  const isSearchExpanded = state._searchExpanded;\n\n  const onSearchExpandChange = (expanded: boolean) => {\n    runInAction(() => {\n      state._searchExpanded = expanded;\n    });\n  };\n\n  const [search, isExpandable] = useMemo(() => {\n    if (!React.isValidElement(_search)) {\n      return [_search, false];\n    }\n    const element = React.cloneElement(_search as CollectionSearchElement, {\n      onExpandChange: onSearchExpandChange,\n    });\n    return [element, element.props.expandable];\n  }, [_search, onSearchExpandChange]);\n\n  if (responsiveDisabled || isMobile) {\n    return (\n      <TableToolbar.Item\n        className={st(isMobile ? classes.searchMobile : classes.search, {\n          expandable: isExpandable,\n          expanded: isSearchExpanded,\n        })}\n      >\n        {search}\n      </TableToolbar.Item>\n    );\n  }\n\n  const shouldShrink =\n    _nextToShrink._count >= searchResponsive._count &&\n    searchResponsive._shouldShrink;\n\n  return (\n    <Box\n      direction=\"horizontal\"\n      maxWidth=\"240px\"\n      minWidth={shouldShrink ? '139px' : '140px'}\n    >\n      <Box width={shouldShrink ? '140px' : '240px'}>{search}</Box>\n    </Box>\n  );\n}\n\nexport const SearchOrCustomFilter = observer(_SearchOrCustomFilter);\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,16 +7,15 @@
 .searchMobile {
   -st-states: expandable, expanded;
   justify-content: flex-end;
-  position: absolute;
-  left: 18px;
-  right: 18px;
 }
 
-.searchMobile:expandable {
-  left: unset;
+.searchMobile:not(:expandable) {
+  width: 100%;
 }
 
 .searchMobile:expandable:expanded {
+  position: absolute;
+  right: 18px;
   left: 18px;
 }
 

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_ = "SearchOrCustomFilter636387621";
+var _namespace_ = "SearchOrCustomFilter3672765000";
 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": "SearchOrCustomFilter636387621__root",
-  "search": "SearchOrCustomFilter636387621__search",
-  "searchMobile": "SearchOrCustomFilter636387621__searchMobile"
+  "root": "SearchOrCustomFilter3672765000__root",
+  "search": "SearchOrCustomFilter3672765000__search",
+  "searchMobile": "SearchOrCustomFilter3672765000__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_ = \"SearchOrCustomFilter636387621\";\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\":\"SearchOrCustomFilter636387621__root\",\"search\":\"SearchOrCustomFilter636387621__search\",\"searchMobile\":\"SearchOrCustomFilter636387621__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,+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,qCAAqC;EAAC,QAAQ,EAAC,uCAAuC;EAAC,cAAc,EAAC;AAA6C,CAAC;AAC1K,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_ = \"SearchOrCustomFilter3672765000\";\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\":\"SearchOrCustomFilter3672765000__root\",\"search\":\"SearchOrCustomFilter3672765000__search\",\"searchMobile\":\"SearchOrCustomFilter3672765000__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/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_ = "AutoCompleteReadonly177950537";
+var _namespace_ = "AutoCompleteReadonly4049498939";
 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": "AutoCompleteReadonly177950537__root"
+  "root": "AutoCompleteReadonly4049498939__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_ = \"AutoCompleteReadonly177950537\";\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\":\"AutoCompleteReadonly177950537__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":[]}
+{"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_ = \"AutoCompleteReadonly4049498939\";\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\":\"AutoCompleteReadonly4049498939__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsC,CAAC;AAC7D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -7,7 +7,15 @@ var _unidriver2 = require("../../unidriver");
 const ManageViewPopoverUniDriver = (base, body) => {
   const manageViewPopoverDriverBase = () => base.$('[data-hook="manage-view-popover"]');
   const manageViewPopoverDriver = () => (0, _unidriver.PopoverMenuUniDriver)(manageViewPopoverDriverBase(), body);
-  const getContentElement = async () => (0, _unidriver.PopoverUniDriver)(manageViewPopoverDriverBase(), body).getContentElementUniDriver();
+  const getContentElement = async () => {
+    const popoverDriverBase = manageViewPopoverDriverBase();
+    const contentDataHook = await popoverDriverBase.attr('data-content-hook');
+    if (contentDataHook) {
+      return body.$(`[data-content-element="${contentDataHook}"]`);
+    }
+    const baseDataHook = await popoverDriverBase.attr('data-hook');
+    return body.$(`[data-hook="${baseDataHook}-content"]`);
+  };
   const getDropdownLayoutDriver = async () => {
     const contentElement = await getContentElement();
     return (0, _unidriver.DropdownLayoutUniDriver)(contentElement.$(`[data-hook="dropdown-base-dropdownlayout"]`), body);

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","ManageViewPopoverUniDriver","base","body","manageViewPopoverDriverBase","$","manageViewPopoverDriver","PopoverMenuUniDriver","getContentElement","PopoverUniDriver","getContentElementUniDriver","getDropdownLayoutDriver","contentElement","DropdownLayoutUniDriver","baseUniDriverFactory","exists","open","getTriggerElement","click","isOpen","isMenuOpen","clickSaveChanges","clickAtChildByDataHook","clickSaveNewView","clickRenameView","clickSetAsDefaultView","clickDeleteView","getSaveChangesBtn","dropdownLayoutDriver","optionById","getSaveNewViewBtn","getRenameViewBtn","getSetAsDefaultViewBtn","getDeleteViewBtn","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/ManageViewPopover.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  PopoverUniDriver,\n  PopoverMenuUniDriver,\n  DropdownLayoutUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport const ManageViewPopoverUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const manageViewPopoverDriverBase = () =>\n    base.$('[data-hook=\"manage-view-popover\"]');\n\n  const manageViewPopoverDriver = () =>\n    PopoverMenuUniDriver(manageViewPopoverDriverBase(), body);\n\n  const getContentElement = async () =>\n    PopoverUniDriver(\n      manageViewPopoverDriverBase(),\n      body,\n    ).getContentElementUniDriver();\n\n  const getDropdownLayoutDriver = async () => {\n    const contentElement = await getContentElement();\n    return DropdownLayoutUniDriver(\n      contentElement.$(`[data-hook=\"dropdown-base-dropdownlayout\"]`),\n      body,\n    );\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    exists: () => manageViewPopoverDriver().exists(),\n\n    /** Opens the manage view popover */\n    open: () =>\n      manageViewPopoverDriver()\n        .getTriggerElement('manage-view-popover-button')\n        .click(),\n    /** Indicates whether the manage view popover is open */\n    isOpen: () => manageViewPopoverDriver().isMenuOpen(),\n    /** Trigger save changes action */\n    clickSaveChanges: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('save-changes-to-view'),\n    /** Trigger save new view action */\n    clickSaveNewView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('save-new-view'),\n    /** Trigger rename view action */\n    clickRenameView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('rename-view'),\n    /** Trigger set as default view action */\n    clickSetAsDefaultView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('set-as-default-view'),\n    /** Trigger delete view action */\n    clickDeleteView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('delete-view'),\n    /** Get save changes btn */\n    getSaveChangesBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(0);\n    },\n    /** Get save new view btn */\n    getSaveNewViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(1);\n    },\n    /** Get rename view btn */\n    getRenameViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(2);\n    },\n    /** Get set as default view btn */\n    getSetAsDefaultViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(3);\n    },\n    /** Get delete view btn */\n    getDeleteViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(4);\n    },\n  };\n};\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEO,MAAME,0BAA0B,GAAGA,CACxCC,IAAe,EACfC,IAAe,KACZ;EACH,MAAMC,2BAA2B,GAAGA,CAAA,KAClCF,IAAI,CAACG,CAAC,CAAC,mCAAmC,CAAC;EAE7C,MAAMC,uBAAuB,GAAGA,CAAA,KAC9B,IAAAC,+BAAoB,EAACH,2BAA2B,CAAC,CAAC,EAAED,IAAI,CAAC;EAE3D,MAAMK,iBAAiB,GAAG,MAAAA,CAAA,KACxB,IAAAC,2BAAgB,EACdL,2BAA2B,CAAC,CAAC,EAC7BD,IACF,CAAC,CAACO,0BAA0B,CAAC,CAAC;EAEhC,MAAMC,uBAAuB,GAAG,MAAAA,CAAA,KAAY;IAC1C,MAAMC,cAAc,GAAG,MAAMJ,iBAAiB,CAAC,CAAC;IAChD,OAAO,IAAAK,kCAAuB,EAC5BD,cAAc,CAACP,CAAC,CAAC,4CAA4C,CAAC,EAC9DF,IACF,CAAC;EACH,CAAC;EAED,OAAO;IACL,GAAG,IAAAW,gCAAoB,EAACZ,IAAI,CAAC;IAC7Ba,MAAM,EAAEA,CAAA,KAAMT,uBAAuB,CAAC,CAAC,CAACS,MAAM,CAAC,CAAC;IAEhD;IACAC,IAAI,EAAEA,CAAA,KACJV,uBAAuB,CAAC,CAAC,CACtBW,iBAAiB,CAAC,4BAA4B,CAAC,CAC/CC,KAAK,CAAC,CAAC;IACZ;IACAC,MAAM,EAAEA,CAAA,KAAMb,uBAAuB,CAAC,CAAC,CAACc,UAAU,CAAC,CAAC;IACpD;IACAC,gBAAgB,EAAEA,CAAA,KAChBf,uBAAuB,CAAC,CAAC,CAACgB,sBAAsB,CAAC,sBAAsB,CAAC;IAC1E;IACAC,gBAAgB,EAAEA,CAAA,KAChBjB,uBAAuB,CAAC,CAAC,CAACgB,sBAAsB,CAAC,eAAe,CAAC;IACnE;IACAE,eAAe,EAAEA,CAAA,KACflB,uBAAuB,CAAC,CAAC,CAACgB,sBAAsB,CAAC,aAAa,CAAC;IACjE;IACAG,qBAAqB,EAAEA,CAAA,KACrBnB,uBAAuB,CAAC,CAAC,CAACgB,sBAAsB,CAAC,qBAAqB,CAAC;IACzE;IACAI,eAAe,EAAEA,CAAA,KACfpB,uBAAuB,CAAC,CAAC,CAACgB,sBAAsB,CAAC,aAAa,CAAC;IACjE;IACAK,iBAAiB,EAAE,MAAAA,CAAA,KAAY;MAC7B,MAAMC,oBAAoB,GAAG,MAAMjB,uBAAuB,CAAC,CAAC;MAC5D,OAAOiB,oBAAoB,CAACC,UAAU,CAAC,CAAC,CAAC;IAC3C,CAAC;IACD;IACAC,iBAAiB,EAAE,MAAAA,CAAA,KAAY;MAC7B,MAAMF,oBAAoB,GAAG,MAAMjB,uBAAuB,CAAC,CAAC;MAC5D,OAAOiB,oBAAoB,CAACC,UAAU,CAAC,CAAC,CAAC;IAC3C,CAAC;IACD;IACAE,gBAAgB,EAAE,MAAAA,CAAA,KAAY;MAC5B,MAAMH,oBAAoB,GAAG,MAAMjB,uBAAuB,CAAC,CAAC;MAC5D,OAAOiB,oBAAoB,CAACC,UAAU,CAAC,CAAC,CAAC;IAC3C,CAAC;IACD;IACAG,sBAAsB,EAAE,MAAAA,CAAA,KAAY;MAClC,MAAMJ,oBAAoB,GAAG,MAAMjB,uBAAuB,CAAC,CAAC;MAC5D,OAAOiB,oBAAoB,CAACC,UAAU,CAAC,CAAC,CAAC;IAC3C,CAAC;IACD;IACAI,gBAAgB,EAAE,MAAAA,CAAA,KAAY;MAC5B,MAAML,oBAAoB,GAAG,MAAMjB,uBAAuB,CAAC,CAAC;MAC5D,OAAOiB,oBAAoB,CAACC,UAAU,CAAC,CAAC,CAAC;IAC3C;EACF,CAAC;AACH,CAAC;AAACK,OAAA,CAAAjC,0BAAA,GAAAA,0BAAA","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","ManageViewPopoverUniDriver","base","body","manageViewPopoverDriverBase","$","manageViewPopoverDriver","PopoverMenuUniDriver","getContentElement","popoverDriverBase","contentDataHook","attr","baseDataHook","getDropdownLayoutDriver","contentElement","DropdownLayoutUniDriver","baseUniDriverFactory","exists","open","getTriggerElement","click","isOpen","isMenuOpen","clickSaveChanges","clickAtChildByDataHook","clickSaveNewView","clickRenameView","clickSetAsDefaultView","clickDeleteView","getSaveChangesBtn","dropdownLayoutDriver","optionById","getSaveNewViewBtn","getRenameViewBtn","getSetAsDefaultViewBtn","getDeleteViewBtn","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/ManageViewPopover.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DropdownLayoutUniDriver,\n  PopoverMenuUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport const ManageViewPopoverUniDriver = (\n  base: UniDriver,\n  body: UniDriver,\n) => {\n  const manageViewPopoverDriverBase = () =>\n    base.$('[data-hook=\"manage-view-popover\"]');\n\n  const manageViewPopoverDriver = () =>\n    PopoverMenuUniDriver(manageViewPopoverDriverBase(), body);\n\n  const getContentElement = async () => {\n    const popoverDriverBase = manageViewPopoverDriverBase();\n\n    const contentDataHook = await popoverDriverBase.attr('data-content-hook');\n\n    if (contentDataHook) {\n      return body.$(`[data-content-element=\"${contentDataHook}\"]`);\n    }\n\n    const baseDataHook = await popoverDriverBase.attr('data-hook');\n\n    return body.$(`[data-hook=\"${baseDataHook}-content\"]`);\n  };\n\n  const getDropdownLayoutDriver = async () => {\n    const contentElement = await getContentElement();\n    return DropdownLayoutUniDriver(\n      contentElement.$(`[data-hook=\"dropdown-base-dropdownlayout\"]`),\n      body,\n    );\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    exists: () => manageViewPopoverDriver().exists(),\n\n    /** Opens the manage view popover */\n    open: () =>\n      manageViewPopoverDriver()\n        .getTriggerElement('manage-view-popover-button')\n        .click(),\n    /** Indicates whether the manage view popover is open */\n    isOpen: () => manageViewPopoverDriver().isMenuOpen(),\n    /** Trigger save changes action */\n    clickSaveChanges: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('save-changes-to-view'),\n    /** Trigger save new view action */\n    clickSaveNewView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('save-new-view'),\n    /** Trigger rename view action */\n    clickRenameView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('rename-view'),\n    /** Trigger set as default view action */\n    clickSetAsDefaultView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('set-as-default-view'),\n    /** Trigger delete view action */\n    clickDeleteView: () =>\n      manageViewPopoverDriver().clickAtChildByDataHook('delete-view'),\n    /** Get save changes btn */\n    getSaveChangesBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(0);\n    },\n    /** Get save new view btn */\n    getSaveNewViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(1);\n    },\n    /** Get rename view btn */\n    getRenameViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(2);\n    },\n    /** Get set as default view btn */\n    getSetAsDefaultViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(3);\n    },\n    /** Get delete view btn */\n    getDeleteViewBtn: async () => {\n      const dropdownLayoutDriver = await getDropdownLayoutDriver();\n      return dropdownLayoutDriver.optionById(4);\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_ = "ViewsDropdown1095654914";
+var _namespace_ = "ViewsDropdown1006321373";
 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": "ViewsDropdown1095654914__root"
+  "root": "ViewsDropdown1006321373__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_ = \"ViewsDropdown1095654914\";\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\":\"ViewsDropdown1095654914__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":[]}
+{"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_ = \"ViewsDropdown1006321373\";\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\":\"ViewsDropdown1006321373__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/CustomColumnsPanel.js

@@ -112,6 +112,9 @@ function _CustomColumnsPanel({
     dataExtension: collectionDataExtension.dataExtension,
     onCloseSidePanel: () => sidePanel.close(),
     dataHook: "custom-columns",
+    actionContainerProps: {
+      paddingInlineEnd: '12px'
+    },
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -123,14 +126,14 @@ function _CustomColumnsPanel({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 94,
       columnNumber: 13
     }
   }))), (collectionDataExtension == null || (_collectionDataExtens3 = collectionDataExtension.DataExtension) == null ? void 0 : _collectionDataExtens3.CustomColumnsAddCustomFieldCTAButton) && /*#__PURE__*/_react.default.createElement(collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 99,
+      lineNumber: 100,
       columnNumber: 9
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_bi","_ScrollableContent","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","table","dragAndDrop","sidePanel","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","ColumnsList","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { Box, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { table, dragAndDrop } = state;\n  const { sidePanel, collectionDataExtension } = table;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onClose={() => {\n        table.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Custom Columns',\n            origin: 'X Button',\n          }),\n        );\n        sidePanel.close();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.table.custom-columns.title')}\n        subtitle={\n          dragAndDrop\n            ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n            : t('cairo.table.custom-columns.subtitle')\n        }\n      >\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <>\n            {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n              collectionDataExtension?.DataExtension\n                ?.CustomColumnsArchivedItemsCTAButton && (\n                <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton\n                  dataExtension={collectionDataExtension.dataExtension}\n                  onCloseSidePanel={() => sidePanel.close()}\n                  dataHook=\"custom-columns\"\n                />\n              )}\n            <ColumnsList state={state} />\n          </>\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_react2","_mobxReactLite","_ColumnsList","_CustomColumnsSearch","_CustomColumnsNoResults","_useRafRender","_bi","_ScrollableContent","_PatternsSidePanel","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsPanel","state","_collectionDataExtens","_collectionDataExtens2","_collectionDataExtens3","entered","useRafRender","translate","useWixPatternsContainer","table","dragAndDrop","sidePanel","collectionDataExtension","useEffect","init","hasSearchResults","columnsCollection","result","items","length","hasSearchValue","searchValue","trim","totalColumns","orderedColumns","isUsingDataExtension","shouldShowSearch","createElement","PatternsSidePanel","dataHook","width","onClose","reportBi","withoutDefaults","cairoFiltersPanelUsed","isOpened","feature","origin","close","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","subtitle","Box","padding","CustomColumnsSearch","ScrollableContent","overflowY","ref","listRect","element","CustomColumnsNoResults","Fragment","dataExtension","shouldDisplayArchive","DataExtension","CustomColumnsArchivedItemsCTAButton","onCloseSidePanel","actionContainerProps","paddingInlineEnd","ColumnsList","CustomColumnsAddCustomFieldCTAButton","CustomColumnsPanel","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsPanel.tsx"],"sourcesContent":["import { Box, SidePanel } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { CustomColumnsState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { ColumnsList } from './ColumnsList';\nimport { CustomColumnsSearch } from './CustomColumnsSearch';\nimport { CustomColumnsNoResults } from './CustomColumnsNoResults';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\n\nexport interface CustomColumnsPanelProps<T, F extends FiltersMap> {\n  state: CustomColumnsState<T, F>;\n}\n\nexport function _CustomColumnsPanel<T, F extends FiltersMap>({\n  state,\n}: CustomColumnsPanelProps<T, F>) {\n  const entered = useRafRender();\n  const { translate: t } = useWixPatternsContainer();\n\n  const { table, dragAndDrop } = state;\n  const { sidePanel, collectionDataExtension } = table;\n\n  useEffect(() => state.init(), []);\n\n  if (!entered) {\n    return null;\n  }\n\n  const hasSearchResults = state.columnsCollection.result.items.length > 0;\n  const hasSearchValue = state.searchValue.trim().length > 0;\n  const totalColumns = state.orderedColumns.length;\n  const isUsingDataExtension = !!collectionDataExtension;\n\n  // Show search if they're using DEx OR if there are more than 5 columns\n  const shouldShowSearch = isUsingDataExtension || totalColumns > 5;\n\n  return (\n    <PatternsSidePanel\n      dataHook=\"custom-columns-panel\"\n      width=\"100%\"\n      onClose={() => {\n        table.reportBi(\n          withoutDefaults(cairoFiltersPanelUsed)({\n            isOpened: false,\n            feature: 'Custom Columns',\n            origin: 'X Button',\n          }),\n        );\n        sidePanel.close();\n      }}\n    >\n      <SidePanel.Header\n        title={t('cairo.table.custom-columns.title')}\n        subtitle={\n          dragAndDrop\n            ? t('cairo.table.custom-columns.dragAndDrop.subtitle')\n            : t('cairo.table.custom-columns.subtitle')\n        }\n      >\n        {shouldShowSearch && (\n          <Box padding=\"0 SP3 SP2 SP3\">\n            <CustomColumnsSearch state={state} />\n          </Box>\n        )}\n      </SidePanel.Header>\n      <ScrollableContent\n        overflowY\n        dataHook=\"custom-columns-panel-scroll-container\"\n        ref={(e) => {\n          if (state.dragAndDrop) {\n            state.dragAndDrop.listRect.element = e;\n          }\n        }}\n      >\n        {hasSearchValue && !hasSearchResults ? (\n          <CustomColumnsNoResults state={state} />\n        ) : (\n          <>\n            {collectionDataExtension?.dataExtension?.shouldDisplayArchive &&\n              collectionDataExtension?.DataExtension\n                ?.CustomColumnsArchivedItemsCTAButton && (\n                <collectionDataExtension.DataExtension.CustomColumnsArchivedItemsCTAButton\n                  dataExtension={collectionDataExtension.dataExtension}\n                  onCloseSidePanel={() => sidePanel.close()}\n                  dataHook=\"custom-columns\"\n                  actionContainerProps={{ paddingInlineEnd: '12px' }}\n                />\n              )}\n            <ColumnsList state={state} />\n          </>\n        )}\n      </ScrollableContent>\n      {collectionDataExtension?.DataExtension\n        ?.CustomColumnsAddCustomFieldCTAButton && (\n        <collectionDataExtension.DataExtension.CustomColumnsAddCustomFieldCTAButton />\n      )}\n    </PatternsSidePanel>\n  );\n}\n\nexport const CustomColumnsPanel = observer(_CustomColumnsPanel);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomDrawerLayout.js

@@ -0,0 +1,99 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CustomDrawerLayout = CustomDrawerLayout;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomDrawerLayout.tsx";
+function CustomDrawerLayout(props) {
+  const {
+    dataHook,
+    title,
+    children,
+    primaryButtonText,
+    secondaryButtonText,
+    secondaryButtonProps,
+    primaryButtonProps,
+    primaryButtonOnClick,
+    secondaryButtonOnClick
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: dataHook,
+    direction: "vertical",
+    padding: "SP3",
+    backgroundColor: "white",
+    borderRadius: "12px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 30,
+      columnNumber: 5
+    }
+  }, title && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    paddingTop: "SP1",
+    paddingBottom: "SP1",
+    marginBottom: "SP4",
+    align: "center",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
+    size: "small",
+    textAlign: "center",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 11
+    }
+  }, title)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    flex: 1,
+    marginBottom: "SP4",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 51,
+      columnNumber: 7
+    }
+  }, children), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "vertical",
+    gap: "SP4",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 55,
+      columnNumber: 7
+    }
+  }, primaryButtonText && /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
+    dataHook: "baseModalLayout-primary-button",
+    fullWidth: true,
+    priority: "primary",
+    onClick: primaryButtonOnClick
+  }, primaryButtonProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 57,
+      columnNumber: 11
+    }
+  }), primaryButtonText), secondaryButtonText && /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
+    dataHook: "baseModalLayout-secondary-button",
+    fullWidth: true,
+    onClick: secondaryButtonOnClick,
+    priority: "secondary"
+  }, secondaryButtonProps, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 69,
+      columnNumber: 11
+    }
+  }), secondaryButtonText)));
+}
+//# sourceMappingURL=CustomDrawerLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","CustomDrawerLayout","props","dataHook","title","children","primaryButtonText","secondaryButtonText","secondaryButtonProps","primaryButtonProps","primaryButtonOnClick","secondaryButtonOnClick","default","createElement","Box","direction","padding","backgroundColor","borderRadius","__self","__source","fileName","lineNumber","columnNumber","paddingTop","paddingBottom","marginBottom","align","Heading","size","textAlign","flex","gap","Button","_extends2","fullWidth","priority","onClick"],"sources":["../../../src/components/CustomDrawerLayout.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, Button, ButtonProps, Heading } from '@wix/design-system';\n\nexport interface CustomDrawerLayoutProps {\n  dataHook?: string;\n  title?: ReactNode;\n  children?: ReactNode;\n  primaryButtonText?: ReactNode;\n  secondaryButtonText?: ReactNode;\n  secondaryButtonProps?: Partial<Omit<ButtonProps, 'as'>>;\n  primaryButtonProps?: Partial<Omit<ButtonProps, 'as'>>;\n  primaryButtonOnClick?: () => void;\n  secondaryButtonOnClick?: () => void;\n}\n\nexport function CustomDrawerLayout(props: CustomDrawerLayoutProps) {\n  const {\n    dataHook,\n    title,\n    children,\n    primaryButtonText,\n    secondaryButtonText,\n    secondaryButtonProps,\n    primaryButtonProps,\n    primaryButtonOnClick,\n    secondaryButtonOnClick,\n  } = props;\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"vertical\"\n      padding=\"SP3\"\n      backgroundColor=\"white\"\n      borderRadius=\"12px\"\n    >\n      {title && (\n        <Box\n          direction=\"vertical\"\n          paddingTop=\"SP1\"\n          paddingBottom=\"SP1\"\n          marginBottom=\"SP4\"\n          align=\"center\"\n        >\n          <Heading size=\"small\" textAlign=\"center\">\n            {title}\n          </Heading>\n        </Box>\n      )}\n\n      <Box flex={1} marginBottom=\"SP4\">\n        {children}\n      </Box>\n\n      <Box direction=\"vertical\" gap=\"SP4\">\n        {primaryButtonText && (\n          <Button\n            dataHook=\"baseModalLayout-primary-button\"\n            fullWidth\n            priority=\"primary\"\n            onClick={primaryButtonOnClick}\n            {...(primaryButtonProps as ButtonProps)}\n          >\n            {primaryButtonText}\n          </Button>\n        )}\n\n        {secondaryButtonText && (\n          <Button\n            dataHook=\"baseModalLayout-secondary-button\"\n            fullWidth\n            onClick={secondaryButtonOnClick}\n            priority=\"secondary\"\n            {...(secondaryButtonProps as ButtonProps)}\n          >\n            {secondaryButtonText}\n          </Button>\n        )}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAAuE,IAAAE,YAAA;AAchE,SAASC,kBAAkBA,CAACC,KAA8B,EAAE;EACjE,MAAM;IACJC,QAAQ;IACRC,KAAK;IACLC,QAAQ;IACRC,iBAAiB;IACjBC,mBAAmB;IACnBC,oBAAoB;IACpBC,kBAAkB;IAClBC,oBAAoB;IACpBC;EACF,CAAC,GAAGT,KAAK;EAET,oBACEN,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFX,QAAQ,EAAEA,QAAS;IACnBY,SAAS,EAAC,UAAU;IACpBC,OAAO,EAAC,KAAK;IACbC,eAAe,EAAC,OAAO;IACvBC,YAAY,EAAC,MAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBnB,KAAK,iBACJR,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IACFC,SAAS,EAAC,UAAU;IACpBS,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,YAAY,EAAC,KAAK;IAClBC,KAAK,EAAC,QAAQ;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEd3B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAA6B,OAAO;IAACC,IAAI,EAAC,OAAO;IAACC,SAAS,EAAC,QAAQ;IAAAX,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACrCnB,KACM,CACN,CACN,eAEDR,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACiB,IAAI,EAAE,CAAE;IAACL,YAAY,EAAC,KAAK;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAC7BlB,QACE,CAAC,eAENT,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;IAACC,SAAS,EAAC,UAAU;IAACiB,GAAG,EAAC,KAAK;IAAAb,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAChCjB,iBAAiB,iBAChBV,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAkC,MAAM,MAAAC,SAAA,CAAAtB,OAAA;IACLT,QAAQ,EAAC,gCAAgC;IACzCgC,SAAS;IACTC,QAAQ,EAAC,SAAS;IAClBC,OAAO,EAAE3B;EAAqB,GACzBD,kBAAkB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEtBjB,iBACK,CACT,EAEAC,mBAAmB,iBAClBX,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAkC,MAAM,MAAAC,SAAA,CAAAtB,OAAA;IACLT,QAAQ,EAAC,kCAAkC;IAC3CgC,SAAS;IACTE,OAAO,EAAE1B,sBAAuB;IAChCyB,QAAQ,EAAC;EAAW,GACf5B,oBAAoB;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAExBhB,mBACK,CAEP,CACF,CAAC;AAEV","ignoreList":[]}

package/dist/cjs/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.js

@@ -12,7 +12,7 @@ function CustomFieldPopoverUniDriver(base, body) {
   });
   const getCustomFieldOptionsAt = () => {
     return {
-      open: () => customFieldPopoverDriver().getTriggerElement('custom-field-options-trigger').click(),
+      open: () => customFieldOptionsTrigger().click(),
       clickEdit: () => customFieldPopoverDriver().clickAtChildByDataHook('custom-field-options-edit'),
       clickArchive: () => customFieldPopoverDriver().clickAtChildByDataHook('custom-field-options-archive')
     };

package/dist/cjs/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_DisabledTooltipButtonUni","CustomFieldPopoverUniDriver","base","body","customFieldPopoverDriverBase","$","customFieldPopoverDriver","PopoverMenuUniDriver","customFieldOptionsTrigger","DisabledTooltipButtonUniDriver","dataHook","getCustomFieldOptionsAt","open","getTriggerElement","click","clickEdit","clickAtChildByDataHook","clickArchive","exists","isDisabled","isButtonDisabled","getTooltipText"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.ts"],"sourcesContent":["import { PopoverMenuUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';\n\nexport function CustomFieldPopoverUniDriver(base: UniDriver, body: UniDriver) {\n  const customFieldPopoverDriverBase = () =>\n    base.$('[data-hook=\"custom-field-options\"]');\n\n  const customFieldPopoverDriver = () =>\n    PopoverMenuUniDriver(customFieldPopoverDriverBase(), body);\n\n  const customFieldOptionsTrigger = () =>\n    DisabledTooltipButtonUniDriver(base, body, {\n      dataHook: 'custom-field-options-trigger',\n    });\n\n  const getCustomFieldOptionsAt = () => {\n    return {\n      open: () =>\n        customFieldPopoverDriver()\n          .getTriggerElement('custom-field-options-trigger')\n          .click(),\n      clickEdit: () =>\n        customFieldPopoverDriver().clickAtChildByDataHook(\n          'custom-field-options-edit',\n        ),\n      clickArchive: () =>\n        customFieldPopoverDriver().clickAtChildByDataHook(\n          'custom-field-options-archive',\n        ),\n    };\n  };\n\n  return {\n    exists: () => customFieldPopoverDriverBase().exists(),\n    isDisabled: () => customFieldOptionsTrigger().isButtonDisabled(),\n    getTooltipText: () => customFieldOptionsTrigger().getTooltipText(),\n    getCustomFieldOptionsAt,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,yBAAA,GAAAD,OAAA;AAEO,SAASE,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,4BAA4B,GAAGA,CAAA,KACnCF,IAAI,CAACG,CAAC,CAAC,oCAAoC,CAAC;EAE9C,MAAMC,wBAAwB,GAAGA,CAAA,KAC/B,IAAAC,+BAAoB,EAACH,4BAA4B,CAAC,CAAC,EAAED,IAAI,CAAC;EAE5D,MAAMK,yBAAyB,GAAGA,CAAA,KAChC,IAAAC,wDAA8B,EAACP,IAAI,EAAEC,IAAI,EAAE;IACzCO,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEJ,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;IACpC,OAAO;MACLC,IAAI,EAAEA,CAAA,KACJN,wBAAwB,CAAC,CAAC,CACvBO,iBAAiB,CAAC,8BAA8B,CAAC,CACjDC,KAAK,CAAC,CAAC;MACZC,SAAS,EAAEA,CAAA,KACTT,wBAAwB,CAAC,CAAC,CAACU,sBAAsB,CAC/C,2BACF,CAAC;MACHC,YAAY,EAAEA,CAAA,KACZX,wBAAwB,CAAC,CAAC,CAACU,sBAAsB,CAC/C,8BACF;IACJ,CAAC;EACH,CAAC;EAED,OAAO;IACLE,MAAM,EAAEA,CAAA,KAAMd,4BAA4B,CAAC,CAAC,CAACc,MAAM,CAAC,CAAC;IACrDC,UAAU,EAAEA,CAAA,KAAMX,yBAAyB,CAAC,CAAC,CAACY,gBAAgB,CAAC,CAAC;IAChEC,cAAc,EAAEA,CAAA,KAAMb,yBAAyB,CAAC,CAAC,CAACa,cAAc,CAAC,CAAC;IAClEV;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_DisabledTooltipButtonUni","CustomFieldPopoverUniDriver","base","body","customFieldPopoverDriverBase","$","customFieldPopoverDriver","PopoverMenuUniDriver","customFieldOptionsTrigger","DisabledTooltipButtonUniDriver","dataHook","getCustomFieldOptionsAt","open","click","clickEdit","clickAtChildByDataHook","clickArchive","exists","isDisabled","isButtonDisabled","getTooltipText"],"sources":["../../../../src/components/CustomFieldsPanel/CustomFieldPopover.uni.driver.ts"],"sourcesContent":["import { PopoverMenuUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { DisabledTooltipButtonUniDriver } from '../DisabledTooltip/DisabledTooltipButton.uni.driver';\n\nexport function CustomFieldPopoverUniDriver(base: UniDriver, body: UniDriver) {\n  const customFieldPopoverDriverBase = () =>\n    base.$('[data-hook=\"custom-field-options\"]');\n\n  const customFieldPopoverDriver = () =>\n    PopoverMenuUniDriver(customFieldPopoverDriverBase(), body);\n\n  const customFieldOptionsTrigger = () =>\n    DisabledTooltipButtonUniDriver(base, body, {\n      dataHook: 'custom-field-options-trigger',\n    });\n\n  const getCustomFieldOptionsAt = () => {\n    return {\n      open: () => customFieldOptionsTrigger().click(),\n      clickEdit: () =>\n        customFieldPopoverDriver().clickAtChildByDataHook(\n          'custom-field-options-edit',\n        ),\n      clickArchive: () =>\n        customFieldPopoverDriver().clickAtChildByDataHook(\n          'custom-field-options-archive',\n        ),\n    };\n  };\n\n  return {\n    exists: () => customFieldPopoverDriverBase().exists(),\n    isDisabled: () => customFieldOptionsTrigger().isButtonDisabled(),\n    getTooltipText: () => customFieldOptionsTrigger().getTooltipText(),\n    getCustomFieldOptionsAt,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,yBAAA,GAAAD,OAAA;AAEO,SAASE,2BAA2BA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAC5E,MAAMC,4BAA4B,GAAGA,CAAA,KACnCF,IAAI,CAACG,CAAC,CAAC,oCAAoC,CAAC;EAE9C,MAAMC,wBAAwB,GAAGA,CAAA,KAC/B,IAAAC,+BAAoB,EAACH,4BAA4B,CAAC,CAAC,EAAED,IAAI,CAAC;EAE5D,MAAMK,yBAAyB,GAAGA,CAAA,KAChC,IAAAC,wDAA8B,EAACP,IAAI,EAAEC,IAAI,EAAE;IACzCO,QAAQ,EAAE;EACZ,CAAC,CAAC;EAEJ,MAAMC,uBAAuB,GAAGA,CAAA,KAAM;IACpC,OAAO;MACLC,IAAI,EAAEA,CAAA,KAAMJ,yBAAyB,CAAC,CAAC,CAACK,KAAK,CAAC,CAAC;MAC/CC,SAAS,EAAEA,CAAA,KACTR,wBAAwB,CAAC,CAAC,CAACS,sBAAsB,CAC/C,2BACF,CAAC;MACHC,YAAY,EAAEA,CAAA,KACZV,wBAAwB,CAAC,CAAC,CAACS,sBAAsB,CAC/C,8BACF;IACJ,CAAC;EACH,CAAC;EAED,OAAO;IACLE,MAAM,EAAEA,CAAA,KAAMb,4BAA4B,CAAC,CAAC,CAACa,MAAM,CAAC,CAAC;IACrDC,UAAU,EAAEA,CAAA,KAAMV,yBAAyB,CAAC,CAAC,CAACW,gBAAgB,CAAC,CAAC;IAChEC,cAAc,EAAEA,CAAA,KAAMZ,yBAAyB,CAAC,CAAC,CAACY,cAAc,CAAC,CAAC;IAClET;EACF,CAAC;AACH","ignoreList":[]}

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

@@ -6,6 +6,7 @@ exports.CustomFieldsWidgetCommonComponents = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
+var _DeleteFieldModal = require("../ArchivedItemsPanel/DeleteFieldModal");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx";
 const _CustomFieldsWidgetCommonComponents = ({
   state
@@ -28,7 +29,7 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 27,
+      lineNumber: 28,
       columnNumber: 9
     }
   }), CustomFieldModal && /*#__PURE__*/_react.default.createElement(CustomFieldModal, {
@@ -36,7 +37,7 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 35,
       columnNumber: 9
     }
   }), ArchiveFieldModal && /*#__PURE__*/_react.default.createElement(ArchiveFieldModal, {
@@ -44,7 +45,15 @@ const _CustomFieldsWidgetCommonComponents = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 38,
+      columnNumber: 9
+    }
+  }), state.dataExtension.deleteFieldModal && /*#__PURE__*/_react.default.createElement(_DeleteFieldModal.DeleteFieldModal, {
+    state: state.dataExtension.deleteFieldModal,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
       columnNumber: 9
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_jsxFileName","_CustomFieldsWidgetCommonComponents","state","page","usePageContext","modalsContainerRef","stackingRootRef","isLoading","WixPatternsModalsContainer","CustomFieldModal","ArchiveFieldModal","default","createElement","Fragment","rootRef","anchorRef","panels","__self","__source","fileName","lineNumber","columnNumber","customFieldsPanel","customFieldModal","archiveFieldModal","CustomFieldsWidgetCommonComponents","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetState } from '../../state';\n\ninterface CustomFieldsWidgetCommonComponentsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _CustomFieldsWidgetCommonComponents = ({\n  state,\n}: CustomFieldsWidgetCommonComponentsProps) => {\n  const page = usePageContext();\n\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  if (state.isLoading) {\n    return null;\n  }\n  const WixPatternsModalsContainer = state.WixPatternsModalsContainer;\n  const CustomFieldModal = state.CustomFieldModal;\n  const ArchiveFieldModal = state.ArchiveFieldModal;\n\n  return (\n    <>\n      {WixPatternsModalsContainer && (\n        <WixPatternsModalsContainer\n          rootRef={stackingRootRef}\n          anchorRef={modalsContainerRef}\n          state={state.panels}\n        />\n      )}\n      {CustomFieldModal && (\n        <CustomFieldModal state={state.customFieldsPanel.customFieldModal} />\n      )}\n      {ArchiveFieldModal && (\n        <ArchiveFieldModal state={state.customFieldsPanel.archiveFieldModal} />\n      )}\n    </>\n  );\n};\n\nexport const CustomFieldsWidgetCommonComponents = observer(\n  _CustomFieldsWidgetCommonComponents,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAqD,IAAAG,YAAA;AAOrD,MAAMC,mCAAmC,GAAGA,CAAC;EAC3CC;AACuC,CAAC,KAAK;EAC7C,MAAMC,IAAI,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE7B,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGH,IAAI;EAEpD,IAAID,KAAK,CAACK,SAAS,EAAE;IACnB,OAAO,IAAI;EACb;EACA,MAAMC,0BAA0B,GAAGN,KAAK,CAACM,0BAA0B;EACnE,MAAMC,gBAAgB,GAAGP,KAAK,CAACO,gBAAgB;EAC/C,MAAMC,iBAAiB,GAAGR,KAAK,CAACQ,iBAAiB;EAEjD,oBACEf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAE,QAAA,QACGL,0BAA0B,iBACzBb,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACJ,0BAA0B;IACzBM,OAAO,EAAER,eAAgB;IACzBS,SAAS,EAAEV,kBAAmB;IAC9BH,KAAK,EAAEA,KAAK,CAACc,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACF,EACAZ,gBAAgB,iBACfd,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAACP,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACC,gBAAiB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrE,EACAX,iBAAiB,iBAChBf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACF,iBAAiB;IAACR,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACE,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAExE,CAAC;AAEP,CAAC;AAEM,MAAMI,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,uBAAQ,EACxD1B,mCACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_react2","_DeleteFieldModal","_jsxFileName","_CustomFieldsWidgetCommonComponents","state","page","usePageContext","modalsContainerRef","stackingRootRef","isLoading","WixPatternsModalsContainer","CustomFieldModal","ArchiveFieldModal","default","createElement","Fragment","rootRef","anchorRef","panels","__self","__source","fileName","lineNumber","columnNumber","customFieldsPanel","customFieldModal","archiveFieldModal","dataExtension","deleteFieldModal","DeleteFieldModal","CustomFieldsWidgetCommonComponents","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCommonComponents.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { usePageContext } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { DeleteFieldModal } from '../ArchivedItemsPanel/DeleteFieldModal';\n\ninterface CustomFieldsWidgetCommonComponentsProps {\n  state: CustomFieldsWidgetState;\n}\n\nconst _CustomFieldsWidgetCommonComponents = ({\n  state,\n}: CustomFieldsWidgetCommonComponentsProps) => {\n  const page = usePageContext();\n\n  const { modalsContainerRef, stackingRootRef } = page;\n\n  if (state.isLoading) {\n    return null;\n  }\n  const WixPatternsModalsContainer = state.WixPatternsModalsContainer;\n  const CustomFieldModal = state.CustomFieldModal;\n  const ArchiveFieldModal = state.ArchiveFieldModal;\n\n  return (\n    <>\n      {WixPatternsModalsContainer && (\n        <WixPatternsModalsContainer\n          rootRef={stackingRootRef}\n          anchorRef={modalsContainerRef}\n          state={state.panels}\n        />\n      )}\n      {CustomFieldModal && (\n        <CustomFieldModal state={state.customFieldsPanel.customFieldModal} />\n      )}\n      {ArchiveFieldModal && (\n        <ArchiveFieldModal state={state.customFieldsPanel.archiveFieldModal} />\n      )}\n      {state.dataExtension.deleteFieldModal && (\n        <DeleteFieldModal state={state.dataExtension.deleteFieldModal} />\n      )}\n    </>\n  );\n};\n\nexport const CustomFieldsWidgetCommonComponents = observer(\n  _CustomFieldsWidgetCommonComponents,\n);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAEA,IAAAG,iBAAA,GAAAH,OAAA;AAA0E,IAAAI,YAAA;AAM1E,MAAMC,mCAAmC,GAAGA,CAAC;EAC3CC;AACuC,CAAC,KAAK;EAC7C,MAAMC,IAAI,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE7B,MAAM;IAAEC,kBAAkB;IAAEC;EAAgB,CAAC,GAAGH,IAAI;EAEpD,IAAID,KAAK,CAACK,SAAS,EAAE;IACnB,OAAO,IAAI;EACb;EACA,MAAMC,0BAA0B,GAAGN,KAAK,CAACM,0BAA0B;EACnE,MAAMC,gBAAgB,GAAGP,KAAK,CAACO,gBAAgB;EAC/C,MAAMC,iBAAiB,GAAGR,KAAK,CAACQ,iBAAiB;EAEjD,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAAAlB,MAAA,CAAAiB,OAAA,CAAAE,QAAA,QACGL,0BAA0B,iBACzBd,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACJ,0BAA0B;IACzBM,OAAO,EAAER,eAAgB;IACzBS,SAAS,EAAEV,kBAAmB;IAC9BH,KAAK,EAAEA,KAAK,CAACc,MAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACrB,CACF,EACAZ,gBAAgB,iBACff,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACH,gBAAgB;IAACP,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACC,gBAAiB;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACrE,EACAX,iBAAiB,iBAChBhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACF,iBAAiB;IAACR,KAAK,EAAEA,KAAK,CAACoB,iBAAiB,CAACE,iBAAkB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACvE,EACAnB,KAAK,CAACuB,aAAa,CAACC,gBAAgB,iBACnChC,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACb,iBAAA,CAAA4B,gBAAgB;IAACzB,KAAK,EAAEA,KAAK,CAACuB,aAAa,CAACC,gBAAiB;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAElE,CAAC;AAEP,CAAC;AAEM,MAAMO,kCAAkC,GAAAC,OAAA,CAAAD,kCAAA,GAAG,IAAAE,uBAAQ,EACxD7B,mCACF,CAAC","ignoreList":[]}

package/dist/cjs/components/DisabledTooltip/DisabledTooltipButton.uni.driver.js

@@ -7,7 +7,7 @@ var _unidriver2 = require("@wix/design-system/dist/testkit/unidriver");
 function DisabledTooltipButtonUniDriver(base, body, {
   dataHook
 }) {
-  const buttonBase = () => base.$(`[data-hook="${dataHook}"]`);
+  const buttonBase = () => base.$$(`[data-hook="${dataHook}"]`).get(0);
   return {
     ...(0, _unidriver.baseUniDriverFactory)(buttonBase()),
     ...(0, _unidriver2.ButtonUniDriver)(buttonBase(), body),

package/dist/cjs/components/DisabledTooltip/DisabledTooltipButton.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","DisabledTooltipButtonUniDriver","base","body","dataHook","buttonBase","$","baseUniDriverFactory","ButtonUniDriver","hover","getTooltipText","TooltipUniDriver"],"sources":["../../../../src/components/DisabledTooltip/DisabledTooltipButton.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  ButtonUniDriver,\n  TooltipUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function DisabledTooltipButtonUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n  { dataHook }: { dataHook: string },\n) {\n  const buttonBase = () => base.$(`[data-hook=\"${dataHook}\"]`);\n\n  return {\n    ...baseUniDriverFactory(buttonBase()),\n    ...ButtonUniDriver(buttonBase(), body),\n    hover: () => buttonBase().hover(),\n    getTooltipText: () =>\n      TooltipUniDriver(\n        base.$(`[data-hook=\"${dataHook}-disabled-tooltip\"]`),\n        body,\n      ).getTooltipText(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKO,SAASE,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EAAEC;AAA+B,CAAC,EAClC;EACA,MAAMC,UAAU,GAAGA,CAAA,KAAMH,IAAI,CAACI,CAAC,CAAC,eAAeF,QAAQ,IAAI,CAAC;EAE5D,OAAO;IACL,GAAG,IAAAG,+BAAoB,EAACF,UAAU,CAAC,CAAC,CAAC;IACrC,GAAG,IAAAG,2BAAe,EAACH,UAAU,CAAC,CAAC,EAAEF,IAAI,CAAC;IACtCM,KAAK,EAAEA,CAAA,KAAMJ,UAAU,CAAC,CAAC,CAACI,KAAK,CAAC,CAAC;IACjCC,cAAc,EAAEA,CAAA,KACd,IAAAC,4BAAgB,EACdT,IAAI,CAACI,CAAC,CAAC,eAAeF,QAAQ,qBAAqB,CAAC,EACpDD,IACF,CAAC,CAACO,cAAc,CAAC;EACrB,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","DisabledTooltipButtonUniDriver","base","body","dataHook","buttonBase","$$","get","baseUniDriverFactory","ButtonUniDriver","hover","getTooltipText","TooltipUniDriver","$"],"sources":["../../../../src/components/DisabledTooltip/DisabledTooltipButton.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport {\n  ButtonUniDriver,\n  TooltipUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function DisabledTooltipButtonUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n  { dataHook }: { dataHook: string },\n) {\n  const buttonBase = () => base.$$(`[data-hook=\"${dataHook}\"]`).get(0);\n\n  return {\n    ...baseUniDriverFactory(buttonBase()),\n    ...ButtonUniDriver(buttonBase(), body),\n    hover: () => buttonBase().hover(),\n    getTooltipText: () =>\n      TooltipUniDriver(\n        base.$(`[data-hook=\"${dataHook}-disabled-tooltip\"]`),\n        body,\n      ).getTooltipText(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKO,SAASE,8BAA8BA,CAC5CC,IAAe,EACfC,IAAe,EACf;EAAEC;AAA+B,CAAC,EAClC;EACA,MAAMC,UAAU,GAAGA,CAAA,KAAMH,IAAI,CAACI,EAAE,CAAC,eAAeF,QAAQ,IAAI,CAAC,CAACG,GAAG,CAAC,CAAC,CAAC;EAEpE,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACH,UAAU,CAAC,CAAC,CAAC;IACrC,GAAG,IAAAI,2BAAe,EAACJ,UAAU,CAAC,CAAC,EAAEF,IAAI,CAAC;IACtCO,KAAK,EAAEA,CAAA,KAAML,UAAU,CAAC,CAAC,CAACK,KAAK,CAAC,CAAC;IACjCC,cAAc,EAAEA,CAAA,KACd,IAAAC,4BAAgB,EACdV,IAAI,CAACW,CAAC,CAAC,eAAeT,QAAQ,qBAAqB,CAAC,EACpDD,IACF,CAAC,CAACQ,cAAc,CAAC;EACrB,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle16300130";
+var _namespace_ = "DragHandle1173897704";
 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": "DragHandle16300130__root"
+  "root": "DragHandle1173897704__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};