npm - @wix/patterns - Versions diffs - 1.369.0 → 1.371.0 - Mend

@wix/patterns 1.369.0 → 1.371.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (511) hide show

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.js CHANGED Viewed

@@ -68,15 +68,6 @@ function _ViewsDropdown({
           }
         }) : undefined
       });
-      if (isRedesign && isSelected) {
-        return {
-          ...option,
-          onDrillIn: () => {
-            var _manageViewRef$curren;
-            return (_manageViewRef$curren = manageViewRef.current) == null ? void 0 : _manageViewRef$curren.focusTrigger();
-          }
-        };
-      }
       return option;
     };
     return [...viewsWithoutCategory.map(buildOption), ...categories.flatMap(category => [...((0, _viewsDropdownRenderHelpers.getCategoryName)({
@@ -101,7 +92,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 100,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Loader, {
@@ -109,7 +100,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 107,
         columnNumber: 13
       }
     }))
@@ -120,7 +111,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 121,
+        lineNumber: 114,
         columnNumber: 11
       }
     }) : undefined
@@ -136,7 +127,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 128,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -145,7 +136,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 129,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_AutoCompleteReadonly.AutoCompleteReadonly, (0, _extends2.default)({
@@ -159,6 +150,12 @@ function _ViewsDropdown({
       placement: 'bottom-start'
     }
   }, dropdownProps, {
+    onDrillIn: isRedesign ? option => {
+      if (option.id === (currentView == null ? void 0 : currentView.id)) {
+        var _manageViewRef$curren;
+        (_manageViewRef$curren = manageViewRef.current) == null || _manageViewRef$curren.focusTrigger();
+      }
+    } : undefined,
     onInputClicked: e => {
       state.viewsStateBIReporter.clickOnViewDropdownBI();
       dropdownProps == null || dropdownProps.onInputClicked == null || dropdownProps.onInputClicked(e);
@@ -181,7 +178,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 164,
+        lineNumber: 166,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_ViewsDropdownPrefix.ViewsDropdownPrefix, {
@@ -189,7 +186,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 169,
+        lineNumber: 171,
         columnNumber: 15
       }
     })),
@@ -203,7 +200,7 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 174,
+        lineNumber: 176,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -211,14 +208,14 @@ function _ViewsDropdown({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 181,
+        lineNumber: 183,
         columnNumber: 17
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 182,
+        lineNumber: 184,
         columnNumber: 19
       }
     }, "(", state.table.collection.result.total, ")"))) : undefined,
@@ -244,7 +241,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 130,
       columnNumber: 9
     }
   }))), !isRedesign && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -253,7 +250,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 208,
+      lineNumber: 210,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_ManageViewPopover.ManageViewPopover, {
@@ -262,7 +259,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 209,
+      lineNumber: 211,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_ViewsDropdownModals.ViewsDropdownModals, {
@@ -270,7 +267,7 @@ function _ViewsDropdown({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 213,
+      lineNumber: 215,
       columnNumber: 7
     }
   }));

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_SaveToNewViewFooter","_ViewsDropdownPrefix","_","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","VIEWS_REDESIGN_EXPERIMENT","exports","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","_container$internalEx","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","manageViewRef","useRef","viewsOptions","useMemo","viewsWithoutCategory","categories","buildOption","view","isSelected","id","option","buildViewOption","suffix","createElement","ManageViewPopover","ref","origin","redesign","__self","__source","fileName","lineNumber","columnNumber","undefined","onDrillIn","_manageViewRef$curren","current","focusTrigger","map","flatMap","category","getCategoryName","buildCategoryOption","initTask","options","fixedFooter","Box","width","align","verticalAlign","padding","Loader","size","SaveToNewViewFooter","table","mainCollection","shouldShowTotal","totalStatus","showRefreshLoader","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","onInputClicked","viewsStateBIReporter","clickOnViewDropdownBI","border","selectedId","selectedLabel","getViewName","textOverflow","prefix","onClick","focusInput","style","cursor","display","ViewsDropdownPrefix","className","Input","Affix","total","st","classes","root","events","emit","toString","getView","selectView","placeholder","paddingLeft","ViewsDropdownModals","ViewsDropdown","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo, useRef } 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 {\n ManageViewPopover,\n ManageViewPopoverHandle,\n} from './ManageViewPopover';\nimport {\n buildCategoryOption,\n buildViewOption,\n getCategoryName,\n getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { SaveToNewViewFooter } from './SaveToNewViewFooter';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '../..';\n\nexport const VIEWS_REDESIGN_EXPERIMENT = 'specs.cairo.ViewsRedesign';\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 isRedesign = container.internalExperiments?.enabled(\n VIEWS_REDESIGN_EXPERIMENT,\n );\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 manageViewRef = useRef<ManageViewPopoverHandle>(null);\n const viewsOptions = useMemo(() => {\n const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n const buildOption = (view: (typeof viewsWithoutCategory)[number]) => {\n const isSelected = currentView?.id === view.id;\n const option = buildViewOption({\n view,\n viewsState,\n suffix:\n isRedesign && isSelected ? (\n <ManageViewPopover\n ref={manageViewRef}\n origin=\"MainToolbar\"\n state={state}\n redesign\n />\n ) : undefined,\n });\n\n if (isRedesign && isSelected) {\n return {\n ...option,\n onDrillIn: () => manageViewRef.current?.focusTrigger(),\n };\n }\n\n return option;\n };\n\n return [\n ...viewsWithoutCategory.map(buildOption),\n ...categories.flatMap((category) => [\n ...(getCategoryName({ category, viewsState })\n ? [buildCategoryOption({ category, viewsState })]\n : []),\n ...category.views.map(buildOption),\n ]),\n ];\n }, [\n filteredCategoriesWithViews,\n container.initTask.status,\n currentView?.id,\n isRedesign,\n ]);\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: isRedesign ? (\n <SaveToNewViewFooter state={state} />\n ) : undefined,\n };\n\n const {\n table: { collection: mainCollection },\n } = state;\n\n const shouldShowTotal =\n showTotal &&\n (mainCollection.totalStatus === 'success' \|\|\n mainCollection.showRefreshLoader);\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={isRedesign ? '264px' : dropdownWidth}\n popoverProps={{ placement: 'bottom-start' }}\n {...dropdownProps}\n onInputClicked={(e) => {\n state.viewsStateBIReporter.clickOnViewDropdownBI();\n dropdownProps?.onInputClicked?.(e);\n }}\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={\n <div\n data-hook=\"views-dropdown-prefix\"\n onClick={() => viewsState.autoCompleteReadonlyState.focusInput()}\n style={{ cursor: 'pointer', display: 'inline-flex' }}\n >\n <ViewsDropdownPrefix state={state} />\n </div>\n }\n suffix={\n shouldShowTotal ? (\n <div\n data-hook=\"views-dropdown-suffix\"\n onClick={() =>\n viewsState.autoCompleteReadonlyState.focusInput()\n }\n style={{ cursor: 'pointer', display: 'inline-flex' }}\n >\n <Box className=\"total-count\">\n <Input.Affix>\n ({state.table.collection.result.total})\n </Input.Affix>\n </Box>\n </div>\n ) : undefined\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 {!isRedesign && (\n <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n <ManageViewPopover origin=\"MainToolbar\" state={state} />\n </Box>\n )}\n\n <ViewsDropdownModals state={state} />\n </Box>\n );\n}\n\nexport const ViewsDropdown = observer(_ViewsDropdown);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_SaveToNewViewFooter","_ViewsDropdownPrefix","_","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","VIEWS_REDESIGN_EXPERIMENT","exports","_ViewsDropdown","onSelect","dataHook","state","showTotal","dropdownWidth","dropdownProps","_container$internalEx","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","views","viewsState","currentView","collection","localSearchState","filteredCategoriesWithViews","translate","showLoader","result","status","isIdle","isLoading","manageViewRef","useRef","viewsOptions","useMemo","viewsWithoutCategory","categories","buildOption","view","isSelected","id","option","buildViewOption","suffix","createElement","ManageViewPopover","ref","origin","redesign","__self","__source","fileName","lineNumber","columnNumber","undefined","map","flatMap","category","getCategoryName","buildCategoryOption","initTask","options","fixedFooter","Box","width","align","verticalAlign","padding","Loader","size","SaveToNewViewFooter","table","mainCollection","shouldShowTotal","totalStatus","showRefreshLoader","direction","AutoCompleteReadonly","_extends2","emptyStateMessage","autoCompleteReadonlyState","value","inputValue","onChange","setInputValueAndScheduleSearch","target","clearInput","clearSearch","popoverProps","placement","onDrillIn","_manageViewRef$curren","current","focusTrigger","onInputClicked","viewsStateBIReporter","clickOnViewDropdownBI","border","selectedId","selectedLabel","getViewName","textOverflow","prefix","onClick","focusInput","style","cursor","display","ViewsDropdownPrefix","className","Input","Affix","total","st","classes","root","events","emit","toString","getView","selectView","placeholder","paddingLeft","ViewsDropdownModals","ViewsDropdown","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.tsx"],"sourcesContent":["import React, { useMemo, useRef } 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 {\n ManageViewPopover,\n ManageViewPopoverHandle,\n} from './ManageViewPopover';\nimport {\n buildCategoryOption,\n buildViewOption,\n getCategoryName,\n getViewName,\n} from './viewsDropdownRenderHelpers';\nimport { AutoCompleteReadonly } from './AutoCompleteReadonly';\nimport { SaveToNewViewFooter } from './SaveToNewViewFooter';\nimport { ViewsDropdownPrefix } from './ViewsDropdownPrefix';\nimport { useWixPatternsContainer } from '../..';\n\nexport const VIEWS_REDESIGN_EXPERIMENT = 'specs.cairo.ViewsRedesign';\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 isRedesign = container.internalExperiments?.enabled(\n VIEWS_REDESIGN_EXPERIMENT,\n );\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 manageViewRef = useRef<ManageViewPopoverHandle>(null);\n const viewsOptions = useMemo(() => {\n const { viewsWithoutCategory, categories } = filteredCategoriesWithViews;\n\n const buildOption = (view: (typeof viewsWithoutCategory)[number]) => {\n const isSelected = currentView?.id === view.id;\n const option = buildViewOption({\n view,\n viewsState,\n suffix:\n isRedesign && isSelected ? (\n <ManageViewPopover\n ref={manageViewRef}\n origin=\"MainToolbar\"\n state={state}\n redesign\n />\n ) : undefined,\n });\n\n return option;\n };\n\n return [\n ...viewsWithoutCategory.map(buildOption),\n ...categories.flatMap((category) => [\n ...(getCategoryName({ category, viewsState })\n ? [buildCategoryOption({ category, viewsState })]\n : []),\n ...category.views.map(buildOption),\n ]),\n ];\n }, [\n filteredCategoriesWithViews,\n container.initTask.status,\n currentView?.id,\n isRedesign,\n ]);\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: isRedesign ? (\n <SaveToNewViewFooter state={state} />\n ) : undefined,\n };\n\n const {\n table: { collection: mainCollection },\n } = state;\n\n const shouldShowTotal =\n showTotal &&\n (mainCollection.totalStatus === 'success' \|\|\n mainCollection.showRefreshLoader);\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={isRedesign ? '264px' : dropdownWidth}\n popoverProps={{ placement: 'bottom-start' }}\n {...dropdownProps}\n onDrillIn={\n isRedesign\n ? (option) => {\n if (option.id === currentView?.id) {\n manageViewRef.current?.focusTrigger();\n }\n }\n : undefined\n }\n onInputClicked={(e) => {\n state.viewsStateBIReporter.clickOnViewDropdownBI();\n dropdownProps?.onInputClicked?.(e);\n }}\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={\n <div\n data-hook=\"views-dropdown-prefix\"\n onClick={() => viewsState.autoCompleteReadonlyState.focusInput()}\n style={{ cursor: 'pointer', display: 'inline-flex' }}\n >\n <ViewsDropdownPrefix state={state} />\n </div>\n }\n suffix={\n shouldShowTotal ? (\n <div\n data-hook=\"views-dropdown-suffix\"\n onClick={() =>\n viewsState.autoCompleteReadonlyState.focusInput()\n }\n style={{ cursor: 'pointer', display: 'inline-flex' }}\n >\n <Box className=\"total-count\">\n <Input.Affix>\n ({state.table.collection.result.total})\n </Input.Affix>\n </Box>\n </div>\n ) : undefined\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 {!isRedesign && (\n <Box verticalAlign=\"middle\" paddingLeft=\"SP2\">\n <ManageViewPopover origin=\"MainToolbar\" state={state} />\n </Box>\n )}\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;AAIA,IAAAM,2BAAA,GAAAN,OAAA;AAMA,IAAAO,qBAAA,GAAAP,OAAA;AACA,IAAAQ,oBAAA,GAAAR,OAAA;AACA,IAAAS,oBAAA,GAAAT,OAAA;AACA,IAAAU,CAAA,GAAAV,OAAA;AAAgD,IAAAW,YAAA;AAAA,SAAAZ,wBAAAa,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAf,uBAAA,YAAAA,CAAAa,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEzC,MAAMkB,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,2BAA2B;AASpE,SAASE,cAAcA,CAA0B;EAC/CC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC,SAAS,GAAG,IAAI;EAChBC,aAAa,GAAG,OAAO;EACvB,GAAGC;AACqB,CAAC,EAAE;EAAA,IAAAC,qBAAA;EAC3B,MAAMC,SAAS,GAAG,IAAAC,yBAAuB,EAAC,CAAC;EAC3C,MAAMC,UAAU,IAAAH,qBAAA,GAAGC,SAAS,CAACG,mBAAmB,qBAA7BJ,qBAAA,CAA+BK,OAAO,CACvDd,yBACF,CAAC;EACD,MAAM;IAAEe,KAAK,EAAEC;EAAW,CAAC,GAAGX,KAAK;EACnC,MAAM;IAAEY,WAAW;IAAEC,UAAU;IAAEC;EAAiB,CAAC,GAAGH,UAAU;EAChE,MAAM;IAAEI;EAA4B,CAAC,GAAGD,gBAAgB;EACxD,MAAM;IAAEE,SAAS,EAAEvC;EAAE,CAAC,GAAGoC,UAAU;EACnC,MAAMI,UAAU,GACdJ,UAAU,CAACK,MAAM,CAACC,MAAM,CAACC,MAAM,IAAIP,UAAU,CAACK,MAAM,CAACC,MAAM,CAACE,SAAS;EAEvE,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAA0B,IAAI,CAAC;EAC3D,MAAMC,YAAY,GAAG,IAAAC,cAAO,EAAC,MAAM;IACjC,MAAM;MAAEC,oBAAoB;MAAEC;IAAW,CAAC,GAAGZ,2BAA2B;IAExE,MAAMa,WAAW,GAAIC,IAA2C,IAAK;MACnE,MAAMC,UAAU,GAAG,CAAAlB,WAAW,oBAAXA,WAAW,CAAEmB,EAAE,MAAKF,IAAI,CAACE,EAAE;MAC9C,MAAMC,MAAM,GAAG,IAAAC,2CAAe,EAAC;QAC7BJ,IAAI;QACJlB,UAAU;QACVuB,MAAM,EACJ3B,UAAU,IAAIuB,UAAU,gBACtBpE,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAAClE,kBAAA,CAAAmE,iBAAiB;UAChBC,GAAG,EAAEf,aAAc;UACnBgB,MAAM,EAAC,aAAa;UACpBtC,KAAK,EAAEA,KAAM;UACbuC,QAAQ;UAAAC,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAnE,YAAA;YAAAoE,UAAA;YAAAC,YAAA;UAAA;QAAA,CACT,CAAC,GACAC;MACR,CAAC,CAAC;MAEF,OAAOb,MAAM;IACf,CAAC;IAED,OAAO,CACL,GAAGN,oBAAoB,CAACoB,GAAG,CAAClB,WAAW,CAAC,EACxC,GAAGD,UAAU,CAACoB,OAAO,CAAEC,QAAQ,IAAK,CAClC,IAAI,IAAAC,2CAAe,EAAC;MAAED,QAAQ;MAAErC;IAAW,CAAC,CAAC,GACzC,CAAC,IAAAuC,+CAAmB,EAAC;MAAEF,QAAQ;MAAErC;IAAW,CAAC,CAAC,CAAC,GAC/C,EAAE,CAAC,EACP,GAAGqC,QAAQ,CAACtC,KAAK,CAACoC,GAAG,CAAClB,WAAW,CAAC,CACnC,CAAC,CACH;EACH,CAAC,EAAE,CACDb,2BAA2B,EAC3BV,SAAS,CAAC8C,QAAQ,CAAChC,MAAM,EACzBP,WAAW,oBAAXA,WAAW,CAAEmB,EAAE,EACfxB,UAAU,CACX,CAAC;EAEF,MAAM;IAAE6C,OAAO;IAAEC;EAAY,CAAC,GAAGpC,UAAU,GACvC;IACEmC,OAAO,EAAE,EAAE;IACXC,WAAW,eACT3F,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAACrE,aAAA,CAAAwF,GAAG;MACFvD,QAAQ,EAAC,gBAAgB;MACzBwD,KAAK,EAAC,MAAM;MACZC,KAAK,EAAC,QAAQ;MACdC,aAAa,EAAC,QAAQ;MACtBC,OAAO,EAAC,KAAK;MAAAlB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEblF,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAACrE,aAAA,CAAA6F,MAAM;MAACC,IAAI,EAAC,OAAO;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACnB;EAET,CAAC,GACD;IACEQ,OAAO,EAAE5B,YAAY;IACrB6B,WAAW,EAAE9C,UAAU,gBACrB7C,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAAC/D,oBAAA,CAAAyF,mBAAmB;MAAC7D,KAAK,EAAEA,KAAM;MAAAwC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,GACnCC;EACN,CAAC;EAEL,MAAM;IACJiB,KAAK,EAAE;MAAEjD,UAAU,EAAEkD;IAAe;EACtC,CAAC,GAAG/D,KAAK;EAET,MAAMgE,eAAe,GACnB/D,SAAS,KACR8D,cAAc,CAACE,WAAW,KAAK,SAAS,IACvCF,cAAc,CAACG,iBAAiB,CAAC;EAErC,oBACExG,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAACrE,aAAA,CAAAwF,GAAG;IAACvD,QAAQ,EAAEA,QAAS;IAAAyC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACtBlF,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAACrE,aAAA,CAAAwF,GAAG;IAACC,KAAK,EAAErD,aAAc;IAACiE,SAAS,EAAC,UAAU;IAAA3B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7ClF,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAAChE,qBAAA,CAAAiG,oBAAoB,MAAAC,SAAA,CAAAnF,OAAA;IACnBoF,iBAAiB,EACf,CAACrD,UAAU,IAAIxC,CAAC,CAAC,yCAAyC,CAC3D;IACDuB,KAAK,EAAEA,KAAK,CAACU,KAAK,CAAC6D,yBAA0B;IAC7CC,KAAK,EAAE1D,gBAAgB,CAAC2D,UAAW;IACnCC,QAAQ,EAAGlG,CAAC,IACVsC,gBAAgB,CAAC6D,8BAA8B,CAACnG,CAAC,CAACoG,MAAM,CAACJ,KAAK,CAC/D;IACDK,UAAU,EAAEA,CAAA,KAAM/D,gBAAgB,CAACgE,WAAW,CAAC,CAAE;IACjD5E,aAAa,EAAEK,UAAU,GAAG,OAAO,GAAGL,aAAc;IACpD6E,YAAY,EAAE;MAAEC,SAAS,EAAE;IAAe;EAAE,GACxC7E,aAAa;IACjB8E,SAAS,EACP1E,UAAU,GACLyB,MAAM,IAAK;MACV,IAAIA,MAAM,CAACD,EAAE,MAAKnB,WAAW,oBAAXA,WAAW,CAAEmB,EAAE,GAAE;QAAA,IAAAmD,qBAAA;QACjC,CAAAA,qBAAA,GAAA5D,aAAa,CAAC6D,OAAO,aAArBD,qBAAA,CAAuBE,YAAY,CAAC,CAAC;MACvC;IACF,CAAC,GACDvC,SACL;IACDwC,cAAc,EAAG7G,CAAC,IAAK;MACrBwB,KAAK,CAACsF,oBAAoB,CAACC,qBAAqB,CAAC,CAAC;MAClDpF,aAAa,YAAbA,aAAa,CAAEkF,cAAc,YAA7BlF,aAAa,CAAEkF,cAAc,CAAG7G,CAAC,CAAC;IACpC,CAAE;IACF6E,WAAW,EAAEA,WAAY;IACzBmC,MAAM,EAAC,OAAO;IACdC,UAAU,EAAE7E,WAAW,oBAAXA,WAAW,CAAEmB,EAAG;IAC5B2D,aAAa,EACX9E,WAAW,GACP,IAAA+E,uCAAW,EAAC;MAAE9D,IAAI,EAAEjB,WAAW;MAAED;IAAW,CAAC,CAAC,GAC9CkC,SACL;IACD+C,YAAY,EAAC,UAAU;IACvBC,MAAM,eACJnI,MAAA,CAAAwB,OAAA,CAAAiD,aAAA;MACE,aAAU,uBAAuB;MACjC2D,OAAO,EAAEA,CAAA,KAAMnF,UAAU,CAAC4D,yBAAyB,CAACwB,UAAU,CAAC,CAAE;MACjEC,KAAK,EAAE;QAAEC,MAAM,EAAE,SAAS;QAAEC,OAAO,EAAE;MAAc,CAAE;MAAA1D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAErDlF,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAAC9D,oBAAA,CAAA8H,mBAAmB;MAACnG,KAAK,EAAEA,KAAM;MAAAwC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACjC,CACN;IACDV,MAAM,EACJ8B,eAAe,gBACbtG,MAAA,CAAAwB,OAAA,CAAAiD,aAAA;MACE,aAAU,uBAAuB;MACjC2D,OAAO,EAAEA,CAAA,KACPnF,UAAU,CAAC4D,yBAAyB,CAACwB,UAAU,CAAC,CACjD;MACDC,KAAK,EAAE;QAAEC,MAAM,EAAE,SAAS;QAAEC,OAAO,EAAE;MAAc,CAAE;MAAA1D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAErDlF,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAACrE,aAAA,CAAAwF,GAAG;MAAC8C,SAAS,EAAC,aAAa;MAAA5D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAC1BlF,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAACrE,aAAA,CAAAuI,KAAK,CAACC,KAAK;MAAA9D,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,GAAC,GACV,EAAC5C,KAAK,CAAC8D,KAAK,CAACjD,UAAU,CAACK,MAAM,CAACqF,KAAK,EAAC,GAC3B,CACV,CACF,CAAC,GACJ1D,SACL;IACDuD,SAAS,EAAE,IAAAI,sBAAE,EAACC,2BAAO,CAACC,IAAI,CAAE;IAC5B3G,QAAQ,EAAC,2BAA2B;IACpCD,QAAQ,EAAGkC,MAAM,IAAK;MACpBrB,UAAU,CAACgG,MAAM,CAACC,IAAI,CAAC,kBAAkB,CAAC;MAC1C,MAAM7E,EAAE,GAAGC,MAAM,CAACD,EAAE,CAAC8E,QAAQ,CAAC,CAAC;MAC/B,MAAMhF,IAAI,GAAGlB,UAAU,CAACmG,OAAO,CAAC/E,EAAE,CAAC;MACnC,IAAIF,IAAI,EAAE;QACR/B,QAAQ,YAARA,QAAQ,CAAG+B,IAAI,CAAC;QAChBlB,UAAU,CAACoG,UAAU,CAAC;UAAEhF;QAAG,CAAC,CAAC;QAC7BpB,UAAU,CAACgG,MAAM,CAACC,IAAI,CAAC,iBAAiB,EAAE;UAAE/E;QAAK,CAAC,CAAC;MACrD;MACAf,gBAAgB,CAACgE,WAAW,CAAC,CAAC;IAChC,CAAE;IACF1B,OAAO,EAAEA,OAAQ;IACjB4D,WAAW,EAAEvI,CAAC,CAAC,uCAAuC,CAAE;IAAA+D,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzD,CACE,CAAC,EAEL,CAACrC,UAAU,iBACV7C,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAACrE,aAAA,CAAAwF,GAAG;IAACG,aAAa,EAAC,QAAQ;IAACwD,WAAW,EAAC,KAAK;IAAAzE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC3ClF,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAAClE,kBAAA,CAAAmE,iBAAiB;IAACE,MAAM,EAAC,aAAa;IAACtC,KAAK,EAAEA,KAAM;IAAAwC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACpD,CACN,eAEDlF,MAAA,CAAAwB,OAAA,CAAAiD,aAAA,CAACpE,oBAAA,CAAAmJ,mBAAmB;IAAClH,KAAK,EAAEA,KAAM;IAAAwC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACjC,CAAC;AAEV;AAEO,MAAMuE,aAAa,GAAAvH,OAAA,CAAAuH,aAAA,GAAG,IAAAC,uBAAQ,EAACvH,cAAc,CAAC","ignoreList":[]}

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

@@ -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_ = "ViewsDropdown2299579084";
+var _namespace_ = "ViewsDropdown3795669271";
 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": "ViewsDropdown2299579084__root"
+  "root": "ViewsDropdown3795669271__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

	@@ -1 +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_ = \"~~ViewsDropdown2299579084~~\";\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\":\"~~ViewsDropdown2299579084__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":[]}
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_ = \"ViewsDropdown3795669271\";\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\":\"ViewsDropdown3795669271__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomColumnsPanel/ColumnListTableListItem.js CHANGED Viewed

@@ -10,10 +10,11 @@ var _mobxReactLite = require("mobx-react-lite");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _react2 = require("@wix/bex-core/react");
 var _fieldTypePrefixIcons = require("../../utils/fieldTypePrefixIcons");
+var _FieldIndications = require("./FieldIndications");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomColumnsPanel/ColumnListTableListItem.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _ColumnListTableListItem(props) {
-  var _collectionDataExtens;
+  var _column$validation, _collectionDataExtens;
   const {
     column,
     state,
@@ -48,6 +49,7 @@ function _ColumnListTableListItem(props) {
   const dragDisabled = column.reorderDisabled || hasSearchValue;
   const checked = select.isChecked(column.id);
   const infoContent = (infoTooltipProps == null ? void 0 : infoTooltipProps.panelContent) || (infoTooltipProps == null ? void 0 : infoTooltipProps.content);
+  const isRequired = ((_column$validation = column.validation) == null ? void 0 : _column$validation.some(r => r.type === 'required')) ?? false;
   const style = (0, _react.useMemo)(() => ({
     display: 'flex',
     flexDirection: 'column',
@@ -58,10 +60,12 @@ function _ColumnListTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 68,
       columnNumber: 7
     }
   });
+  const hasIndications = column.isPii || column.isPrimary || column.isSystem || !!column.dataExtension;
+  const hasRightContent = hasIndications || !!dataExtensionsCTA;
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
     ref: domRef,
     style: style,
@@ -69,7 +73,7 @@ function _ColumnListTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 81,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, (0, _extends2.default)({
@@ -77,6 +81,8 @@ function _ColumnListTableListItem(props) {
     checkbox: true,
     checked: checked,
     verticalPadding: "tiny",
+    horizontalPadding: "small",
+    dragHandleSize: "small",
     checkboxDisabled: checkboxDisabled,
     checkboxTooltipContent: checkboxDisabled ? dragDisabled ? t('cairo.table.custom-columns.disabled.tooltip') : t('cairo.table.custom-columns.hidden.disabled.tooltip') : undefined,
     checkboxTooltipProps: {
@@ -113,7 +119,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 123,
+          lineNumber: 136,
           columnNumber: 15
         }
       }), /*#__PURE__*/_react.default.createElement("div", {
@@ -122,9 +128,11 @@ function _ColumnListTableListItem(props) {
             display: 'flex',
             alignItems: 'center'
           } : {}),
-          padding: '0 6px',
+          padding: '0',
           cursor: checkboxDisabled ? undefined : 'pointer',
-          wordBreak: 'break-word'
+          overflow: 'hidden',
+          textOverflow: 'ellipsis',
+          whiteSpace: 'nowrap'
         },
         onClick: () => {
           if (checkboxDisabled) {
@@ -135,7 +143,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 124,
+          lineNumber: 137,
           columnNumber: 17
         }
       }, prefixIcon && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -146,19 +154,30 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 139,
+          lineNumber: 156,
           columnNumber: 21
         }
       }, prefixIcon), /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
         size: "small",
+        weight: "normal",
         dataHook: "tableListItem-label",
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 143,
+          lineNumber: 165,
           columnNumber: 19
         }
-      }, column.name || column.title || column.id)), /*#__PURE__*/_react.default.createElement("div", {
+      }, column.name || column.title || column.id), isRequired && /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
+        size: "tiny",
+        skin: "error",
+        weight: "bold",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 169,
+          columnNumber: 21
+        }
+      }, "\xA0*")), /*#__PURE__*/_react.default.createElement("div", {
         style: {
           cursor: 'default'
         },
@@ -166,7 +185,7 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 148,
+          lineNumber: 175,
           columnNumber: 17
         }
       }, infoContent && /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, (0, _extends2.default)({
@@ -177,18 +196,35 @@ function _ColumnListTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 153,
+          lineNumber: 180,
           columnNumber: 21
         }
       }))))
-    }, ...(dataExtensionsCTA ? [{
-      value: dataExtensionsCTA,
+    }, ...(hasRightContent ? [{
+      value: /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+        gap: "SP1",
+        verticalAlign: "middle",
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 196,
+          columnNumber: 21
+        }
+      }, /*#__PURE__*/_react.default.createElement(_FieldIndications.FieldIndications, {
+        column: column,
+        __self: this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 197,
+          columnNumber: 23
+        }
+      }), dataExtensionsCTA),
       align: 'right'
     }] : [])],
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 87,
       columnNumber: 7
     }
   })));

package/dist/cjs/components/CustomColumnsPanel/ColumnListTableListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_react2","_fieldTypePrefixIcons","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_collectionDataExtens","column","state","showDivider","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","collectionDataExtension","useToolbarCollectionContext","translate","useWixPatternsContainer","showFieldTypeIcons","table","infoTooltipProps","prefixIcon","getFieldTypeIcon","fieldType","checkboxDisabled","hideable","hasSearchValue","searchValue","trim","length","dragDisabled","reorderDisabled","checked","isChecked","id","infoContent","panelContent","content","style","useMemo","display","flexDirection","position","dataExtensionsCTA","DataExtension","CustomColumnsEditCustomFieldCTAButton","dataExtension","editable","createElement","field","__self","__source","fileName","lineNumber","columnNumber","_extends2","ref","TableListItem","checkbox","verticalPadding","checkboxTooltipContent","undefined","checkboxTooltipProps","maxWidth","appendTo","disabled","onCheckboxChange","onColumnCheckboxToggle","customizeColumnsInSidePanelBi","actionName","draggable","tooltipContent","tooltipProps","options","value","Box","verticalAlign","alignItems","padding","cursor","wordBreak","onClick","align","marginRight","flexShrink","Text","size","dataHook","name","title","onPointerDown","stopPropagation","InfoIcon","ColumnListTableListItem","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnListTableListItem.tsx"],"sourcesContent":["import { Box, InfoIcon, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { Column } from '../../model';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CustomColumnsState } from '../../state';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n extends GridCardItemProps {\n column: Column;\n state: CustomColumnsState<T, F>;\n showDivider?: boolean;\n}\n\nfunction _ColumnListTableListItem<T, F extends FiltersMap>(\n props: ColumnListTableListItemProps<T, F>,\n) {\n const {\n column,\n state,\n showDivider,\n domRef,\n dragging,\n dragHandleProps,\n index,\n rowIndex,\n columnIndex,\n droppable,\n ...rest\n } = props;\n const { select } = state;\n\n const { collectionDataExtension } = useToolbarCollectionContext();\n const { translate: t } = useWixPatternsContainer();\n const showFieldTypeIcons = state.table.showFieldTypeIcons;\n\n const { infoTooltipProps } = column;\n const prefixIcon = showFieldTypeIcons ? getFieldTypeIcon({ fieldType: column.fieldType }) : null;\n\n const checkboxDisabled = !column.hideable;\n const hasSearchValue = state.searchValue.trim().length > 0;\n const dragDisabled = column.reorderDisabled \|\| hasSearchValue;\n const checked = select.isChecked(column.id);\n const infoContent =\n infoTooltipProps?.panelContent \|\| infoTooltipProps?.content;\n\n const style = useMemo<CSSProperties>(\n () => ({\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n }),\n [],\n );\n\n const dataExtensionsCTA = collectionDataExtension?.DataExtension\n ?.CustomColumnsEditCustomFieldCTAButton &&\n column.dataExtension &&\n column.dataExtension.editable && (\n <collectionDataExtension.DataExtension.CustomColumnsEditCustomFieldCTAButton\n field={column.dataExtension}\n />\n );\n\n return (\n <div\n {...rest}\n ref={domRef}\n style={style}\n data-hook={`column-item-${column.id}`}\n >\n <TableListItem\n showDivider={showDivider}\n checkbox\n checked={checked}\n verticalPadding=\"tiny\"\n checkboxDisabled={checkboxDisabled}\n checkboxTooltipContent={\n checkboxDisabled\n ? dragDisabled\n ? t('cairo.table.custom-columns.disabled.tooltip')\n : t('cairo.table.custom-columns.hidden.disabled.tooltip')\n : undefined\n }\n checkboxTooltipProps={{\n maxWidth: '400px',\n appendTo: 'window',\n disabled: !checkboxDisabled,\n }}\n onCheckboxChange={() => {\n if (checkboxDisabled) {\n return;\n }\n state.onColumnCheckboxToggle(column);\n state.customizeColumnsInSidePanelBi({ actionName: 'visibility' });\n }}\n {...(hasSearchValue\n ? {}\n : {\n draggable: true,\n dragging,\n dragDisabled,\n dragHandleProps: {\n ...dragHandleProps,\n tooltipContent: dragDisabled\n ? checkboxDisabled\n ? t('cairo.table.custom-columns.disabled.tooltip')\n : t('cairo.table.custom-columns.move.disabled.tooltip')\n : undefined,\n tooltipProps: {\n maxWidth: '400px',\n appendTo: 'window',\n },\n },\n })}\n options={[\n {\n value: (\n <Box {...(prefixIcon ? { verticalAlign: 'middle' } : {})}>\n <div\n style={{\n ...(prefixIcon ? { display: 'flex', alignItems: 'center' } : {}),\n padding: '0 6px',\n cursor: checkboxDisabled ? undefined : 'pointer',\n wordBreak: 'break-word',\n }}\n onClick={() => {\n if (checkboxDisabled) {\n return;\n }\n state.onColumnCheckboxToggle(column);\n }}\n >\n {prefixIcon && (\n <Box align=\"center\" verticalAlign=\"middle\" marginRight=\"SP1\" flexShrink={0}>\n {prefixIcon}\n </Box>\n )}\n <Text size=\"small\" dataHook=\"tableListItem-label\">\n {column.name \|\| column.title \|\| column.id}\n </Text>\n </div>\n\n <div\n style={{ cursor: 'default' }}\n onPointerDown={(e) => e.stopPropagation()}\n >\n {infoContent && (\n <InfoIcon\n size=\"small\"\n {...infoTooltipProps}\n dataHook=\"info-icon\"\n content={infoContent}\n />\n )}\n </div>\n </Box>\n ),\n },\n\n ...(dataExtensionsCTA\n ? [\n {\n value: dataExtensionsCTA,\n align: 'right' as const,\n },\n ]\n : []),\n ]}\n />\n </div>\n );\n}\n\nexport const ColumnListTableListItem = observer(_ColumnListTableListItem);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_react2","_fieldTypePrefixIcons","_FieldIndications","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ColumnListTableListItem","props","_column$validation","_collectionDataExtens","column","state","showDivider","domRef","dragging","dragHandleProps","index","rowIndex","columnIndex","droppable","rest","select","collectionDataExtension","useToolbarCollectionContext","translate","useWixPatternsContainer","showFieldTypeIcons","table","infoTooltipProps","prefixIcon","getFieldTypeIcon","fieldType","checkboxDisabled","hideable","hasSearchValue","searchValue","trim","length","dragDisabled","reorderDisabled","checked","isChecked","id","infoContent","panelContent","content","isRequired","validation","some","type","style","useMemo","display","flexDirection","position","dataExtensionsCTA","DataExtension","CustomColumnsEditCustomFieldCTAButton","dataExtension","editable","createElement","field","__self","__source","fileName","lineNumber","columnNumber","hasIndications","isPii","isPrimary","isSystem","hasRightContent","_extends2","ref","TableListItem","checkbox","verticalPadding","horizontalPadding","dragHandleSize","checkboxTooltipContent","undefined","checkboxTooltipProps","maxWidth","appendTo","disabled","onCheckboxChange","onColumnCheckboxToggle","customizeColumnsInSidePanelBi","actionName","draggable","tooltipContent","tooltipProps","options","value","Box","verticalAlign","alignItems","padding","cursor","overflow","textOverflow","whiteSpace","onClick","align","marginRight","flexShrink","Text","size","weight","dataHook","name","title","skin","onPointerDown","stopPropagation","InfoIcon","gap","FieldIndications","ColumnListTableListItem","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/ColumnListTableListItem.tsx"],"sourcesContent":["import { Box, InfoIcon, TableListItem, Text } from '@wix/design-system';\nimport React, { CSSProperties, useMemo } from 'react';\nimport { Column } from '../../model';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CustomColumnsState } from '../../state';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { getFieldTypeIcon } from '../../utils/fieldTypePrefixIcons';\nimport { FieldIndications } from './FieldIndications';\n\nexport interface ColumnListTableListItemProps<T, F extends FiltersMap>\n extends GridCardItemProps {\n column: Column;\n state: CustomColumnsState<T, F>;\n showDivider?: boolean;\n}\n\nfunction _ColumnListTableListItem<T, F extends FiltersMap>(\n props: ColumnListTableListItemProps<T, F>,\n) {\n const {\n column,\n state,\n showDivider,\n domRef,\n dragging,\n dragHandleProps,\n index,\n rowIndex,\n columnIndex,\n droppable,\n ...rest\n } = props;\n const { select } = state;\n\n const { collectionDataExtension } = useToolbarCollectionContext();\n const { translate: t } = useWixPatternsContainer();\n const showFieldTypeIcons = state.table.showFieldTypeIcons;\n\n const { infoTooltipProps } = column;\n const prefixIcon = showFieldTypeIcons\n ? getFieldTypeIcon({ fieldType: column.fieldType })\n : null;\n\n const checkboxDisabled = !column.hideable;\n const hasSearchValue = state.searchValue.trim().length > 0;\n const dragDisabled = column.reorderDisabled \|\| hasSearchValue;\n const checked = select.isChecked(column.id);\n const infoContent =\n infoTooltipProps?.panelContent \|\| infoTooltipProps?.content;\n const isRequired =\n column.validation?.some((r) => r.type === 'required') ?? false;\n const style = useMemo<CSSProperties>(\n () => ({\n display: 'flex',\n flexDirection: 'column',\n position: 'relative',\n }),\n [],\n );\n\n const dataExtensionsCTA = collectionDataExtension?.DataExtension\n ?.CustomColumnsEditCustomFieldCTAButton &&\n column.dataExtension &&\n column.dataExtension.editable && (\n <collectionDataExtension.DataExtension.CustomColumnsEditCustomFieldCTAButton\n field={column.dataExtension}\n />\n );\n\n const hasIndications =\n column.isPii \|\|\n column.isPrimary \|\|\n column.isSystem \|\|\n !!column.dataExtension;\n const hasRightContent = hasIndications \|\| !!dataExtensionsCTA;\n\n return (\n <div\n {...rest}\n ref={domRef}\n style={style}\n data-hook={`column-item-${column.id}`}\n >\n <TableListItem\n showDivider={showDivider}\n checkbox\n checked={checked}\n verticalPadding=\"tiny\"\n horizontalPadding=\"small\"\n dragHandleSize=\"small\"\n checkboxDisabled={checkboxDisabled}\n checkboxTooltipContent={\n checkboxDisabled\n ? dragDisabled\n ? t('cairo.table.custom-columns.disabled.tooltip')\n : t('cairo.table.custom-columns.hidden.disabled.tooltip')\n : undefined\n }\n checkboxTooltipProps={{\n maxWidth: '400px',\n appendTo: 'window',\n disabled: !checkboxDisabled,\n }}\n onCheckboxChange={() => {\n if (checkboxDisabled) {\n return;\n }\n state.onColumnCheckboxToggle(column);\n state.customizeColumnsInSidePanelBi({ actionName: 'visibility' });\n }}\n {...(hasSearchValue\n ? {}\n : {\n draggable: true,\n dragging,\n dragDisabled,\n dragHandleProps: {\n ...dragHandleProps,\n tooltipContent: dragDisabled\n ? checkboxDisabled\n ? t('cairo.table.custom-columns.disabled.tooltip')\n : t('cairo.table.custom-columns.move.disabled.tooltip')\n : undefined,\n tooltipProps: {\n maxWidth: '400px',\n appendTo: 'window',\n },\n },\n })}\n options={[\n {\n value: (\n <Box {...(prefixIcon ? { verticalAlign: 'middle' } : {})}>\n <div\n style={{\n ...(prefixIcon\n ? { display: 'flex', alignItems: 'center' }\n : {}),\n padding: '0',\n cursor: checkboxDisabled ? undefined : 'pointer',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n }}\n onClick={() => {\n if (checkboxDisabled) {\n return;\n }\n state.onColumnCheckboxToggle(column);\n }}\n >\n {prefixIcon && (\n <Box\n align=\"center\"\n verticalAlign=\"middle\"\n marginRight=\"SP1\"\n flexShrink={0}\n >\n {prefixIcon}\n </Box>\n )}\n <Text size=\"small\" weight=\"normal\" dataHook=\"tableListItem-label\">\n {column.name \|\| column.title \|\| column.id}\n </Text>\n {isRequired && (\n <Text size=\"tiny\" skin=\"error\" weight=\"bold\">\n  *\n </Text>\n )}\n </div>\n\n <div\n style={{ cursor: 'default' }}\n onPointerDown={(e) => e.stopPropagation()}\n >\n {infoContent && (\n <InfoIcon\n size=\"small\"\n {...infoTooltipProps}\n dataHook=\"info-icon\"\n content={infoContent}\n />\n )}\n </div>\n </Box>\n ),\n },\n\n ...(hasRightContent\n ? [\n {\n value: (\n <Box gap=\"SP1\" verticalAlign=\"middle\">\n <FieldIndications\n column={column}\n />\n {dataExtensionsCTA}\n </Box>\n ),\n align: 'right' as const,\n },\n ]\n : []),\n ]}\n />\n </div>\n );\n}\n\nexport const ColumnListTableListItem = observer(_ColumnListTableListItem);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomColumnsPanel/CustomColumnsPanel.js CHANGED Viewed

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

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

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