@wix/patterns 1.183.0 → 1.186.0

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsFilterStCss","_TabsDropdown","_types","_TabsDefault","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","itemKey","itemName","table","useToolbarCollectionContext","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","items","useMemo","_mergedItems","map","value","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","ALL_TAB_ITEM_ID","undefined","panelMinWidth","useEffect","init","current","itemsCount","length","selectedId","isEmpty","FilterContextProvider","Box","dataHook","className","st","classes","root","width","height","direction","verticalAlign","flexGrow","ref","node","mode","TabsDefault","TabsDropdown","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { classes, st } from './TabsFilter.st.css.js';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of tabs.\n   * @external\n   */\n  data: V[];\n  /**\n   * Defines the selected filter.\n   * <br><br>\n   * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n   * @external\n   */\n  filter: Filter<V[]>;\n  /**\n   * Display name of the tab that indicates that all items are included.\n   * <br>\n   * Changes the value of `filter` to an empty array.\n   * @external\n   */\n  all?: string | null | false;\n\n  /**\n   * Renders a counter badge next to the tabs' texts.\n   * <br><br>\n   * See different examples of this implementation in the **Design** tab.\n   * @external\n   */\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n  } = props;\n  const { itemKey, itemName } = filter;\n\n  const table = useToolbarCollectionContext();\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      return {\n        id: itemKey(value),\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            counterBadge={counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          counterBadge={counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [dataProp, all, counterBadge, responsive.panelMinWidth]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        dataHook=\"collection-tabs-filter\"\n        className={st(classes.root)}\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        <div\n          ref={(node) => {\n            if (node) {\n              container.current = node;\n            }\n          }}\n        >\n          {responsive.mode === 'tabs' ? (\n            <TabsDefault\n              items={items}\n              data={dataProp}\n              filter={filter}\n              selectedId={selectedId}\n              state={state}\n              onChange={onChange}\n              type={type}\n              all={all}\n            />\n          ) : (\n            <TabsDropdown\n              filter={filter}\n              data={dataProp}\n              items={items}\n              selectedId={selectedId}\n            />\n          )}\n        </div>\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobx","_FilterContext","_mobxReactLite","_TabTitle","_ToolbarCollectionContext","_TabsFilterState","_TabsFilterStCss","_TabsDropdown","_types","_TabsDefault","_useFilterValueTotalState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_TabsFilter","props","type","filter","data","dataProp","all","counterBadge","placeAllTabLast","onChange","itemKey","itemName","table","useToolbarCollectionContext","filterAllValueTotal","useFilterValueTotalState","value","undefined","container","React","useRef","state","useState","tabs","TabsFilterState","useLayoutEffect","runInAction","persistent","responsive","isAllCounterBadgeLoading","useMemo","allStatus","totalsCollection","initTask","status","isLoading","isIdle","isTableLoading","hideCounterBadge","items","_mergedItems","map","index","id","name","title","createElement","TabTitle","tabIndex","text","__self","__source","fileName","lineNumber","columnNumber","item","minWidth","itemsMinWidths","maxWidth","itemMaxWidth","allTabItem","ALL_TAB_ITEM_ID","panelMinWidth","useEffect","init","current","itemsCount","length","selectedId","isEmpty","FilterContextProvider","Box","dataHook","className","st","classes","root","width","height","direction","verticalAlign","flexGrow","ref","node","mode","TabsDefault","TabsDropdown","TabsFilter","exports","observer","displayName"],"sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"sourcesContent":["import React, {\n  ReactNode,\n  useEffect,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react';\nimport { Box, TabsProps } from '@wix/design-system';\nimport { Filter } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { FilterContextProvider } from '../FilterContext';\nimport { observer } from 'mobx-react-lite';\nimport { TabTitle } from './TabTitle';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { TabsFilterState } from './TabsFilterState';\nimport { classes, st } from './TabsFilter.st.css.js';\nimport { TabsDropdown } from './TabsDropdown';\nimport { ALL_TAB_ITEM_ID, TabsFilterItemBase } from './types';\nimport { TabsDefault } from './TabsDefault';\nimport { useFilterValueTotalState } from '../TabTotal/useFilterValueTotalState';\n\nexport interface TabsFilterProps<V> {\n  /**\n   * List of tabs.\n   * @external\n   */\n  data: V[];\n  /**\n   * Defines the selected filter.\n   * <br><br>\n   * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.\n   * @external\n   */\n  filter: Filter<V[]>;\n  /**\n   * Display name of the tab that indicates that all items are included.\n   * <br>\n   * Changes the value of `filter` to an empty array.\n   * @external\n   */\n  all?: string | null | false;\n\n  /**\n   * Renders a counter badge next to the tabs' texts.\n   * <br><br>\n   * See different examples of this implementation in the **Design** tab.\n   * @external\n   */\n  counterBadge?: (value: V | null | undefined) => ReactNode;\n  onChange?: (value: V | null | undefined) => unknown;\n\n  /**\n   * Tabs layout type.\n   * <br><br>\n   * If this prop is omitted, the width depends on the label width. The total width of all the tabs cannot exceed 80% of the toolbar.\n   * <br><br>\n   * Supported values:<br>\n   * - `uniformFull`: Tabs are spread out uniformly.\n   * @external\n   */\n  type?: Extract<TabsProps['type'], 'uniformFull'>;\n\n  placeAllTabLast?: boolean;\n}\n\nfunction _TabsFilter<V>(props: TabsFilterProps<V>) {\n  const {\n    type,\n    filter,\n    data: dataProp,\n    all,\n    counterBadge,\n    placeAllTabLast,\n    onChange,\n  } = props;\n  const { itemKey, itemName } = filter;\n\n  const table = useToolbarCollectionContext();\n  const filterAllValueTotal = useFilterValueTotalState({\n    ...props,\n    value: undefined,\n  });\n\n  const container = React.useRef<HTMLDivElement>();\n\n  const [state] = useState(\n    () =>\n      (table.tabs ??= new TabsFilterState({\n        table,\n      })),\n  );\n\n  useLayoutEffect(() => {\n    runInAction(() => {\n      if (filter.persistent == null) {\n        filter.persistent = true;\n      }\n    });\n  }, []);\n\n  const { responsive } = state;\n\n  const isAllCounterBadgeLoading = useMemo(() => {\n    const allStatus = filterAllValueTotal.totalsCollection.initTask.status;\n    const { isLoading, isIdle } = allStatus;\n    return isLoading || isIdle;\n  }, [filterAllValueTotal.totalsCollection.initTask.status]);\n\n  const isTableLoading = useMemo(() => {\n    const { isLoading, isIdle } = table.initTask.status;\n    return isLoading || isIdle;\n  }, [table.initTask.status]);\n\n  const hideCounterBadge = isTableLoading || isAllCounterBadgeLoading;\n\n  const items = useMemo<TabsFilterItemBase[]>(() => {\n    const _mergedItems = dataProp.map((value, index) => {\n      return {\n        id: itemKey(value),\n        name: itemName(value),\n        title: (\n          <TabTitle\n            tabIndex={all && !placeAllTabLast ? index + 1 : index}\n            state={responsive}\n            text={itemName(value)}\n            value={value}\n            counterBadge={hideCounterBadge ? undefined : counterBadge}\n          />\n        ),\n        value,\n      };\n    });\n\n    if (!all) {\n      return _mergedItems.map((item, index) => ({\n        ...item,\n        index,\n        minWidth: responsive.itemsMinWidths[index],\n        maxWidth: responsive.itemMaxWidth,\n      }));\n    }\n\n    const allTabItem = {\n      id: ALL_TAB_ITEM_ID,\n      name: all,\n      title: (\n        <TabTitle\n          tabIndex={0}\n          state={responsive}\n          text={all}\n          value={undefined}\n          counterBadge={hideCounterBadge ? undefined : counterBadge}\n        />\n      ),\n    };\n\n    return (\n      placeAllTabLast\n        ? [..._mergedItems, allTabItem]\n        : [allTabItem, ..._mergedItems]\n    ).map((item, index) => ({\n      ...item,\n      minWidth: responsive.itemsMinWidths[index],\n      index,\n    }));\n  }, [dataProp, all, counterBadge, responsive.panelMinWidth, hideCounterBadge]);\n\n  useEffect(\n    () =>\n      state.init({\n        container: container.current,\n        itemsCount: items.length,\n      }),\n    [],\n  );\n\n  const selectedId = filter.isEmpty\n    ? ALL_TAB_ITEM_ID\n    : itemKey(filter.value[0]);\n\n  return (\n    <FilterContextProvider value={filter}>\n      <Box\n        dataHook=\"collection-tabs-filter\"\n        className={st(classes.root)}\n        width=\"100%\"\n        height={60}\n        direction=\"vertical\"\n        verticalAlign=\"middle\"\n        flexGrow={1}\n      >\n        <div\n          ref={(node) => {\n            if (node) {\n              container.current = node;\n            }\n          }}\n        >\n          {responsive.mode === 'tabs' ? (\n            <TabsDefault\n              items={items}\n              data={dataProp}\n              filter={filter}\n              selectedId={selectedId}\n              state={state}\n              onChange={onChange}\n              type={type}\n              all={all}\n            />\n          ) : (\n            <TabsDropdown\n              filter={filter}\n              data={dataProp}\n              items={items}\n              selectedId={selectedId}\n            />\n          )}\n        </div>\n      </Box>\n    </FilterContextProvider>\n  );\n}\n\nexport const TabsFilter = observer(_TabsFilter);\nTabsFilter.displayName = 'TabsFilter';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TabsFilter2401892240";
+var _namespace_ = "TabsFilter1750562100";
 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": "TabsFilter2401892240__root",
-  "title": "TabsFilter2401892240__title"
+  "root": "TabsFilter1750562100__root",
+  "title": "TabsFilter1750562100__title"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/TabsFilter/TabsFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter2401892240\";\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\":\"TabsFilter2401892240__root\",\"title\":\"TabsFilter2401892240__title\"};\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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TabsFilter1750562100\";\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\":\"TabsFilter1750562100__root\",\"title\":\"TabsFilter1750562100__title\"};\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,4BAA4B;EAAC,OAAO,EAAC;AAA6B,CAAC;AACzF,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/TabsFilter/TabsFilter.uni.driver.js

@@ -59,7 +59,8 @@ function TabsFilterUniDriver(base, body) {
      * @param index
      */
     getTotalParensTextAt: index => getTabs().get(index).$('[data-hook="title-badge"]').$('[data-hook="total"]').text(),
-    dropdown: () => (0, _unidriver.InputWithOptionsUniDriver)(base.$('[data-hook="tabs-dropdown"]'), body)
+    dropdown: () => (0, _unidriver.InputWithOptionsUniDriver)(base.$('[data-hook="tabs-dropdown"]'), body),
+    tabsBadgesExists: () => getTabs().at(0).$('[data-hook="title-badge"]').exists()
   };
 }
 var _default = exports.default = TabsFilterUniDriver;

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_unidriver2","TabsFilterUniDriver","base","body","tabsBase","$","tabsUniDriver","TabsUniDriver","getTabs","$$","getTabAt","index","get","wait","timeout","baseUniDriverFactory","getTitles","map","e","text","getParensTotals","getCounterBadgeTotals","getActiveTabIndex","clickTabAt","hoverTabAt","hover","getTitleTextAt","getTotalBadgeTextAt","getTotalParensTextAt","dropdown","InputWithOptionsUniDriver","_default","exports","default"],"sources":["../../../../src/components/TabsFilter/TabsFilter.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  InputWithOptionsUniDriver,\n  TabsUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function TabsFilterUniDriver(base: UniDriver, body: UniDriver) {\n  const tabsBase = () => base.$('[data-hook=\"tabs-default\"]');\n  const tabsUniDriver = TabsUniDriver(tabsBase(), body);\n\n  const getTabs = () => tabsBase().$$('[data-hook=\"tabs-filter-tab-title\"]');\n\n  const getTabAt = (index: number) => getTabs().get(index);\n\n  return {\n    /**\n     * Wait for tabs filter to render\n     * @param timeout\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    /**\n     * Get all tabs titles text\n     */\n    getTitles: () =>\n      getTabs().map((e) => e.$('[data-hook=\"title-text\"]').text()),\n    /**\n     *\n     * Get all tabs total text (requires <TabTotalParens />)\n     */\n    getParensTotals: () =>\n      getTabs().map((e) =>\n        e.$('[data-hook=\"title-badge\"]').$('[data-hook=\"total\"]').text(),\n      ),\n    /**\n     * Get all tabs total text (requires <TabTotalCounterBadge />)\n     */\n    getCounterBadgeTotals: () =>\n      getTabs().map((e) => e.$('[data-hook=\"title-badge\"]').text()),\n    /**\n     * Get the index of the current active tab\n     */\n    getActiveTabIndex: () => tabsUniDriver.getActiveTabIndex(),\n    /**\n     * Click a tab\n     * @param index\n     */\n    clickTabAt: (index: number) => tabsUniDriver.clickTabAt(index),\n    /**\n     * Hover a tab\n     * @param index\n     */\n    hoverTabAt: (index: number) => getTabAt(index).hover(),\n    /**\n     * Get the title text of a tab\n     * @param index\n     */\n    getTitleTextAt: (index: number) =>\n      getTabs().get(index).$('[data-hook=\"title-text\"]').text(),\n    /**\n     * Get the total text of a tab (requires <TabTotalCounterBadge />)\n     * @param index\n     */\n    getTotalBadgeTextAt: (index: number) =>\n      getTabs().get(index).$('[data-hook=\"title-badge\"]').text(),\n    /**\n     * Get the total text of a tab (requires <TabTotalParens />)\n     * @param index\n     */\n    getTotalParensTextAt: (index: number) =>\n      getTabs()\n        .get(index)\n        .$('[data-hook=\"title-badge\"]')\n        .$('[data-hook=\"total\"]')\n        .text(),\n\n    dropdown: () =>\n      InputWithOptionsUniDriver(base.$('[data-hook=\"tabs-dropdown\"]'), body),\n  };\n}\n\nexport default TabsFilterUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACpE,MAAMC,QAAQ,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,4BAA4B,CAAC;EAC3D,MAAMC,aAAa,GAAG,IAAAC,wBAAa,EAACH,QAAQ,CAAC,CAAC,EAAED,IAAI,CAAC;EAErD,MAAMK,OAAO,GAAGA,CAAA,KAAMJ,QAAQ,CAAC,CAAC,CAACK,EAAE,CAAC,qCAAqC,CAAC;EAE1E,MAAMC,QAAQ,GAAIC,KAAa,IAAKH,OAAO,CAAC,CAAC,CAACI,GAAG,CAACD,KAAK,CAAC;EAExD,OAAO;IACL;AACJ;AACA;AACA;IACIE,IAAI,EAAGC,OAAgB,IAAKZ,IAAI,CAACW,IAAI,CAACC,OAAO,CAAC;IAC9C,GAAG,IAAAC,gCAAoB,EAACb,IAAI,CAAC;IAC7B;AACJ;AACA;IACIc,SAAS,EAAEA,CAAA,KACTR,OAAO,CAAC,CAAC,CAACS,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACb,CAAC,CAAC,0BAA0B,CAAC,CAACc,IAAI,CAAC,CAAC,CAAC;IAC9D;AACJ;AACA;AACA;IACIC,eAAe,EAAEA,CAAA,KACfZ,OAAO,CAAC,CAAC,CAACS,GAAG,CAAEC,CAAC,IACdA,CAAC,CAACb,CAAC,CAAC,2BAA2B,CAAC,CAACA,CAAC,CAAC,qBAAqB,CAAC,CAACc,IAAI,CAAC,CACjE,CAAC;IACH;AACJ;AACA;IACIE,qBAAqB,EAAEA,CAAA,KACrBb,OAAO,CAAC,CAAC,CAACS,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACb,CAAC,CAAC,2BAA2B,CAAC,CAACc,IAAI,CAAC,CAAC,CAAC;IAC/D;AACJ;AACA;IACIG,iBAAiB,EAAEA,CAAA,KAAMhB,aAAa,CAACgB,iBAAiB,CAAC,CAAC;IAC1D;AACJ;AACA;AACA;IACIC,UAAU,EAAGZ,KAAa,IAAKL,aAAa,CAACiB,UAAU,CAACZ,KAAK,CAAC;IAC9D;AACJ;AACA;AACA;IACIa,UAAU,EAAGb,KAAa,IAAKD,QAAQ,CAACC,KAAK,CAAC,CAACc,KAAK,CAAC,CAAC;IACtD;AACJ;AACA;AACA;IACIC,cAAc,EAAGf,KAAa,IAC5BH,OAAO,CAAC,CAAC,CAACI,GAAG,CAACD,KAAK,CAAC,CAACN,CAAC,CAAC,0BAA0B,CAAC,CAACc,IAAI,CAAC,CAAC;IAC3D;AACJ;AACA;AACA;IACIQ,mBAAmB,EAAGhB,KAAa,IACjCH,OAAO,CAAC,CAAC,CAACI,GAAG,CAACD,KAAK,CAAC,CAACN,CAAC,CAAC,2BAA2B,CAAC,CAACc,IAAI,CAAC,CAAC;IAC5D;AACJ;AACA;AACA;IACIS,oBAAoB,EAAGjB,KAAa,IAClCH,OAAO,CAAC,CAAC,CACNI,GAAG,CAACD,KAAK,CAAC,CACVN,CAAC,CAAC,2BAA2B,CAAC,CAC9BA,CAAC,CAAC,qBAAqB,CAAC,CACxBc,IAAI,CAAC,CAAC;IAEXU,QAAQ,EAAEA,CAAA,KACR,IAAAC,oCAAyB,EAAC5B,IAAI,CAACG,CAAC,CAAC,6BAA6B,CAAC,EAAEF,IAAI;EACzE,CAAC;AACH;AAAC,IAAA4B,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEchC,mBAAmB","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_unidriver2","TabsFilterUniDriver","base","body","tabsBase","$","tabsUniDriver","TabsUniDriver","getTabs","$$","getTabAt","index","get","wait","timeout","baseUniDriverFactory","getTitles","map","e","text","getParensTotals","getCounterBadgeTotals","getActiveTabIndex","clickTabAt","hoverTabAt","hover","getTitleTextAt","getTotalBadgeTextAt","getTotalParensTextAt","dropdown","InputWithOptionsUniDriver","tabsBadgesExists","at","exists","_default","exports","default"],"sources":["../../../../src/components/TabsFilter/TabsFilter.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  InputWithOptionsUniDriver,\n  TabsUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function TabsFilterUniDriver(base: UniDriver, body: UniDriver) {\n  const tabsBase = () => base.$('[data-hook=\"tabs-default\"]');\n  const tabsUniDriver = TabsUniDriver(tabsBase(), body);\n\n  const getTabs = () => tabsBase().$$('[data-hook=\"tabs-filter-tab-title\"]');\n\n  const getTabAt = (index: number) => getTabs().get(index);\n\n  return {\n    /**\n     * Wait for tabs filter to render\n     * @param timeout\n     */\n    wait: (timeout?: number) => base.wait(timeout),\n    ...baseUniDriverFactory(base),\n    /**\n     * Get all tabs titles text\n     */\n    getTitles: () =>\n      getTabs().map((e) => e.$('[data-hook=\"title-text\"]').text()),\n    /**\n     *\n     * Get all tabs total text (requires <TabTotalParens />)\n     */\n    getParensTotals: () =>\n      getTabs().map((e) =>\n        e.$('[data-hook=\"title-badge\"]').$('[data-hook=\"total\"]').text(),\n      ),\n    /**\n     * Get all tabs total text (requires <TabTotalCounterBadge />)\n     */\n    getCounterBadgeTotals: () =>\n      getTabs().map((e) => e.$('[data-hook=\"title-badge\"]').text()),\n    /**\n     * Get the index of the current active tab\n     */\n    getActiveTabIndex: () => tabsUniDriver.getActiveTabIndex(),\n    /**\n     * Click a tab\n     * @param index\n     */\n    clickTabAt: (index: number) => tabsUniDriver.clickTabAt(index),\n    /**\n     * Hover a tab\n     * @param index\n     */\n    hoverTabAt: (index: number) => getTabAt(index).hover(),\n    /**\n     * Get the title text of a tab\n     * @param index\n     */\n    getTitleTextAt: (index: number) =>\n      getTabs().get(index).$('[data-hook=\"title-text\"]').text(),\n    /**\n     * Get the total text of a tab (requires <TabTotalCounterBadge />)\n     * @param index\n     */\n    getTotalBadgeTextAt: (index: number) =>\n      getTabs().get(index).$('[data-hook=\"title-badge\"]').text(),\n    /**\n     * Get the total text of a tab (requires <TabTotalParens />)\n     * @param index\n     */\n    getTotalParensTextAt: (index: number) =>\n      getTabs()\n        .get(index)\n        .$('[data-hook=\"title-badge\"]')\n        .$('[data-hook=\"total\"]')\n        .text(),\n\n    dropdown: () =>\n      InputWithOptionsUniDriver(base.$('[data-hook=\"tabs-dropdown\"]'), body),\n\n    tabsBadgesExists: () =>\n      getTabs().at(0).$('[data-hook=\"title-badge\"]').exists(),\n  };\n}\n\nexport default TabsFilterUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACpE,MAAMC,QAAQ,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,4BAA4B,CAAC;EAC3D,MAAMC,aAAa,GAAG,IAAAC,wBAAa,EAACH,QAAQ,CAAC,CAAC,EAAED,IAAI,CAAC;EAErD,MAAMK,OAAO,GAAGA,CAAA,KAAMJ,QAAQ,CAAC,CAAC,CAACK,EAAE,CAAC,qCAAqC,CAAC;EAE1E,MAAMC,QAAQ,GAAIC,KAAa,IAAKH,OAAO,CAAC,CAAC,CAACI,GAAG,CAACD,KAAK,CAAC;EAExD,OAAO;IACL;AACJ;AACA;AACA;IACIE,IAAI,EAAGC,OAAgB,IAAKZ,IAAI,CAACW,IAAI,CAACC,OAAO,CAAC;IAC9C,GAAG,IAAAC,gCAAoB,EAACb,IAAI,CAAC;IAC7B;AACJ;AACA;IACIc,SAAS,EAAEA,CAAA,KACTR,OAAO,CAAC,CAAC,CAACS,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACb,CAAC,CAAC,0BAA0B,CAAC,CAACc,IAAI,CAAC,CAAC,CAAC;IAC9D;AACJ;AACA;AACA;IACIC,eAAe,EAAEA,CAAA,KACfZ,OAAO,CAAC,CAAC,CAACS,GAAG,CAAEC,CAAC,IACdA,CAAC,CAACb,CAAC,CAAC,2BAA2B,CAAC,CAACA,CAAC,CAAC,qBAAqB,CAAC,CAACc,IAAI,CAAC,CACjE,CAAC;IACH;AACJ;AACA;IACIE,qBAAqB,EAAEA,CAAA,KACrBb,OAAO,CAAC,CAAC,CAACS,GAAG,CAAEC,CAAC,IAAKA,CAAC,CAACb,CAAC,CAAC,2BAA2B,CAAC,CAACc,IAAI,CAAC,CAAC,CAAC;IAC/D;AACJ;AACA;IACIG,iBAAiB,EAAEA,CAAA,KAAMhB,aAAa,CAACgB,iBAAiB,CAAC,CAAC;IAC1D;AACJ;AACA;AACA;IACIC,UAAU,EAAGZ,KAAa,IAAKL,aAAa,CAACiB,UAAU,CAACZ,KAAK,CAAC;IAC9D;AACJ;AACA;AACA;IACIa,UAAU,EAAGb,KAAa,IAAKD,QAAQ,CAACC,KAAK,CAAC,CAACc,KAAK,CAAC,CAAC;IACtD;AACJ;AACA;AACA;IACIC,cAAc,EAAGf,KAAa,IAC5BH,OAAO,CAAC,CAAC,CAACI,GAAG,CAACD,KAAK,CAAC,CAACN,CAAC,CAAC,0BAA0B,CAAC,CAACc,IAAI,CAAC,CAAC;IAC3D;AACJ;AACA;AACA;IACIQ,mBAAmB,EAAGhB,KAAa,IACjCH,OAAO,CAAC,CAAC,CAACI,GAAG,CAACD,KAAK,CAAC,CAACN,CAAC,CAAC,2BAA2B,CAAC,CAACc,IAAI,CAAC,CAAC;IAC5D;AACJ;AACA;AACA;IACIS,oBAAoB,EAAGjB,KAAa,IAClCH,OAAO,CAAC,CAAC,CACNI,GAAG,CAACD,KAAK,CAAC,CACVN,CAAC,CAAC,2BAA2B,CAAC,CAC9BA,CAAC,CAAC,qBAAqB,CAAC,CACxBc,IAAI,CAAC,CAAC;IAEXU,QAAQ,EAAEA,CAAA,KACR,IAAAC,oCAAyB,EAAC5B,IAAI,CAACG,CAAC,CAAC,6BAA6B,CAAC,EAAEF,IAAI,CAAC;IAExE4B,gBAAgB,EAAEA,CAAA,KAChBvB,OAAO,CAAC,CAAC,CAACwB,EAAE,CAAC,CAAC,CAAC,CAAC3B,CAAC,CAAC,2BAA2B,CAAC,CAAC4B,MAAM,CAAC;EAC1D,CAAC;AACH;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcnC,mBAAmB","ignoreList":[]}

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js

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

package/dist/cjs/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal412267489\";\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\":\"ManageTagsModal412267489__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ManageTagsModal85751042\";\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\":\"ManageTagsModal85751042__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/ToolbarItem/ToolbarItem.st.css.js

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

package/dist/cjs/components/ToolbarItem/ToolbarItem.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem2694589812\";\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\":\"ToolbarItem2694589812__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItem/ToolbarItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItem1931384099\";\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\":\"ToolbarItem1931384099__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,uBAAuB;AACzC,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;AAA6B,CAAC;AACpD,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/ToolbarItemBox/ToolbarItemBox.st.css.js

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

package/dist/cjs/components/ToolbarItemBox/ToolbarItemBox.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox4009883896\";\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\":\"ToolbarItemBox4009883896__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ToolbarItemBox/ToolbarItemBox.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ToolbarItemBox2235568174\";\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\":\"ToolbarItemBox2235568174__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":[]}

package/dist/cjs/components/common.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common1825036501";
+var _namespace_ = "common3929952011";
 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": "common1825036501__root",
-  "column": "common1825036501__column",
-  "fullHeight": "common1825036501__fullHeight"
+  "root": "common3929952011__root",
+  "column": "common3929952011__column",
+  "fullHeight": "common3929952011__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/common.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common1825036501\";\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\":\"common1825036501__root\",\"column\":\"common1825036501__column\",\"fullHeight\":\"common1825036501__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common3929952011\";\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\":\"common3929952011__root\",\"column\":\"common3929952011__column\",\"fullHeight\":\"common3929952011__fullHeight\"};\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,kBAAkB;AACpC,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,wBAAwB;EAAC,QAAQ,EAAC,0BAA0B;EAAC,YAAY,EAAC;AAA8B,CAAC;AAC/H,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/exports/components.js

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _RequestId = require("../components/RequestId");
+Object.keys(_RequestId).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RequestId[key]) return;
+  exports[key] = _RequestId[key];
+});
+//# sourceMappingURL=components.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_RequestId","require","Object","keys","forEach","key","exports"],"sources":["../../../src/exports/components.ts"],"sourcesContent":["export * from '../components/RequestId';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/exports/testkit/unidriver.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.TableUniDriver = exports.PickerUniDriver = exports.PickerStandaloneUniDriver = exports.PickerModalUniDriver = exports.GridUniDriver = void 0;
+exports.TableUniDriver = exports.PickerUniDriver = exports.PickerStandaloneUniDriver = exports.PickerModalUniDriver = exports.GridUniDriver = exports.GridFoldersUniDriver = void 0;
 var _PickerUni = require("../../components/Picker/Picker.uni.driver");
 exports.PickerUniDriver = _PickerUni.PickerUniDriver;
 var _PickerModalUni = require("../../components/PickerModal/PickerModal.uni.driver");
@@ -12,4 +12,6 @@ var _TableUni = require("../../components/Table/Table.uni.driver");
 exports.TableUniDriver = _TableUni.TableUniDriver;
 var _GridUni = require("../../components/Grid/Grid.uni.driver");
 exports.GridUniDriver = _GridUni.GridUniDriver;
+var _GridFoldersUni = require("../../components/Grid/GridFolders.uni.driver");
+exports.GridFoldersUniDriver = _GridFoldersUni.GridFoldersUniDriver;
 //# sourceMappingURL=unidriver.js.map

package/dist/cjs/exports/testkit/unidriver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_PickerUni","require","exports","PickerUniDriver","_PickerModalUni","PickerModalUniDriver","_PickerStandaloneUni","PickerStandaloneUniDriver","_TableUni","TableUniDriver","_GridUni","GridUniDriver"],"sources":["../../../../src/exports/testkit/unidriver.ts"],"sourcesContent":["export { PickerUniDriver } from '../../components/Picker/Picker.uni.driver';\nexport { PickerModalUniDriver } from '../../components/PickerModal/PickerModal.uni.driver';\nexport { PickerStandaloneUniDriver } from '../../components/PickerStandalone/PickerStandalone.uni.driver';\nexport { TableUniDriver } from '../../components/Table/Table.uni.driver';\nexport { GridUniDriver } from '../../components/Grid/Grid.uni.driver';\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAA4EC,OAAA,CAAAC,eAAA,GAAAH,UAAA,CAAAG,eAAA;AAC5E,IAAAC,eAAA,GAAAH,OAAA;AAA2FC,OAAA,CAAAG,oBAAA,GAAAD,eAAA,CAAAC,oBAAA;AAC3F,IAAAC,oBAAA,GAAAL,OAAA;AAA0GC,OAAA,CAAAK,yBAAA,GAAAD,oBAAA,CAAAC,yBAAA;AAC1G,IAAAC,SAAA,GAAAP,OAAA;AAAyEC,OAAA,CAAAO,cAAA,GAAAD,SAAA,CAAAC,cAAA;AACzE,IAAAC,QAAA,GAAAT,OAAA;AAAsEC,OAAA,CAAAS,aAAA,GAAAD,QAAA,CAAAC,aAAA","ignoreList":[]}
+{"version":3,"names":["_PickerUni","require","exports","PickerUniDriver","_PickerModalUni","PickerModalUniDriver","_PickerStandaloneUni","PickerStandaloneUniDriver","_TableUni","TableUniDriver","_GridUni","GridUniDriver","_GridFoldersUni","GridFoldersUniDriver"],"sources":["../../../../src/exports/testkit/unidriver.ts"],"sourcesContent":["export { PickerUniDriver } from '../../components/Picker/Picker.uni.driver';\nexport { PickerModalUniDriver } from '../../components/PickerModal/PickerModal.uni.driver';\nexport { PickerStandaloneUniDriver } from '../../components/PickerStandalone/PickerStandalone.uni.driver';\nexport { TableUniDriver } from '../../components/Table/Table.uni.driver';\nexport { GridUniDriver } from '../../components/Grid/Grid.uni.driver';\nexport { GridFoldersUniDriver } from '../../components/Grid/GridFolders.uni.driver';\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAA4EC,OAAA,CAAAC,eAAA,GAAAH,UAAA,CAAAG,eAAA;AAC5E,IAAAC,eAAA,GAAAH,OAAA;AAA2FC,OAAA,CAAAG,oBAAA,GAAAD,eAAA,CAAAC,oBAAA;AAC3F,IAAAC,oBAAA,GAAAL,OAAA;AAA0GC,OAAA,CAAAK,yBAAA,GAAAD,oBAAA,CAAAC,yBAAA;AAC1G,IAAAC,SAAA,GAAAP,OAAA;AAAyEC,OAAA,CAAAO,cAAA,GAAAD,SAAA,CAAAC,cAAA;AACzE,IAAAC,QAAA,GAAAT,OAAA;AAAsEC,OAAA,CAAAS,aAAA,GAAAD,QAAA,CAAAC,aAAA;AACtE,IAAAC,eAAA,GAAAX,OAAA;AAAoFC,OAAA,CAAAW,oBAAA,GAAAD,eAAA,CAAAC,oBAAA","ignoreList":[]}

package/dist/cjs/state/CustomFields/CustomFieldsPanelState.js

@@ -36,7 +36,11 @@ class CustomFieldsPanelState {
     customFieldModal.reset();
     customFieldModal.mode = params.fieldId ? 'edit' : 'new';
     customFieldModal.origin = params.origin;
-    !params.fieldId && customFieldModalBiReporter.reportAddCustomField(params.origin);
+    customFieldModal.customOrigin = params.customOrigin;
+    !params.fieldId && customFieldModalBiReporter.reportAddCustomField({
+      origin: params.origin,
+      customOrigin: params.customOrigin
+    });
     customFieldModalBiReporter.formSnapshot = null;
     customFieldModal.setDefaultPermissions();
     if (this.dataExtension.userSchema) {

package/dist/cjs/state/CustomFields/CustomFieldsPanelState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","CustomFieldsPanelState","constructor","params","_defineProperty2","default","reportBi","closeSidePanel","dataExtension","archiveFieldModal","ArchiveFieldModalState","customFieldModal","CustomFieldModalState","dataExtensionState","makeAutoObservable","openCustomFieldModal","customFieldModalBiReporter","reset","mode","fieldId","origin","reportAddCustomField","formSnapshot","setDefaultPermissions","userSchema","formValues","extractFieldValuesFromSchema","setFormValues","disablePermissionCheckboxes","modalState","modal","open","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsPanelState.ts"],"sourcesContent":["import {\n  ArchiveFieldModalState,\n  CustomFieldModalState,\n  CustomFieldOrigin,\n  DataExtensionState,\n  ReportBI,\n} from '@wix/bex-core';\nimport { makeAutoObservable } from 'mobx';\n\nexport interface CustomFieldsPanelStateParams {\n  readonly reportBi: ReportBI;\n  readonly closeSidePanel: () => unknown;\n  readonly dataExtension: DataExtensionState;\n}\n\nexport class CustomFieldsPanelState {\n  readonly reportBi;\n  readonly closeSidePanel;\n  readonly dataExtension;\n  readonly customFieldModal;\n  readonly archiveFieldModal;\n\n  constructor(params: CustomFieldsPanelStateParams) {\n    this.reportBi = params.reportBi;\n    this.closeSidePanel = params.closeSidePanel;\n    this.dataExtension = params.dataExtension;\n    this.archiveFieldModal = new ArchiveFieldModalState({\n      reportBi: this.reportBi,\n      dataExtension: this.dataExtension,\n    });\n    this.customFieldModal = new CustomFieldModalState({\n      reportBi: this.reportBi,\n      dataExtensionState: this.dataExtension,\n    });\n    makeAutoObservable(this);\n  }\n\n  openCustomFieldModal(params: {\n    fieldId?: string;\n    origin: CustomFieldOrigin;\n  }) {\n    const { customFieldModal } = this;\n\n    const { customFieldModalBiReporter } = customFieldModal;\n\n    customFieldModal.reset();\n    customFieldModal.mode = params.fieldId ? 'edit' : 'new';\n    customFieldModal.origin = params.origin;\n\n    !params.fieldId &&\n      customFieldModalBiReporter.reportAddCustomField(params.origin);\n\n    customFieldModalBiReporter.formSnapshot = null;\n    customFieldModal.setDefaultPermissions();\n\n    if (this.dataExtension.userSchema) {\n      if (params.fieldId) {\n        const formValues = this.dataExtension.extractFieldValuesFromSchema(\n          params.fieldId,\n        );\n\n        if (!formValues) {\n          return;\n        }\n\n        customFieldModal.setFormValues(formValues, {\n          disablePermissionCheckboxes: true,\n        });\n        customFieldModalBiReporter.formSnapshot = formValues;\n      }\n    }\n\n    customFieldModal.modalState.modal.open();\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AAQO,MAAME,sBAAsB,CAAC;EAOlCC,WAAWA,CAACC,MAAoC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAChD,IAAI,CAACC,QAAQ,GAAGH,MAAM,CAACG,QAAQ;IAC/B,IAAI,CAACC,cAAc,GAAGJ,MAAM,CAACI,cAAc;IAC3C,IAAI,CAACC,aAAa,GAAGL,MAAM,CAACK,aAAa;IACzC,IAAI,CAACC,iBAAiB,GAAG,IAAIC,+BAAsB,CAAC;MAClDJ,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBE,aAAa,EAAE,IAAI,CAACA;IACtB,CAAC,CAAC;IACF,IAAI,CAACG,gBAAgB,GAAG,IAAIC,8BAAqB,CAAC;MAChDN,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBO,kBAAkB,EAAE,IAAI,CAACL;IAC3B,CAAC,CAAC;IACF,IAAAM,wBAAkB,EAAC,IAAI,CAAC;EAC1B;EAEAC,oBAAoBA,CAACZ,MAGpB,EAAE;IACD,MAAM;MAAEQ;IAAiB,CAAC,GAAG,IAAI;IAEjC,MAAM;MAAEK;IAA2B,CAAC,GAAGL,gBAAgB;IAEvDA,gBAAgB,CAACM,KAAK,CAAC,CAAC;IACxBN,gBAAgB,CAACO,IAAI,GAAGf,MAAM,CAACgB,OAAO,GAAG,MAAM,GAAG,KAAK;IACvDR,gBAAgB,CAACS,MAAM,GAAGjB,MAAM,CAACiB,MAAM;IAEvC,CAACjB,MAAM,CAACgB,OAAO,IACbH,0BAA0B,CAACK,oBAAoB,CAAClB,MAAM,CAACiB,MAAM,CAAC;IAEhEJ,0BAA0B,CAACM,YAAY,GAAG,IAAI;IAC9CX,gBAAgB,CAACY,qBAAqB,CAAC,CAAC;IAExC,IAAI,IAAI,CAACf,aAAa,CAACgB,UAAU,EAAE;MACjC,IAAIrB,MAAM,CAACgB,OAAO,EAAE;QAClB,MAAMM,UAAU,GAAG,IAAI,CAACjB,aAAa,CAACkB,4BAA4B,CAChEvB,MAAM,CAACgB,OACT,CAAC;QAED,IAAI,CAACM,UAAU,EAAE;UACf;QACF;QAEAd,gBAAgB,CAACgB,aAAa,CAACF,UAAU,EAAE;UACzCG,2BAA2B,EAAE;QAC/B,CAAC,CAAC;QACFZ,0BAA0B,CAACM,YAAY,GAAGG,UAAU;MACtD;IACF;IAEAd,gBAAgB,CAACkB,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,CAAC;EAC1C;AACF;AAACC,OAAA,CAAA/B,sBAAA,GAAAA,sBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","CustomFieldsPanelState","constructor","params","_defineProperty2","default","reportBi","closeSidePanel","dataExtension","archiveFieldModal","ArchiveFieldModalState","customFieldModal","CustomFieldModalState","dataExtensionState","makeAutoObservable","openCustomFieldModal","customFieldModalBiReporter","reset","mode","fieldId","origin","customOrigin","reportAddCustomField","formSnapshot","setDefaultPermissions","userSchema","formValues","extractFieldValuesFromSchema","setFormValues","disablePermissionCheckboxes","modalState","modal","open","exports"],"sources":["../../../../src/state/CustomFields/CustomFieldsPanelState.ts"],"sourcesContent":["import {\n  ArchiveFieldModalState,\n  CustomFieldModalState,\n  CustomFieldOrigin,\n  DataExtensionState,\n  ReportBI,\n} from '@wix/bex-core';\nimport { makeAutoObservable } from 'mobx';\n\nexport interface CustomFieldsPanelStateParams {\n  readonly reportBi: ReportBI;\n  readonly closeSidePanel: () => unknown;\n  readonly dataExtension: DataExtensionState;\n}\n\nexport class CustomFieldsPanelState {\n  readonly reportBi;\n  readonly closeSidePanel;\n  readonly dataExtension;\n  readonly customFieldModal;\n  readonly archiveFieldModal;\n\n  constructor(params: CustomFieldsPanelStateParams) {\n    this.reportBi = params.reportBi;\n    this.closeSidePanel = params.closeSidePanel;\n    this.dataExtension = params.dataExtension;\n    this.archiveFieldModal = new ArchiveFieldModalState({\n      reportBi: this.reportBi,\n      dataExtension: this.dataExtension,\n    });\n    this.customFieldModal = new CustomFieldModalState({\n      reportBi: this.reportBi,\n      dataExtensionState: this.dataExtension,\n    });\n    makeAutoObservable(this);\n  }\n\n  openCustomFieldModal(params: {\n    fieldId?: string;\n    origin: CustomFieldOrigin;\n    customOrigin?: string;\n  }) {\n    const { customFieldModal } = this;\n\n    const { customFieldModalBiReporter } = customFieldModal;\n\n    customFieldModal.reset();\n    customFieldModal.mode = params.fieldId ? 'edit' : 'new';\n    customFieldModal.origin = params.origin;\n    customFieldModal.customOrigin = params.customOrigin;\n\n    !params.fieldId &&\n      customFieldModalBiReporter.reportAddCustomField({\n        origin: params.origin,\n        customOrigin: params.customOrigin,\n      });\n\n    customFieldModalBiReporter.formSnapshot = null;\n    customFieldModal.setDefaultPermissions();\n\n    if (this.dataExtension.userSchema) {\n      if (params.fieldId) {\n        const formValues = this.dataExtension.extractFieldValuesFromSchema(\n          params.fieldId,\n        );\n\n        if (!formValues) {\n          return;\n        }\n\n        customFieldModal.setFormValues(formValues, {\n          disablePermissionCheckboxes: true,\n        });\n        customFieldModalBiReporter.formSnapshot = formValues;\n      }\n    }\n\n    customFieldModal.modalState.modal.open();\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAOA,IAAAC,KAAA,GAAAD,OAAA;AAQO,MAAME,sBAAsB,CAAC;EAOlCC,WAAWA,CAACC,MAAoC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAChD,IAAI,CAACC,QAAQ,GAAGH,MAAM,CAACG,QAAQ;IAC/B,IAAI,CAACC,cAAc,GAAGJ,MAAM,CAACI,cAAc;IAC3C,IAAI,CAACC,aAAa,GAAGL,MAAM,CAACK,aAAa;IACzC,IAAI,CAACC,iBAAiB,GAAG,IAAIC,+BAAsB,CAAC;MAClDJ,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBE,aAAa,EAAE,IAAI,CAACA;IACtB,CAAC,CAAC;IACF,IAAI,CAACG,gBAAgB,GAAG,IAAIC,8BAAqB,CAAC;MAChDN,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBO,kBAAkB,EAAE,IAAI,CAACL;IAC3B,CAAC,CAAC;IACF,IAAAM,wBAAkB,EAAC,IAAI,CAAC;EAC1B;EAEAC,oBAAoBA,CAACZ,MAIpB,EAAE;IACD,MAAM;MAAEQ;IAAiB,CAAC,GAAG,IAAI;IAEjC,MAAM;MAAEK;IAA2B,CAAC,GAAGL,gBAAgB;IAEvDA,gBAAgB,CAACM,KAAK,CAAC,CAAC;IACxBN,gBAAgB,CAACO,IAAI,GAAGf,MAAM,CAACgB,OAAO,GAAG,MAAM,GAAG,KAAK;IACvDR,gBAAgB,CAACS,MAAM,GAAGjB,MAAM,CAACiB,MAAM;IACvCT,gBAAgB,CAACU,YAAY,GAAGlB,MAAM,CAACkB,YAAY;IAEnD,CAAClB,MAAM,CAACgB,OAAO,IACbH,0BAA0B,CAACM,oBAAoB,CAAC;MAC9CF,MAAM,EAAEjB,MAAM,CAACiB,MAAM;MACrBC,YAAY,EAAElB,MAAM,CAACkB;IACvB,CAAC,CAAC;IAEJL,0BAA0B,CAACO,YAAY,GAAG,IAAI;IAC9CZ,gBAAgB,CAACa,qBAAqB,CAAC,CAAC;IAExC,IAAI,IAAI,CAAChB,aAAa,CAACiB,UAAU,EAAE;MACjC,IAAItB,MAAM,CAACgB,OAAO,EAAE;QAClB,MAAMO,UAAU,GAAG,IAAI,CAAClB,aAAa,CAACmB,4BAA4B,CAChExB,MAAM,CAACgB,OACT,CAAC;QAED,IAAI,CAACO,UAAU,EAAE;UACf;QACF;QAEAf,gBAAgB,CAACiB,aAAa,CAACF,UAAU,EAAE;UACzCG,2BAA2B,EAAE;QAC/B,CAAC,CAAC;QACFb,0BAA0B,CAACO,YAAY,GAAGG,UAAU;MACtD;IACF;IAEAf,gBAAgB,CAACmB,UAAU,CAACC,KAAK,CAACC,IAAI,CAAC,CAAC;EAC1C;AACF;AAACC,OAAA,CAAAhC,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/dist/cjs/state/GridBaseState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_RectState","_ResponsiveColumnsState","GridBaseState","_dnd","_this$collectionDragA","collectionDragAndDropState","dnd","constructor","params","_params$range","_params$range2","_defineProperty2","default","undefined","origin","toolbar","toolbarBIReporter","onAddItemClick","items","onAddItemActionComplete","container","collection","parentState","layoutType","_containerRectState","RectState","_draggable","draggable","_responsiveColumnsState","ResponsiveColumnsState","gridState","minItemWidth","rectState","_sizePreset","sizePreset","_localLimit","range","length","_localStart","start","makeObservable","trailingItemsCount","observable","ref","forceRenderIndexes","preset","computed","itemsToRenderCount","itemsToRender","rowCount","isInteracting","calcGridProps","columnsCount","_sizeProps","itemKeyRecyclerOverride","itemsContentWidth","containerPaddingTop","gap","imagePlacement","contentPadding","aspectRatio","footerHeights","_this$_dnd","isDisabled","window","result","keyedItems","itemsCount","Math","min","fetchedLastPage","floor","reportBi","columnCount","containerRect","ceil","_this$_dnd2","_this$_dnd3","isActive","isDropping","Array","fill","getItemRenderTypeAt","index","indexInCollection","errorMonitor","responsiveColumnCount","width","widthWithLastColumnGap","widthWithoutGaps","columnWidth","cardFooterSize","cardFooterHeight","cardTopImageHeight","rowHeight","columnWidthIncludingGap","rowHeightIncludingGap","rowHeightFixed","itemsContentHeight","overscanCount","round","getCollectionSnapshot","_keyedItems$index","key","dragAndDropCategories","listAttributes","_this$_dnd4","nullAnnouncements","role","_subscribe","_subGrids","push","i","indexOf","splice","init","exports"],"sources":["../../../src/state/GridBaseState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { CollectionDragAndDropState } from '../components/DragAndDrop';\nimport { RectState } from './RectState';\nimport { GridSizePreset } from './gridSizePresets';\nimport { ResponsiveColumnsState } from './ResponsiveColumnsState';\nimport { GridParentState } from './GridParentState';\n\nexport type LayoutType = 'grid' | 'list';\n\nexport interface GridBaseStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar: ToolbarCollectionState<any, Partial<F>>;\n  readonly sizePreset: GridSizePreset;\n  readonly range?: { start: number; length: number };\n  readonly layoutType: LayoutType | undefined;\n  readonly parentState: GridParentState<T, F>;\n  readonly draggable?: 'none' | 'draggable';\n}\n\nexport interface GridBaseStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {}\n\nexport class GridBaseState<T, F extends FiltersMap> {\n  readonly toolbar;\n  readonly container;\n  readonly collection;\n  readonly _containerRectState;\n  readonly _responsiveColumnsState;\n  readonly parentState;\n  _sizePreset;\n  layoutType;\n\n  trailingItemsCount = 0;\n  minItemWidth = 196;\n  smallCardWidthThreshold = 200;\n  preset: 'full' | 'title' | 'empty' = 'title';\n  _draggable: 'none' | 'draggable' = 'none';\n  _localLimit: number | null | undefined;\n  _localStart: number;\n  forceRenderIndexes: number[] | undefined = undefined;\n\n  collectionDragAndDropState: CollectionDragAndDropState<T, F> | null = null;\n\n  get _dnd() {\n    return this.collectionDragAndDropState?.dnd;\n  }\n\n  constructor(params: GridBaseStateParams<T, F>) {\n    this.container = params.container;\n    this.collection = params.collection;\n    this.parentState = params.parentState;\n    this.layoutType = params.layoutType ?? 'grid';\n    this._containerRectState = new RectState({\n      container: this.container,\n    });\n    this._draggable = params.draggable ?? 'none';\n    this.toolbar = params.toolbar as ToolbarCollectionState<\n      unknown,\n      Partial<F>\n    >;\n    this._responsiveColumnsState = new ResponsiveColumnsState({\n      gridState: this,\n      minItemWidth: this.minItemWidth,\n      rectState: this._containerRectState,\n    });\n    this._sizePreset = params.sizePreset;\n    this._localLimit = params.range?.length;\n    this._localStart = params.range?.start ?? 0;\n\n    makeObservable(this, {\n      trailingItemsCount: observable.ref,\n      forceRenderIndexes: observable.ref,\n      preset: observable.ref,\n      _draggable: observable.ref,\n      draggable: computed,\n      itemsToRenderCount: computed,\n      itemsToRender: computed,\n      rowCount: computed,\n      isInteracting: computed,\n      calcGridProps: computed,\n      columnsCount: computed,\n      _sizeProps: computed,\n      itemKeyRecyclerOverride: computed,\n      _localLimit: observable.ref,\n      _localStart: observable.ref,\n      itemsContentWidth: computed,\n      containerPaddingTop: computed,\n      gap: computed,\n      _sizePreset: observable.ref,\n      layoutType: observable.ref,\n    });\n  }\n\n  get sizePreset() {\n    return this.parentState._sizePreset ?? this._sizePreset;\n  }\n\n  get imagePlacement() {\n    return this.sizePreset.imagePlacement;\n  }\n\n  get gap() {\n    const { layoutType } = this;\n    if (layoutType === 'list') {\n      return 12;\n    }\n\n    return 24;\n  }\n\n  get containerPaddingTop() {\n    const { layoutType } = this;\n    if (layoutType === 'list') {\n      return 0;\n    }\n\n    return this.toolbar.contentPadding;\n  }\n\n  get aspectRatio() {\n    return this.sizePreset.aspectRatio;\n  }\n\n  get footerHeights() {\n    return this.sizePreset.footerHeights;\n  }\n\n  get itemsContentWidth() {\n    return this._responsiveColumnsState.itemsContentWidth;\n  }\n\n  get draggable() {\n    if (this._dnd?.isDisabled) {\n      return 'none' as const;\n    }\n    return this._draggable;\n  }\n\n  get window() {\n    return this.container.window;\n  }\n\n  get itemsToRenderCount() {\n    const { collection, trailingItemsCount, _localLimit, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    const itemsCount =\n      _localLimit != null\n        ? Math.min(_localLimit, keyedItems.length)\n        : keyedItems.length;\n\n    return collection.fetchedLastPage ||\n      (_localLimit != null && _localStart + _localLimit < keyedItems.length)\n      ? itemsCount + trailingItemsCount\n      : itemsCount - Math.floor(itemsCount % this.columnsCount);\n  }\n\n  get reportBi() {\n    return this.toolbar.reportBi;\n  }\n\n  get columnsCount() {\n    return this.calcGridProps.columnCount;\n  }\n\n  get containerRect() {\n    return this.toolbar.containerRect;\n  }\n\n  get rowCount() {\n    const { itemsToRenderCount, columnsCount } = this;\n\n    return Math.ceil(itemsToRenderCount / columnsCount);\n  }\n\n  get isInteracting() {\n    return this._dnd?.isActive || this._dnd?.isDropping;\n  }\n\n  get itemsToRender(): null[] {\n    const { itemsToRenderCount } = this;\n    return new Array(itemsToRenderCount).fill(null);\n  }\n\n  getItemRenderTypeAt(index: number) {\n    const { collection, itemsToRenderCount, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    if (index >= itemsToRenderCount) {\n      return null;\n    }\n\n    const indexInCollection = index + _localStart;\n\n    if (indexInCollection >= keyedItems.length) {\n      return 'trailing';\n    }\n\n    return keyedItems[indexInCollection];\n  }\n\n  get errorMonitor() {\n    return this.container.errorMonitor;\n  }\n\n  get _sizeProps() {\n    const {\n      aspectRatio,\n      preset,\n      draggable,\n      _responsiveColumnsState: {\n        gap,\n        columnCount: responsiveColumnCount,\n        itemsContentWidth: width,\n        widthWithLastColumnGap,\n      },\n      layoutType,\n    } = this;\n\n    const columnCount = layoutType === 'list' ? 1 : responsiveColumnCount;\n\n    const widthWithoutGaps = width - (columnCount - 1) * gap;\n    const columnWidth = widthWithoutGaps / columnCount;\n\n    const cardFooterSize = 'small' as const;\n\n    const cardFooterHeight =\n      this.footerHeights[preset][draggable][cardFooterSize];\n    const cardTopImageHeight = columnWidth * aspectRatio;\n    const rowHeight =\n      cardTopImageHeight + (cardFooterHeight > 0 ? cardFooterHeight + 1 : 0);\n\n    const columnWidthIncludingGap = widthWithLastColumnGap / columnCount;\n    const rowHeightIncludingGap = rowHeight + gap;\n\n    return {\n      columnCount,\n      columnWidth: () => columnWidth,\n      columnWidthIncludingGap: () => columnWidthIncludingGap,\n      rowHeight: () => rowHeight,\n      rowHeightFixed: rowHeight,\n      cardTopImageHeight,\n      rowHeightIncludingGap: () => rowHeightIncludingGap,\n      cardFooterHeight,\n      cardFooterSize,\n    };\n  }\n\n  get calcGridProps() {\n    const {\n      toolbar: { itemsContentHeight },\n      _sizeProps: { rowHeightFixed },\n    } = this;\n\n    const overscanCount = Math.round(\n      (itemsContentHeight / rowHeightFixed) * 1.5,\n    );\n\n    return {\n      ...this._sizeProps,\n      overscanCount,\n    };\n  }\n\n  get getCollectionSnapshot() {\n    return this.toolbar.getCollectionSnapshot;\n  }\n\n  onAddItemClick = (origin?: string) => {\n    this.toolbar.toolbarBIReporter.onAddItemClick(origin);\n  };\n\n  onAddItemActionComplete = async (items: T[]) => {\n    return this.toolbar.onAddItemActionComplete(items);\n  };\n\n  get itemKeyRecyclerOverride() {\n    const { collection } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n    return (index: number) => {\n      return keyedItems[index]?.key ?? index;\n    };\n  }\n\n  get dragAndDropCategories() {\n    return this.toolbar.dragAndDropCategories;\n  }\n\n  get listAttributes() {\n    return {\n      ...this._dnd?.nullAnnouncements.listAttributes?.(),\n      role: 'list',\n    };\n  }\n\n  _subscribe() {\n    const {\n      parentState: { _subGrids },\n    } = this;\n\n    if (!_subGrids) {\n      return;\n    }\n\n    _subGrids.push(this);\n\n    return () => {\n      const i = _subGrids.indexOf(this);\n      i !== -1 && _subGrids.splice(i, 1);\n    };\n  }\n\n  init() {\n    return this._subscribe();\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_RectState","_ResponsiveColumnsState","GridBaseState","_dnd","_this$collectionDragA","collectionDragAndDropState","dnd","constructor","params","_params$range","_params$range2","_defineProperty2","default","undefined","origin","toolbar","toolbarBIReporter","onAddItemClick","items","onAddItemActionComplete","container","collection","parentState","layoutType","_containerRectState","RectState","_draggable","draggable","_responsiveColumnsState","ResponsiveColumnsState","gridState","minItemWidth","rectState","_sizePreset","sizePreset","_localLimit","range","length","_localStart","start","makeObservable","trailingItemsCount","observable","ref","forceRenderIndexes","preset","computed","itemsToRenderCount","itemsToRender","rowCount","isInteracting","calcGridProps","columnsCount","_sizeProps","itemKeyRecyclerOverride","itemsContentWidth","containerPaddingTop","gap","imagePlacement","contentPadding","aspectRatio","footerHeights","_this$_dnd","isDisabled","window","result","keyedItems","itemsCount","Math","min","fetchedLastPage","floor","reportBi","columnCount","containerRect","ceil","_this$_dnd2","_this$_dnd3","isActive","isDropping","Array","fill","getItemRenderTypeAt","index","indexInCollection","errorMonitor","responsiveColumnCount","width","widthWithLastColumnGap","widthWithoutGaps","columnWidth","cardFooterSize","cardFooterHeight","cardTopImageHeight","rowHeight","columnWidthIncludingGap","rowHeightIncludingGap","rowHeightFixed","itemsContentHeight","overscanCount","round","getCollectionSnapshot","_keyedItems$index","key","dragAndDropCategories","listAttributes","_this$_dnd4","nullAnnouncements","role","_subscribe","_subGrids","push","i","indexOf","splice","init","exports"],"sources":["../../../src/state/GridBaseState.ts"],"sourcesContent":["import {\n  WixPatternsContainer,\n  CollectionState,\n  FiltersMap,\n} from '@wix/bex-core';\nimport { computed, makeObservable, observable } from 'mobx';\nimport {\n  ToolbarCollectionState,\n  ToolbarCollectionStateParamsInitParams,\n} from './ToolbarCollectionState';\nimport { CollectionDragAndDropState } from '../components/DragAndDrop';\nimport { RectState } from './RectState';\nimport { GridSizePreset } from './gridSizePresets';\nimport { ResponsiveColumnsState } from './ResponsiveColumnsState';\nimport { GridParentState } from './GridParentState';\nimport type { Preset } from '../components/Grid/Grid.types';\n\nexport type LayoutType = 'grid' | 'list';\n\nexport interface GridBaseStateParams<T, F extends FiltersMap> {\n  readonly collection: CollectionState<T, F>;\n  readonly container: WixPatternsContainer;\n  readonly toolbar: ToolbarCollectionState<any, Partial<F>>;\n  readonly sizePreset: GridSizePreset;\n  readonly range?: { start: number; length: number };\n  readonly layoutType: LayoutType | undefined;\n  readonly parentState: GridParentState<T, F>;\n  readonly draggable?: 'none' | 'draggable';\n}\n\nexport interface GridBaseStateInitParams\n  extends ToolbarCollectionStateParamsInitParams {}\n\nexport class GridBaseState<T, F extends FiltersMap> {\n  readonly toolbar;\n  readonly container;\n  readonly collection;\n  readonly _containerRectState;\n  readonly _responsiveColumnsState;\n  readonly parentState;\n  _sizePreset;\n  layoutType;\n\n  trailingItemsCount = 0;\n  minItemWidth = 196;\n  smallCardWidthThreshold = 200;\n  preset: Preset = 'title';\n  _draggable: 'none' | 'draggable' = 'none';\n  _localLimit: number | null | undefined;\n  _localStart: number;\n  forceRenderIndexes: number[] | undefined = undefined;\n\n  collectionDragAndDropState: CollectionDragAndDropState<T, F> | null = null;\n\n  get _dnd() {\n    return this.collectionDragAndDropState?.dnd;\n  }\n\n  constructor(params: GridBaseStateParams<T, F>) {\n    this.container = params.container;\n    this.collection = params.collection;\n    this.parentState = params.parentState;\n    this.layoutType = params.layoutType ?? 'grid';\n    this._containerRectState = new RectState({\n      container: this.container,\n    });\n    this._draggable = params.draggable ?? 'none';\n    this.toolbar = params.toolbar as ToolbarCollectionState<\n      unknown,\n      Partial<F>\n    >;\n    this._responsiveColumnsState = new ResponsiveColumnsState({\n      gridState: this,\n      minItemWidth: this.minItemWidth,\n      rectState: this._containerRectState,\n    });\n    this._sizePreset = params.sizePreset;\n    this._localLimit = params.range?.length;\n    this._localStart = params.range?.start ?? 0;\n\n    makeObservable(this, {\n      trailingItemsCount: observable.ref,\n      forceRenderIndexes: observable.ref,\n      preset: observable.ref,\n      _draggable: observable.ref,\n      draggable: computed,\n      itemsToRenderCount: computed,\n      itemsToRender: computed,\n      rowCount: computed,\n      isInteracting: computed,\n      calcGridProps: computed,\n      columnsCount: computed,\n      _sizeProps: computed,\n      itemKeyRecyclerOverride: computed,\n      _localLimit: observable.ref,\n      _localStart: observable.ref,\n      itemsContentWidth: computed,\n      containerPaddingTop: computed,\n      gap: computed,\n      _sizePreset: observable.ref,\n      layoutType: observable.ref,\n    });\n  }\n\n  get sizePreset() {\n    return this.parentState._sizePreset ?? this._sizePreset;\n  }\n\n  get imagePlacement() {\n    return this.sizePreset.imagePlacement;\n  }\n\n  get gap() {\n    const { layoutType } = this;\n    if (layoutType === 'list') {\n      return 12;\n    }\n\n    return 24;\n  }\n\n  get containerPaddingTop() {\n    const { layoutType } = this;\n    if (layoutType === 'list') {\n      return 0;\n    }\n\n    return this.toolbar.contentPadding;\n  }\n\n  get aspectRatio() {\n    return this.sizePreset.aspectRatio;\n  }\n\n  get footerHeights() {\n    return this.sizePreset.footerHeights;\n  }\n\n  get itemsContentWidth() {\n    return this._responsiveColumnsState.itemsContentWidth;\n  }\n\n  get draggable() {\n    if (this._dnd?.isDisabled) {\n      return 'none' as const;\n    }\n    return this._draggable;\n  }\n\n  get window() {\n    return this.container.window;\n  }\n\n  get itemsToRenderCount() {\n    const { collection, trailingItemsCount, _localLimit, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    const itemsCount =\n      _localLimit != null\n        ? Math.min(_localLimit, keyedItems.length)\n        : keyedItems.length;\n\n    return collection.fetchedLastPage ||\n      (_localLimit != null && _localStart + _localLimit < keyedItems.length)\n      ? itemsCount + trailingItemsCount\n      : itemsCount - Math.floor(itemsCount % this.columnsCount);\n  }\n\n  get reportBi() {\n    return this.toolbar.reportBi;\n  }\n\n  get columnsCount() {\n    return this.calcGridProps.columnCount;\n  }\n\n  get containerRect() {\n    return this.toolbar.containerRect;\n  }\n\n  get rowCount() {\n    const { itemsToRenderCount, columnsCount } = this;\n\n    return Math.ceil(itemsToRenderCount / columnsCount);\n  }\n\n  get isInteracting() {\n    return this._dnd?.isActive || this._dnd?.isDropping;\n  }\n\n  get itemsToRender(): null[] {\n    const { itemsToRenderCount } = this;\n    return new Array(itemsToRenderCount).fill(null);\n  }\n\n  getItemRenderTypeAt(index: number) {\n    const { collection, itemsToRenderCount, _localStart } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n\n    if (index >= itemsToRenderCount) {\n      return null;\n    }\n\n    const indexInCollection = index + _localStart;\n\n    if (indexInCollection >= keyedItems.length) {\n      return 'trailing';\n    }\n\n    return keyedItems[indexInCollection];\n  }\n\n  get errorMonitor() {\n    return this.container.errorMonitor;\n  }\n\n  get _sizeProps() {\n    const {\n      aspectRatio,\n      preset,\n      draggable,\n      _responsiveColumnsState: {\n        gap,\n        columnCount: responsiveColumnCount,\n        itemsContentWidth: width,\n        widthWithLastColumnGap,\n      },\n      layoutType,\n    } = this;\n\n    const columnCount = layoutType === 'list' ? 1 : responsiveColumnCount;\n\n    const widthWithoutGaps = width - (columnCount - 1) * gap;\n    const columnWidth = widthWithoutGaps / columnCount;\n\n    const cardFooterSize = 'small' as const;\n\n    const cardFooterHeight =\n      this.footerHeights[preset][draggable][cardFooterSize];\n    const cardTopImageHeight = columnWidth * aspectRatio;\n    const rowHeight =\n      cardTopImageHeight + (cardFooterHeight > 0 ? cardFooterHeight + 1 : 0);\n\n    const columnWidthIncludingGap = widthWithLastColumnGap / columnCount;\n    const rowHeightIncludingGap = rowHeight + gap;\n\n    return {\n      columnCount,\n      columnWidth: () => columnWidth,\n      columnWidthIncludingGap: () => columnWidthIncludingGap,\n      rowHeight: () => rowHeight,\n      rowHeightFixed: rowHeight,\n      cardTopImageHeight,\n      rowHeightIncludingGap: () => rowHeightIncludingGap,\n      cardFooterHeight,\n      cardFooterSize,\n    };\n  }\n\n  get calcGridProps() {\n    const {\n      toolbar: { itemsContentHeight },\n      _sizeProps: { rowHeightFixed },\n    } = this;\n\n    const overscanCount = Math.round(\n      (itemsContentHeight / rowHeightFixed) * 1.5,\n    );\n\n    return {\n      ...this._sizeProps,\n      overscanCount,\n    };\n  }\n\n  get getCollectionSnapshot() {\n    return this.toolbar.getCollectionSnapshot;\n  }\n\n  onAddItemClick = (origin?: string) => {\n    this.toolbar.toolbarBIReporter.onAddItemClick(origin);\n  };\n\n  onAddItemActionComplete = async (items: T[]) => {\n    return this.toolbar.onAddItemActionComplete(items);\n  };\n\n  get itemKeyRecyclerOverride() {\n    const { collection } = this;\n    const {\n      result: { keyedItems },\n    } = collection;\n    return (index: number) => {\n      return keyedItems[index]?.key ?? index;\n    };\n  }\n\n  get dragAndDropCategories() {\n    return this.toolbar.dragAndDropCategories;\n  }\n\n  get listAttributes() {\n    return {\n      ...this._dnd?.nullAnnouncements.listAttributes?.(),\n      role: 'list',\n    };\n  }\n\n  _subscribe() {\n    const {\n      parentState: { _subGrids },\n    } = this;\n\n    if (!_subGrids) {\n      return;\n    }\n\n    _subGrids.push(this);\n\n    return () => {\n      const i = _subGrids.indexOf(this);\n      i !== -1 && _subGrids.splice(i, 1);\n    };\n  }\n\n  init() {\n    return this._subscribe();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/ToolbarCollectionState.js

@@ -201,10 +201,13 @@ class ToolbarCollectionState {
           break;
       }
     }));
-    (0, _defineProperty2.default)(this, "openCustomFieldModal", () => {
+    (0, _defineProperty2.default)(this, "openCustomFieldModal", ({
+      customOrigin
+    } = {}) => {
       var _this$collectionDataE;
       return (_this$collectionDataE = this.collectionDataExtension) == null ? void 0 : _this$collectionDataE.customFieldsPanel.openCustomFieldModal({
-        origin: 'external'
+        origin: 'external',
+        customOrigin
       });
     });
     (0, _defineProperty2.default)(this, "openManageTagsModal", () => {