@wix/patterns 1.358.0 → 1.360.0

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdownPrefix.js

@@ -8,11 +8,16 @@ var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
+var _ = require("../..");
+var _ViewsDropdown = require("./ViewsDropdown");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx";
 function _ViewsDropdownPrefix(props) {
+  var _container$internalEx;
   const {
     state
   } = props;
+  const container = (0, _.useWixPatternsContainer)();
+  const isRedesign = (_container$internalEx = container.internalExperiments) == null ? void 0 : _container$internalEx.enabled(_ViewsDropdown.VIEWS_REDESIGN_EXPERIMENT);
   const {
     views
   } = state;
@@ -26,7 +31,7 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 37,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -34,7 +39,7 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 28,
+        lineNumber: 38,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -43,7 +48,7 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 29,
+        lineNumber: 39,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -52,24 +57,25 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 37,
+        lineNumber: 47,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 38,
+        lineNumber: 48,
         columnNumber: 15
       }
     })))));
   }
   if (views.isDefaultView) {
+    const DefaultIcon = isRedesign ? _wixUiIconsCommon.PinSmall : _wixUiIconsCommon.FlagSmall;
     return /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 48,
+        lineNumber: 59,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -77,14 +83,14 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 49,
+        lineNumber: 60,
         columnNumber: 9
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.FlagSmall, {
+    }, /*#__PURE__*/_react.default.createElement(DefaultIcon, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 50,
+        lineNumber: 61,
         columnNumber: 11
       }
     })));

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdownPrefix.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_jsxFileName","_ViewsDropdownPrefix","props","state","views","collection","translate","t","isCurrentViewSelected","isViewChanged","default","createElement","Input","Affix","__self","__source","fileName","lineNumber","columnNumber","Box","dataHook","Tooltip","appendTo","content","verticalAlign","color","StatusAlertSmall","isDefaultView","FlagSmall","ViewsDropdownPrefix","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx"],"sourcesContent":["import { Box, Input, Tooltip } from '@wix/design-system';\nimport { FlagSmall, StatusAlertSmall } from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\n\nexport type ViewsDropdownPrefixProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n};\n\nexport function _ViewsDropdownPrefix<T, F extends FiltersMap>(\n  props: ViewsDropdownPrefixProps<T, F>,\n) {\n  const { state } = props;\n\n  const { views } = state;\n  const {\n    collection: { translate: t },\n  } = views;\n\n  if (\n    !views.isCurrentViewSelected ||\n    (views.isCurrentViewSelected && state.isViewChanged)\n  ) {\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-pending-changes\">\n          <Tooltip\n            appendTo=\"window\"\n            content={\n              views.isCurrentViewSelected\n                ? t('cairo.manageView.tooltip')\n                : t('cairo.manageView.unsaved.tooltip')\n            }\n          >\n            <Box verticalAlign=\"middle\" color=\"D40\">\n              <StatusAlertSmall />\n            </Box>\n          </Tooltip>\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  if (views.isDefaultView) {\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-default\">\n          <FlagSmall />\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  return null;\n}\n\nexport const ViewsDropdownPrefix = observer(_ViewsDropdownPrefix);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,cAAA,GAAAJ,OAAA;AAA2C,IAAAK,YAAA;AAMpC,SAASC,oBAAoBA,CAClCC,KAAqC,EACrC;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGD,KAAK;EAEvB,MAAM;IAAEE;EAAM,CAAC,GAAGD,KAAK;EACvB,MAAM;IACJE,UAAU,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC7B,CAAC,GAAGH,KAAK;EAET,IACE,CAACA,KAAK,CAACI,qBAAqB,IAC3BJ,KAAK,CAACI,qBAAqB,IAAIL,KAAK,CAACM,aAAc,EACpD;IACA,oBACEZ,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACVrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyB,GAAG;MAACC,QAAQ,EAAC,sBAAsB;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAClCrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAA2B,OAAO;MACNC,QAAQ,EAAC,QAAQ;MACjBC,OAAO,EACLnB,KAAK,CAACI,qBAAqB,GACvBD,CAAC,CAAC,0BAA0B,CAAC,GAC7BA,CAAC,CAAC,kCAAkC,CACzC;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEDrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyB,GAAG;MAACK,aAAa,EAAC,QAAQ;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACrCrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAA8B,gBAAgB;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAChB,CACE,CACN,CACM,CAAC;EAElB;EAEA,IAAId,KAAK,CAACuB,aAAa,EAAE;IACvB,oBACE9B,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAkB,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACVrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACjB,aAAA,CAAAyB,GAAG;MAACC,QAAQ,EAAC,cAAc;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC1BrB,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAAgC,SAAS;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACT,CACM,CAAC;EAElB;EAEA,OAAO,IAAI;AACb;AAEO,MAAMW,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAAC9B,oBAAoB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_wixUiIconsCommon","_react","_interopRequireDefault","_mobxReactLite","_","_ViewsDropdown","_jsxFileName","_ViewsDropdownPrefix","props","_container$internalEx","state","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","VIEWS_REDESIGN_EXPERIMENT","views","collection","translate","t","isCurrentViewSelected","isViewChanged","default","createElement","Input","Affix","__self","__source","fileName","lineNumber","columnNumber","Box","dataHook","Tooltip","appendTo","content","verticalAlign","color","StatusAlertSmall","isDefaultView","DefaultIcon","PinSmall","FlagSmall","ViewsDropdownPrefix","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx"],"sourcesContent":["import { Box, Input, Tooltip } from '@wix/design-system';\nimport {\n  FlagSmall,\n  PinSmall,\n  StatusAlertSmall,\n} from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '../..';\nimport { VIEWS_REDESIGN_EXPERIMENT } from './ViewsDropdown';\n\nexport type ViewsDropdownPrefixProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n};\n\nexport function _ViewsDropdownPrefix<T, F extends FiltersMap>(\n  props: ViewsDropdownPrefixProps<T, F>,\n) {\n  const { state } = props;\n  const container = useWixPatternsContainer();\n  const isRedesign = container.internalExperiments?.enabled(\n    VIEWS_REDESIGN_EXPERIMENT,\n  );\n\n  const { views } = state;\n  const {\n    collection: { translate: t },\n  } = views;\n\n  if (\n    !views.isCurrentViewSelected ||\n    (views.isCurrentViewSelected && state.isViewChanged)\n  ) {\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-pending-changes\">\n          <Tooltip\n            appendTo=\"window\"\n            content={\n              views.isCurrentViewSelected\n                ? t('cairo.manageView.tooltip')\n                : t('cairo.manageView.unsaved.tooltip')\n            }\n          >\n            <Box verticalAlign=\"middle\" color=\"D40\">\n              <StatusAlertSmall />\n            </Box>\n          </Tooltip>\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  if (views.isDefaultView) {\n    const DefaultIcon = isRedesign ? PinSmall : FlagSmall;\n    return (\n      <Input.Affix>\n        <Box dataHook=\"view-default\">\n          <DefaultIcon />\n        </Box>\n      </Input.Affix>\n    );\n  }\n\n  return null;\n}\n\nexport const ViewsDropdownPrefix = observer(_ViewsDropdownPrefix);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.js

@@ -6,7 +6,6 @@ exports.buildCategoryOption = buildCategoryOption;
 exports.buildViewOption = buildViewOption;
 exports.getCategoryName = getCategoryName;
 exports.getViewName = getViewName;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _designSystem = require("@wix/design-system");
 var _index = require("../../index");
 var _react = _interopRequireDefault(require("react"));
@@ -27,24 +26,31 @@ function buildCategoryOption({
   viewsState,
   category
 }) {
+  const {
+    translate: t
+  } = viewsState.collection;
+  const categoryName = getCategoryName({
+    category,
+    viewsState
+  });
   return (0, _designSystem.listItemSectionBuilder)({
     id: category.id,
-    title: getCategoryName({
-      category,
-      viewsState
-    }),
+    title: categoryName,
     type: 'subheader',
     dataHook: 'view-category',
-    suffix: category.info ? /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({
-      size: 'small'
-    }, category.info, {
+    suffix: /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
+      size: "small",
+      content: t('cairo.viewDropdown.category.info'),
+      tooltipProps: {
+        maxWidth: 240
+      },
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 43,
+        lineNumber: 46,
         columnNumber: 7
       }
-    })) : undefined
+    })
   });
 }
 function getViewName({
@@ -57,7 +63,8 @@ function getViewName({
 }
 function buildViewOption({
   viewsState,
-  view
+  view,
+  suffix
 }) {
   const viewName = getViewName({
     view,
@@ -67,7 +74,8 @@ function buildViewOption({
     id: view.id,
     title: viewName,
     label: viewName,
-    dataHook: `view-item`
+    dataHook: 'view-item',
+    suffix
   });
 }
 //# sourceMappingURL=viewsDropdownRenderHelpers.js.map

package/dist/cjs/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_index","_react","_interopRequireDefault","_jsxFileName","getCategoryName","category","viewsState","translate","t","collection","id","PREDEFINED_VIEWS_ID","name","buildCategoryOption","listItemSectionBuilder","title","type","dataHook","suffix","info","default","createElement","InfoIcon","_extends2","size","__self","__source","fileName","lineNumber","columnNumber","undefined","getViewName","view","length","buildViewOption","viewName","listItemSelectBuilder","label"],"sources":["../../../../src/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.tsx"],"sourcesContent":["import {\n  InfoIcon,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport {\n  BasicCategory,\n  PREDEFINED_VIEWS_ID,\n  PrivateView,\n  ViewsState,\n} from '../../index';\nimport { FiltersMap } from '@wix/bex-core';\nimport React from 'react';\n\nexport function getCategoryName<F extends FiltersMap>({\n  category,\n  viewsState,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  const { translate: t } = viewsState.collection;\n\n  if (category.id === PREDEFINED_VIEWS_ID) {\n    return t('cairo.viewDropdown.category.predefinedViews');\n  }\n  return category.name;\n}\n\nexport function buildCategoryOption<F extends FiltersMap>({\n  viewsState,\n  category,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  return listItemSectionBuilder({\n    id: category.id,\n    title: getCategoryName({ category, viewsState }),\n    type: 'subheader',\n    dataHook: 'view-category',\n    suffix: category.info ? (\n      <InfoIcon {...{ size: 'small', ...category.info }} />\n    ) : undefined,\n  });\n}\n\nexport function getViewName<F extends FiltersMap>({\n  view,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n}) {\n  if (view.name.length > 0) {\n    return view.name;\n  }\n\n  return '';\n}\n\nexport function buildViewOption<F extends FiltersMap>({\n  viewsState,\n  view,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n}) {\n  const viewName = getViewName({ view, viewsState });\n\n  return listItemSelectBuilder({\n    id: view.id,\n    title: viewName,\n    label: viewName,\n    dataHook: `view-item`,\n  });\n}\n"],"mappings":";;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA0B,IAAAI,YAAA;AAEnB,SAASC,eAAeA,CAAuB;EACpDC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU,CAACG,UAAU;EAE9C,IAAIJ,QAAQ,CAACK,EAAE,KAAKC,0BAAmB,EAAE;IACvC,OAAOH,CAAC,CAAC,6CAA6C,CAAC;EACzD;EACA,OAAOH,QAAQ,CAACO,IAAI;AACtB;AAEO,SAASC,mBAAmBA,CAAuB;EACxDP,UAAU;EACVD;AAIF,CAAC,EAAE;EACD,OAAO,IAAAS,oCAAsB,EAAC;IAC5BJ,EAAE,EAAEL,QAAQ,CAACK,EAAE;IACfK,KAAK,EAAEX,eAAe,CAAC;MAAEC,QAAQ;MAAEC;IAAW,CAAC,CAAC;IAChDU,IAAI,EAAE,WAAW;IACjBC,QAAQ,EAAE,eAAe;IACzBC,MAAM,EAAEb,QAAQ,CAACc,IAAI,gBACnBlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,QAAQ,MAAAC,SAAA,CAAAH,OAAA;MAAOI,IAAI,EAAE;IAAO,GAAKnB,QAAQ,CAACc,IAAI;MAAAM,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAxB,YAAA;QAAAyB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAK,CAAC,GACnDC;EACN,CAAC,CAAC;AACJ;AAEO,SAASC,WAAWA,CAAuB;EAChDC;AAIF,CAAC,EAAE;EACD,IAAIA,IAAI,CAACpB,IAAI,CAACqB,MAAM,GAAG,CAAC,EAAE;IACxB,OAAOD,IAAI,CAACpB,IAAI;EAClB;EAEA,OAAO,EAAE;AACX;AAEO,SAASsB,eAAeA,CAAuB;EACpD5B,UAAU;EACV0B;AAIF,CAAC,EAAE;EACD,MAAMG,QAAQ,GAAGJ,WAAW,CAAC;IAAEC,IAAI;IAAE1B;EAAW,CAAC,CAAC;EAElD,OAAO,IAAA8B,mCAAqB,EAAC;IAC3B1B,EAAE,EAAEsB,IAAI,CAACtB,EAAE;IACXK,KAAK,EAAEoB,QAAQ;IACfE,KAAK,EAAEF,QAAQ;IACflB,QAAQ,EAAE;EACZ,CAAC,CAAC;AACJ","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_index","_react","_interopRequireDefault","_jsxFileName","getCategoryName","category","viewsState","translate","t","collection","id","PREDEFINED_VIEWS_ID","name","buildCategoryOption","categoryName","listItemSectionBuilder","title","type","dataHook","suffix","default","createElement","InfoIcon","size","content","tooltipProps","maxWidth","__self","__source","fileName","lineNumber","columnNumber","getViewName","view","length","buildViewOption","viewName","listItemSelectBuilder","label"],"sources":["../../../../src/components/CollectionViewsDropdown/viewsDropdownRenderHelpers.tsx"],"sourcesContent":["import {\n  InfoIcon,\n  listItemSectionBuilder,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport {\n  BasicCategory,\n  PREDEFINED_VIEWS_ID,\n  PrivateView,\n  ViewsState,\n} from '../../index';\nimport { FiltersMap, TranslationsKeys } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\n\nexport function getCategoryName<F extends FiltersMap>({\n  category,\n  viewsState,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  const { translate: t } = viewsState.collection;\n\n  if (category.id === PREDEFINED_VIEWS_ID) {\n    return t('cairo.viewDropdown.category.predefinedViews');\n  }\n  return category.name;\n}\n\nexport function buildCategoryOption<F extends FiltersMap>({\n  viewsState,\n  category,\n}: {\n  viewsState: ViewsState<F>;\n  category: BasicCategory;\n}) {\n  const { translate: t } = viewsState.collection;\n  const categoryName = getCategoryName({ category, viewsState });\n\n  return listItemSectionBuilder({\n    id: category.id,\n    title: categoryName,\n    type: 'subheader',\n    dataHook: 'view-category',\n    suffix: (\n      <InfoIcon\n        size=\"small\"\n        content={t('cairo.viewDropdown.category.info' as TranslationsKeys)}\n        tooltipProps={{ maxWidth: 240 }}\n      />\n    ),\n  });\n}\n\nexport function getViewName<F extends FiltersMap>({\n  view,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n}) {\n  if (view.name.length > 0) {\n    return view.name;\n  }\n\n  return '';\n}\n\nexport function buildViewOption<F extends FiltersMap>({\n  viewsState,\n  view,\n  suffix,\n}: {\n  viewsState: ViewsState<F>;\n  view: PrivateView<F>;\n  suffix?: ReactNode;\n}) {\n  const viewName = getViewName({ view, viewsState });\n  return listItemSelectBuilder({\n    id: view.id,\n    title: viewName,\n    label: viewName,\n    dataHook: 'view-item',\n    suffix,\n  });\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAyC,IAAAI,YAAA;AAElC,SAASC,eAAeA,CAAuB;EACpDC,QAAQ;EACRC;AAIF,CAAC,EAAE;EACD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU,CAACG,UAAU;EAE9C,IAAIJ,QAAQ,CAACK,EAAE,KAAKC,0BAAmB,EAAE;IACvC,OAAOH,CAAC,CAAC,6CAA6C,CAAC;EACzD;EACA,OAAOH,QAAQ,CAACO,IAAI;AACtB;AAEO,SAASC,mBAAmBA,CAAuB;EACxDP,UAAU;EACVD;AAIF,CAAC,EAAE;EACD,MAAM;IAAEE,SAAS,EAAEC;EAAE,CAAC,GAAGF,UAAU,CAACG,UAAU;EAC9C,MAAMK,YAAY,GAAGV,eAAe,CAAC;IAAEC,QAAQ;IAAEC;EAAW,CAAC,CAAC;EAE9D,OAAO,IAAAS,oCAAsB,EAAC;IAC5BL,EAAE,EAAEL,QAAQ,CAACK,EAAE;IACfM,KAAK,EAAEF,YAAY;IACnBG,IAAI,EAAE,WAAW;IACjBC,QAAQ,EAAE,eAAe;IACzBC,MAAM,eACJlB,MAAA,CAAAmB,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,QAAQ;MACPC,IAAI,EAAC,OAAO;MACZC,OAAO,EAAEhB,CAAC,CAAC,kCAAsD,CAAE;MACnEiB,YAAY,EAAE;QAAEC,QAAQ,EAAE;MAAI,CAAE;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1B,YAAA;QAAA2B,UAAA;QAAAC,YAAA;MAAA;IAAA,CACjC;EAEL,CAAC,CAAC;AACJ;AAEO,SAASC,WAAWA,CAAuB;EAChDC;AAIF,CAAC,EAAE;EACD,IAAIA,IAAI,CAACrB,IAAI,CAACsB,MAAM,GAAG,CAAC,EAAE;IACxB,OAAOD,IAAI,CAACrB,IAAI;EAClB;EAEA,OAAO,EAAE;AACX;AAEO,SAASuB,eAAeA,CAAuB;EACpD7B,UAAU;EACV2B,IAAI;EACJd;AAKF,CAAC,EAAE;EACD,MAAMiB,QAAQ,GAAGJ,WAAW,CAAC;IAAEC,IAAI;IAAE3B;EAAW,CAAC,CAAC;EAClD,OAAO,IAAA+B,mCAAqB,EAAC;IAC3B3B,EAAE,EAAEuB,IAAI,CAACvB,EAAE;IACXM,KAAK,EAAEoB,QAAQ;IACfE,KAAK,EAAEF,QAAQ;IACflB,QAAQ,EAAE,WAAW;IACrBC;EACF,CAAC,CAAC;AACJ","ignoreList":[]}

package/dist/cjs/components/CustomDrawerLayout.js

@@ -17,30 +17,30 @@ function CustomDrawerLayout(props) {
     secondaryButtonProps,
     primaryButtonProps,
     primaryButtonOnClick,
-    secondaryButtonOnClick
+    secondaryButtonOnClick,
+    removeContentPadding
   } = props;
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     dataHook: dataHook,
     direction: "vertical",
-    padding: "SP3",
+    padding: "SP3 0",
     backgroundColor: "white",
     borderRadius: "12px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
+      lineNumber: 32,
       columnNumber: 5
     }
   }, title && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
-    paddingTop: "SP1",
-    paddingBottom: "SP1",
+    padding: "SP1 SP3",
     marginBottom: "SP4",
     align: "center",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 38,
+      lineNumber: 40,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -49,25 +49,27 @@ function CustomDrawerLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 45,
+      lineNumber: 46,
       columnNumber: 11
     }
   }, title)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     flex: 1,
     marginBottom: "SP4",
+    padding: removeContentPadding ? undefined : '0 SP3',
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 52,
       columnNumber: 7
     }
   }, children), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
     gap: "SP4",
+    padding: "0 SP3",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 60,
       columnNumber: 7
     }
   }, primaryButtonText && /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
@@ -79,7 +81,7 @@ function CustomDrawerLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 62,
       columnNumber: 11
     }
   }), primaryButtonText), secondaryButtonText && /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
@@ -91,7 +93,7 @@ function CustomDrawerLayout(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 74,
       columnNumber: 11
     }
   }), secondaryButtonText)));

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

@@ -1 +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":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_jsxFileName","CustomDrawerLayout","props","dataHook","title","children","primaryButtonText","secondaryButtonText","secondaryButtonProps","primaryButtonProps","primaryButtonOnClick","secondaryButtonOnClick","removeContentPadding","default","createElement","Box","direction","padding","backgroundColor","borderRadius","__self","__source","fileName","lineNumber","columnNumber","marginBottom","align","Heading","size","textAlign","flex","undefined","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  removeContentPadding?: boolean;\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    removeContentPadding,\n  } = props;\n\n  return (\n    <Box\n      dataHook={dataHook}\n      direction=\"vertical\"\n      padding=\"SP3 0\"\n      backgroundColor=\"white\"\n      borderRadius=\"12px\"\n    >\n      {title && (\n        <Box\n          direction=\"vertical\"\n          padding=\"SP1 SP3\"\n          marginBottom=\"SP4\"\n          align=\"center\"\n        >\n          <Heading size=\"small\" textAlign=\"center\">\n            {title}\n          </Heading>\n        </Box>\n      )}\n\n      <Box\n        flex={1}\n        marginBottom=\"SP4\"\n        padding={removeContentPadding ? undefined : '0 SP3'}\n      >\n        {children}\n      </Box>\n\n      <Box direction=\"vertical\" gap=\"SP4\" padding=\"0 SP3\">\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":"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","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_ = "DragHandle3887572879";
+var _namespace_ = "DragHandle2576753877";
 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": "DragHandle3887572879__root"
+  "root": "DragHandle2576753877__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3887572879\";\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\":\"DragHandle3887572879__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle2576753877\";\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\":\"DragHandle2576753877__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/EntityPage/EntityPagePlain.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_ = "EntityPagePlain673223306";
+var _namespace_ = "EntityPagePlain875261530";
 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": "EntityPagePlain673223306__root"
+  "root": "EntityPagePlain875261530__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain673223306\";\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\":\"EntityPagePlain673223306__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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;EAAC,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain875261530\";\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\":\"EntityPagePlain875261530__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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;AAAgC,CAAC;AACvD,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;EAAC,oCAAoC,EAAC;AAAsC,CAAC","ignoreList":[]}

package/dist/cjs/components/Fade/Fade.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_ = "Fade4075889701";
+var _namespace_ = "Fade3970104487";
 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": "Fade4075889701__root"
+  "root": "Fade3970104487__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade4075889701\";\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\":\"Fade4075889701__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade3970104487\";\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\":\"Fade3970104487__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/Grid/Grid.js

@@ -33,6 +33,7 @@ function _Grid(props) {
     cardProps,
     dataHook,
     exportModal,
+    importModal,
     sections
   } = props;
   const {
@@ -58,7 +59,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 121,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, (0, _extends2.default)({}, props, {
@@ -67,7 +68,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 127,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridPlaceholderStates.GridPlaceholderStates, {
@@ -78,14 +79,14 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 128,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollectionContentAutoSizer.ToolbarCollectionContentAutoSizer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 134,
       columnNumber: 11
     }
   }, sections ? /*#__PURE__*/_react.default.createElement(sections.GridSections, (0, _extends2.default)({}, props, {
@@ -95,7 +96,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 136,
       columnNumber: 15
     }
   })) : /*#__PURE__*/_react.default.createElement(_GridSingleGridContent.GridSingleGridContent, (0, _extends2.default)({}, props, {
@@ -103,10 +104,10 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 142,
+      lineNumber: 143,
       columnNumber: 15
     }
-  }))))), exportModal ?? toolbar.featuredComponents.exportModal.value);
+  }))))), exportModal ?? toolbar.featuredComponents.exportModal.value, importModal ?? toolbar.featuredComponents.importModal.value);
 }
 const Grid = exports.Grid = (0, _mobxReactLite.observer)(_Grid);
 //# sourceMappingURL=Grid.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Grid","props","state","dragAndDrop","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","cardProps","dataHook","exportModal","sections","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridSections","groupBy","renderSection","GridSingleGridContent","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState, LayoutType } from '../../state';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type { GroupBy, RenderSection } from '../CollectionSectionHeader';\nimport { GridSingleGridContent } from './GridSingleGridContent';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [GridDragAndDrop](./?path=/story/features-sort-drag-and-drop--griddraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof GridDragAndDrop;\n\n  /**\n   * Grid state instance created using [`useGridCollection`](./?path=/story/base-components-collections-grid-usegridcollection--usegridcollection).\n   * @overrideType [GridState](./?path=/story/base-components-collections-grid-gridstate--gridstate)\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * A toolbar for performing bulk actions on multiple items.<br> <br>\n   * Supported parameters: <br>\n   * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n   * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n   * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>\n   * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n   * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n   * -`total`: [number] Total number of items in the server. <br>\n   * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n   * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n  /**\n   * Creates [grid sections](./?path=/story/features-display-grid-sections--grid-sections) that group data based on the values of a specific field.\n   * @external\n   * @overrideType [SectionsProp](./?path=/story/common-types--sectionsprop)\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    groupBy: GroupBy<T>;\n    renderSection?: RenderSection<T>;\n  };\n\n  layoutType?: LayoutType;\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n  GridBaseProps<T, F>,\n  'preset' | 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n  const {\n    state,\n    dragAndDrop,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as GridProps<\n        T,\n        F\n      >['errorState']),\n    emptyState,\n    noResultsState,\n    cardProps,\n    dataHook,\n    exportModal,\n    sections,\n  } = props;\n\n  const { toolbar } = state;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: !!dragAndDrop,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: false,\n    isUsingTableVirtualization: false,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      errorState={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          errorState={errorState}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            {sections ? (\n              <sections.GridSections\n                {...props}\n                groupBy={sections.groupBy}\n                renderSection={sections.renderSection}\n                state={state}\n              />\n            ) : (\n              <GridSingleGridContent {...props} state={state} />\n            )}\n          </ToolbarCollectionContentAutoSizer>\n        </GridPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_getToolbarCollectionFeaturesInitializers","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_useToolbarCollectionSyncProps","_GridSingleGridContent","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Grid","props","state","dragAndDrop","renderError","errorState","err","isOnline","retry","emptyState","noResultsState","cardProps","dataHook","exportModal","importModal","sections","toolbar","useToolbarCollectionSyncProps","isUsingDragAndDrop","isUsingBulkActionsToolbar","isUsingHorizontalScroll","isUsingFolders","isUsingTableVirtualization","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","createElement","CollectionCard","_extends2","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridSections","groupBy","renderSection","GridSingleGridContent","featuredComponents","value","Grid","exports","observer"],"sources":["../../../../src/components/Grid/Grid.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridPresetProps } from './Grid.types';\nimport { GridState, LayoutType } from '../../state';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { ToolbarCollectionContentAutoSizer } from '../ToolbarCollectionContentAutoSizer';\nimport { BulkActionToolbarRenderProp } from '../BulkAction';\nimport { GridItemBaseProps } from './GridItemBaseProps';\nimport { GridPlaceholderStates } from './GridPlaceholderStates';\nimport { CollectionCard } from '../CollectionCard';\nimport {\n  ToolbarCollection,\n  ToolbarCollectionBaseProps,\n} from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';\nimport type { GridSectionsContent } from '../GridSections/GridSectionsContent';\nimport type { GroupBy, RenderSection } from '../CollectionSectionHeader';\nimport { GridSingleGridContent } from './GridSingleGridContent';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview).\n   * @overrideType [GridDragAndDrop](./?path=/story/features-sort-drag-and-drop--griddraganddrop)\n   * @external\n   */\n  dragAndDrop?: typeof GridDragAndDrop;\n\n  /**\n   * Grid state instance created using [`useGridCollection`](./?path=/story/base-components-collections-grid-usegridcollection--usegridcollection).\n   * @overrideType [GridState](./?path=/story/base-components-collections-grid-gridstate--gridstate)\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * A toolbar for performing bulk actions on multiple items.<br> <br>\n   * Supported parameters: <br>\n   * -`selectedValues`: [array] Items that are checked in the selection column. <br>\n   * -`uncheckedValues`: [array] Items that are unchecked in the selection column. <br>\n   * -`isSelectAll`: [bool] Whether **Select All** is checked. <br>\n   * -`openModal`: [func] Opens a modal that contains the component from `bulkActionModal` render prop. <br>\n   * -`clearSelection`: [func] Clears all selections. Call this after the action on the selected items finishes. <br>\n   * -`total`: [number] Total number of items in the server. <br>\n   * -`openConfirmModal`: [func] Opens a `<MessageModalLayout>` to confirm an action is about to be applied to the selected items. <br>\n   * -`query`: [object] Current paging, sorting, and filtering. Often used together with bulk actions, such as `updateAll`. <br>\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n\n  /**\n   * Creates [grid sections](./?path=/story/features-display-grid-sections--grid-sections) that group data based on the values of a specific field.\n   * @external\n   * @overrideType [SectionsProp](./?path=/story/common-types--sectionsprop)\n   */\n  sections?: {\n    GridSections: typeof GridSectionsContent;\n    groupBy: GroupBy<T>;\n    renderSection?: RenderSection<T>;\n  };\n\n  layoutType?: LayoutType;\n}\n\nexport type GridBasePropsWithoutPreset<T, F extends FiltersMap> = Omit<\n  GridBaseProps<T, F>,\n  'preset' | 'renderItem'\n>;\n\nexport type GridProps<T, F extends FiltersMap> = GridPresetProps<\n  T,\n  GridBasePropsWithoutPreset<T, F>\n>;\n\nfunction _Grid<T, F extends FiltersMap = FiltersMap>(props: GridProps<T, F>) {\n  const {\n    state,\n    dragAndDrop,\n    renderError,\n    errorState = renderError &&\n      (((err, { isOnline, retry }) =>\n        renderError?.({ err, isOnline, retry })) as GridProps<\n        T,\n        F\n      >['errorState']),\n    emptyState,\n    noResultsState,\n    cardProps,\n    dataHook,\n    exportModal,\n    importModal,\n    sections,\n  } = props;\n\n  const { toolbar } = state;\n\n  useToolbarCollectionSyncProps({\n    ...props,\n    state: state.toolbar,\n    isUsingDragAndDrop: !!dragAndDrop,\n    isUsingBulkActionsToolbar: false,\n    isUsingHorizontalScroll: false,\n    isUsingFolders: false,\n    isUsingTableVirtualization: false,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  return (\n    <CollectionCard\n      errorState={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.toolbar}\n          errorState={errorState}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            {sections ? (\n              <sections.GridSections\n                {...props}\n                groupBy={sections.groupBy}\n                renderSection={sections.renderSection}\n                state={state}\n              />\n            ) : (\n              <GridSingleGridContent {...props} state={state} />\n            )}\n          </ToolbarCollectionContentAutoSizer>\n        </GridPlaceholderStates>\n      </ToolbarCollection>\n      {exportModal ?? toolbar.featuredComponents.exportModal.value}\n      {importModal ?? toolbar.featuredComponents.importModal.value}\n    </CollectionCard>\n  );\n}\n\nexport const Grid = observer(_Grid);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.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_ = "Heading2155534684";
+var _namespace_ = "Heading3688798431";
 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": "Heading2155534684__root"
+  "root": "Heading3688798431__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading2155534684\";\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\":\"Heading2155534684__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3688798431\";\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\":\"Heading3688798431__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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":[]}