@wix/patterns 1.2.0 → 1.4.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_ViewsDropdownPrefix","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","viewsOptions","useMemo","viewsWithoutCategory","categories","map","view","buildViewOption","flatMap","category","buildCategoryOption","options","fixedFooter","createElement","Box","width","align","verticalAlign","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","undefined","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","border","selectedId","id","selectedLabel","getViewName","textOverflow","prefix","ViewsDropdownPrefix","suffix","table","showRefreshLoader","className","Input","Affix","total","st","classes","root","option","events","emit","toString","getView","selectView","placeholder","paddingLeft","ManageViewPopover","origin","ViewsDropdownModals","ViewsDropdown","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownPropsControlled as DropdownProps,\n  Input,\n  Loader,\n} from '@wix/design-system';\nimport { CollectionViewsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ViewsDropdownModals } from './ViewsDropdownModals';\nimport { View } from '../../model';\nimport { classes, st } from './ViewsDropdown.st.css.js';\nimport { ManageViewPopover } from './ManageViewPopover';\nimport {\n  buildCategoryOption,\n  buildViewOption,\n  getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\n\nexport type ViewsDropdownProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n  onSelect?: (view: View<F>) => void;\n  dataHook: string;\n  showTotal?: boolean;\n} & Omit<DropdownProps, 'onSelect'>;\n\nfunction _ViewsDropdown<T, F extends FiltersMap>({\n  onSelect,\n  dataHook,\n  state,\n  showTotal = true,\n  dropdownWidth = '200px',\n  ...dropdownProps\n}: ViewsDropdownProps<T, F>) {\n  const { views: viewsState } = state;\n  const { currentView, collection, localSearchState } = viewsState;\n  const { filteredCategoriesWithViews } = localSearchState;\n  const { translate: t } = collection;\n  const showLoader =\n    collection.result.status.isIdle || collection.result.status.isLoading;\n\n  const viewsOptions = useMemo(() => {\n    const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n    return [\n      ...viewsWithoutCategory.map((view) =>\n        buildViewOption({ view, viewsState }),\n      ),\n      ...categories.flatMap((category) => [\n        buildCategoryOption({ category, viewsState }),\n        ...category.views.map((view) => buildViewOption({ view, viewsState })),\n      ]),\n    ];\n  }, [filteredCategoriesWithViews]);\n\n  const { options, fixedFooter } = showLoader\n    ? {\n        options: [],\n        fixedFooter: (\n          <Box\n            dataHook=\"initial-loader\"\n            width=\"100%\"\n            align=\"center\"\n            verticalAlign=\"middle\"\n            padding=\"SP2\"\n          >\n            <Loader size=\"small\" />\n          </Box>\n        ),\n      }\n    : {\n        options: viewsOptions,\n        fixedFooter: undefined,\n      };\n\n  return (\n    <Box dataHook={dataHook}>\n      <Box width={dropdownWidth} direction=\"vertical\">\n        <AutoCompleteReadonly\n          emptyStateMessage={\n            !showLoader && t('cairo.viewsDropdown.nothingMatches.text')\n          }\n          state={state.views.autoCompleteReadonlyState}\n          value={localSearchState.inputValue}\n          onChange={(e) =>\n            localSearchState.setInputValueAndScheduleSearch(e.target.value)\n          }\n          clearInput={() => localSearchState.clearSearch()}\n          dropdownWidth={dropdownWidth}\n          popoverProps={{ placement: 'bottom-start' }}\n          {...dropdownProps}\n          fixedFooter={fixedFooter}\n          border=\"round\"\n          selectedId={currentView?.id}\n          selectedLabel={\n            currentView\n              ? getViewName({ view: currentView, viewsState })\n              : undefined\n          }\n          textOverflow=\"ellipsis\"\n          prefix={<ViewsDropdownPrefix state={state} />}\n          suffix={\n            !showTotal ||\n            state.table.collection.showRefreshLoader ? undefined : (\n              <Box className=\"total-count\">\n                <Input.Affix>\n                  ({state.table.collection.result.total})\n                </Input.Affix>\n              </Box>\n            )\n          }\n          className={st(classes.root)}\n          dataHook=\"collection-views-dropdown\"\n          onSelect={(option) => {\n            viewsState.events.emit('beforeSelectView');\n            const id = option.id.toString();\n            const view = viewsState.getView(id);\n            if (view) {\n              onSelect?.(view);\n              viewsState.selectView({ id });\n              viewsState.events.emit('afterSelectView', { view });\n            }\n            localSearchState.clearSearch();\n          }}\n          options={options}\n          placeholder={t('cairo.viewDropdown.unsavedView.status')}\n        />\n      </Box>\n\n      <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n        <ManageViewPopover origin=\"MainToolbar\" state={state} />\n      </Box>\n\n      <ViewsDropdownModals state={state} />\n    </Box>\n  );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_ViewsDropdownPrefix","_","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","container","useWixPatternsContainer","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","viewsOptions","useMemo","viewsWithoutCategory","categories","map","view","buildViewOption","flatMap","category","buildCategoryOption","initTask","options","fixedFooter","createElement","Box","width","align","verticalAlign","padding","__self","__source","fileName","lineNumber","columnNumber","Loader","size","undefined","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","border","selectedId","id","selectedLabel","getViewName","textOverflow","prefix","ViewsDropdownPrefix","suffix","table","showRefreshLoader","className","Input","Affix","total","st","classes","root","option","events","emit","toString","getView","selectView","placeholder","paddingLeft","ManageViewPopover","origin","ViewsDropdownModals","ViewsDropdown","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n  Box,\n  DropdownPropsControlled as DropdownProps,\n  Input,\n  Loader,\n} from '@wix/design-system';\nimport { CollectionViewsState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { ViewsDropdownModals } from './ViewsDropdownModals';\nimport { View } from '../../model';\nimport { classes, st } from './ViewsDropdown.st.css.js';\nimport { ManageViewPopover } from './ManageViewPopover';\nimport {\n  buildCategoryOption,\n  buildViewOption,\n  getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '../..';\n\nexport type ViewsDropdownProps<T, F extends FiltersMap> = {\n  state: CollectionViewsState<T, F>;\n  onSelect?: (view: View<F>) => void;\n  dataHook: string;\n  showTotal?: boolean;\n} & Omit<DropdownProps, 'onSelect'>;\n\nfunction _ViewsDropdown<T, F extends FiltersMap>({\n  onSelect,\n  dataHook,\n  state,\n  showTotal = true,\n  dropdownWidth = '200px',\n  ...dropdownProps\n}: ViewsDropdownProps<T, F>) {\n  const container = useWixPatternsContainer();\n  const { views: viewsState } = state;\n  const { currentView, collection, localSearchState } = viewsState;\n  const { filteredCategoriesWithViews } = localSearchState;\n  const { translate: t } = collection;\n  const showLoader =\n    collection.result.status.isIdle || collection.result.status.isLoading;\n\n  const viewsOptions = useMemo(() => {\n    const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n    return [\n      ...viewsWithoutCategory.map((view) =>\n        buildViewOption({ view, viewsState }),\n      ),\n      ...categories.flatMap((category) => [\n        buildCategoryOption({ category, viewsState }),\n        ...category.views.map((view) => buildViewOption({ view, viewsState })),\n      ]),\n    ];\n  }, [filteredCategoriesWithViews, container.initTask.status]);\n\n  const { options, fixedFooter } = showLoader\n    ? {\n        options: [],\n        fixedFooter: (\n          <Box\n            dataHook=\"initial-loader\"\n            width=\"100%\"\n            align=\"center\"\n            verticalAlign=\"middle\"\n            padding=\"SP2\"\n          >\n            <Loader size=\"small\" />\n          </Box>\n        ),\n      }\n    : {\n        options: viewsOptions,\n        fixedFooter: undefined,\n      };\n\n  return (\n    <Box dataHook={dataHook}>\n      <Box width={dropdownWidth} direction=\"vertical\">\n        <AutoCompleteReadonly\n          emptyStateMessage={\n            !showLoader && t('cairo.viewsDropdown.nothingMatches.text')\n          }\n          state={state.views.autoCompleteReadonlyState}\n          value={localSearchState.inputValue}\n          onChange={(e) =>\n            localSearchState.setInputValueAndScheduleSearch(e.target.value)\n          }\n          clearInput={() => localSearchState.clearSearch()}\n          dropdownWidth={dropdownWidth}\n          popoverProps={{ placement: 'bottom-start' }}\n          {...dropdownProps}\n          fixedFooter={fixedFooter}\n          border=\"round\"\n          selectedId={currentView?.id}\n          selectedLabel={\n            currentView\n              ? getViewName({ view: currentView, viewsState })\n              : undefined\n          }\n          textOverflow=\"ellipsis\"\n          prefix={<ViewsDropdownPrefix state={state} />}\n          suffix={\n            !showTotal ||\n            state.table.collection.showRefreshLoader ? undefined : (\n              <Box className=\"total-count\">\n                <Input.Affix>\n                  ({state.table.collection.result.total})\n                </Input.Affix>\n              </Box>\n            )\n          }\n          className={st(classes.root)}\n          dataHook=\"collection-views-dropdown\"\n          onSelect={(option) => {\n            viewsState.events.emit('beforeSelectView');\n            const id = option.id.toString();\n            const view = viewsState.getView(id);\n            if (view) {\n              onSelect?.(view);\n              viewsState.selectView({ id });\n              viewsState.events.emit('afterSelectView', { view });\n            }\n            localSearchState.clearSearch();\n          }}\n          options={options}\n          placeholder={t('cairo.viewDropdown.unsavedView.status')}\n        />\n      </Box>\n\n      <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n        <ManageViewPopover origin=\"MainToolbar\" state={state} />\n      </Box>\n\n      <ViewsDropdownModals state={state} />\n    </Box>\n  );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAQA,IAAAG,oBAAA,GAAAH,OAAA;AAEA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AACA,IAAAM,2BAAA,GAAAN,OAAA;AAKA,IAAAO,qBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,CAAA,GAAAT,OAAA;AAAgD,IAAAU,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAShD,SAASW,cAAcA,CAA0B;EAC/CC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,SAAS,GAAG,IAAI;EAChBC,aAAa,GAAG,OAAO;EACvB,GAAGC;AACqB,CAAC,EAAE;EAC3B,MAAMC,SAAS,GAAG,IAAAC,yBAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,KAAK,EAAEC;EAAW,CAAC,GAAGP,KAAK;EACnC,MAAM;IAAEQ,WAAW;IAAEC,UAAU;IAAEC;EAAiB,CAAC,GAAGH,UAAU;EAChE,MAAM;IAAEI;EAA4B,CAAC,GAAGD,gBAAgB;EACxD,MAAM;IAAEE,SAAS,EAAE/B;EAAE,CAAC,GAAG4B,UAAU;EACnC,MAAMI,UAAU,GACdJ,UAAU,CAACK,MAAM,CAACC,MAAM,CAACC,MAAM,IAAIP,UAAU,CAACK,MAAM,CAACC,MAAM,CAACE,SAAS;EAEvE,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjC,MAAM;MAAEC,oBAAoB;MAAEC;IAAW,CAAC,GAAGV,2BAA2B;IAExE,OAAO,CACL,GAAGS,oBAAoB,CAACE,GAAG,CAAEC,IAAI,IAC/B,IAAAC,2CAAe,EAAC;MAAED,IAAI;MAAEhB;IAAW,CAAC,CACtC,CAAC,EACD,GAAGc,UAAU,CAACI,OAAO,CAAEC,QAAQ,IAAK,CAClC,IAAAC,+CAAmB,EAAC;MAAED,QAAQ;MAAEnB;IAAW,CAAC,CAAC,EAC7C,GAAGmB,QAAQ,CAACpB,KAAK,CAACgB,GAAG,CAAEC,IAAI,IAAK,IAAAC,2CAAe,EAAC;MAAED,IAAI;MAAEhB;IAAW,CAAC,CAAC,CAAC,CACvE,CAAC,CACH;EACH,CAAC,EAAE,CAACI,2BAA2B,EAAEP,SAAS,CAACwB,QAAQ,CAACb,MAAM,CAAC,CAAC;EAE5D,MAAM;IAAEc,OAAO;IAAEC;EAAY,CAAC,GAAGjB,UAAU,GACvC;IACEgB,OAAO,EAAE,EAAE;IACXC,WAAW,eACTlE,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC/D,aAAA,CAAAgE,GAAG;MACFjC,QAAQ,EAAC,gBAAgB;MACzBkC,KAAK,EAAC,MAAM;MACZC,KAAK,EAAC,QAAQ;MACdC,aAAa,EAAC,QAAQ;MACtBC,OAAO,EAAC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/D,YAAA;QAAAgE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEb7E,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC/D,aAAA,CAAA0E,MAAM;MAACC,IAAI,EAAC,OAAO;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/D,YAAA;QAAAgE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACnB;EAET,CAAC,GACD;IACEZ,OAAO,EAAEX,YAAY;IACrBY,WAAW,EAAEc;EACf,CAAC;EAEL,oBACEhF,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC/D,aAAA,CAAAgE,GAAG;IAACjC,QAAQ,EAAEA,QAAS;IAAAsC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/D,YAAA;MAAAgE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtB7E,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC/D,aAAA,CAAAgE,GAAG;IAACC,KAAK,EAAE/B,aAAc;IAAC2C,SAAS,EAAC,UAAU;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/D,YAAA;MAAAgE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7C7E,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC1D,qBAAA,CAAAyE,oBAAoB,MAAAC,SAAA,CAAAhE,OAAA;IACnBiE,iBAAiB,EACf,CAACnC,UAAU,IAAIhC,CAAC,CAAC,yCAAyC,CAC3D;IACDmB,KAAK,EAAEA,KAAK,CAACM,KAAK,CAAC2C,yBAA0B;IAC7CC,KAAK,EAAExC,gBAAgB,CAACyC,UAAW;IACnCC,QAAQ,EAAG1E,CAAC,IACVgC,gBAAgB,CAAC2C,8BAA8B,CAAC3E,CAAC,CAAC4E,MAAM,CAACJ,KAAK,CAC/D;IACDK,UAAU,EAAEA,CAAA,KAAM7C,gBAAgB,CAAC8C,WAAW,CAAC,CAAE;IACjDtD,aAAa,EAAEA,aAAc;IAC7BuD,YAAY,EAAE;MAAEC,SAAS,EAAE;IAAe;EAAE,GACxCvD,aAAa;IACjB2B,WAAW,EAAEA,WAAY;IACzB6B,MAAM,EAAC,OAAO;IACdC,UAAU,EAAEpD,WAAW,oBAAXA,WAAW,CAAEqD,EAAG;IAC5BC,aAAa,EACXtD,WAAW,GACP,IAAAuD,uCAAW,EAAC;MAAExC,IAAI,EAAEf,WAAW;MAAED;IAAW,CAAC,CAAC,GAC9CqC,SACL;IACDoB,YAAY,EAAC,UAAU;IACvBC,MAAM,eAAErG,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAACzD,oBAAA,CAAA4F,mBAAmB;MAAClE,KAAK,EAAEA,KAAM;MAAAqC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/D,YAAA;QAAAgE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAC9C0B,MAAM,EACJ,CAAClE,SAAS,IACVD,KAAK,CAACoE,KAAK,CAAC3D,UAAU,CAAC4D,iBAAiB,GAAGzB,SAAS,gBAClDhF,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC/D,aAAA,CAAAgE,GAAG;MAACsC,SAAS,EAAC,aAAa;MAAAjC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/D,YAAA;QAAAgE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC1B7E,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC/D,aAAA,CAAAuG,KAAK,CAACC,KAAK;MAAAnC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA/D,YAAA;QAAAgE,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,GACV,EAACzC,KAAK,CAACoE,KAAK,CAAC3D,UAAU,CAACK,MAAM,CAAC2D,KAAK,EAAC,GAC3B,CACV,CAER;IACDH,SAAS,EAAE,IAAAI,sBAAE,EAACC,2BAAO,CAACC,IAAI,CAAE;IAC5B7E,QAAQ,EAAC,2BAA2B;IACpCD,QAAQ,EAAG+E,MAAM,IAAK;MACpBtE,UAAU,CAACuE,MAAM,CAACC,IAAI,CAAC,kBAAkB,CAAC;MAC1C,MAAMlB,EAAE,GAAGgB,MAAM,CAAChB,EAAE,CAACmB,QAAQ,CAAC,CAAC;MAC/B,MAAMzD,IAAI,GAAGhB,UAAU,CAAC0E,OAAO,CAACpB,EAAE,CAAC;MACnC,IAAItC,IAAI,EAAE;QACRzB,QAAQ,YAARA,QAAQ,CAAGyB,IAAI,CAAC;QAChBhB,UAAU,CAAC2E,UAAU,CAAC;UAAErB;QAAG,CAAC,CAAC;QAC7BtD,UAAU,CAACuE,MAAM,CAACC,IAAI,CAAC,iBAAiB,EAAE;UAAExD;QAAK,CAAC,CAAC;MACrD;MACAb,gBAAgB,CAAC8C,WAAW,CAAC,CAAC;IAChC,CAAE;IACF3B,OAAO,EAAEA,OAAQ;IACjBsD,WAAW,EAAEtG,CAAC,CAAC,uCAAuC,CAAE;IAAAwD,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/D,YAAA;MAAAgE,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzD,CACE,CAAC,eAEN7E,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC/D,aAAA,CAAAgE,GAAG;IAACG,aAAa,EAAC,QAAQ;IAACiD,WAAW,EAAC,KAAK;IAAA/C,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/D,YAAA;MAAAgE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3C7E,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC5D,kBAAA,CAAAkH,iBAAiB;IAACC,MAAM,EAAC,aAAa;IAACtF,KAAK,EAAEA,KAAM;IAAAqC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/D,YAAA;MAAAgE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACpD,CAAC,eAEN7E,MAAA,CAAAmB,OAAA,CAAAgD,aAAA,CAAC9D,oBAAA,CAAAsH,mBAAmB;IAACvF,KAAK,EAAEA,KAAM;IAAAqC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA/D,YAAA;MAAAgE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjC,CAAC;AAEV;AAEO,MAAM+C,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,uBAAQ,EAAC7F,cAAc,CAAC","ignoreList":[]}

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

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ViewsDropdown1847335117";
+var _namespace_ = "ViewsDropdown1827092893";
 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": "ViewsDropdown1847335117__root"
+  "root": "ViewsDropdown1827092893__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown1847335117\";\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\":\"ViewsDropdown1847335117__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown1827092893\";\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\":\"ViewsDropdown1827092893__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -7,6 +7,12 @@ Object.keys(_CollectionViewsDropdown).forEach(function (key) {
   if (key in exports && exports[key] === _CollectionViewsDropdown[key]) return;
   exports[key] = _CollectionViewsDropdown[key];
 });
+var _CollectionViewsDropdownStandalone = require("./CollectionViewsDropdownStandalone");
+Object.keys(_CollectionViewsDropdownStandalone).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CollectionViewsDropdownStandalone[key]) return;
+  exports[key] = _CollectionViewsDropdownStandalone[key];
+});
 var _ViewsDropdown = require("./ViewsDropdown");
 Object.keys(_ViewsDropdown).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -1 +1 @@
-{"version":3,"names":["_CollectionViewsDropdown","require","Object","keys","forEach","key","exports","_ViewsDropdown"],"sources":["../../../../src/components/CollectionViewsDropdown/index.ts"],"sourcesContent":["export * from './CollectionViewsDropdown';\nexport * from './ViewsDropdown';\n"],"mappings":";;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,wBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,wBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,wBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_CollectionViewsDropdown","require","Object","keys","forEach","key","exports","_CollectionViewsDropdownStandalone","_ViewsDropdown"],"sources":["../../../../src/components/CollectionViewsDropdown/index.ts"],"sourcesContent":["export * from './CollectionViewsDropdown';\nexport * from './CollectionViewsDropdownStandalone';\nexport * from './ViewsDropdown';\n"],"mappings":";;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,wBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,wBAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,wBAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,kCAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,kCAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,kCAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,kCAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,cAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,cAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,cAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,cAAA,CAAAH,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/CtaProps.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=CtaProps.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/components/CtaProps.ts"],"sourcesContent":["import { IconElement } from '@wix/design-system';\n\nexport interface CtaBaseProps {\n  /**\n   * A callback that runs each time the button is clicked.\n   */\n  onClick?: () => void;\n  /*\n   * Button label.\n   */\n  label?: string;\n\n  /*\n   * A unique name for CTAClick bi event. For example: 'edit'.\n   */\n  biName?: string;\n  /*\n   * An optional Icon prefix.\n   */\n  prefixIcon?: IconElement;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_ToolbarCollectionContext","require","_react","_interopRequireDefault","_initCustomColumns","_CustomColumnsCTAButton","_jsxFileName","CustomColumns","onColumnClick","state","useToolbarCollectionContext","default","createElement","CustomColumnsCTAButton","__self","__source","fileName","lineNumber","columnNumber","setCustomColumnsState","dragAndDrop","undefined","displayName"],"sources":["../../../../src/components/CustomColumns/CustomColumns.tsx"],"sourcesContent":["import { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport React from 'react';\nimport { setCustomColumnsState } from '../../state/initCustomColumns';\nimport { Column } from '../../model';\nimport { CustomColumnsCTAButton } from '../CustomColumnsPanel/CustomColumnsCTAButton';\nimport type { CustomColumnsDragAndDrop } from './CustomColumnsDragAndDrop';\n\nexport interface CustomColumnsBaseProps {\n  /**\n   * A callback that called when a column checkbox is clicked\n   * @param column\n   * @param checked\n   * @external\n   */\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n}\n\nexport interface CustomColumnsProps extends CustomColumnsBaseProps {}\n\nexport function CustomColumns({ onColumnClick }: CustomColumnsProps) {\n  const state = useToolbarCollectionContext();\n  return <CustomColumnsCTAButton onColumnClick={onColumnClick} state={state} />;\n}\n\nCustomColumns.setCustomColumnsState = setCustomColumnsState;\nCustomColumns.dragAndDrop = undefined as\n  | typeof CustomColumnsDragAndDrop\n  | undefined;\nCustomColumns.displayName = 'CustomColumns';\n"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAAI,uBAAA,GAAAJ,OAAA;AAAsF,IAAAK,YAAA;AAe/E,SAASC,aAAaA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACnE,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3C,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,uBAAA,CAAAQ,sBAAsB;IAACL,aAAa,EAAEA,aAAc;IAACC,KAAK,EAAEA,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC/E;AAEAX,aAAa,CAACY,qBAAqB,GAAGA,wCAAqB;AAC3DZ,aAAa,CAACa,WAAW,GAAGC,SAEf;AACbd,aAAa,CAACe,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"names":["_ToolbarCollectionContext","require","_react","_interopRequireDefault","_initCustomColumns","_CustomColumnsCTAButton","_jsxFileName","CustomColumns","onColumnClick","state","useToolbarCollectionContext","default","createElement","CustomColumnsCTAButton","__self","__source","fileName","lineNumber","columnNumber","setCustomColumnsState","dragAndDrop","undefined","displayName"],"sources":["../../../../src/components/CustomColumns/CustomColumns.tsx"],"sourcesContent":["import { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport React from 'react';\nimport { setCustomColumnsState } from '../../state/initCustomColumns';\nimport { Column } from '../../model';\nimport { CustomColumnsCTAButton } from '../CustomColumnsPanel/CustomColumnsCTAButton';\nimport type { CustomColumnsDragAndDrop } from './CustomColumnsDragAndDrop';\n\nexport interface CustomColumnsBaseProps {\n  /**\n   * Adds a callback that is called when a column is clicked.\n   * @param column\n   * @param checked\n   * @external\n   */\n  onColumnClick?: (column: Column, checked: boolean) => unknown;\n}\n\nexport interface CustomColumnsProps extends CustomColumnsBaseProps {}\n\nexport function CustomColumns({ onColumnClick }: CustomColumnsProps) {\n  const state = useToolbarCollectionContext();\n  return <CustomColumnsCTAButton onColumnClick={onColumnClick} state={state} />;\n}\n\nCustomColumns.setCustomColumnsState = setCustomColumnsState;\nCustomColumns.dragAndDrop = undefined as\n  | typeof CustomColumnsDragAndDrop\n  | undefined;\nCustomColumns.displayName = 'CustomColumns';\n"],"mappings":";;;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,kBAAA,GAAAH,OAAA;AAEA,IAAAI,uBAAA,GAAAJ,OAAA;AAAsF,IAAAK,YAAA;AAe/E,SAASC,aAAaA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACnE,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3C,oBAAOR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,uBAAA,CAAAQ,sBAAsB;IAACL,aAAa,EAAEA,aAAc;IAACC,KAAK,EAAEA,KAAM;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAV,YAAA;MAAAW,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC/E;AAEAX,aAAa,CAACY,qBAAqB,GAAGA,wCAAqB;AAC3DZ,aAAa,CAACa,WAAW,GAAGC,SAEf;AACbd,aAAa,CAACe,WAAW,GAAG,eAAe","ignoreList":[]}

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

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CustomFieldsViewWidgetSection3721193677";
+var _namespace_ = "CustomFieldsViewWidgetSection862603193";
 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": "CustomFieldsViewWidgetSection3721193677__root",
-  "breakWord": "CustomFieldsViewWidgetSection3721193677__breakWord"
+  "root": "CustomFieldsViewWidgetSection862603193__root",
+  "breakWord": "CustomFieldsViewWidgetSection862603193__breakWord"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.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/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection3721193677\";\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\":\"CustomFieldsViewWidgetSection3721193677__root\",\"breakWord\":\"CustomFieldsViewWidgetSection3721193677__breakWord\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yCAAyC;AAC3D,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,+CAA+C;EAAC,WAAW,EAAC;AAAoD,CAAC;AACvI,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/CustomFieldsWidget/CustomFieldsViewWidgetSection.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CustomFieldsViewWidgetSection862603193\";\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\":\"CustomFieldsViewWidgetSection862603193__root\",\"breakWord\":\"CustomFieldsViewWidgetSection862603193__breakWord\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wCAAwC;AAC1D,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,8CAA8C;EAAC,WAAW,EAAC;AAAmD,CAAC;AACrI,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/DataExtension/CollectionDataExtensionState.js

@@ -77,7 +77,9 @@ class CollectionDataExtensionState {
       dataExtension.container.initTask.runOnce();
       await Promise.all([(_dataExtension$initTa = dataExtension.initTask.status.promise) == null ? void 0 : _dataExtension$initTa.catch(() => {}), dataExtension.container.initTask.status.promise]);
       this._handleFetchSchemasError();
-      toolbar.setNewExtendedColumns(dataExtension.availableCustomFields);
+      toolbar.setNewExtendedColumns(dataExtension.availableCustomFields, {
+        defaultHidden: true
+      });
     });
     return () => {
       disposers.forEach(d => d == null ? void 0 : d());

package/dist/cjs/components/DataExtension/CollectionDataExtensionState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_bi","CollectionDataExtensionState","constructor","params","_defineProperty2","default","TaskState","toolbar","DataExtension","dataExtension","DataExtensionState","container","fqdn","collection","product","queryName","reportBi","closeSidePanel","hideAddFieldCTA","_getFetchSchemasError","err","WixPatternsError","errorCode","originalException","_handleFetchSchemasError","_this$dataExtension$c","_this$dataExtension$c2","error","initTask","status","cairoError","showToast","call","message","translate","action","uiType","text","onClick","withoutDefaults","cairoTryAgainClicked","actionName","loaction","fetchSchemas","catch","bind","removeToastOnClick","type","biName","internalMonitor","reportError","cairoErrorInLoadingAComponent","errorType","name","init","customColumnsState","disposers","events","addEventListener","promise","runOnce","_dataExtension$initTa","Promise","all","setNewExtendedColumns","availableCustomFields","forEach","d","exports"],"sources":["../../../../src/components/DataExtension/CollectionDataExtensionState.ts"],"sourcesContent":["import {\n  addEventListener,\n  WixPatternsContainer,\n  WixPatternsError,\n  DataExtensionState,\n  DataExtensionOverrides,\n  FiltersMap,\n  TaskState,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { DataExtensionType } from './DataExtension';\nimport {\n  cairoErrorInLoadingAComponent,\n  cairoTryAgainClicked,\n} from '@wix/bex-core/bi';\n\nexport interface CollectionDataExtensionStateParams<T, F extends FiltersMap>\n  extends DataExtensionOverrides {\n  container: WixPatternsContainer;\n  toolbar: ToolbarCollectionState<T, F>;\n  DataExtension: DataExtensionType;\n}\n\nexport class CollectionDataExtensionState<T, F extends FiltersMap> {\n  readonly dataExtension;\n  readonly toolbar;\n  readonly DataExtension;\n  readonly initTask = new TaskState();\n  constructor(params: CollectionDataExtensionStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n    this.DataExtension = params.DataExtension;\n    this.dataExtension = new DataExtensionState({\n      container: params.container,\n      fqdn: params.toolbar.collection.fqdn ?? {\n        product: params.toolbar.collection.queryName,\n      },\n      reportBi: params.toolbar.reportBi,\n      closeSidePanel: params.toolbar.closeSidePanel,\n      hideAddFieldCTA: params.hideAddFieldCTA,\n    });\n  }\n\n  _getFetchSchemasError(err: unknown) {\n    return new WixPatternsError({\n      errorCode: 'InitCustomFieldsDataExtensionFailed',\n      originalException: err,\n    });\n  }\n\n  _handleFetchSchemasError() {\n    const error = this.dataExtension.initTask.status.error;\n\n    if (!error) {\n      return;\n    }\n\n    const cairoError = this._getFetchSchemasError(error);\n    this.dataExtension.container.showToast?.({\n      message: this.dataExtension.container.translate(\n        'cairo.customFields.fetch.technicalError',\n      ),\n      action: {\n        uiType: 'LINK',\n        text: this.dataExtension.container.translate('cairo.toast.retry'),\n        onClick: () => {\n          this.dataExtension.reportBi(\n            withoutDefaults(cairoTryAgainClicked)({\n              actionName: 'Fetch extended fields',\n              loaction: 'toast',\n            }),\n          );\n          this.dataExtension\n            .fetchSchemas()\n            .catch(this._handleFetchSchemasError.bind(this));\n        },\n        removeToastOnClick: true,\n      },\n      type: 'WARNING',\n      biName: 'cairo-fetch-schemas-error-toast',\n    });\n\n    this.dataExtension.container.internalMonitor.reportError({\n      error: cairoError,\n    });\n\n    this.dataExtension.reportBi(\n      cairoErrorInLoadingAComponent({\n        errorType: cairoError.name,\n      }),\n    );\n  }\n\n  init() {\n    const { initTask, dataExtension, toolbar } = this;\n    const { customColumnsState } = toolbar;\n\n    const disposers = [\n      dataExtension.init(),\n      ...(customColumnsState?.events\n        ? [\n            addEventListener(\n              customColumnsState.events,\n              'beforeInitialFetch',\n              () => initTask.status.promise,\n            ),\n          ]\n        : []),\n    ];\n\n    initTask.runOnce(async () => {\n      dataExtension.initTask.runOnce();\n      dataExtension.container.initTask.runOnce();\n\n      await Promise.all([\n        dataExtension.initTask.status.promise?.catch(() => {}),\n        dataExtension.container.initTask.status.promise,\n      ]);\n\n      this._handleFetchSchemasError();\n      toolbar.setNewExtendedColumns(dataExtension.availableCustomFields);\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_bi","CollectionDataExtensionState","constructor","params","_defineProperty2","default","TaskState","toolbar","DataExtension","dataExtension","DataExtensionState","container","fqdn","collection","product","queryName","reportBi","closeSidePanel","hideAddFieldCTA","_getFetchSchemasError","err","WixPatternsError","errorCode","originalException","_handleFetchSchemasError","_this$dataExtension$c","_this$dataExtension$c2","error","initTask","status","cairoError","showToast","call","message","translate","action","uiType","text","onClick","withoutDefaults","cairoTryAgainClicked","actionName","loaction","fetchSchemas","catch","bind","removeToastOnClick","type","biName","internalMonitor","reportError","cairoErrorInLoadingAComponent","errorType","name","init","customColumnsState","disposers","events","addEventListener","promise","runOnce","_dataExtension$initTa","Promise","all","setNewExtendedColumns","availableCustomFields","defaultHidden","forEach","d","exports"],"sources":["../../../../src/components/DataExtension/CollectionDataExtensionState.ts"],"sourcesContent":["import {\n  addEventListener,\n  WixPatternsContainer,\n  WixPatternsError,\n  DataExtensionState,\n  DataExtensionOverrides,\n  FiltersMap,\n  TaskState,\n  withoutDefaults,\n} from '@wix/bex-core';\nimport { ToolbarCollectionState } from '../../state';\nimport { DataExtensionType } from './DataExtension';\nimport {\n  cairoErrorInLoadingAComponent,\n  cairoTryAgainClicked,\n} from '@wix/bex-core/bi';\n\nexport interface CollectionDataExtensionStateParams<T, F extends FiltersMap>\n  extends DataExtensionOverrides {\n  container: WixPatternsContainer;\n  toolbar: ToolbarCollectionState<T, F>;\n  DataExtension: DataExtensionType;\n}\n\nexport class CollectionDataExtensionState<T, F extends FiltersMap> {\n  readonly dataExtension;\n  readonly toolbar;\n  readonly DataExtension;\n  readonly initTask = new TaskState();\n  constructor(params: CollectionDataExtensionStateParams<T, F>) {\n    this.toolbar = params.toolbar;\n    this.DataExtension = params.DataExtension;\n    this.dataExtension = new DataExtensionState({\n      container: params.container,\n      fqdn: params.toolbar.collection.fqdn ?? {\n        product: params.toolbar.collection.queryName,\n      },\n      reportBi: params.toolbar.reportBi,\n      closeSidePanel: params.toolbar.closeSidePanel,\n      hideAddFieldCTA: params.hideAddFieldCTA,\n    });\n  }\n\n  _getFetchSchemasError(err: unknown) {\n    return new WixPatternsError({\n      errorCode: 'InitCustomFieldsDataExtensionFailed',\n      originalException: err,\n    });\n  }\n\n  _handleFetchSchemasError() {\n    const error = this.dataExtension.initTask.status.error;\n\n    if (!error) {\n      return;\n    }\n\n    const cairoError = this._getFetchSchemasError(error);\n    this.dataExtension.container.showToast?.({\n      message: this.dataExtension.container.translate(\n        'cairo.customFields.fetch.technicalError',\n      ),\n      action: {\n        uiType: 'LINK',\n        text: this.dataExtension.container.translate('cairo.toast.retry'),\n        onClick: () => {\n          this.dataExtension.reportBi(\n            withoutDefaults(cairoTryAgainClicked)({\n              actionName: 'Fetch extended fields',\n              loaction: 'toast',\n            }),\n          );\n          this.dataExtension\n            .fetchSchemas()\n            .catch(this._handleFetchSchemasError.bind(this));\n        },\n        removeToastOnClick: true,\n      },\n      type: 'WARNING',\n      biName: 'cairo-fetch-schemas-error-toast',\n    });\n\n    this.dataExtension.container.internalMonitor.reportError({\n      error: cairoError,\n    });\n\n    this.dataExtension.reportBi(\n      cairoErrorInLoadingAComponent({\n        errorType: cairoError.name,\n      }),\n    );\n  }\n\n  init() {\n    const { initTask, dataExtension, toolbar } = this;\n    const { customColumnsState } = toolbar;\n\n    const disposers = [\n      dataExtension.init(),\n      ...(customColumnsState?.events\n        ? [\n            addEventListener(\n              customColumnsState.events,\n              'beforeInitialFetch',\n              () => initTask.status.promise,\n            ),\n          ]\n        : []),\n    ];\n\n    initTask.runOnce(async () => {\n      dataExtension.initTask.runOnce();\n      dataExtension.container.initTask.runOnce();\n\n      await Promise.all([\n        dataExtension.initTask.status.promise?.catch(() => {}),\n        dataExtension.container.initTask.status.promise,\n      ]);\n\n      this._handleFetchSchemasError();\n      toolbar.setNewExtendedColumns(dataExtension.availableCustomFields, {\n        defaultHidden: true,\n      });\n    });\n\n    return () => {\n      disposers.forEach((d) => d?.());\n    };\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_ = "DragHandle1193005440";
+var _namespace_ = "DragHandle1566303245";
 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": "DragHandle1193005440__root"
+  "root": "DragHandle1566303245__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_ = \"DragHandle1193005440\";\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\":\"DragHandle1193005440__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_ = \"DragHandle1566303245\";\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\":\"DragHandle1566303245__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/EmptyState/CollectionEmptyState.js

@@ -27,7 +27,7 @@ function _CollectionEmptyState(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 29,
+        lineNumber: 30,
         columnNumber: 9
       }
     })
@@ -36,14 +36,14 @@ function _CollectionEmptyState(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 32,
+        lineNumber: 33,
         columnNumber: 25
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 25,
       columnNumber: 5
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_AddItemEmptyState","_react2","_EmptyStateBase","_NewItemButton","_jsxFileName","_CollectionEmptyState","props","translate","t","useWixPatternsContainer","addNewCta","default","createElement","EmptyStateBase","_extends2","dataHook","title","subtitle","image","AddItemEmptyState","__self","__source","fileName","lineNumber","columnNumber","cta","NewItemButton","CollectionEmptyState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AddItemEmptyState } from '../Illustration/AddItemEmptyState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';\nimport { NewItemButton, NewItemButtonProps } from './NewItemButton';\n\nexport interface CollectionEmptyStateProps\n  extends Omit<Partial<EmptyStateBaseProps>, 'cta'> {\n  /**\n   * Configuration for premium upgrade CTA.\\\n   * onClick: Callback for \"New Item\" button click.\\\n   * text: Text for \"New Item\" button.\n   * @external\n   */\n  addNewCta?: NewItemButtonProps;\n}\n\nfunction _CollectionEmptyState(props: CollectionEmptyStateProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const { addNewCta } = props;\n\n  return (\n    <EmptyStateBase\n      dataHook=\"collection-empty-state\"\n      title={t('cairo.emptyState.additem.title')}\n      subtitle={t('cairo.emptyState.additem.text')}\n      image={\n        <AddItemEmptyState data-hook=\"empty-state-new-item-illustration\" />\n      }\n      {...props}\n      cta={addNewCta && <NewItemButton {...addNewCta} />}\n    />\n  );\n}\n\nexport const CollectionEmptyState = observer(_CollectionEmptyState);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAoE,IAAAM,YAAA;AAapE,SAASC,qBAAqBA,CAACC,KAAgC,EAAE;EAC/D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAE3B,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAW,cAAc,MAAAC,SAAA,CAAAH,OAAA;IACbI,QAAQ,EAAC,wBAAwB;IACjCC,KAAK,EAAER,CAAC,CAAC,gCAAgC,CAAE;IAC3CS,QAAQ,EAAET,CAAC,CAAC,+BAA+B,CAAE;IAC7CU,KAAK,eACHtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,kBAAA,CAAAmB,iBAAiB;MAAC,aAAU,mCAAmC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACnE,GACGlB,KAAK;IACTmB,GAAG,EAAEf,SAAS,iBAAId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,cAAA,CAAAuB,aAAa,MAAAZ,SAAA,CAAAH,OAAA,MAAKD,SAAS;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACpD,CAAC;AAEN;AAEO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACxB,qBAAqB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_AddItemEmptyState","_react2","_EmptyStateBase","_NewItemButton","_jsxFileName","_CollectionEmptyState","props","translate","t","useWixPatternsContainer","addNewCta","default","createElement","EmptyStateBase","_extends2","dataHook","title","subtitle","image","AddItemEmptyState","__self","__source","fileName","lineNumber","columnNumber","cta","NewItemButton","CollectionEmptyState","exports","observer"],"sources":["../../../../src/components/EmptyState/CollectionEmptyState.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AddItemEmptyState } from '../Illustration/AddItemEmptyState';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { EmptyStateBase, EmptyStateBaseProps } from './EmptyStateBase';\nimport { NewItemButton, NewItemButtonProps } from './NewItemButton';\n\nexport interface CollectionEmptyStateProps\n  extends Omit<Partial<EmptyStateBaseProps>, 'cta'> {\n  /**\n   * Configuration for the default call to action button.\\\n   * `onClick`: Adds a callback for when the button is clicked. <br>\n   * `text`: Text of the button.\n   *  To render the default add new item button, you must provide the `onClick` callback.\n   * @external\n   */\n  addNewCta?: NewItemButtonProps;\n}\n\nfunction _CollectionEmptyState(props: CollectionEmptyStateProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const { addNewCta } = props;\n\n  return (\n    <EmptyStateBase\n      dataHook=\"collection-empty-state\"\n      title={t('cairo.emptyState.additem.title')}\n      subtitle={t('cairo.emptyState.additem.text')}\n      image={\n        <AddItemEmptyState data-hook=\"empty-state-new-item-illustration\" />\n      }\n      {...props}\n      cta={addNewCta && <NewItemButton {...addNewCta} />}\n    />\n  );\n}\n\nexport const CollectionEmptyState = observer(_CollectionEmptyState);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,kBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AACA,IAAAK,cAAA,GAAAL,OAAA;AAAoE,IAAAM,YAAA;AAcpE,SAASC,qBAAqBA,CAACC,KAAgC,EAAE;EAC/D,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAE3B,oBACEV,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,eAAA,CAAAW,cAAc,MAAAC,SAAA,CAAAH,OAAA;IACbI,QAAQ,EAAC,wBAAwB;IACjCC,KAAK,EAAER,CAAC,CAAC,gCAAgC,CAAE;IAC3CS,QAAQ,EAAET,CAAC,CAAC,+BAA+B,CAAE;IAC7CU,KAAK,eACHtB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,kBAAA,CAAAmB,iBAAiB;MAAC,aAAU,mCAAmC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACnE,GACGlB,KAAK;IACTmB,GAAG,EAAEf,SAAS,iBAAId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,cAAA,CAAAuB,aAAa,MAAAZ,SAAA,CAAAH,OAAA,MAAKD,SAAS;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,EAAG,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACpD,CAAC;AAEN;AAEO,MAAMG,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,EAACxB,qBAAqB,CAAC","ignoreList":[]}

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

@@ -34,14 +34,14 @@ function _CollectionNoResultsState(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 35,
+        lineNumber: 34,
         columnNumber: 14
       }
     }),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 28,
       columnNumber: 5
     }
   }));
@@ -53,7 +53,7 @@ function ResetFiltersButton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 46,
+        lineNumber: 45,
         columnNumber: 19
       }
     }),
@@ -67,7 +67,7 @@ function ResetFiltersButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 43,
       columnNumber: 5
     }
   }));
@@ -90,7 +90,7 @@ const getNoResultsStateTexts = (state, t) => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 74,
+          lineNumber: 73,
           columnNumber: 9
         }
       }, t('cairo.emptyState.reset.button'))
@@ -105,7 +105,7 @@ const getNoResultsStateTexts = (state, t) => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 86,
+          lineNumber: 85,
           columnNumber: 9
         }
       }, t('cairo.emptyState.filters.nothingFound.clearFilters.CTA'))
@@ -121,7 +121,7 @@ const getNoResultsStateTexts = (state, t) => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 99,
+        lineNumber: 98,
         columnNumber: 7
       }
     }, t('cairo.emptyState.reset.button'))

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

@@ -1 +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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","ignoreList":[]}
+{"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\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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","ignoreList":[]}

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

@@ -28,7 +28,7 @@ function _CollectionPremiumEmptyState(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 29,
+        lineNumber: 30,
         columnNumber: 9
       }
     })
@@ -37,14 +37,14 @@ function _CollectionPremiumEmptyState(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 32,
+        lineNumber: 33,
         columnNumber: 12
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 25,
       columnNumber: 5
     }
   }));

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

@@ -1 +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","ignoreList":[]}
+{"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   * Configures the default call to action button.\\\n   * `onClick`: Adds a callback for when the button is clicked. <br>\n   * `text`: Text of the button.\n   *  To render the default upgrade button, you must provide the `onClick` callback.\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;AAcpE,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","ignoreList":[]}

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

@@ -22,10 +22,11 @@ function _EmptyStateBase(props) {
   if (cta || customCta) {
     child = /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
       gap: "SP5",
+      verticalAlign: "middle",
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 50,
+        lineNumber: 49,
         columnNumber: 7
       }
     }, customCta, cta);
@@ -44,7 +45,7 @@ function _EmptyStateBase(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 71,
+        lineNumber: 70,
         columnNumber: 22
       }
     }, image) : undefined
@@ -52,7 +53,7 @@ function _EmptyStateBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 66,
       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  /**\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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_jsxFileName","_EmptyStateBase","props","children","customCta","title","subtitle","cta","image","rest","child","default","createElement","Box","gap","verticalAlign","__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 image.\n   * Accepts a custom `ReactElement` or boolean value.\n   * Pass `false` to hide the default image.\n   * @external\n   */\n  image?: boolean | ReactNode;\n  children?: ReactNode;\n  cta?: ReactNode;\n  /**\n   * Adds another custom call to action button.\n   * Pass a [TextButton](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--textbutton) component.\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\" verticalAlign=\"middle\">\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;AAuC3C,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;MAACC,aAAa,EAAC,QAAQ;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAClChB,SAAS,EACTG,GACE,CACN;EACH;EAEA,IAAIJ,QAAQ,EAAE;IACZO,KAAK,gBACHf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAAAjB,MAAA,CAAAgB,OAAA,CAAAU,QAAA,QACGX,KAAK,EACLP,QACD,CACH;EACH;EAEA,oBACER,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAwB,UAAU,MAAAC,SAAA,CAAAZ,OAAA;IACTN,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBkB,KAAK,EAAC,gBAAgB;IACtBhB,KAAK,EAAEA,KAAK,gBAAGb,MAAA,CAAAgB,OAAA,CAAAC,aAAA;MAAKa,KAAK,EAAE;QAAEC,OAAO,EAAE;MAAO,CAAE;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAEZ,KAAW,CAAC,GAAGmB;EAAU,GACtElB,IAAI;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEPV,KACS,CAAC;AAEjB;AAEO,MAAMkB,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAAC7B,eAAe,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_ = "Fade602269465";
+var _namespace_ = "Fade1021616923";
 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": "Fade602269465__root"
+  "root": "Fade1021616923__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_ = \"Fade602269465\";\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\":\"Fade602269465__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","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_ = \"Fade1021616923\";\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\":\"Fade1021616923__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":[]}