@wix/patterns 0.10.0 → 1.0.0

package/dist/cjs/components/EmptyState/CollectionNoResultsState.js

@@ -0,0 +1,131 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionNoResultsState = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _MultiCollectionSupportProvider = require("../MultiCollectionSupportProvider");
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _react2 = require("@wix/bex-core/react");
+var _EmptyStateBase = require("./EmptyStateBase");
+var _MagnifyingGlassArt = require("../MagnifyingGlassArt");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EmptyState/CollectionNoResultsState.tsx"; // import { EmptyStateBasePrivateProps } from '../components/EmptyState/EmptyStateBase';
+function _CollectionNoResultsState(props) {
+  const state = (0, _MultiCollectionSupportProvider.useMultiCollectionSupportContext)();
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    title,
+    subtitle,
+    cta
+  } = getNoResultsStateTexts(state, t);
+  return /*#__PURE__*/_react.default.createElement(_EmptyStateBase.EmptyStateBase, (0, _extends2.default)({
+    dataHook: "collection-empty-state",
+    title: title,
+    subtitle: subtitle
+  }, props, {
+    cta: cta,
+    image: /*#__PURE__*/_react.default.createElement(_MagnifyingGlassArt.MagnifyingGlassArt, {
+      "data-hook": "empty-state-glass-illustration",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 35,
+        columnNumber: 14
+      }
+    }),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 29,
+      columnNumber: 5
+    }
+  }));
+}
+function ResetFiltersButton(props) {
+  const state = (0, _react2.useCollectionContext)();
+  return /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, (0, _extends2.default)({}, props, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Revert, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 46,
+        columnNumber: 19
+      }
+    }),
+    dataHook: "empty-state-clear-filters-button",
+    onClick: () => {
+      state.emitter.emit('beforeClearFilters', {
+        origin: 'empty-state'
+      });
+      state.resetFiltersAndRefresh();
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 44,
+      columnNumber: 5
+    }
+  }));
+}
+const getNoResultsStateTexts = (state, t) => {
+  const {
+    hasAvailableItems,
+    hasNonPersistentCustomFilters,
+    resultOriginQuerySearch: search,
+    resultOriginQueryRawSearch: rawSearch
+  } = state;
+  // has search no filter
+  if (hasAvailableItems && search && !hasNonPersistentCustomFilters) {
+    return {
+      title: t('cairo.search.nothingMatches.title', {
+        term: rawSearch
+      }),
+      subtitle: t('cairo.search.nothingMatches.text'),
+      cta: /*#__PURE__*/_react.default.createElement(ResetFiltersButton, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 74,
+          columnNumber: 9
+        }
+      }, t('cairo.emptyState.reset.button'))
+    };
+  }
+  // has filter no search
+  if (hasAvailableItems && !search && hasNonPersistentCustomFilters) {
+    return {
+      title: t('cairo.search.noresults.title'),
+      subtitle: t('cairo.emptyState.subtitle.noFilterResults'),
+      cta: /*#__PURE__*/_react.default.createElement(ResetFiltersButton, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 86,
+          columnNumber: 9
+        }
+      }, t('cairo.emptyState.filters.nothingFound.clearFilters.CTA'))
+    };
+  }
+  // has filter and search
+  return {
+    title: t('cairo.search.nothingMatches.title', {
+      term: rawSearch
+    }),
+    subtitle: t('cairo.search.filter.nothingMatches.text'),
+    cta: /*#__PURE__*/_react.default.createElement(ResetFiltersButton, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 99,
+        columnNumber: 7
+      }
+    }, t('cairo.emptyState.reset.button'))
+  };
+};
+const CollectionNoResultsState = exports.CollectionNoResultsState = (0, _mobxReactLite.observer)(_CollectionNoResultsState);
+//# sourceMappingURL=CollectionNoResultsState.js.map

package/dist/cjs/components/EmptyState/CollectionNoResultsState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_MultiCollectionSupportProvider","_designSystem","_wixUiIconsCommon","_react2","_EmptyStateBase","_MagnifyingGlassArt","_jsxFileName","_CollectionNoResultsState","props","state","useMultiCollectionSupportContext","translate","t","useWixPatternsContainer","title","subtitle","cta","getNoResultsStateTexts","default","createElement","EmptyStateBase","_extends2","dataHook","image","MagnifyingGlassArt","__self","__source","fileName","lineNumber","columnNumber","ResetFiltersButton","useCollectionContext","TextButton","prefixIcon","Revert","onClick","emitter","emit","origin","resetFiltersAndRefresh","hasAvailableItems","hasNonPersistentCustomFilters","resultOriginQuerySearch","search","resultOriginQueryRawSearch","rawSearch","term","CollectionNoResultsState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionNoResultsState.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useMultiCollectionSupportContext } from '../MultiCollectionSupportProvider';\nimport { TextButton, TextButtonProps } from '@wix/design-system';\nimport { Revert } from '@wix/wix-ui-icons-common';\nimport {\n  useWixPatternsContainer,\n  useCollectionContext,\n} from '@wix/bex-core/react';\n// import { EmptyStateBasePrivateProps } from '../components/EmptyState/EmptyStateBase';\nimport { FiltersMap, MultiCollectionSupport, Translate } from '@wix/bex-core';\nimport { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';\nimport { MagnifyingGlassArt } from '../MagnifyingGlassArt';\n\n\nexport interface CollectionNoResultsStateProps\n  extends Omit<Partial<EmptyStateBaseProps>, 'cta' | 'image' | 'customCta'> {\n  children?: ReactNode;\n}\n\nfunction _CollectionNoResultsState(\n  props: Omit<CollectionNoResultsStateProps, 'image'>,\n) {\n  const state = useMultiCollectionSupportContext();\n  const { translate: t } = useWixPatternsContainer();\n  const { title, subtitle, cta } = getNoResultsStateTexts(state, t);\n\n  return (\n    <EmptyStateBase\n      dataHook=\"collection-empty-state\"\n      title={title}\n      subtitle={subtitle}\n      {...props}\n      cta={cta}\n      image={<MagnifyingGlassArt data-hook=\"empty-state-glass-illustration\" />}\n    />\n  );\n}\n\nfunction ResetFiltersButton(props: TextButtonProps) {\n  const state = useCollectionContext();\n\n  return (\n    <TextButton\n      {...props}\n      prefixIcon={<Revert />}\n      dataHook=\"empty-state-clear-filters-button\"\n      onClick={() => {\n        state.emitter.emit('beforeClearFilters', { origin: 'empty-state' });\n        state.resetFiltersAndRefresh();\n      }}\n    />\n  );\n}\n\nconst getNoResultsStateTexts = (\n  state: MultiCollectionSupport<FiltersMap>,\n  t: Translate,\n) => {\n  const {\n    hasAvailableItems,\n    hasNonPersistentCustomFilters,\n    resultOriginQuerySearch: search,\n    resultOriginQueryRawSearch: rawSearch,\n  } = state;\n  // has search no filter\n  if (hasAvailableItems && search && !hasNonPersistentCustomFilters) {\n    return {\n      title: t('cairo.search.nothingMatches.title', {\n        term: rawSearch,\n      }),\n      subtitle: t('cairo.search.nothingMatches.text'),\n      cta: (\n        <ResetFiltersButton>\n          {t('cairo.emptyState.reset.button')}\n        </ResetFiltersButton>\n      ),\n    };\n  }\n  // has filter no search\n  if (hasAvailableItems && !search && hasNonPersistentCustomFilters) {\n    return {\n      title: t('cairo.search.noresults.title'),\n      subtitle: t('cairo.emptyState.subtitle.noFilterResults'),\n      cta: (\n        <ResetFiltersButton>\n          {t('cairo.emptyState.filters.nothingFound.clearFilters.CTA')}\n        </ResetFiltersButton>\n      ),\n    };\n  }\n  // has filter and search\n  return {\n    title: t('cairo.search.nothingMatches.title', {\n      term: rawSearch,\n    }),\n    subtitle: t('cairo.search.filter.nothingMatches.text'),\n    cta: (\n      <ResetFiltersButton>\n        {t('cairo.emptyState.reset.button')}\n      </ResetFiltersButton>\n    ),\n  };\n};\n\nexport const CollectionNoResultsState = observer(_CollectionNoResultsState);\n"],"mappings":"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"}

package/dist/cjs/components/EmptyState/CollectionNoResultsState.uni.driver.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollectionNoResultsStateUniDriver = CollectionNoResultsStateUniDriver;
+var _EmptyStateUni = require("./EmptyState.uni.driver");
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+function CollectionNoResultsStateUniDriver(base, body) {
+  const {
+    getButton,
+    getImage,
+    ...rest
+  } = (0, _EmptyStateUni.EmptyStateUniDriver)(base, body);
+  return {
+    ...rest,
+    /**
+     * Get no results CTA button driver
+     */
+    getClearFiltersButton: () => (0, _unidriver.TextButtonUniDriver)(base.$('[data-hook="empty-state-clear-filters-button"]'), body),
+    /**
+     * Get no results image
+     */
+    getImageGlassArt: () => (0, _unidriver.ImageUniDriver)(base.$('[data-hook="empty-state-glass-illustration"]'), body)
+  };
+}
+//# sourceMappingURL=CollectionNoResultsState.uni.driver.js.map

package/dist/cjs/components/EmptyState/CollectionNoResultsState.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_EmptyStateUni","require","_unidriver","CollectionNoResultsStateUniDriver","base","body","getButton","getImage","rest","EmptyStateUniDriver","getClearFiltersButton","TextButtonUniDriver","$","getImageGlassArt","ImageUniDriver"],"sources":["../../../../src/components/EmptyState/CollectionNoResultsState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { EmptyStateUniDriver } from './EmptyState.uni.driver';\nimport {\n  ImageUniDriver,\n  TextButtonUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function CollectionNoResultsStateUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const { getButton, getImage, ...rest } = EmptyStateUniDriver(base, body);\n\n  return {\n    ...rest,\n    /**\n     * Get no results CTA button driver\n     */\n    getClearFiltersButton: () =>\n      TextButtonUniDriver(\n        base.$('[data-hook=\"empty-state-clear-filters-button\"]'),\n        body,\n      ),\n    /**\n     * Get no results image\n     */\n    getImageGlassArt: () =>\n      ImageUniDriver(\n        base.$('[data-hook=\"empty-state-glass-illustration\"]'),\n        body,\n      ),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAKO,SAASE,iCAAiCA,CAC/CC,IAAe,EACfC,IAAe,EACf;EACA,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAG,IAAAC,kCAAmB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAExE,OAAO;IACL,GAAGG,IAAI;IACP;AACJ;AACA;IACIE,qBAAqB,EAAEA,CAAA,KACrB,IAAAC,8BAAmB,EACjBP,IAAI,CAACQ,CAAC,CAAC,gDAAgD,CAAC,EACxDP,IACF,CAAC;IACH;AACJ;AACA;IACIQ,gBAAgB,EAAEA,CAAA,KAChB,IAAAC,yBAAc,EACZV,IAAI,CAACQ,CAAC,CAAC,8CAA8C,CAAC,EACtDP,IACF;EACJ,CAAC;AACH"}

package/dist/cjs/components/EmptyState/CollectionPremiumEmptyState.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CollectionPremiumEmptyState = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _mobxReactLite = require("mobx-react-lite");
+var _EmptyStateBase = require("./EmptyStateBase");
+var _CollectionPremiumEmptyStateIllustration = require("../Illustration/CollectionPremiumEmptyStateIllustration");
+var _react2 = require("@wix/bex-core/react");
+var _PremiumButton = require("./PremiumButton");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/EmptyState/CollectionPremiumEmptyState.tsx";
+function _CollectionPremiumEmptyState(props) {
+  const {
+    translate: t
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    upgradeCta,
+    ...rest
+  } = props;
+  return /*#__PURE__*/_react.default.createElement(_EmptyStateBase.EmptyStateBase, (0, _extends2.default)({
+    dataHook: "premium-empty-state",
+    title: t('cairo.emptyState.premium.title'),
+    subtitle: t('cairo.emptyState.premium.text'),
+    image: /*#__PURE__*/_react.default.createElement(_CollectionPremiumEmptyStateIllustration.CollectionPremiumEmptyStateIllustration, {
+      "data-hook": "empty-state-premium-illustration",
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 29,
+        columnNumber: 9
+      }
+    })
+  }, rest, {
+    cta: /*#__PURE__*/_react.default.createElement(_PremiumButton.PremiumButton, (0, _extends2.default)({}, upgradeCta, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 32,
+        columnNumber: 12
+      }
+    })),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 24,
+      columnNumber: 5
+    }
+  }));
+}
+const CollectionPremiumEmptyState = exports.CollectionPremiumEmptyState = (0, _mobxReactLite.observer)(_CollectionPremiumEmptyState);
+//# sourceMappingURL=CollectionPremiumEmptyState.js.map

package/dist/cjs/components/EmptyState/CollectionPremiumEmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_EmptyStateBase","_CollectionPremiumEmptyStateIllustration","_react2","_PremiumButton","_jsxFileName","_CollectionPremiumEmptyState","props","translate","t","useWixPatternsContainer","upgradeCta","rest","default","createElement","EmptyStateBase","_extends2","dataHook","title","subtitle","image","CollectionPremiumEmptyStateIllustration","__self","__source","fileName","lineNumber","columnNumber","cta","PremiumButton","CollectionPremiumEmptyState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionPremiumEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';\nimport { CollectionPremiumEmptyStateIllustration } from '../Illustration/CollectionPremiumEmptyStateIllustration';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { PremiumButton, PremiumButtonProps } from './PremiumButton';\n\nexport interface CollectionPremiumEmptyStateProps\n  extends Omit<Partial<EmptyStateBaseProps>, 'cta'> {\n  /**\n   * Configuration for premium upgrade CTA.\n   * onClick: Callback for \"Upgrade\" button click.\n   * text: Text for \"Upgrade\" button\n   * @external\n   */\n  upgradeCta: PremiumButtonProps;\n}\n\nfunction _CollectionPremiumEmptyState(props: CollectionPremiumEmptyStateProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const { upgradeCta, ...rest } = props;\n\n  return (\n    <EmptyStateBase\n      dataHook=\"premium-empty-state\"\n      title={t('cairo.emptyState.premium.title')}\n      subtitle={t('cairo.emptyState.premium.text')}\n      image={\n        <CollectionPremiumEmptyStateIllustration data-hook=\"empty-state-premium-illustration\" />\n      }\n      {...rest}\n      cta={<PremiumButton {...upgradeCta} />}\n    />\n  );\n}\n\nexport const CollectionPremiumEmptyState = observer(\n  _CollectionPremiumEmptyState,\n);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,wCAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAoE,IAAAM,YAAA;AAapE,SAASC,4BAA4BA,CAACC,KAAuC,EAAE;EAC7E,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGL,KAAK;EAErC,oBACEV,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,eAAA,CAAAc,cAAc,MAAAC,SAAA,CAAAH,OAAA;IACbI,QAAQ,EAAC,qBAAqB;IAC9BC,KAAK,EAAET,CAAC,CAAC,gCAAgC,CAAE;IAC3CU,QAAQ,EAAEV,CAAC,CAAC,+BAA+B,CAAE;IAC7CW,KAAK,eACHvB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,wCAAA,CAAAmB,uCAAuC;MAAC,aAAU,kCAAkC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACxF,GACGd,IAAI;IACRe,GAAG,eAAE9B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACV,cAAA,CAAAwB,aAAa,MAAAZ,SAAA,CAAAH,OAAA,MAAKF,UAAU;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnB,YAAA;QAAAoB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnB,YAAA;MAAAoB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACxC,CAAC;AAEN;AAEO,MAAMG,2BAA2B,GAAAC,OAAA,CAAAD,2BAAA,GAAG,IAAAE,uBAAQ,EACjDzB,4BACF,CAAC"}

package/dist/cjs/components/EmptyState/{PremiumEmptyState.uni.driver.js → CollectionPremiumEmptyState.uni.driver.js}

@@ -1,10 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.PremiumEmptyStateUniDriver = PremiumEmptyStateUniDriver;
+exports.CollectionPremiumEmptyStateUniDriver = CollectionPremiumEmptyStateUniDriver;
 var _EmptyStateUni = require("./EmptyState.uni.driver");
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
-function PremiumEmptyStateUniDriver(base, body) {
+function CollectionPremiumEmptyStateUniDriver(base, body) {
   const {
     getButton,
     getImage,
@@ -19,7 +19,11 @@ function PremiumEmptyStateUniDriver(base, body) {
     /**
      * Get empty state image
      */
-    getImage: () => getImage('empty-state-premium-illustration')
+    getImage: () => getImage('empty-state-premium-illustration'),
+    /**
+     * Get custom CTA
+     */
+    getCustomCta: datahook => base.$(`[data-hook="${datahook}"]`)
   };
 }
-//# sourceMappingURL=PremiumEmptyState.uni.driver.js.map
+//# sourceMappingURL=CollectionPremiumEmptyState.uni.driver.js.map

package/dist/cjs/components/EmptyState/CollectionPremiumEmptyState.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_EmptyStateUni","require","_unidriver","CollectionPremiumEmptyStateUniDriver","base","body","getButton","getImage","rest","EmptyStateUniDriver","ButtonUniDriver","$","getCustomCta","datahook"],"sources":["../../../../src/components/EmptyState/CollectionPremiumEmptyState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { EmptyStateUniDriver } from './EmptyState.uni.driver';\nimport { ButtonUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nexport function CollectionPremiumEmptyStateUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const { getButton, getImage, ...rest } = EmptyStateUniDriver(base, body);\n\n  return {\n    ...rest,\n    /**\n     * Get empty state CTA button driver\n     */\n    getButton: () =>\n      ButtonUniDriver(base.$(`[data-hook=\"empty-state-premium-button\"]`), body),\n    /**\n     * Get empty state image\n     */\n    getImage: () => getImage('empty-state-premium-illustration'),\n    /**\n     * Get custom CTA\n     */\n    getCustomCta: (datahook: string) => base.$(`[data-hook=\"${datahook}\"]`),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,SAASE,oCAAoCA,CAClDC,IAAe,EACfC,IAAe,EACf;EACA,MAAM;IAAEC,SAAS;IAAEC,QAAQ;IAAE,GAAGC;EAAK,CAAC,GAAG,IAAAC,kCAAmB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAExE,OAAO;IACL,GAAGG,IAAI;IACP;AACJ;AACA;IACIF,SAAS,EAAEA,CAAA,KACT,IAAAI,0BAAe,EAACN,IAAI,CAACO,CAAC,CAAE,0CAAyC,CAAC,EAAEN,IAAI,CAAC;IAC3E;AACJ;AACA;IACIE,QAAQ,EAAEA,CAAA,KAAMA,QAAQ,CAAC,kCAAkC,CAAC;IAC5D;AACJ;AACA;IACIK,YAAY,EAAGC,QAAgB,IAAKT,IAAI,CAACO,CAAC,CAAE,eAAcE,QAAS,IAAG;EACxE,CAAC;AACH"}

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

@@ -11,14 +11,6 @@ function EmptyStateUniDriver(base, body) {
      * Get empty state CTA button driver
      */
     getButton: dataHook => (0, _unidriver.TextButtonUniDriver)(base.$(`[data-hook="${dataHook}"]`), body),
-    /**
-     * Get no results CTA button driver
-     */
-    getClearFiltersButton: () => (0, _unidriver.TextButtonUniDriver)(base.$('[data-hook="empty-state-clear-filters-button"]'), body),
-    /**
-     * Get no results image
-     */
-    getImageGlassArt: () => (0, _unidriver.ImageUniDriver)(base.$('[data-hook="empty-state-glass-illustration"]'), body),
     /**
      * Get empty state image
      */

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","EmptyStateUniDriver","base","body","WSDEmptyStateUniDriver","wait","timeout","getButton","dataHook","TextButtonUniDriver","$","getClearFiltersButton","getImageGlassArt","ImageUniDriver","getImage"],"sources":["../../../../src/components/EmptyState/EmptyState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  EmptyStateUniDriver as WSDEmptyStateUniDriver,\n  TextButtonUniDriver,\n  ImageUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function EmptyStateUniDriver(base: UniDriver, body: UniDriver) {\n  return {\n    ...WSDEmptyStateUniDriver(base, body),\n    wait: (timeout?: number) => base.wait(timeout),\n    /**\n     * Get empty state CTA button driver\n     */\n    getButton: (dataHook: string) =>\n      TextButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n    /**\n     * Get no results CTA button driver\n     */\n    getClearFiltersButton: () =>\n      TextButtonUniDriver(\n        base.$('[data-hook=\"empty-state-clear-filters-button\"]'),\n        body,\n      ),\n    /**\n     * Get no results image\n     */\n    getImageGlassArt: () =>\n      ImageUniDriver(\n        base.$('[data-hook=\"empty-state-glass-illustration\"]'),\n        body,\n      ),\n    /**\n     * Get empty state image\n     */\n    getImage: (dataHook: string) =>\n      ImageUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAMO,SAASC,mBAAmBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACpE,OAAO;IACL,GAAG,IAAAC,8BAAsB,EAACF,IAAI,EAAEC,IAAI,CAAC;IACrCE,IAAI,EAAGC,OAAgB,IAAKJ,IAAI,CAACG,IAAI,CAACC,OAAO,CAAC;IAC9C;AACJ;AACA;IACIC,SAAS,EAAGC,QAAgB,IAC1B,IAAAC,8BAAmB,EAACP,IAAI,CAACQ,CAAC,CAAE,eAAcF,QAAS,IAAG,CAAC,EAAEL,IAAI,CAAC;IAChE;AACJ;AACA;IACIQ,qBAAqB,EAAEA,CAAA,KACrB,IAAAF,8BAAmB,EACjBP,IAAI,CAACQ,CAAC,CAAC,gDAAgD,CAAC,EACxDP,IACF,CAAC;IACH;AACJ;AACA;IACIS,gBAAgB,EAAEA,CAAA,KAChB,IAAAC,yBAAc,EACZX,IAAI,CAACQ,CAAC,CAAC,8CAA8C,CAAC,EACtDP,IACF,CAAC;IACH;AACJ;AACA;IACIW,QAAQ,EAAGN,QAAgB,IACzB,IAAAK,yBAAc,EAACX,IAAI,CAACQ,CAAC,CAAE,eAAcF,QAAS,IAAG,CAAC,EAAEL,IAAI;EAC5D,CAAC;AACH"}
+{"version":3,"names":["_unidriver","require","EmptyStateUniDriver","base","body","WSDEmptyStateUniDriver","wait","timeout","getButton","dataHook","TextButtonUniDriver","$","getImage","ImageUniDriver"],"sources":["../../../../src/components/EmptyState/EmptyState.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  EmptyStateUniDriver as WSDEmptyStateUniDriver,\n  TextButtonUniDriver,\n  ImageUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nexport function EmptyStateUniDriver(base: UniDriver, body: UniDriver) {\n  return {\n    ...WSDEmptyStateUniDriver(base, body),\n    wait: (timeout?: number) => base.wait(timeout),\n    /**\n     * Get empty state CTA button driver\n     */\n    getButton: (dataHook: string) =>\n      TextButtonUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n\n    /**\n     * Get empty state image\n     */\n    getImage: (dataHook: string) =>\n      ImageUniDriver(base.$(`[data-hook=\"${dataHook}\"]`), body),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAMO,SAASC,mBAAmBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACpE,OAAO;IACL,GAAG,IAAAC,8BAAsB,EAACF,IAAI,EAAEC,IAAI,CAAC;IACrCE,IAAI,EAAGC,OAAgB,IAAKJ,IAAI,CAACG,IAAI,CAACC,OAAO,CAAC;IAC9C;AACJ;AACA;IACIC,SAAS,EAAGC,QAAgB,IAC1B,IAAAC,8BAAmB,EAACP,IAAI,CAACQ,CAAC,CAAE,eAAcF,QAAS,IAAG,CAAC,EAAEL,IAAI,CAAC;IAEhE;AACJ;AACA;IACIQ,QAAQ,EAAGH,QAAgB,IACzB,IAAAI,yBAAc,EAACV,IAAI,CAACQ,CAAC,CAAE,eAAcF,QAAS,IAAG,CAAC,EAAEL,IAAI;EAC5D,CAAC;AACH"}

package/dist/cjs/components/EmptyState/EmptyStateBase.js

@@ -25,7 +25,7 @@ function _EmptyStateBase(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 35,
+        lineNumber: 50,
         columnNumber: 7
       }
     }, customCta, cta);
@@ -44,7 +44,7 @@ function _EmptyStateBase(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 71,
         columnNumber: 22
       }
     }, image) : undefined
@@ -52,7 +52,7 @@ function _EmptyStateBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 67,
       columnNumber: 5
     }
   }), child);

package/dist/cjs/components/EmptyState/EmptyStateBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_jsxFileName","_EmptyStateBase","props","children","customCta","title","subtitle","cta","image","rest","child","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Fragment","EmptyState","_extends2","theme","style","display","undefined","EmptyStateBase","exports","observer"],"sources":["../../../../src/components/EmptyState/EmptyStateBase.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, EmptyState, EmptyStateProps } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\n\nexport interface EmptyStateBaseProps\n  extends EmptyStateBasePrivateProps,\n    Omit<Partial<EmptyStateProps>, 'title' | 'subtitle' | 'image'> {\n  children?: ReactNode;\n  /**\n   * Hides all default CTA buttons such as \"Reset Filters\" / \"New Item\"\n   * @external\n   */\n  disableDefaultCta?: boolean;\n  /**\n   * Adds more custom CTA buttons\n   * @external\n   */\n  customCta?: ReactNode;\n}\n\nexport interface EmptyStateBasePrivateProps {\n  title: string;\n  subtitle: string;\n  cta?: ReactNode;\n  image?: string | ReactNode;\n}\n\nfunction _EmptyStateBase(props: EmptyStateBaseProps) {\n  const { children, customCta, title, subtitle, cta, image, ...rest } = props;\n\n  let child;\n\n  if (cta || customCta) {\n    child = (\n      <Box gap=\"SP5\">\n        {customCta}\n        {cta}\n      </Box>\n    );\n  }\n\n  if (children) {\n    child = (\n      <>\n        {child}\n        {children}\n      </>\n    );\n  }\n\n  return (\n    <EmptyState\n      title={title}\n      subtitle={subtitle}\n      theme=\"page-no-border\"\n      image={image ? <div style={{ display: 'flex' }}>{image}</div> : undefined}\n      {...rest}\n    >\n      {child}\n    </EmptyState>\n  );\n}\n\nexport const EmptyStateBase = observer(_EmptyStateBase);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAyB3C,SAASC,eAAeA,CAACC,KAA0B,EAAE;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,GAAG;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAE3E,IAAIQ,KAAK;EAET,IAAIH,GAAG,IAAIH,SAAS,EAAE;IACpBM,KAAK,gBACHf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;MAACC,GAAG,EAAC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACXf,SAAS,EACTG,GACE,CACN;EACH;EAEA,IAAIJ,QAAQ,EAAE;IACZO,KAAK,gBACHf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAS,QAAA,QACGV,KAAK,EACLP,QACD,CACH;EACH;EAEA,oBACER,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAuB,UAAU,MAAAC,SAAA,CAAAX,OAAA;IACTN,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBiB,KAAK,EAAC,gBAAgB;IACtBf,KAAK,EAAEA,KAAK,gBAAGb,MAAA,CAAAgB,OAAA,CAAAC,aAAA;MAAKY,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAO,CAAE;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEX,KAAW,CAAC,GAAGkB;EAAU,GACtEjB,IAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPT,KACS,CAAC;AAEjB;AAEO,MAAMiB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAAC5B,eAAe,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_jsxFileName","_EmptyStateBase","props","children","customCta","title","subtitle","cta","image","rest","child","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Fragment","EmptyState","_extends2","theme","style","display","undefined","EmptyStateBase","exports","observer"],"sources":["../../../../src/components/EmptyState/EmptyStateBase.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, EmptyState, EmptyStateProps } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\n\nexport interface EmptyStateBaseProps\n  extends EmptyStateBasePrivateProps,\n    Omit<Partial<EmptyStateProps>, 'title' | 'subtitle' | 'image'> {\n  /**\n   * Overrides the default title.\n   * @external\n   */\n  title: string;\n  /**\n   * Overrides the default subtitle.\n   * @external\n   */\n  subtitle: string;\n  /**\n   * Overrides the default subtitle image.\n   * Accepts boolean or a custom `ReactElement`.\n   * When passing `false` image will be displayed.\n   * @external\n   */\n  image?: boolean | ReactNode;\n  children?: ReactNode;\n  cta?: ReactNode;\n  /**\n   * Adds more custom CTA button.\n   * Pass [TextButton](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--textbutton) component.\n   * @external\n   */\n  customCta?: ReactNode;\n  disableDefaultCta?: boolean;\n}\n\nexport interface EmptyStateBasePrivateProps {\n  title: string;\n  subtitle: string;\n  cta?: ReactNode;\n  image?: string | ReactNode;\n}\n\nfunction _EmptyStateBase(props: EmptyStateBaseProps) {\n  const { children, customCta, title, subtitle, cta, image, ...rest } = props;\n\n  let child;\n\n  if (cta || customCta) {\n    child = (\n      <Box gap=\"SP5\">\n        {customCta}\n        {cta}\n      </Box>\n    );\n  }\n\n  if (children) {\n    child = (\n      <>\n        {child}\n        {children}\n      </>\n    );\n  }\n\n  return (\n    <EmptyState\n      title={title}\n      subtitle={subtitle}\n      theme=\"page-no-border\"\n      image={image ? <div style={{ display: 'flex' }}>{image}</div> : undefined}\n      {...rest}\n    >\n      {child}\n    </EmptyState>\n  );\n}\n\nexport const EmptyStateBase = observer(_EmptyStateBase);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAwC3C,SAASC,eAAeA,CAACC,KAA0B,EAAE;EACnD,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,GAAG;IAAEC,KAAK;IAAE,GAAGC;EAAK,CAAC,GAAGP,KAAK;EAE3E,IAAIQ,KAAK;EAET,IAAIH,GAAG,IAAIH,SAAS,EAAE;IACpBM,KAAK,gBACHf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,GAAG;MAACC,GAAG,EAAC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACXf,SAAS,EACTG,GACE,CACN;EACH;EAEA,IAAIJ,QAAQ,EAAE;IACZO,KAAK,gBACHf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAS,QAAA,QACGV,KAAK,EACLP,QACD,CACH;EACH;EAEA,oBACER,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAuB,UAAU,MAAAC,SAAA,CAAAX,OAAA;IACTN,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBiB,KAAK,EAAC,gBAAgB;IACtBf,KAAK,EAAEA,KAAK,gBAAGb,MAAA,CAAAgB,OAAA,CAAAC,aAAA;MAAKY,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAO,CAAE;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEX,KAAW,CAAC,GAAGkB;EAAU,GACtEjB,IAAI;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPT,KACS,CAAC;AAEjB;AAEO,MAAMiB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAAC5B,eAAe,CAAC"}

package/dist/cjs/components/EmptyState/NewItemButton.js

@@ -14,16 +14,16 @@ function NewItemButton(props) {
     translate: t
   } = state;
   const {
-    onAddNewClick,
-    addNewText
+    onClick,
+    text
   } = props;
   return /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-    onClick: onAddNewClick,
+    onClick: onClick,
     prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
+        lineNumber: 19,
         columnNumber: 19
       }
     }),
@@ -31,9 +31,9 @@ function NewItemButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 25,
+      lineNumber: 17,
       columnNumber: 5
     }
-  }, addNewText ?? t('cairo.emptyState.additem.cta'));
+  }, text ?? t('cairo.emptyState.additem.cta'));
 }
 //# sourceMappingURL=NewItemButton.js.map

package/dist/cjs/components/EmptyState/NewItemButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_designSystem","_wixUiIconsCommon","_jsxFileName","NewItemButton","props","state","useCollectionContext","translate","t","onAddNewClick","addNewText","default","createElement","TextButton","onClick","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","dataHook"],"sources":["../../../../src/components/EmptyState/NewItemButton.tsx"],"sourcesContent":["import React, { MouseEvent as ReactMouseEvent, ReactNode } from 'react';\nimport { useCollectionContext } from '@wix/bex-core/react';\nimport { TextButton } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\n\nexport interface NewItemButtonProps {\n  /**\n   * Callback for \"New Item\" button click. When not passed \"New Item\" will not be rendered.\n   * @external\n   */\n  onAddNewClick?: (e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /**\n   * Text for \"New Item\" button\n   * @external\n   */\n  addNewText?: ReactNode;\n}\n\nexport function NewItemButton(props: NewItemButtonProps) {\n  const state = useCollectionContext();\n  const { translate: t } = state;\n  const { onAddNewClick, addNewText } = props;\n\n  return (\n    <TextButton\n      onClick={onAddNewClick}\n      prefixIcon={<Add />}\n      dataHook=\"empty-state-new-item-button\"\n    >\n      {addNewText ?? t('cairo.emptyState.additem.cta')}\n    </TextButton>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAA+C,IAAAI,YAAA;AAexC,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,KAAK,GAAG,IAAAC,4BAAoB,EAAC,CAAC;EACpC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,KAAK;EAC9B,MAAM;IAAEI,aAAa;IAAEC;EAAW,CAAC,GAAGN,KAAK;EAE3C,oBACER,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,UAAU;IACTC,OAAO,EAAEL,aAAc;IACvBM,UAAU,eAAEnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAe,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACpBC,QAAQ,EAAC,6BAA6B;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErCX,UAAU,IAAIF,CAAC,CAAC,8BAA8B,CACrC,CAAC;AAEjB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_designSystem","_wixUiIconsCommon","_jsxFileName","NewItemButton","props","state","useCollectionContext","translate","t","onClick","text","default","createElement","TextButton","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","dataHook"],"sources":["../../../../src/components/EmptyState/NewItemButton.tsx"],"sourcesContent":["import React, { MouseEvent as ReactMouseEvent } from 'react';\nimport { useCollectionContext } from '@wix/bex-core/react';\nimport { TextButton } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\n\nexport interface NewItemButtonProps {\n  onClick?: (e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  text?: string;\n}\n\nexport function NewItemButton(props: NewItemButtonProps) {\n  const state = useCollectionContext();\n  const { translate: t } = state;\n  const { onClick, text } = props;\n\n  return (\n    <TextButton\n      onClick={onClick}\n      prefixIcon={<Add />}\n      dataHook=\"empty-state-new-item-button\"\n    >\n      {text ?? t('cairo.emptyState.additem.cta')}\n    </TextButton>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AAA+C,IAAAI,YAAA;AAOxC,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,KAAK,GAAG,IAAAC,4BAAoB,EAAC,CAAC;EACpC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,KAAK;EAC9B,MAAM;IAAEI,OAAO;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAE/B,oBACER,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa,UAAU;IACTJ,OAAO,EAAEA,OAAQ;IACjBK,UAAU,eAAElB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAAc,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACpBC,QAAQ,EAAC,6BAA6B;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErCV,IAAI,IAAIF,CAAC,CAAC,8BAA8B,CAC/B,CAAC;AAEjB"}

package/dist/cjs/components/EmptyState/PremiumButton.js

@@ -13,19 +13,19 @@ function PremiumButton(props) {
     translate: t
   } = state;
   const {
-    premiumBtnText,
-    onPremiumBtnClick
+    text,
+    onClick
   } = props;
   return /*#__PURE__*/_react2.default.createElement(_designSystem.Button, {
     skin: "premium",
-    onClick: onPremiumBtnClick,
+    onClick: onClick,
     dataHook: "empty-state-premium-button",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 23,
+      lineNumber: 15,
       columnNumber: 5
     }
-  }, premiumBtnText ?? t('cairo.emptyState.premium.cta'));
+  }, text ?? t('cairo.emptyState.premium.cta'));
 }
 //# sourceMappingURL=PremiumButton.js.map

package/dist/cjs/components/EmptyState/PremiumButton.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_designSystem","_react2","_interopRequireDefault","_jsxFileName","PremiumButton","props","state","useCollectionContext","translate","t","premiumBtnText","onPremiumBtnClick","default","createElement","Button","skin","onClick","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/EmptyState/PremiumButton.tsx"],"sourcesContent":["import { useCollectionContext } from '@wix/bex-core/react';\nimport { Button } from '@wix/design-system';\nimport React, { MouseEvent as ReactMouseEvent, ReactNode } from 'react';\n\nexport interface PremiumButtonProps {\n  /**\n   * Callback for \"Upgrade\" button click.\n   */\n  onPremiumBtnClick: (\n    e: ReactMouseEvent<HTMLButtonElement, MouseEvent>,\n  ) => void;\n  /**\n   * Text for \"Upgrade\" button\n   */\n  premiumBtnText?: ReactNode;\n}\nexport function PremiumButton(props: PremiumButtonProps) {\n  const state = useCollectionContext();\n  const { translate: t } = state;\n  const { premiumBtnText, onPremiumBtnClick } = props;\n\n  return (\n    <Button\n      skin=\"premium\"\n      onClick={onPremiumBtnClick}\n      dataHook=\"empty-state-premium-button\"\n    >\n      {premiumBtnText ?? t('cairo.emptyState.premium.cta')}\n    </Button>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAAwE,IAAAI,YAAA;AAcjE,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,KAAK,GAAG,IAAAC,2BAAoB,EAAC,CAAC;EACpC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,KAAK;EAC9B,MAAM;IAAEI,cAAc;IAAEC;EAAkB,CAAC,GAAGN,KAAK;EAEnD,oBACEJ,OAAA,CAAAW,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,IAAI,EAAC,SAAS;IACdC,OAAO,EAAEL,iBAAkB;IAC3BM,QAAQ,EAAC,4BAA4B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpCZ,cAAc,IAAID,CAAC,CAAC,8BAA8B,CAC7C,CAAC;AAEb"}
+{"version":3,"names":["_react","require","_designSystem","_react2","_interopRequireDefault","_jsxFileName","PremiumButton","props","state","useCollectionContext","translate","t","text","onClick","default","createElement","Button","skin","dataHook","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/EmptyState/PremiumButton.tsx"],"sourcesContent":["import { useCollectionContext } from '@wix/bex-core/react';\nimport { Button } from '@wix/design-system';\nimport React, { MouseEvent as ReactMouseEvent } from 'react';\n\nexport interface PremiumButtonProps {\n  onClick: (e: ReactMouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  text?: string;\n}\nexport function PremiumButton(props: PremiumButtonProps) {\n  const state = useCollectionContext();\n  const { translate: t } = state;\n  const { text, onClick } = props;\n\n  return (\n    <Button\n      skin=\"premium\"\n      onClick={onClick}\n      dataHook=\"empty-state-premium-button\"\n    >\n      {text ?? t('cairo.emptyState.premium.cta')}\n    </Button>\n  );\n}\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAC,sBAAA,CAAAH,OAAA;AAA6D,IAAAI,YAAA;AAMtD,SAASC,aAAaA,CAACC,KAAyB,EAAE;EACvD,MAAMC,KAAK,GAAG,IAAAC,2BAAoB,EAAC,CAAC;EACpC,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,KAAK;EAC9B,MAAM;IAAEI,IAAI;IAAEC;EAAQ,CAAC,GAAGN,KAAK;EAE/B,oBACEJ,OAAA,CAAAW,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,IAAI,EAAC,SAAS;IACdJ,OAAO,EAAEA,OAAQ;IACjBK,QAAQ,EAAC,4BAA4B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEpCX,IAAI,IAAID,CAAC,CAAC,8BAA8B,CACnC,CAAC;AAEb"}

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_ = "Fade810763058";
+var _namespace_ = "Fade1030465190";
 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": "Fade810763058__root"
+  "root": "Fade1030465190__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_ = \"Fade810763058\";\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\":\"Fade810763058__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,eAAe;AACjC,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;AAAqB,CAAC;AAC5C,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"}
+{"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_ = \"Fade1030465190\";\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\":\"Fade1030465190__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"}

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

@@ -25,7 +25,8 @@ function _Grid(props) {
     dragAndDropSubmit,
     dragAndDropCancel,
     renderError,
-    renderEmptyState,
+    emptyState,
+    noResultsState,
     topNotification,
     cardProps,
     dataHook,
@@ -51,7 +52,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 103,
       columnNumber: 5
     }
   });
@@ -67,7 +68,7 @@ function _Grid(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 110,
         columnNumber: 7
       }
     }, child, /*#__PURE__*/_react.default.createElement(DraggableCardOverlay, {
@@ -76,7 +77,7 @@ function _Grid(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 115,
+        lineNumber: 116,
         columnNumber: 9
       }
     }));
@@ -89,7 +90,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 122,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, (0, _extends2.default)({}, props, {
@@ -98,25 +99,26 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 128,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridPlaceholderStates.GridPlaceholderStates, {
     state: state.grid,
     renderError: renderError,
-    renderEmptyState: renderEmptyState,
+    emptyState: emptyState,
+    noResultsState: noResultsState,
     topNotification: topNotification,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 129,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollectionContentAutoSizer.ToolbarCollectionContentAutoSizer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 136,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, {
@@ -124,7 +126,7 @@ function _Grid(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 137,
       columnNumber: 13
     }
   }, child)))), exportModal ?? toolbar.featuredComponents.exportModal.value);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_VirtualGridRepeater","_useGridSyncProps","_useRenderItem","_getToolbarCollectionFeaturesInitializers","_GridContent","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_Grid","props","state","dragAndDrop","dragAndDropSubmit","dragAndDropCancel","renderError","renderEmptyState","topNotification","cardProps","dataHook","exportModal","toolbar","useGridSyncProps","grid","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","renderItem","useRenderItem","child","createElement","VirtualGridRepeater","gridState","__self","__source","fileName","lineNumber","columnNumber","DraggableCardOverlay","SortableContext","onSubmit","onCancel","CollectionCard","_extends2","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridContent","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 { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { GridState } from '../../state';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { useGridSyncProps } from './useGridSyncProps';\nimport { useRenderItem } from './useRenderItem';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridContent } from './GridContent';\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';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Drag and drop implementation: `import { GridDragAndDrop } from '@wix/patterns';`\n   * > In order to make the drag and drop also re-order the collection after drop, also add [OptimisticActions](./?path=/story/components-collection-features--optimistic-actions).\n   * @external\n   */\n  dragAndDrop?: DragAndDrop;\n\n  /**\n   * A grid state instance created using [useGridCollection](./?path=/story/components-collection-hooks--usegrid).\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `selectedValues`: The items that were checked via the selection column\n   *   * `uncheckedValues`: The items that were unchecked via the selection column\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *   * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n   *\n   * > When passed, enables `showSelection` by default.\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n}\n\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    dragAndDropSubmit,\n    dragAndDropCancel,\n    renderError,\n    renderEmptyState,\n    topNotification,\n    cardProps,\n    dataHook,\n    exportModal,\n  } = props;\n\n  const { toolbar } = state;\n\n  useGridSyncProps({\n    ...props,\n    state: state.grid,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  const renderItem = useRenderItem({\n    ...props,\n    state: state.grid,\n  });\n\n  let child = (\n    <VirtualGridRepeater renderItem={renderItem} gridState={state.grid} />\n  );\n\n  if (dragAndDrop) {\n    const { DraggableCardOverlay, SortableContext } = dragAndDrop;\n\n    child = (\n      <SortableContext\n        state={state.grid}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n      >\n        {child}\n        <DraggableCardOverlay state={state.grid} renderItem={renderItem} />\n      </SortableContext>\n    );\n  }\n\n  return (\n    <CollectionCard\n      renderError={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.grid}\n          renderError={renderError}\n          renderEmptyState={renderEmptyState}\n          topNotification={topNotification}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            <GridContent state={state}>{child}</GridContent>\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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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_VirtualGridRepeater","_useGridSyncProps","_useRenderItem","_getToolbarCollectionFeaturesInitializers","_GridContent","_ToolbarCollectionContentAutoSizer","_GridPlaceholderStates","_CollectionCard","_ToolbarCollection","_mobxReactLite","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_Grid","props","state","dragAndDrop","dragAndDropSubmit","dragAndDropCancel","renderError","emptyState","noResultsState","topNotification","cardProps","dataHook","exportModal","toolbar","useGridSyncProps","grid","useEffect","init","featuresInitializers","getToolbarCollectionFeaturesInitializers","renderItem","useRenderItem","child","createElement","VirtualGridRepeater","gridState","__self","__source","fileName","lineNumber","columnNumber","DraggableCardOverlay","SortableContext","onSubmit","onCancel","CollectionCard","_extends2","ToolbarCollection","sticky","GridPlaceholderStates","ToolbarCollectionContentAutoSizer","GridContent","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 { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { GridState } from '../../state';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { useGridSyncProps } from './useGridSyncProps';\nimport { useRenderItem } from './useRenderItem';\nimport { getToolbarCollectionFeaturesInitializers } from '../../state/getToolbarCollectionFeaturesInitializers';\nimport { GridContent } from './GridContent';\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';\n\ninterface GridBaseProps<T, F extends FiltersMap>\n  extends Omit<ToolbarCollectionBaseProps<T, F>, 'sticky' | 'maxSelection'>,\n    GridItemBaseProps<T, F> {\n  dataHook?: string;\n  /**\n   * Drag and drop implementation: `import { GridDragAndDrop } from '@wix/patterns';`\n   * > In order to make the drag and drop also re-order the collection after drop, also add [OptimisticActions](./?path=/story/components-collection-features--optimistic-actions).\n   * @external\n   */\n  dragAndDrop?: DragAndDrop;\n\n  /**\n   * A grid state instance created using [useGridCollection](./?path=/story/components-collection-hooks--usegrid).\n   * @external\n   */\n  state: GridState<T, F>;\n\n  /**\n   * Render a custom toolbar when more than 1 item is selected.<br>\n   * The function accepts the following parameters\n   *   * `selectedValues`: The items that were checked via the selection column\n   *   * `uncheckedValues`: The items that were unchecked via the selection column\n   *   * `allSelected`: Indicates whether the \"Select All\" checkbox is checked\n   *   * `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop\n   *   * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done\n   *   * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value).\n   *   * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items.\n   *   * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`\n   *\n   * > When passed, enables `showSelection` by default.\n   * @external\n   */\n  bulkActionToolbar?: BulkActionToolbarRenderProp<T, F>;\n}\n\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    dragAndDropSubmit,\n    dragAndDropCancel,\n    renderError,\n    emptyState,\n    noResultsState,\n    topNotification,\n    cardProps,\n    dataHook,\n    exportModal,\n  } = props;\n\n  const { toolbar } = state;\n\n  useGridSyncProps({\n    ...props,\n    state: state.grid,\n  });\n\n  useEffect(\n    () =>\n      state.init({\n        featuresInitializers: getToolbarCollectionFeaturesInitializers(props),\n      }),\n    [],\n  );\n\n  const renderItem = useRenderItem({\n    ...props,\n    state: state.grid,\n  });\n\n  let child = (\n    <VirtualGridRepeater renderItem={renderItem} gridState={state.grid} />\n  );\n\n  if (dragAndDrop) {\n    const { DraggableCardOverlay, SortableContext } = dragAndDrop;\n\n    child = (\n      <SortableContext\n        state={state.grid}\n        onSubmit={dragAndDropSubmit}\n        onCancel={dragAndDropCancel}\n      >\n        {child}\n        <DraggableCardOverlay state={state.grid} renderItem={renderItem} />\n      </SortableContext>\n    );\n  }\n\n  return (\n    <CollectionCard\n      renderError={false}\n      state={toolbar}\n      dataHook={dataHook}\n      {...cardProps}\n    >\n      <ToolbarCollection {...props} sticky state={toolbar}>\n        <GridPlaceholderStates\n          state={state.grid}\n          renderError={renderError}\n          emptyState={emptyState}\n          noResultsState={noResultsState}\n          topNotification={topNotification}\n        >\n          <ToolbarCollectionContentAutoSizer>\n            <GridContent state={state}>{child}</GridContent>\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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"}