npm - @wix/patterns - Versions diffs - 1.427.0 → 1.430.0 - Mend

@wix/patterns 1.427.0 → 1.430.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 (772) hide show

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","_react2","_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 '@wix/bex-core/react';\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":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_ViewsDropdownModals","_ViewsDropdownStCss","_ManageViewPopover","_viewsDropdownRenderHelpers","_AutoCompleteReadonly","_SaveToNewViewFooter","_ViewsDropdownPrefix","_react2","_useBmHarmonyTheme","_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","isBmHarmonyTheme","useBmHarmonyTheme","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 '@wix/bex-core/react';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\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 isBmHarmonyTheme = useBmHarmonyTheme();\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={isBmHarmonyTheme ? 'standard' : '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":[]}

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_ = "ViewsDropdown967112736";
+var _namespace_ = "ViewsDropdown4280316337";
 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": "ViewsDropdown967112736__root"
+  "root": "ViewsDropdown4280316337__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_ = \"~~ViewsDropdown967112736~~\";\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\":\"~~ViewsDropdown967112736__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,~~wBAAwB~~;~~AAC1C~~,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;~~AAA8B~~,CAAC;~~AACrD~~,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_ = \"ViewsDropdown4280316337\";\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\":\"ViewsDropdown4280316337__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/ViewsDropdownPrefix.js CHANGED Viewed

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.ViewsDropdownPrefix = void 0;
 exports._ViewsDropdownPrefix = _ViewsDropdownPrefix;
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
@@ -60,7 +60,7 @@ function _ViewsDropdownPrefix(props) {
         lineNumber: 47,
         columnNumber: 13
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusAlertSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.StatusAlertSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
@@ -70,12 +70,11 @@ function _ViewsDropdownPrefix(props) {
     })))));
   }
   if (views.isDefaultView) {
-    const DefaultIcon = isRedesign ? _wixUiIconsCommon.PinSmall : _wixUiIconsCommon.FlagSmall;
     return /*#__PURE__*/_react.default.createElement(_designSystem.Input.Affix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 59,
+        lineNumber: 58,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -83,15 +82,22 @@ function _ViewsDropdownPrefix(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 60,
+        lineNumber: 59,
         columnNumber: 9
       }
-    }, /*#__PURE__*/_react.default.createElement(DefaultIcon, {
+    }, isRedesign ? /*#__PURE__*/_react.default.createElement(_lazy.PinSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 61,
-        columnNumber: 11
+        lineNumber: 60,
+        columnNumber: 25
+      }
+    }) : /*#__PURE__*/_react.default.createElement(_lazy.FlagSmall, {
+      __self: this,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 60,
+        columnNumber: 40
       }
     })));
   }

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","~~_wixUiIconsCommon~~","_react","_interopRequireDefault","_mobxReactLite","_react2","_ViewsDropdown","_jsxFileName","_ViewsDropdownPrefix","props","_container$internalEx","state","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","VIEWS_REDESIGN_EXPERIMENT","views","collection","translate","t","isCurrentViewSelected","isViewChanged","default","createElement","Input","Affix","__self","__source","fileName","lineNumber","columnNumber","Box","dataHook","Tooltip","appendTo","content","verticalAlign","color","StatusAlertSmall","isDefaultView","~~DefaultIcon","~~PinSmall","FlagSmall","ViewsDropdownPrefix","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx"],"sourcesContent":["import { Box, Input, Tooltip } from '@wix/design-system';\nimport {\n FlagSmall,\n PinSmall,\n StatusAlertSmall,\n} from '@wix/wix-ui-icons-common';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { VIEWS_REDESIGN_EXPERIMENT } from './ViewsDropdown';\n\nexport type ViewsDropdownPrefixProps<T, F extends FiltersMap> = {\n state: CollectionViewsState<T, F>;\n};\n\nexport function _ViewsDropdownPrefix<T, F extends FiltersMap>(\n props: ViewsDropdownPrefixProps<T, F>,\n) {\n const { state } = props;\n const container = useWixPatternsContainer();\n const isRedesign = container.internalExperiments?.enabled(\n VIEWS_REDESIGN_EXPERIMENT,\n );\n\n const { views } = state;\n const {\n collection: { translate: t },\n } = views;\n\n if (\n !views.isCurrentViewSelected \|\|\n (views.isCurrentViewSelected && state.isViewChanged)\n ) {\n return (\n <Input.Affix>\n <Box dataHook=\"view-pending-changes\">\n <Tooltip\n appendTo=\"window\"\n content={\n views.isCurrentViewSelected\n ? t('cairo.manageView.tooltip')\n : t('cairo.manageView.unsaved.tooltip')\n }\n >\n <Box verticalAlign=\"middle\" color=\"D40\">\n <StatusAlertSmall />\n </Box>\n </Tooltip>\n </Box>\n </Input.Affix>\n );\n }\n\n if (views.isDefaultView) {\n ~~const DefaultIcon = isRedesign ? PinSmall : FlagSmall;\n~~ return (\n <Input.Affix>\n <Box dataHook=\"view-default\">\n <~~DefaultIcon~~ ~~/>\~~n </Box>\n </Input.Affix>\n );\n }\n\n return null;\n}\n\nexport const ViewsDropdownPrefix = observer(_ViewsDropdownPrefix);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,~~iBAAA~~,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAA4D,IAAAO,YAAA;AAMrD,SAASC,oBAAoBA,CAClCC,KAAqC,EACrC;EAAA,IAAAC,qBAAA;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACvB,MAAMG,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,UAAU,IAAAJ,qBAAA,GAAGE,SAAS,CAACG,mBAAmB,qBAA7BL,qBAAA,CAA+BM,OAAO,CACvDC,wCACF,CAAC;EAED,MAAM;IAAEC;EAAM,CAAC,GAAGP,KAAK;EACvB,MAAM;IACJQ,UAAU,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC7B,CAAC,GAAGH,KAAK;EAET,IACE,CAACA,KAAK,CAACI,qBAAqB,IAC3BJ,KAAK,CAACI,qBAAqB,IAAIX,KAAK,CAACY,aAAc,EACpD;IACA,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2B,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACV9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACC,QAAQ,EAAC,sBAAsB;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAClC9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAoC,OAAO;MACNC,QAAQ,EAAC,QAAQ;MACjBC,OAAO,EACLnB,KAAK,CAACI,qBAAqB,GACvBD,CAAC,CAAC,0BAA0B,CAAC,GAC7BA,CAAC,CAAC,kCAAkC,CACzC;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAED9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACK,aAAa,EAAC,QAAQ;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACrC9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACxB,~~iBAAA~~,CAAAuC,gBAAgB;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAChB,CACE,CACN,CACM,CAAC;EAElB;EAEA,IAAId,KAAK,CAACuB,aAAa,EAAE;IACvB,~~MAAMC~~,~~WAAW,GAAG5B,UAAU,GAAG6B,0BAAQ,GAAGC,2BAAS;IACrD,oBACE1C,~~MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2B,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACV9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACC,QAAQ,EAAC,cAAc;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,~~gBAC1B9B~~,MAAA,CAAAsB,OAAA,CAAAC,aAAA,~~CAACiB~~,~~WAAW~~;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,~~CACX~~,CACM,CAAC;EAElB;EAEA,OAAO,IAAI;AACb;AAEO,~~MAAMa~~,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,~~EAACvC~~,oBAAoB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_lazy","_react","_interopRequireDefault","_mobxReactLite","_react2","_ViewsDropdown","_jsxFileName","_ViewsDropdownPrefix","props","_container$internalEx","state","container","useWixPatternsContainer","isRedesign","internalExperiments","enabled","VIEWS_REDESIGN_EXPERIMENT","views","collection","translate","t","isCurrentViewSelected","isViewChanged","default","createElement","Input","Affix","__self","__source","fileName","lineNumber","columnNumber","Box","dataHook","Tooltip","appendTo","content","verticalAlign","color","StatusAlertSmall","isDefaultView","PinSmall","FlagSmall","ViewsDropdownPrefix","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdownPrefix.tsx"],"sourcesContent":["import { Box, Input, Tooltip } from '@wix/design-system';\nimport {\n FlagSmall,\n PinSmall,\n StatusAlertSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { CollectionViewsState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { VIEWS_REDESIGN_EXPERIMENT } from './ViewsDropdown';\n\nexport type ViewsDropdownPrefixProps<T, F extends FiltersMap> = {\n state: CollectionViewsState<T, F>;\n};\n\nexport function _ViewsDropdownPrefix<T, F extends FiltersMap>(\n props: ViewsDropdownPrefixProps<T, F>,\n) {\n const { state } = props;\n const container = useWixPatternsContainer();\n const isRedesign = container.internalExperiments?.enabled(\n VIEWS_REDESIGN_EXPERIMENT,\n );\n\n const { views } = state;\n const {\n collection: { translate: t },\n } = views;\n\n if (\n !views.isCurrentViewSelected \|\|\n (views.isCurrentViewSelected && state.isViewChanged)\n ) {\n return (\n <Input.Affix>\n <Box dataHook=\"view-pending-changes\">\n <Tooltip\n appendTo=\"window\"\n content={\n views.isCurrentViewSelected\n ? t('cairo.manageView.tooltip')\n : t('cairo.manageView.unsaved.tooltip')\n }\n >\n <Box verticalAlign=\"middle\" color=\"D40\">\n <StatusAlertSmall />\n </Box>\n </Tooltip>\n </Box>\n </Input.Affix>\n );\n }\n\n if (views.isDefaultView) {\n return (\n <Input.Affix>\n <Box dataHook=\"view-default\">\n {isRedesign ? <PinSmall /> : <FlagSmall />}\n </Box>\n </Input.Affix>\n );\n }\n\n return null;\n}\n\nexport const ViewsDropdownPrefix = observer(_ViewsDropdownPrefix);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAKA,IAAAE,MAAA,GAAAC,sBAAA,CAAAH,OAAA;AAGA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,cAAA,GAAAN,OAAA;AAA4D,IAAAO,YAAA;AAMrD,SAASC,oBAAoBA,CAClCC,KAAqC,EACrC;EAAA,IAAAC,qBAAA;EACA,MAAM;IAAEC;EAAM,CAAC,GAAGF,KAAK;EACvB,MAAMG,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,UAAU,IAAAJ,qBAAA,GAAGE,SAAS,CAACG,mBAAmB,qBAA7BL,qBAAA,CAA+BM,OAAO,CACvDC,wCACF,CAAC;EAED,MAAM;IAAEC;EAAM,CAAC,GAAGP,KAAK;EACvB,MAAM;IACJQ,UAAU,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC7B,CAAC,GAAGH,KAAK;EAET,IACE,CAACA,KAAK,CAACI,qBAAqB,IAC3BJ,KAAK,CAACI,qBAAqB,IAAIX,KAAK,CAACY,aAAc,EACpD;IACA,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2B,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACV9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACC,QAAQ,EAAC,sBAAsB;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAClC9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAoC,OAAO;MACNC,QAAQ,EAAC,QAAQ;MACjBC,OAAO,EACLnB,KAAK,CAACI,qBAAqB,GACvBD,CAAC,CAAC,0BAA0B,CAAC,GAC7BA,CAAC,CAAC,kCAAkC,CACzC;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAED9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACK,aAAa,EAAC,QAAQ;MAACC,KAAK,EAAC,KAAK;MAAAX,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACrC9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACxB,KAAA,CAAAuC,gBAAgB;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAChB,CACE,CACN,CACM,CAAC;EAElB;EAEA,IAAId,KAAK,CAACuB,aAAa,EAAE;IACvB,oBACEvC,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAA2B,KAAK,CAACC,KAAK;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACV9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAAC1B,aAAA,CAAAkC,GAAG;MAACC,QAAQ,EAAC,cAAc;MAAAN,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,GACzBlB,UAAU,gBAAGZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACxB,KAAA,CAAAyC,QAAQ;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,gBAAG9B,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACxB,KAAA,CAAA0C,SAAS;MAAAf,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAvB,YAAA;QAAAwB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACtC,CACM,CAAC;EAElB;EAEA,OAAO,IAAI;AACb;AAEO,MAAMY,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAG,IAAAE,uBAAQ,EAACtC,oBAAoB,CAAC","ignoreList":[]}

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

@@ -9,7 +9,8 @@ var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
 var _bexCore = require("@wix/bex-core");
 var _mobxReactLite = require("mobx-react-lite");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _CustomColumnsPanelEntry = require("./CustomColumnsPanelEntry");
 var _bi = require("@wix/bex-core/bi");
 var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
@@ -31,6 +32,7 @@ function _CustomColumnsCTAButton({
     }
   } = state;
   const analyticsButtonDiscoverability = experiments == null ? void 0 : experiments.get('specs.analytics.CustomColumnsWithLabelAndNewIcon');
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   (0, _react.useEffect)(() => {
     _CustomColumnsPanelEntry.CustomColumnsPanelEntry.CustomColumnsDragAndDrop = dragAndDrop;
     state.panels.registerSidePanel('customColumns', _CustomColumnsPanelEntry.CustomColumnsPanelEntry);
@@ -46,7 +48,7 @@ function _CustomColumnsCTAButton({
   const text = t(isEditable ? 'cairo.table.manage-fields.button.cta' : 'cairo.table.custom-columns.button.cta');
   const props = {
     size: 'small',
-    priority: 'secondary',
+    priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
     dataHook: 'custom-columns-button',
     onClick: () => {
       const isOpened = state.panels.toggleSidePanel('customColumns');
@@ -60,36 +62,36 @@ function _CustomColumnsCTAButton({
   const getButton = () => {
     if (analyticsButtonDiscoverability === 'b' || analyticsButtonDiscoverability === 'c') {
       return /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({}, props, {
-        prefixIcon: analyticsButtonDiscoverability === 'b' ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AdjustSmall, {
+        prefixIcon: analyticsButtonDiscoverability === 'b' ? /*#__PURE__*/_react.default.createElement(_lazy.AdjustSmall, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 80,
+            lineNumber: 82,
             columnNumber: 15
           }
-        }) : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TableChartSmall, {
+        }) : /*#__PURE__*/_react.default.createElement(_lazy.TableChartSmall, {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 82,
+            lineNumber: 84,
             columnNumber: 15
           }
         }),
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 76,
+          lineNumber: 78,
           columnNumber: 9
         }
       }), text);
     }
     return /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, (0, _extends2.default)({
       state: responsive.actions,
-      icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AdjustSmall, {
+      icon: /*#__PURE__*/_react.default.createElement(_lazy.AdjustSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 94,
+          lineNumber: 96,
           columnNumber: 15
         }
       })
@@ -97,7 +99,7 @@ function _CustomColumnsCTAButton({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 92,
+        lineNumber: 94,
         columnNumber: 7
       }
     }), text);

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","~~_wixUiIconsCommon~~","_CustomColumnsPanelEntry","_bi","_ResponsiveButton","_SchemaContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsCTAButton","state","onColumnClick","dragAndDrop","container","translate","experiments","toolbar","responsive","analyticsButtonDiscoverability","useEffect","CustomColumnsPanelEntry","CustomColumnsDragAndDrop","panels","registerSidePanel","customColumnsState","customColumnsStateInitialized","schemaCtx","useSchemaContext","isSchema","schema","isEditable","collectionFieldsSource","text","props","size","priority","dataHook","onClick","isOpened","toggleSidePanel","reportBi","withoutDefaults","cairoFiltersPanelUsed","feature","origin","getButton","createElement","Button","_extends2","prefixIcon","AdjustSmall","__self","__source","fileName","lineNumber","columnNumber","TableChartSmall","ResponsiveButton","actions","icon","CustomColumnsCTAButton","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsCTAButton.tsx"],"sourcesContent":["import { Button } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { AdjustSmall, TableChartSmall } from '@wix/wix-ui-icons-common';\nimport { CustomColumnsPanelEntry } from './CustomColumnsPanelEntry';\nimport type { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport type { Column } from '../../model';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useSchemaContext } from '../../providers/SchemaContext';\n\nexport interface CustomColumnsCTAButtonProps<T, F extends FiltersMap> {\n state: ToolbarCollectionState<T, F>;\n onColumnClick?: (column: Column, checked: boolean) => unknown;\n dragAndDrop?: typeof CustomColumnsDragAndDrop;\n}\n\nexport function _CustomColumnsCTAButton<T, F extends FiltersMap>({\n state,\n onColumnClick,\n dragAndDrop,\n}: CustomColumnsCTAButtonProps<T, F>) {\n const {\n container: { translate: t, experiments },\n toolbar: { responsive },\n } = state;\n\n const analyticsButtonDiscoverability = experiments?.get(\n 'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n );\n\n useEffect(() => {\n CustomColumnsPanelEntry.CustomColumnsDragAndDrop = dragAndDrop;\n state.panels.registerSidePanel('customColumns', CustomColumnsPanelEntry);\n }, []);\n\n useEffect(() => {\n if (state.customColumnsState) {\n state.customColumnsState.onColumnClick = onColumnClick;\n }\n }, [onColumnClick, state.customColumnsStateInitialized]);\n\n const schemaCtx = useSchemaContext();\n const isSchema = !!schemaCtx?.schema;\n const isEditable = !!state.collectionFieldsSource \|\| isSchema;\n const text = t(\n isEditable\n ? 'cairo.table.manage-fields.button.cta'\n : 'cairo.table.custom-columns.button.cta',\n );\n const props = {\n size: 'small' as const,\n priority: 'secondary' as const,\n dataHook: 'custom-columns-button',\n onClick: () => {\n const isOpened = state.panels.toggleSidePanel('customColumns');\n\n state.reportBi(\n withoutDefaults(cairoFiltersPanelUsed)({\n isOpened,\n feature: 'Custom Columns',\n origin: 'Custom Columns CTA',\n }),\n );\n },\n };\n\n const getButton = () => {\n if (\n analyticsButtonDiscoverability === 'b' \|\|\n analyticsButtonDiscoverability === 'c'\n ) {\n return (\n <Button\n {...props}\n prefixIcon={\n analyticsButtonDiscoverability === 'b' ? (\n <AdjustSmall />\n ) : (\n <TableChartSmall />\n )\n }\n >\n {text}\n </Button>\n );\n }\n\n return (\n <ResponsiveButton\n state={responsive.actions}\n icon={<AdjustSmall />}\n {...props}\n >\n {text}\n </ResponsiveButton>\n );\n };\n\n return getButton();\n}\n\nexport const CustomColumnsCTAButton = observer(_CustomColumnsCTAButton);\n"],"mappings":";;;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,~~iBAAA~~,GAAAL,OAAA;AACA,IAAAM,~~wBAAA~~,GAAAN,OAAA;~~AAGA~~,IAAAO,~~GAAA~~,GAAAP,OAAA;~~AACA~~,IAAAQ,~~iBAAA~~,GAAAR,OAAA;AACA,IAAAS,~~cAAA~~,GAAAT,OAAA;~~AAAiE~~,IAAAU,YAAA;AAAA,~~SAAAR~~,~~wBAAAS~~,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,~~YAAAX~~,uBAAA,YAAAA,~~CAAAS~~,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;AAQ1D,SAASkB,uBAAuBA,CAA0B;EAC/DC,KAAK;EACLC,aAAa;EACbC;AACiC,CAAC,EAAE;EACpC,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAEvB,CAAC;MAAEwB;IAAY,CAAC;IACxCC,OAAO,EAAE;MAAEC;IAAW;EACxB,CAAC,GAAGP,KAAK;EAET,MAAMQ,8BAA8B,GAAGH,WAAW,oBAAXA,WAAW,CAAEb,GAAG,CACrD,kDACF,CAAC;~~EAED~~,~~IAAAiB~~,gBAAS,EAAC,MAAM;IACdC,gDAAuB,CAACC,wBAAwB,~~GAAGT~~,WAAW;IAC9DF,KAAK,~~CAACY~~,MAAM,CAACC,iBAAiB,CAAC,eAAe,EAAEH,gDAAuB,CAAC;EAC1E,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,gBAAS,EAAC,MAAM;IACd,~~IAAIT~~,KAAK,~~CAACc~~,kBAAkB,EAAE;~~MAC5Bd~~,KAAK,~~CAACc~~,kBAAkB,~~CAACb~~,aAAa,GAAGA,aAAa;IACxD;EACF,CAAC,EAAE,CAACA,aAAa,EAAED,KAAK,~~CAACe~~,6BAA6B,CAAC,CAAC;EAExD,MAAMC,SAAS,GAAG,IAAAC,+BAAgB,EAAC,CAAC;EACpC,MAAMC,QAAQ,GAAG,CAAC,EAACF,SAAS,YAATA,SAAS,CAAEG,MAAM;EACpC,MAAMC,UAAU,GAAG,CAAC,~~CAACpB~~,KAAK,~~CAACqB~~,sBAAsB,IAAIH,QAAQ;EAC7D,MAAMI,IAAI,~~GAAGzC~~,CAAC,~~CACZuC~~,UAAU,GACN,sCAAsC,GACtC,uCACN,CAAC;EACD,MAAMG,KAAK,GAAG;IACZC,IAAI,EAAE,OAAgB;IACtBC,QAAQ,~~EAAE~~,~~WAAoB~~;~~IAC9BC~~,QAAQ,EAAE,uBAAuB;IACjCC,OAAO,EAAEA,CAAA,KAAM;MACb,MAAMC,QAAQ,~~GAAG5B~~,KAAK,~~CAACY~~,MAAM,CAACiB,eAAe,CAAC,eAAe,CAAC;~~MAE9D7B~~,KAAK,~~CAAC8B~~,QAAQ,CACZ,IAAAC,wBAAe,EAACC,yBAAqB,CAAC,CAAC;QACrCJ,QAAQ;QACRK,OAAO,EAAE,gBAAgB;QACzBC,MAAM,EAAE;MACV,CAAC,CACH,CAAC;IACH;EACF,CAAC;EAED,MAAMC,SAAS,GAAGA,CAAA,KAAM;IACtB,~~IACE3B~~,8BAA8B,KAAK,GAAG,IACtCA,8BAA8B,KAAK,GAAG,EACtC;MACA,~~oBACEtC~~,MAAA,~~CAAAoB~~,OAAA,~~CAAA8C~~,aAAA,~~CAACpE~~,aAAA,~~CAAAqE~~,MAAM,MAAAC,SAAA,~~CAAAhD~~,OAAA,~~MACDiC~~,KAAK;QACTgB,UAAU,~~EACR/B~~,8BAA8B,KAAK,GAAG,~~gBACpCtC~~,MAAA,~~CAAAoB~~,OAAA,~~CAAA8C~~,aAAA,~~CAAC9D~~,~~iBAAA~~,~~CAAAkE~~,WAAW;UAAAC,MAAA;UAAAC,QAAA;YAAAC,QAAA,~~EAAAhE~~,YAAA;~~YAAAiE~~,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC,~~gBAEf3E~~,MAAA,~~CAAAoB~~,OAAA,~~CAAA8C~~,aAAA,~~CAAC9D~~,~~iBAAA~~,~~CAAAwE~~,eAAe;UAAAL,MAAA;UAAAC,QAAA;YAAAC,QAAA,~~EAAAhE~~,YAAA;~~YAAAiE~~,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAErB;QAAAJ,MAAA;QAAAC,QAAA;UAAAC,QAAA,~~EAAAhE~~,YAAA;~~UAAAiE~~,UAAA;UAAAC,YAAA;QAAA;MAAA,IAEAvB,IACK,CAAC;IAEb;IAEA,~~oBACEpD~~,MAAA,~~CAAAoB~~,OAAA,~~CAAA8C~~,aAAA,~~CAAC3D~~,iBAAA,~~CAAAsE~~,gBAAgB,MAAAT,SAAA,~~CAAAhD~~,OAAA;MACfU,KAAK,EAAEO,UAAU,~~CAACyC~~,OAAQ;MAC1BC,IAAI,~~eAAE/E~~,MAAA,~~CAAAoB~~,OAAA,~~CAAA8C~~,aAAA,~~CAAC9D~~,~~iBAAA~~,~~CAAAkE~~,WAAW;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,~~EAAAhE~~,YAAA;~~UAAAiE~~,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IAAE,GAClBtB,KAAK;MAAAkB,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAAhE~~,YAAA;~~QAAAiE~~,UAAA;QAAAC,YAAA;MAAA;IAAA,IAERvB,IACe,CAAC;EAEvB,CAAC;EAED,OAAOa,SAAS,CAAC,CAAC;AACpB;AAEO,MAAMe,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,~~EAACrD~~,uBAAuB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_bexCore","_mobxReactLite","_lazy","_useBmHarmonyTheme","_CustomColumnsPanelEntry","_bi","_ResponsiveButton","_SchemaContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_CustomColumnsCTAButton","state","onColumnClick","dragAndDrop","container","translate","experiments","toolbar","responsive","analyticsButtonDiscoverability","isBmHarmonyTheme","useBmHarmonyTheme","useEffect","CustomColumnsPanelEntry","CustomColumnsDragAndDrop","panels","registerSidePanel","customColumnsState","customColumnsStateInitialized","schemaCtx","useSchemaContext","isSchema","schema","isEditable","collectionFieldsSource","text","props","size","priority","dataHook","onClick","isOpened","toggleSidePanel","reportBi","withoutDefaults","cairoFiltersPanelUsed","feature","origin","getButton","createElement","Button","_extends2","prefixIcon","AdjustSmall","__self","__source","fileName","lineNumber","columnNumber","TableChartSmall","ResponsiveButton","actions","icon","CustomColumnsCTAButton","exports","observer"],"sources":["../../../../src/components/CustomColumnsPanel/CustomColumnsCTAButton.tsx"],"sourcesContent":["import { Button } from '@wix/design-system';\nimport React, { useEffect } from 'react';\nimport { ToolbarCollectionState } from '../../state';\nimport { FiltersMap, withoutDefaults } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { AdjustSmall, TableChartSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { CustomColumnsPanelEntry } from './CustomColumnsPanelEntry';\nimport type { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport type { Column } from '../../model';\nimport { cairoFiltersPanelUsed } from '@wix/bex-core/bi';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useSchemaContext } from '../../providers/SchemaContext';\n\nexport interface CustomColumnsCTAButtonProps<T, F extends FiltersMap> {\n state: ToolbarCollectionState<T, F>;\n onColumnClick?: (column: Column, checked: boolean) => unknown;\n dragAndDrop?: typeof CustomColumnsDragAndDrop;\n}\n\nexport function _CustomColumnsCTAButton<T, F extends FiltersMap>({\n state,\n onColumnClick,\n dragAndDrop,\n}: CustomColumnsCTAButtonProps<T, F>) {\n const {\n container: { translate: t, experiments },\n toolbar: { responsive },\n } = state;\n\n const analyticsButtonDiscoverability = experiments?.get(\n 'specs.analytics.CustomColumnsWithLabelAndNewIcon',\n );\n const isBmHarmonyTheme = useBmHarmonyTheme();\n\n useEffect(() => {\n CustomColumnsPanelEntry.CustomColumnsDragAndDrop = dragAndDrop;\n state.panels.registerSidePanel('customColumns', CustomColumnsPanelEntry);\n }, []);\n\n useEffect(() => {\n if (state.customColumnsState) {\n state.customColumnsState.onColumnClick = onColumnClick;\n }\n }, [onColumnClick, state.customColumnsStateInitialized]);\n\n const schemaCtx = useSchemaContext();\n const isSchema = !!schemaCtx?.schema;\n const isEditable = !!state.collectionFieldsSource \|\| isSchema;\n const text = t(\n isEditable\n ? 'cairo.table.manage-fields.button.cta'\n : 'cairo.table.custom-columns.button.cta',\n );\n const props = {\n size: 'small' as const,\n priority: isBmHarmonyTheme ? ('tertiary' as const) : ('secondary' as const),\n dataHook: 'custom-columns-button',\n onClick: () => {\n const isOpened = state.panels.toggleSidePanel('customColumns');\n\n state.reportBi(\n withoutDefaults(cairoFiltersPanelUsed)({\n isOpened,\n feature: 'Custom Columns',\n origin: 'Custom Columns CTA',\n }),\n );\n },\n };\n\n const getButton = () => {\n if (\n analyticsButtonDiscoverability === 'b' \|\|\n analyticsButtonDiscoverability === 'c'\n ) {\n return (\n <Button\n {...props}\n prefixIcon={\n analyticsButtonDiscoverability === 'b' ? (\n <AdjustSmall />\n ) : (\n <TableChartSmall />\n )\n }\n >\n {text}\n </Button>\n );\n }\n\n return (\n <ResponsiveButton\n state={responsive.actions}\n icon={<AdjustSmall />}\n {...props}\n >\n {text}\n </ResponsiveButton>\n );\n };\n\n return getButton();\n}\n\nexport const CustomColumnsCTAButton = observer(_CustomColumnsCTAButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataExtension/DataExtensionImportFieldEditor.js CHANGED Viewed

@@ -8,16 +8,17 @@ var _mobx = require("mobx");
 var _bexCore = require("@wix/bex-core");
 var _react2 = require("@wix/bex-core/react");
 var _CustomFieldModal = require("../CustomFieldModal");
-var _platformizedImportRef = require("./platformizedImportRef");
+var _dataExtensionFieldDraft = require("./dataExtensionFieldDraft");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/DataExtension/DataExtensionImportFieldEditor.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); }
 /**
- * The DataExtension create/edit-field modal for the import flow, returned by
- * `usePlatformizedImport` as `renderFieldEditor`. Reuses `CustomFieldModal` in
- * side-effect-free mode (`onSubmit`) — on confirm it hands the draft to the
- * import (which batches creation pre-upload) instead of creating the field. It
- * opens/pre-fills from `state.editingMapping` and clears `state.editingHeader`
- * on close, mirroring the CMS editor.
+ * The DataExtension create/edit-field modal for the import flow. `ImportButton`
+ * picks and lazy-loads it for a platformized import (from the config's
+ * `dataSource`). Reuses `CustomFieldModal` in side-effect-free mode (`onSubmit`)
+ * — on confirm it hands the draft to the import (which batches creation
+ * pre-upload) instead of creating the field. It opens/pre-fills from
+ * `state.editingMapping` and clears `state.editingHeader` on close, mirroring the
+ * CMS editor.
  */
 const _DataExtensionImportFieldEditor = ({
   state
@@ -41,7 +42,7 @@ const _DataExtensionImportFieldEditor = ({
         const name = mapping.displayName ?? header;
         editorState.reset();
         editorState.mode = 'new';
-        editorState.setFormValues((0, _platformizedImportRef.mappingToFieldDraft)(mapping, editorState.generateUniqueKey(name), name, fieldManagement));
+        editorState.setFormValues((0, _dataExtensionFieldDraft.mappingToFieldDraft)(mapping, editorState.generateUniqueKey(name), name, fieldManagement));
         editorState.modalState.modal.open();
       }
     }, {
@@ -65,7 +66,7 @@ const _DataExtensionImportFieldEditor = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 76,
+      lineNumber: 77,
       columnNumber: 10
     }
   });

package/dist/cjs/components/DataExtension/DataExtensionImportFieldEditor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_mobx","_bexCore","_react2","_CustomFieldModal","~~_platformizedImportRef~~","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_DataExtensionImportFieldEditor","state","container","useWixPatternsContainer","fieldManagement","dataExtensionFieldManagement","editorState","useState","CustomFieldModalState","reportBi","fieldCount","fields","length","onSubmit","applyDataExtensionFieldEdit","undefined","useEffect","disposeOpen","reaction","editingMapping","mapping","header","editingHeader","modalState","isOpen","name","displayName","reset","mode","setFormValues","mappingToFieldDraft","generateUniqueKey","modal","open","fireImmediately","disposeClose","endFieldEdit","createElement","CustomFieldModal","__self","__source","fileName","lineNumber","columnNumber","DataExtensionImportFieldEditor","exports","observer"],"sources":["../../../../src/components/DataExtension/DataExtensionImportFieldEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { reaction } from 'mobx';\nimport { CustomFieldModalState, type ImportState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { mappingToFieldDraft } from './~~platformizedImportRef~~';\n\n/*\n The DataExtension create/edit-field modal for the import flow, ~~returned~~ by\n * `~~usePlatformizedImport~~` ~~as `renderFieldEditor`.~~ Reuses `CustomFieldModal` in\n * side-effect-free mode (`onSubmit`) — on confirm it hands the draft to the\n * import (which batches creation pre-upload) instead of creating the field. It\n * opens/pre-fills from `state.editingMapping` and clears `state.editingHeader~~`\n~~ * on close, mirroring the CMS editor.\n */\nconst _DataExtensionImportFieldEditor = ({ state }: { state: ImportState }) => {\n const container = useWixPatternsContainer();\n const fieldManagement = state.dataExtensionFieldManagement;\n\n const [editorState] = useState(() =>\n fieldManagement\n ? new CustomFieldModalState({\n fieldManagement,\n container,\n reportBi: container.reportBi,\n fieldCount: () => state.fields.length,\n onSubmit: state.applyDataExtensionFieldEdit,\n })\n : undefined,\n );\n\n useEffect(() => {\n if (!editorState \|\| !fieldManagement) {\n return undefined;\n }\n const disposeOpen = reaction(\n () => state.editingMapping,\n (mapping) => {\n const header = state.editingHeader;\n if (mapping && header && !editorState.modalState.isOpen) {\n const name = mapping.displayName ?? header;\n editorState.reset();\n editorState.mode = 'new';\n editorState.setFormValues(\n mappingToFieldDraft(\n mapping,\n editorState.generateUniqueKey(name),\n name,\n fieldManagement,\n ),\n );\n editorState.modalState.modal.open();\n }\n },\n { fireImmediately: true },\n );\n const disposeClose = reaction(\n () => editorState.modalState.isOpen,\n (isOpen) => {\n if (!isOpen && state.editingHeader != null) {\n state.endFieldEdit();\n }\n },\n );\n return () => {\n disposeOpen();\n disposeClose();\n };\n }, []);\n\n if (!editorState) {\n return null;\n }\n\n return <CustomFieldModal state={editorState} />;\n};\n\nexport const DataExtensionImportFieldEditor = observer(\n _DataExtensionImportFieldEditor,\n);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,iBAAA,GAAAL,OAAA;AACA,IAAAM,~~sBAAA~~,GAAAN,OAAA;~~AAA8D~~,IAAAO,YAAA;AAAA,SAAAR,wBAAAS,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAX,uBAAA,YAAAA,CAAAS,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;~~AAE9D~~;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMkB,+BAA+B,GAAGA,CAAC;EAAEC;AAA8B,CAAC,KAAK;EAC7E,MAAMC,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,eAAe,GAAGH,KAAK,CAACI,4BAA4B;EAE1D,MAAM,CAACC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAC7BH,eAAe,GACX,IAAII,8BAAqB,CAAC;IACxBJ,eAAe;IACfF,SAAS;IACTO,QAAQ,EAAEP,SAAS,CAACO,QAAQ;IAC5BC,UAAU,EAAEA,CAAA,KAAMT,KAAK,CAACU,MAAM,CAACC,MAAM;IACrCC,QAAQ,EAAEZ,KAAK,CAACa;EAClB,CAAC,CAAC,GACFC,SACN,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACV,WAAW,IAAI,CAACF,eAAe,EAAE;MACpC,OAAOW,SAAS;IAClB;IACA,MAAME,WAAW,GAAG,IAAAC,cAAQ,EAC1B,MAAMjB,KAAK,CAACkB,cAAc,EACzBC,OAAO,IAAK;MACX,MAAMC,MAAM,GAAGpB,KAAK,CAACqB,aAAa;MAClC,IAAIF,OAAO,IAAIC,MAAM,IAAI,CAACf,WAAW,CAACiB,UAAU,CAACC,MAAM,EAAE;QACvD,MAAMC,IAAI,GAAGL,OAAO,CAACM,WAAW,IAAIL,MAAM;QAC1Cf,WAAW,CAACqB,KAAK,CAAC,CAAC;QACnBrB,WAAW,CAACsB,IAAI,GAAG,KAAK;QACxBtB,WAAW,CAACuB,aAAa,CACvB,IAAAC,~~0CAAmB~~,EACjBV,OAAO,EACPd,WAAW,CAACyB,iBAAiB,CAACN,IAAI,CAAC,EACnCA,IAAI,EACJrB,eACF,CACF,CAAC;QACDE,WAAW,CAACiB,UAAU,CAACS,KAAK,CAACC,IAAI,CAAC,CAAC;MACrC;IACF,CAAC,EACD;MAAEC,eAAe,EAAE;IAAK,CAC1B,CAAC;IACD,MAAMC,YAAY,GAAG,IAAAjB,cAAQ,EAC3B,MAAMZ,WAAW,CAACiB,UAAU,CAACC,MAAM,EAClCA,MAAM,IAAK;MACV,IAAI,CAACA,MAAM,IAAIvB,KAAK,CAACqB,aAAa,IAAI,IAAI,EAAE;QAC1CrB,KAAK,CAACmC,YAAY,CAAC,CAAC;MACtB;IACF,CACF,CAAC;IACD,OAAO,MAAM;MACXnB,WAAW,CAAC,CAAC;MACbkB,YAAY,CAAC,CAAC;IAChB,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI,CAAC7B,WAAW,EAAE;IAChB,OAAO,IAAI;EACb;EAEA,oBAAOnC,MAAA,CAAAoB,OAAA,CAAA8C,aAAA,CAAC3D,iBAAA,CAAA4D,gBAAgB;IAACrC,KAAK,EAAEK,WAAY;IAAAiC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7D,YAAA;MAAA8D,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AACjD,CAAC;AAEM,MAAMC,8BAA8B,GAAAC,OAAA,CAAAD,8BAAA,GAAG,IAAAE,uBAAQ,EACpD9C,+BACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_mobx","_bexCore","_react2","_CustomFieldModal","_dataExtensionFieldDraft","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_DataExtensionImportFieldEditor","state","container","useWixPatternsContainer","fieldManagement","dataExtensionFieldManagement","editorState","useState","CustomFieldModalState","reportBi","fieldCount","fields","length","onSubmit","applyDataExtensionFieldEdit","undefined","useEffect","disposeOpen","reaction","editingMapping","mapping","header","editingHeader","modalState","isOpen","name","displayName","reset","mode","setFormValues","mappingToFieldDraft","generateUniqueKey","modal","open","fireImmediately","disposeClose","endFieldEdit","createElement","CustomFieldModal","__self","__source","fileName","lineNumber","columnNumber","DataExtensionImportFieldEditor","exports","observer"],"sources":["../../../../src/components/DataExtension/DataExtensionImportFieldEditor.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { reaction } from 'mobx';\nimport { CustomFieldModalState, type ImportState } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldModal } from '../CustomFieldModal';\nimport { mappingToFieldDraft } from './dataExtensionFieldDraft';\n\n/*\n The DataExtension create/edit-field modal for the import flow. `ImportButton`\n * picks and lazy-loads it for a platformized import (from the config's\n * `dataSource`). Reuses `CustomFieldModal` in side-effect-free mode (`onSubmit`)\n * — on confirm it hands the draft to the import (which batches creation\n * pre-upload) instead of creating the field. It opens/pre-fills from\n * `state.editingMapping` and clears `state.editingHeader` on close, mirroring the\n * CMS editor.\n */\nconst _DataExtensionImportFieldEditor = ({ state }: { state: ImportState }) => {\n const container = useWixPatternsContainer();\n const fieldManagement = state.dataExtensionFieldManagement;\n\n const [editorState] = useState(() =>\n fieldManagement\n ? new CustomFieldModalState({\n fieldManagement,\n container,\n reportBi: container.reportBi,\n fieldCount: () => state.fields.length,\n onSubmit: state.applyDataExtensionFieldEdit,\n })\n : undefined,\n );\n\n useEffect(() => {\n if (!editorState \|\| !fieldManagement) {\n return undefined;\n }\n const disposeOpen = reaction(\n () => state.editingMapping,\n (mapping) => {\n const header = state.editingHeader;\n if (mapping && header && !editorState.modalState.isOpen) {\n const name = mapping.displayName ?? header;\n editorState.reset();\n editorState.mode = 'new';\n editorState.setFormValues(\n mappingToFieldDraft(\n mapping,\n editorState.generateUniqueKey(name),\n name,\n fieldManagement,\n ),\n );\n editorState.modalState.modal.open();\n }\n },\n { fireImmediately: true },\n );\n const disposeClose = reaction(\n () => editorState.modalState.isOpen,\n (isOpen) => {\n if (!isOpen && state.editingHeader != null) {\n state.endFieldEdit();\n }\n },\n );\n return () => {\n disposeOpen();\n disposeClose();\n };\n }, []);\n\n if (!editorState) {\n return null;\n }\n\n return <CustomFieldModal state={editorState} />;\n};\n\nexport const DataExtensionImportFieldEditor = observer(\n _DataExtensionImportFieldEditor,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DataExtension/dataExtensionFieldDraft.js ADDED Viewed

@@ -0,0 +1,35 @@
+"use strict";
+exports.__esModule = true;
+exports.mappingToFieldDraft = void 0;
+var _bexCore = require("@wix/bex-core");
+// Resolve the four FieldDraft permission booleans from a FieldPermissions bag,
+// defaulting to read-for-apps / hidden-from-visitors when a slot is unset.
+const resolvePermissions = permissions => {
+  var _permissions$installe, _permissions$installe2, _permissions$siteVisi, _permissions$siteVisi2;
+  return {
+    readApps: (permissions == null || (_permissions$installe = permissions.installedApps) == null ? void 0 : _permissions$installe.defaultRead) ?? true,
+    writeApps: (permissions == null || (_permissions$installe2 = permissions.installedApps) == null ? void 0 : _permissions$installe2.defaultWrite) ?? true,
+    readUsers: (permissions == null || (_permissions$siteVisi = permissions.siteVisitors) == null ? void 0 : _permissions$siteVisi.defaultRead) ?? false,
+    writeUsers: (permissions == null || (_permissions$siteVisi2 = permissions.siteVisitors) == null ? void 0 : _permissions$siteVisi2.defaultWrite) ?? false
+  };
+};
+/**
+ * Turns a column's `new` mapping into the DataExtension `FieldDraft` used to both
+ * create the field and pre-fill the editor. The precise type comes from a prior
+ * edit (`config.deType`) or the default for the detected type; permissions come
+ * from a prior edit or the source defaults. Key derives from the resolved column
+ * (creation) or the name (editor).
+ */
+const mappingToFieldDraft = (mapping, key, name, fieldManagement) => {
+  var _mapping$config, _mapping$config2, _mapping$config3;
+  return {
+    type: ((_mapping$config = mapping.config) == null ? void 0 : _mapping$config.deType) ?? (0, _bexCore.toDataExtensionFieldType)(mapping.fieldType),
+    key,
+    name,
+    containsPii: ((_mapping$config2 = mapping.config) == null ? void 0 : _mapping$config2.isPii) ?? false,
+    ...resolvePermissions(((_mapping$config3 = mapping.config) == null ? void 0 : _mapping$config3.permissions) ?? fieldManagement.permissions)
+  };
+};
+exports.mappingToFieldDraft = mappingToFieldDraft;
+//# sourceMappingURL=dataExtensionFieldDraft.js.map

package/dist/cjs/components/DataExtension/dataExtensionFieldDraft.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_bexCore","require","resolvePermissions","permissions","_permissions$installe","_permissions$installe2","_permissions$siteVisi","_permissions$siteVisi2","readApps","installedApps","defaultRead","writeApps","defaultWrite","readUsers","siteVisitors","writeUsers","mappingToFieldDraft","mapping","key","name","fieldManagement","_mapping$config","_mapping$config2","_mapping$config3","type","config","deType","toDataExtensionFieldType","fieldType","containsPii","isPii","exports"],"sources":["../../../../src/components/DataExtension/dataExtensionFieldDraft.ts"],"sourcesContent":["import {\n toDataExtensionFieldType,\n type FieldDraft,\n type FieldManagement,\n type FieldPermissions,\n type NewFieldConfig,\n type NewFieldType,\n} from '@wix/bex-core';\n\n// Resolve the four FieldDraft permission booleans from a FieldPermissions bag,\n// defaulting to read-for-apps / hidden-from-visitors when a slot is unset.\nconst resolvePermissions = (permissions?: FieldPermissions) => ({\n readApps: permissions?.installedApps?.defaultRead ?? true,\n writeApps: permissions?.installedApps?.defaultWrite ?? true,\n readUsers: permissions?.siteVisitors?.defaultRead ?? false,\n writeUsers: permissions?.siteVisitors?.defaultWrite ?? false,\n});\n\ntype NewFieldMapping = {\n fieldType: NewFieldType;\n displayName?: string;\n config?: NewFieldConfig;\n};\n\n/**\n * Turns a column's `new` mapping into the DataExtension `FieldDraft` used to both\n * create the field and pre-fill the editor. The precise type comes from a prior\n * edit (`config.deType`) or the default for the detected type; permissions come\n * from a prior edit or the source defaults. Key derives from the resolved column\n * (creation) or the name (editor).\n */\nexport const mappingToFieldDraft = (\n mapping: NewFieldMapping,\n key: string,\n name: string,\n fieldManagement: FieldManagement,\n): FieldDraft => ({\n type: mapping.config?.deType ?? toDataExtensionFieldType(mapping.fieldType),\n key,\n name,\n containsPii: mapping.config?.isPii ?? false,\n ...resolvePermissions(\n mapping.config?.permissions ?? fieldManagement.permissions,\n ),\n});\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AASA;AACA;AACA,MAAMC,kBAAkB,GAAIC,WAA8B;EAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,qBAAA,EAAAC,sBAAA;EAAA,OAAM;IAC9DC,QAAQ,EAAE,CAAAL,WAAW,aAAAC,qBAAA,GAAXD,WAAW,CAAEM,aAAa,qBAA1BL,qBAAA,CAA4BM,WAAW,KAAI,IAAI;IACzDC,SAAS,EAAE,CAAAR,WAAW,aAAAE,sBAAA,GAAXF,WAAW,CAAEM,aAAa,qBAA1BJ,sBAAA,CAA4BO,YAAY,KAAI,IAAI;IAC3DC,SAAS,EAAE,CAAAV,WAAW,aAAAG,qBAAA,GAAXH,WAAW,CAAEW,YAAY,qBAAzBR,qBAAA,CAA2BI,WAAW,KAAI,KAAK;IAC1DK,UAAU,EAAE,CAAAZ,WAAW,aAAAI,sBAAA,GAAXJ,WAAW,CAAEW,YAAY,qBAAzBP,sBAAA,CAA2BK,YAAY,KAAI;EACzD,CAAC;AAAA,CAAC;AAQF;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMI,mBAAmB,GAAGA,CACjCC,OAAwB,EACxBC,GAAW,EACXC,IAAY,EACZC,eAAgC;EAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;EAAA,OAChB;IAChBC,IAAI,EAAE,EAAAH,eAAA,GAAAJ,OAAO,CAACQ,MAAM,qBAAdJ,eAAA,CAAgBK,MAAM,KAAI,IAAAC,iCAAwB,EAACV,OAAO,CAACW,SAAS,CAAC;IAC3EV,GAAG;IACHC,IAAI;IACJU,WAAW,EAAE,EAAAP,gBAAA,GAAAL,OAAO,CAACQ,MAAM,qBAAdH,gBAAA,CAAgBQ,KAAK,KAAI,KAAK;IAC3C,GAAG5B,kBAAkB,CACnB,EAAAqB,gBAAA,GAAAN,OAAO,CAACQ,MAAM,qBAAdF,gBAAA,CAAgBpB,WAAW,KAAIiB,eAAe,CAACjB,WACjD;EACF,CAAC;AAAA,CAAC;AAAC4B,OAAA,CAAAf,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle513899965";
+var _namespace_ = "DragHandle3040349821";
 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": "DragHandle513899965__root"
+  "root": "DragHandle3040349821__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~DragHandle513899965~~\";\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\":\"~~DragHandle513899965__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,~~qBAAqB~~;~~AACvC~~,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;~~AAA2B~~,CAAC;~~AAClD~~,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3040349821\";\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\":\"DragHandle3040349821__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/EditableTable/EditableCell.st.css.js CHANGED Viewed

@@ -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_ = "EditableCell1855872420";
+var _namespace_ = "EditableCell2162357613";
 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": "EditableCell1855872420__root",
-  "validationIndicator": "EditableCell1855872420__validationIndicator"
+  "root": "EditableCell2162357613__root",
+  "validationIndicator": "EditableCell2162357613__validationIndicator"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/EditableCell.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/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~EditableCell1855872420~~\";\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\":\"~~EditableCell1855872420__root~~\",\"validationIndicator\":\"~~EditableCell1855872420__validationIndicator~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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,8BAA8B;EAAC,qBAAqB,EAAC;AAA6C,CAAC;AACzH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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/EditableTable/EditableCell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EditableCell2162357613\";\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\":\"EditableCell2162357613__root\",\"validationIndicator\":\"EditableCell2162357613__validationIndicator\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-B10\":\"--wsr-color-B10\",\"wsr-color-B40\":\"--wsr-color-B40\",\"wsr-color-Y10\":\"--wsr-color-Y10\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,wBAAwB;AAC1C,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,8BAA8B;EAAC,qBAAqB,EAAC;AAA6C,CAAC;AACzH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/EditableTable/HeaderActionsPopover.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_ = "HeaderActionsPopover3071141802";
+var _namespace_ = "HeaderActionsPopover1903031219";
 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": "HeaderActionsPopover3071141802__root"
+  "root": "HeaderActionsPopover1903031219__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.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_ = "CellViewLayout1509650743";
+var _namespace_ = "CellViewLayout3774038431";
 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": "CellViewLayout1509650743__root"
+  "root": "CellViewLayout3774038431__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EditableTable/cellTypes/CellViewLayout.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/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~CellViewLayout1509650743~~\";\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\":\"~~CellViewLayout1509650743__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,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,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/EditableTable/cellTypes/CellViewLayout.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CellViewLayout3774038431\";\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\":\"CellViewLayout3774038431__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,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAgC,CAAC;AACvD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}