npm - @wix/patterns - Versions diffs - 1.6.0 → 1.8.0 - Mend

@wix/patterns 1.6.0 → 1.8.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 (230) hide show

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

@@ -29,8 +29,7 @@ function _CollectionToolbarFilters(props) {
     onSearchAppliedFilterTagRemove,
     onSubToolbarClearButtonClicked,
     hideAppliedFiltersTagList,
-    useNewFilters,
-    showFilterTagsWithLabelsAndAggregated
+    useNewFilters
   } = props;
   const childrenArr = (0, _useFiltersSyncProps.useFiltersSyncProps)(children);
   const state = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
@@ -92,14 +91,15 @@ function _CollectionToolbarFilters(props) {
         filter,
         onAppliedFilterTagRemove,
         renderToolbarTag,
+        toolbarTagProps,
         accordionItemProps
       } = filterChildProps;
       return {
         filter,
         onAppliedFilterTagRemove,
+        toolbarTagProps,
         accordionItemProps,
-        renderToolbarTag: renderToolbarTag ?? (type.renderPresetToolbarTag == null ? void 0 : type.renderPresetToolbarTag(container)),
-        showFilterTagsWithLabelsAndAggregated
+        renderToolbarTag: renderToolbarTag ?? (type.renderPresetToolbarTag == null ? void 0 : type.renderPresetToolbarTag(container))
       };
     }), {
       filter: filters.search,
@@ -122,7 +122,7 @@ function _CollectionToolbarFilters(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 177,
+          lineNumber: 172,
           columnNumber: 60
         }
       }));
@@ -134,8 +134,7 @@ function _CollectionToolbarFilters(props) {
     return;
   }, [showFiltersPanelButton]);
   const [tagListState] = (0, _react.useState)(() => new _AppliedFiltersTagListState.AppliedFiltersTagListState({
-    table: state,
-    showFilterTagsWithLabelsAndAggregated
+    table: state
   }));
   (0, _react.useEffect)(() => {
     const disposers = [tagListState.init()];
@@ -150,7 +149,7 @@ function _CollectionToolbarFilters(props) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 206,
+            lineNumber: 200,
             columnNumber: 11
           }
         })
@@ -170,7 +169,7 @@ function _CollectionToolbarFilters(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 223,
+        lineNumber: 217,
         columnNumber: 5
       }
     }, childrenArr.slice(0, totalInlineFilters).map((element, index) => {
@@ -186,7 +185,7 @@ function _CollectionToolbarFilters(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 228,
+          lineNumber: 222,
           columnNumber: 11
         }
       }, filterProps.filter ? /*#__PURE__*/_react.default.createElement(_CollectionFilter.CollectionFilter, {
@@ -195,7 +194,7 @@ function _CollectionToolbarFilters(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 235,
+          lineNumber: 229,
           columnNumber: 15
         }
       }, element) : element);

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_useFiltersLayout","_ToolbarCollectionContext","_AppliedFiltersTagList","_mobxReactLite","_ToolbarItemBox","_AppliedFiltersTagListState","_CollectionToolbarFiltersState","_CollectionFilter","_FiltersPanelSidePanelEntry","_MoreFiltersCTA","_react2","_useFiltersSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbarFilters","props","children","inline","maxInlineFilters","maxInlineLabels","panelTitle","onPanelClearButtonClicked","onSearchAppliedFilterTagRemove","onSubToolbarClearButtonClicked","hideAppliedFiltersTagList","useNewFilters","showFilterTagsWithLabelsAndAggregated","childrenArr","useFiltersSyncProps","state","useToolbarCollectionContext","toolbarFiltersState","useState","CollectionToolbarFiltersState","toolbar","setToolbarFiltersStateInitialized","useEffect","panels","registerSidePanel","FiltersPanelSidePanelEntry","onClearButtonClicked","forceShowSidePanel","useMemo","find","filter","type","displayName","includes","viewsProps","collection","customInlineElements","showFiltersPanelButton","totalInlineFilters","showLabels","useFiltersLayout","filters","length","totalFilters","filterElements","container","useWixPatternsContainer","filtersProps","map","filterChildProps","onAppliedFilterTagRemove","renderToolbarTag","accordionItemProps","renderPresetToolbarTag","search","setFilterTagsPropsIfChanged","featuredComponents","moreFiltersButton","createElement","MoreFiltersCTA","__self","__source","fileName","lineNumber","columnNumber","tagListState","AppliedFiltersTagListState","table","disposers","init","appliedFiltersTagList","component","AppliedFiltersTagList","forEach","d","Fragment","key","slice","element","index","_filterProps$toolbarI","filterProps","ToolbarItemBox","layout","dataHook","label","toolbarItemProps","CollectionFilter","CollectionToolbarFilters","exports","observer"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx"],"sourcesContent":["import React, {\n Fragment,\n ReactNode,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport { FilterElement } from './filterElement';\nimport { useFiltersLayout } from './useFiltersLayout';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { AppliedFiltersTagList } from '../AppliedFiltersTagList';\nimport { observer } from 'mobx-react-lite';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { AppliedFiltersTagListState } from '../AppliedFiltersTagList/AppliedFiltersTagListState';\nimport { CollectionToolbarFiltersState } from './CollectionToolbarFiltersState';\nimport { CollectionFilter } from '../CollectionFilter';\nimport { FiltersPanelSidePanelEntry } from './FiltersPanelSidePanelEntry';\nimport { MoreFiltersCTA } from '../MoreFiltersCTA';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFiltersSyncProps } from './useFiltersSyncProps';\n\nexport interface CollectionToolbarFiltersProps {\n /*\n Number of filter controls to be rendered inside the table toolbar\n /\n inline?: 0 \| 1 \| 2 \| 3;\n /\n A flag that indicates whether Patterns should use a new filters layout our not.\n /\n useNewFilters?: true;\n maxInlineFilters?: number;\n maxInlineLabels?: number;\n /\n Title of the filters panel\n * @external\n /\n panelTitle?: string \| ReactNode;\n /\n `React` children elements, that must accept [FilterProps](./?path=/story/common-filters--filterprops), such as:\n * - [MultiSelectCheckboxFilter](./?path=/story/common-filters--multiselectcheckboxfilter)\n * - [Custom Filters](./?path=/story/common-factories--customfilter)\n * @external\n /\n children:\n \| (FilterElement \| undefined \| boolean)\n \| (FilterElement \| undefined \| boolean)[];\n onPanelClearButtonClicked?: () => unknown;\n onSearchAppliedFilterTagRemove?: (item: string) => unknown;\n onSubToolbarClearButtonClicked?: () => unknown;\n hideAppliedFiltersTagList?: boolean;\n /\n Display the tags with a label and aggregate them based on the filter.\n * @default false\n */\n showFilterTagsWithLabelsAndAggregated?: boolean;\n}\n\nfunction _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {\n const {\n children,\n inline,\n maxInlineFilters,\n maxInlineLabels,\n panelTitle,\n onPanelClearButtonClicked,\n onSearchAppliedFilterTagRemove,\n onSubToolbarClearButtonClicked,\n hideAppliedFiltersTagList,\n useNewFilters,\n showFilterTagsWithLabelsAndAggregated,\n } = props;\n\n const childrenArr = useFiltersSyncProps(children);\n\n const state = useToolbarCollectionContext();\n\n const [toolbarFiltersState] = useState(() => {\n state.toolbarFiltersState ??= new CollectionToolbarFiltersState({\n toolbar: state,\n });\n state.setToolbarFiltersStateInitialized(true);\n return state.toolbarFiltersState;\n });\n\n useEffect(() => {\n state.panels.registerSidePanel('filters', FiltersPanelSidePanelEntry);\n }, []);\n\n useEffect(() => {\n toolbarFiltersState.onClearButtonClicked = onPanelClearButtonClicked;\n }, [onPanelClearButtonClicked]);\n\n const forceShowSidePanel = useMemo(\n () =>\n !!childrenArr.find((filter) => {\n return (\n filter.type.displayName &&\n ['DateRangeFilter', 'MultiSelectCollectionFilter'].includes(\n filter.type.displayName,\n )\n );\n }),\n [childrenArr],\n );\n\n const { viewsProps, collection } = state;\n\n const customInlineElements = viewsProps ? 1 : 0;\n\n const { showFiltersPanelButton, totalInlineFilters, showLabels } =\n useFiltersLayout({\n useNewFilters,\n filters: childrenArr.length,\n totalFilters: childrenArr.length + customInlineElements,\n inline,\n maxInlineFilters,\n maxInlineLabels,\n customInlineElements,\n forceShowSidePanel,\n });\n\n useEffect(() => {\n toolbarFiltersState.panelTitle.set(panelTitle);\n }, [panelTitle]);\n\n useEffect(() => {\n toolbarFiltersState.totalInlineFilters.set(totalInlineFilters);\n }, [totalInlineFilters]);\n\n useEffect(() => {\n toolbarFiltersState.filterElements.set(childrenArr);\n }, [childrenArr]);\n\n const container = useWixPatternsContainer();\n const { filters } = collection;\n\n const filtersProps = useMemo(\n () => {\n // share essential filter props globally\n return [\n ...childrenArr.map(({ props: filterChildProps, type }) => {\n const {\n filter,\n onAppliedFilterTagRemove,\n renderToolbarTag,\n accordionItemProps,\n } = filterChildProps;\n\n return {\n filter,\n onAppliedFilterTagRemove,\n accordionItemProps,\n renderToolbarTag:\n renderToolbarTag ?? type.renderPresetToolbarTag?.(container),\n showFilterTagsWithLabelsAndAggregated,\n };\n }),\n {\n filter: filters.search,\n onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove,\n },\n ];\n },\n childrenArr.map(({ props: { filter } }) => filter),\n );\n\n useEffect(() => {\n state.setFilterTagsPropsIfChanged(filtersProps);\n\n return () => {\n state.setFilterTagsPropsIfChanged(null);\n };\n }, [filtersProps]);\n\n useEffect(() => {\n if (showFiltersPanelButton) {\n state.featuredComponents.moreFiltersButton.set(() => <MoreFiltersCTA />);\n\n return () => {\n state.featuredComponents.moreFiltersButton.set(null);\n };\n }\n\n state.featuredComponents.moreFiltersButton.set(null);\n\n return;\n }, [showFiltersPanelButton]);\n\n const [tagListState] = useState(\n () =>\n new AppliedFiltersTagListState({\n table: state,\n showFilterTagsWithLabelsAndAggregated,\n }),\n );\n\n useEffect(() => {\n const disposers = [tagListState.init()];\n\n if (hideAppliedFiltersTagList) {\n state.featuredComponents.appliedFiltersTagList.set(null);\n } else {\n state.featuredComponents.appliedFiltersTagList.set({\n state: tagListState,\n component: () => (\n <AppliedFiltersTagList\n state={tagListState}\n onClearButtonClicked={onSubToolbarClearButtonClicked}\n />\n ),\n });\n }\n\n return () => {\n disposers.forEach((d) => d());\n state.featuredComponents.appliedFiltersTagList.set(null);\n };\n }, [hideAppliedFiltersTagList]);\n\n return (\n // workaround to support bad enzyme version not detecting this as a valid fragment component\n // https://wix.slack.com/archives/C02K83200PL/p1671962461443749\n <Fragment key=\"toolbar-items\">\n {childrenArr.slice(0, totalInlineFilters).map((element, index) => {\n const { props: filterProps } = element;\n\n return (\n <ToolbarItemBox\n key={index}\n layout={filterProps.layout}\n dataHook={`toolbar-item-filter-${index}`}\n label={showLabels && filterProps.toolbarItemProps?.label}\n >\n {filterProps.filter ? (\n <CollectionFilter\n filter={filterProps.filter}\n state={toolbarFiltersState}\n >\n {element}\n </CollectionFilter>\n ) : (\n element\n )}\n </ToolbarItemBox>\n );\n })}\n </Fragment>\n );\n}\n\nexport const CollectionToolbarFilters = observer(_CollectionToolbarFilters);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_useFiltersLayout","_ToolbarCollectionContext","_AppliedFiltersTagList","_mobxReactLite","_ToolbarItemBox","_AppliedFiltersTagListState","_CollectionToolbarFiltersState","_CollectionFilter","_FiltersPanelSidePanelEntry","_MoreFiltersCTA","_react2","_useFiltersSyncProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CollectionToolbarFilters","props","children","inline","maxInlineFilters","maxInlineLabels","panelTitle","onPanelClearButtonClicked","onSearchAppliedFilterTagRemove","onSubToolbarClearButtonClicked","hideAppliedFiltersTagList","useNewFilters","childrenArr","useFiltersSyncProps","state","useToolbarCollectionContext","toolbarFiltersState","useState","CollectionToolbarFiltersState","toolbar","setToolbarFiltersStateInitialized","useEffect","panels","registerSidePanel","FiltersPanelSidePanelEntry","onClearButtonClicked","forceShowSidePanel","useMemo","find","filter","type","displayName","includes","viewsProps","collection","customInlineElements","showFiltersPanelButton","totalInlineFilters","showLabels","useFiltersLayout","filters","length","totalFilters","filterElements","container","useWixPatternsContainer","filtersProps","map","filterChildProps","onAppliedFilterTagRemove","renderToolbarTag","toolbarTagProps","accordionItemProps","renderPresetToolbarTag","search","setFilterTagsPropsIfChanged","featuredComponents","moreFiltersButton","createElement","MoreFiltersCTA","__self","__source","fileName","lineNumber","columnNumber","tagListState","AppliedFiltersTagListState","table","disposers","init","appliedFiltersTagList","component","AppliedFiltersTagList","forEach","d","Fragment","key","slice","element","index","_filterProps$toolbarI","filterProps","ToolbarItemBox","layout","dataHook","label","toolbarItemProps","CollectionFilter","CollectionToolbarFilters","exports","observer"],"sources":["../../../../src/components/CollectionToolbarFilters/CollectionToolbarFilters.tsx"],"sourcesContent":["import React, {\n Fragment,\n ReactNode,\n useEffect,\n useMemo,\n useState,\n} from 'react';\nimport { FilterElement } from './filterElement';\nimport { useFiltersLayout } from './useFiltersLayout';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { AppliedFiltersTagList } from '../AppliedFiltersTagList';\nimport { observer } from 'mobx-react-lite';\nimport { ToolbarItemBox } from '../ToolbarItemBox';\nimport { AppliedFiltersTagListState } from '../AppliedFiltersTagList/AppliedFiltersTagListState';\nimport { CollectionToolbarFiltersState } from './CollectionToolbarFiltersState';\nimport { CollectionFilter } from '../CollectionFilter';\nimport { FiltersPanelSidePanelEntry } from './FiltersPanelSidePanelEntry';\nimport { MoreFiltersCTA } from '../MoreFiltersCTA';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFiltersSyncProps } from './useFiltersSyncProps';\n\nexport interface CollectionToolbarFiltersProps {\n /*\n Number of filter controls to be rendered inside the table toolbar\n /\n inline?: 0 \| 1 \| 2 \| 3;\n /\n A flag that indicates whether Patterns should use a new filters layout our not.\n /\n useNewFilters?: true;\n maxInlineFilters?: number;\n maxInlineLabels?: number;\n /\n Title of the filters panel\n * @external\n /\n panelTitle?: string \| ReactNode;\n /\n `React` children elements, that must accept [FilterProps](./?path=/story/common-filters--filterprops), such as:\n * - [MultiSelectCheckboxFilter](./?path=/story/common-filters--multiselectcheckboxfilter)\n * - [Custom Filters](./?path=/story/common-factories--customfilter)\n * @external\n */\n children:\n \| (FilterElement \| undefined \| boolean)\n \| (FilterElement \| undefined \| boolean)[];\n onPanelClearButtonClicked?: () => unknown;\n onSearchAppliedFilterTagRemove?: (item: string) => unknown;\n onSubToolbarClearButtonClicked?: () => unknown;\n hideAppliedFiltersTagList?: boolean;\n}\n\nfunction _CollectionToolbarFilters(props: CollectionToolbarFiltersProps) {\n const {\n children,\n inline,\n maxInlineFilters,\n maxInlineLabels,\n panelTitle,\n onPanelClearButtonClicked,\n onSearchAppliedFilterTagRemove,\n onSubToolbarClearButtonClicked,\n hideAppliedFiltersTagList,\n useNewFilters,\n } = props;\n\n const childrenArr = useFiltersSyncProps(children);\n\n const state = useToolbarCollectionContext();\n\n const [toolbarFiltersState] = useState(() => {\n state.toolbarFiltersState ??= new CollectionToolbarFiltersState({\n toolbar: state,\n });\n state.setToolbarFiltersStateInitialized(true);\n return state.toolbarFiltersState;\n });\n\n useEffect(() => {\n state.panels.registerSidePanel('filters', FiltersPanelSidePanelEntry);\n }, []);\n\n useEffect(() => {\n toolbarFiltersState.onClearButtonClicked = onPanelClearButtonClicked;\n }, [onPanelClearButtonClicked]);\n\n const forceShowSidePanel = useMemo(\n () =>\n !!childrenArr.find((filter) => {\n return (\n filter.type.displayName &&\n ['DateRangeFilter', 'MultiSelectCollectionFilter'].includes(\n filter.type.displayName,\n )\n );\n }),\n [childrenArr],\n );\n\n const { viewsProps, collection } = state;\n\n const customInlineElements = viewsProps ? 1 : 0;\n\n const { showFiltersPanelButton, totalInlineFilters, showLabels } =\n useFiltersLayout({\n useNewFilters,\n filters: childrenArr.length,\n totalFilters: childrenArr.length + customInlineElements,\n inline,\n maxInlineFilters,\n maxInlineLabels,\n customInlineElements,\n forceShowSidePanel,\n });\n\n useEffect(() => {\n toolbarFiltersState.panelTitle.set(panelTitle);\n }, [panelTitle]);\n\n useEffect(() => {\n toolbarFiltersState.totalInlineFilters.set(totalInlineFilters);\n }, [totalInlineFilters]);\n\n useEffect(() => {\n toolbarFiltersState.filterElements.set(childrenArr);\n }, [childrenArr]);\n\n const container = useWixPatternsContainer();\n const { filters } = collection;\n\n const filtersProps = useMemo(\n () => {\n // share essential filter props globally\n return [\n ...childrenArr.map(({ props: filterChildProps, type }) => {\n const {\n filter,\n onAppliedFilterTagRemove,\n renderToolbarTag,\n toolbarTagProps,\n accordionItemProps,\n } = filterChildProps;\n\n return {\n filter,\n onAppliedFilterTagRemove,\n toolbarTagProps,\n accordionItemProps,\n renderToolbarTag:\n renderToolbarTag ?? type.renderPresetToolbarTag?.(container),\n };\n }),\n {\n filter: filters.search,\n onAppliedFilterTagRemove: onSearchAppliedFilterTagRemove,\n },\n ];\n },\n childrenArr.map(({ props: { filter } }) => filter),\n );\n\n useEffect(() => {\n state.setFilterTagsPropsIfChanged(filtersProps);\n\n return () => {\n state.setFilterTagsPropsIfChanged(null);\n };\n }, [filtersProps]);\n\n useEffect(() => {\n if (showFiltersPanelButton) {\n state.featuredComponents.moreFiltersButton.set(() => <MoreFiltersCTA />);\n\n return () => {\n state.featuredComponents.moreFiltersButton.set(null);\n };\n }\n\n state.featuredComponents.moreFiltersButton.set(null);\n\n return;\n }, [showFiltersPanelButton]);\n\n const [tagListState] = useState(\n () =>\n new AppliedFiltersTagListState({\n table: state,\n }),\n );\n\n useEffect(() => {\n const disposers = [tagListState.init()];\n\n if (hideAppliedFiltersTagList) {\n state.featuredComponents.appliedFiltersTagList.set(null);\n } else {\n state.featuredComponents.appliedFiltersTagList.set({\n state: tagListState,\n component: () => (\n <AppliedFiltersTagList\n state={tagListState}\n onClearButtonClicked={onSubToolbarClearButtonClicked}\n />\n ),\n });\n }\n\n return () => {\n disposers.forEach((d) => d());\n state.featuredComponents.appliedFiltersTagList.set(null);\n };\n }, [hideAppliedFiltersTagList]);\n\n return (\n // workaround to support bad enzyme version not detecting this as a valid fragment component\n // https://wix.slack.com/archives/C02K83200PL/p1671962461443749\n <Fragment key=\"toolbar-items\">\n {childrenArr.slice(0, totalInlineFilters).map((element, index) => {\n const { props: filterProps } = element;\n\n return (\n <ToolbarItemBox\n key={index}\n layout={filterProps.layout}\n dataHook={`toolbar-item-filter-${index}`}\n label={showLabels && filterProps.toolbarItemProps?.label}\n >\n {filterProps.filter ? (\n <CollectionFilter\n filter={filterProps.filter}\n state={toolbarFiltersState}\n >\n {element}\n </CollectionFilter>\n ) : (\n element\n )}\n </ToolbarItemBox>\n );\n })}\n </Fragment>\n );\n}\n\nexport const CollectionToolbarFilters = observer(_CollectionToolbarFilters);\n"],"mappings":"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","ignoreList":[]}

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

@@ -30,11 +30,7 @@ function _AutoCompleteReadonly(props) {
   const valueOrSelected = (0, _react.useMemo)(() => {
     return disableEditing ? selectedLabel || '' : value;
   }, [value, disableEditing, selectedLabel]);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, (0, _extends2.default)({
-    ref: instance => {
-      state.autoComplete = instance;
-    }
-  }, props, {
+  return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, (0, _extends2.default)({}, props, {
     dropdownWidth: dropdownWidth,
     onSelect: (option, sameOptionWasPicked) => {
       props.onSelect == null || props.onSelect(option, sameOptionWasPicked);
@@ -72,7 +68,7 @@ function _AutoCompleteReadonly(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 75,
         columnNumber: 21
       }
     }),

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_AutoCompleteReadonlyState","_AutoCompleteReadonlyStCss","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_AutoCompleteReadonly","props","_String","value","selectedLabel","dropdownWidth","clearInput","state","useState","AutoCompleteReadonlyState","useEffect","disableEditing","valueOrSelected","useMemo","createElement","AutoComplete","_extends2","~~ref","instance","autoComplete","~~onSelect","option","sameOptionWasPicked","onFocus","onBlur","onClickOutside","suffix","String","trim","undefined","placeholder","onKeyDown","nativeEvent","code","onTabKeyDown","clearButton","onClear","onInputClearButtonClick","onOptionsShow","focusOnClearClick","className","st","classes","root","inputElement","Input","__self","__source","fileName","lineNumber","columnNumber","AutoCompleteReadonly","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.tsx"],"sourcesContent":["import { AutoComplete, AutoCompleteProps, Input } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AutoCompleteReadonlyState } from './AutoCompleteReadonlyState';\nimport { classes, st } from './AutoCompleteReadonly.st.css.js';\n\nexport interface AutoCompleteReadonlyProps extends AutoCompleteProps {\n selectedLabel?: string;\n state?: AutoCompleteReadonlyState;\n clearInput?: () => void;\n}\n\nfunction _AutoCompleteReadonly(props: AutoCompleteReadonlyProps) {\n const { value, selectedLabel, dropdownWidth, clearInput } = props;\n\n const [state] = useState(\n () => props.state ?? new AutoCompleteReadonlyState(),\n );\n\n useEffect(() => {\n state.clearInput = clearInput;\n }, [clearInput]);\n\n const { disableEditing } = state;\n\n const valueOrSelected = useMemo(() => {\n return disableEditing ? selectedLabel \|\| '' : value;\n }, [value, disableEditing, selectedLabel]);\n\n return (\n <AutoComplete\n ~~ref=~~{~~(instance) => {\n state.autoComplete = instance;\n }}\n {~~...props}\n dropdownWidth={dropdownWidth}\n onSelect={(option, sameOptionWasPicked) => {\n props.onSelect?.(option, sameOptionWasPicked);\n state.onSelect();\n }}\n onFocus={state.onFocus}\n onBlur={(e) => {\n props.onBlur?.(e);\n state.onBlur();\n }}\n onClickOutside={(e) => {\n props.onClickOutside?.(e);\n state.onClickOutside();\n }}\n suffix={\n !disableEditing && String(value)?.trim() ? undefined : props.suffix\n }\n placeholder={\n !disableEditing && selectedLabel != null\n ? String(selectedLabel)\n : props.placeholder\n }\n onKeyDown={(e) => {\n if (e.nativeEvent.code === 'Tab') {\n state.onTabKeyDown();\n }\n }}\n clearButton={!disableEditing}\n onClear={\n !disableEditing\n ? (e) => {\n props.onClear?.(e);\n state.onInputClearButtonClick();\n }\n : undefined\n }\n value={valueOrSelected}\n onOptionsShow={state.onOptionsShow}\n focusOnClearClick\n className={st(classes.root, {\n disableEditing,\n })}\n inputElement={<Input disableEditing={disableEditing} />}\n />\n );\n}\n\nexport const AutoCompleteReadonly = observer(_AutoCompleteReadonly);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AAA+D,IAAAM,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQ/D,SAASW,qBAAqBA,CAACC,KAAgC,EAAE;EAAA,IAAAC,OAAA;EAC/D,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,aAAa;IAAEC;EAAW,CAAC,GAAGL,KAAK;EAEjE,MAAM,CAACM,KAAK,CAAC,GAAG,IAAAC,eAAQ,EACtB,MAAMP,KAAK,CAACM,KAAK,IAAI,IAAIE,oDAAyB,CAAC,CACrD,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACdH,KAAK,CAACD,UAAU,GAAGA,UAAU;EAC/B,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAM;IAAEK;EAAe,CAAC,GAAGJ,KAAK;EAEhC,MAAMK,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM;IACpC,OAAOF,cAAc,GAAGP,aAAa,IAAI,EAAE,GAAGD,KAAK;EACrD,CAAC,EAAE,CAACA,KAAK,EAAEQ,cAAc,EAAEP,aAAa,CAAC,CAAC;EAE1C,oBACE9B,MAAA,CAAAY,OAAA,CAAA4B,aAAA,CAAC1C,aAAA,CAAA2C,YAAY,MAAAC,SAAA,CAAA9B,OAAA~~;IACX+B~~,~~GAAG~~,~~EAAGC,QAAQ,IAAK;MACjBX,~~KAAK~~,CAACY,YAAY,GAAGD,QAAQ~~;~~IAC/B;EAAE,GACEjB,KAAK;~~IACTI,aAAa,EAAEA,aAAc;~~IAC7Be~~,QAAQ,EAAEA,CAACC,MAAM,EAAEC,mBAAmB,KAAK;~~MACzCrB~~,KAAK,~~CAACmB~~,QAAQ,~~YAAdnB~~,KAAK,~~CAACmB~~,QAAQ,CAAGC,MAAM,EAAEC,mBAAmB,CAAC;~~MAC7Cf~~,KAAK,~~CAACa~~,QAAQ,CAAC,CAAC;IAClB,CAAE;IACFG,OAAO,~~EAAEhB~~,KAAK,~~CAACgB~~,OAAQ;IACvBC,MAAM,~~EAAG3C~~,CAAC,IAAK;MACboB,KAAK,~~CAACuB~~,MAAM,~~YAAZvB~~,KAAK,~~CAACuB~~,MAAM,~~CAAG3C~~,CAAC,CAAC;MACjB0B,KAAK,~~CAACiB~~,MAAM,CAAC,CAAC;IAChB,CAAE;IACFC,cAAc,~~EAAG5C~~,CAAC,IAAK;MACrBoB,KAAK,~~CAACwB~~,cAAc,~~YAApBxB~~,KAAK,~~CAACwB~~,cAAc,~~CAAG5C~~,CAAC,CAAC;MACzB0B,KAAK,~~CAACkB~~,cAAc,CAAC,CAAC;IACxB,CAAE;IACFC,MAAM,EACJ,~~CAACf~~,cAAc,KAAAT,OAAA,~~GAAIyB~~,MAAM,~~CAACxB~~,KAAK,CAAC,aAAbD,OAAA,~~CAAe0B~~,IAAI,CAAC,CAAC,GAAGC,SAAS,~~GAAG5B~~,KAAK,~~CAACyB~~,MAC9D;IACDI,WAAW,EACT,~~CAACnB~~,cAAc,IAAIP,aAAa,IAAI,IAAI,~~GACpCuB~~,MAAM,~~CAACvB~~,aAAa,CAAC,GACrBH,KAAK,~~CAAC6B~~,WACX;IACDC,SAAS,~~EAAGlD~~,CAAC,IAAK;MAChB,IAAIA,CAAC,~~CAACmD~~,WAAW,CAACC,IAAI,KAAK,KAAK,EAAE;~~QAChC1B~~,KAAK,~~CAAC2B~~,YAAY,CAAC,CAAC;MACtB;IACF,CAAE;IACFC,WAAW,EAAE,~~CAACxB~~,cAAe;~~IAC7ByB~~,OAAO,EACL,~~CAACzB~~,cAAc,GACV9B,CAAC,IAAK;MACLoB,KAAK,~~CAACmC~~,OAAO,~~YAAbnC~~,KAAK,~~CAACmC~~,OAAO,~~CAAGvD~~,CAAC,CAAC;MAClB0B,KAAK,~~CAAC8B~~,uBAAuB,CAAC,CAAC;IACjC,CAAC,GACDR,SACL;~~IACD1B~~,KAAK,EAAES,eAAgB;~~IACvB0B~~,aAAa,~~EAAE/B~~,KAAK,~~CAAC+B~~,aAAc;IACnCC,iBAAiB;IACjBC,SAAS,EAAE,IAAAC,6BAAE,EAACC,kCAAO,CAACC,IAAI,EAAE;~~MAC1BhC~~;IACF,CAAC,CAAE;~~IACHiC~~,YAAY,~~eAAEtE~~,MAAA,CAAAY,OAAA,CAAA4B,aAAA,CAAC1C,aAAA,~~CAAAyE~~,KAAK;~~MAAClC~~,cAAc,EAAEA,cAAe;~~MAAAmC~~,MAAA;MAAAC,QAAA;QAAAC,QAAA,~~EAAArE~~,YAAA;~~QAAAsE~~,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,~~EAAArE~~,YAAA;~~MAAAsE~~,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzD,CAAC;AAEN;AAEO,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,uBAAQ,~~EAACrD~~,qBAAqB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_AutoCompleteReadonlyState","_AutoCompleteReadonlyStCss","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_AutoCompleteReadonly","props","_String","value","selectedLabel","dropdownWidth","clearInput","state","useState","AutoCompleteReadonlyState","useEffect","disableEditing","valueOrSelected","useMemo","createElement","AutoComplete","_extends2","onSelect","option","sameOptionWasPicked","onFocus","onBlur","onClickOutside","suffix","String","trim","undefined","placeholder","onKeyDown","nativeEvent","code","onTabKeyDown","clearButton","onClear","onInputClearButtonClick","onOptionsShow","focusOnClearClick","className","st","classes","root","inputElement","Input","__self","__source","fileName","lineNumber","columnNumber","AutoCompleteReadonly","exports","observer"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.tsx"],"sourcesContent":["import { AutoComplete, AutoCompleteProps, Input } from '@wix/design-system';\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { AutoCompleteReadonlyState } from './AutoCompleteReadonlyState';\nimport { classes, st } from './AutoCompleteReadonly.st.css.js';\n\nexport interface AutoCompleteReadonlyProps extends AutoCompleteProps {\n selectedLabel?: string;\n state?: AutoCompleteReadonlyState;\n clearInput?: () => void;\n}\n\nfunction _AutoCompleteReadonly(props: AutoCompleteReadonlyProps) {\n const { value, selectedLabel, dropdownWidth, clearInput } = props;\n\n const [state] = useState(\n () => props.state ?? new AutoCompleteReadonlyState(),\n );\n\n useEffect(() => {\n state.clearInput = clearInput;\n }, [clearInput]);\n\n const { disableEditing } = state;\n\n const valueOrSelected = useMemo(() => {\n return disableEditing ? selectedLabel \|\| '' : value;\n }, [value, disableEditing, selectedLabel]);\n\n return (\n <AutoComplete\n {...props}\n dropdownWidth={dropdownWidth}\n onSelect={(option, sameOptionWasPicked) => {\n props.onSelect?.(option, sameOptionWasPicked);\n state.onSelect();\n }}\n onFocus={state.onFocus}\n onBlur={(e) => {\n props.onBlur?.(e);\n state.onBlur();\n }}\n onClickOutside={(e) => {\n props.onClickOutside?.(e);\n state.onClickOutside();\n }}\n suffix={\n !disableEditing && String(value)?.trim() ? undefined : props.suffix\n }\n placeholder={\n !disableEditing && selectedLabel != null\n ? String(selectedLabel)\n : props.placeholder\n }\n onKeyDown={(e) => {\n if (e.nativeEvent.code === 'Tab') {\n state.onTabKeyDown();\n }\n }}\n clearButton={!disableEditing}\n onClear={\n !disableEditing\n ? (e) => {\n props.onClear?.(e);\n state.onInputClearButtonClick();\n }\n : undefined\n }\n value={valueOrSelected}\n onOptionsShow={state.onOptionsShow}\n focusOnClearClick\n className={st(classes.root, {\n disableEditing,\n })}\n inputElement={<Input disableEditing={disableEditing} />}\n />\n );\n}\n\nexport const AutoCompleteReadonly = observer(_AutoCompleteReadonly);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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_ = "AutoCompleteReadonly888449437";
+var _namespace_ = "AutoCompleteReadonly2298173777";
 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": "AutoCompleteReadonly888449437__root"
+  "root": "AutoCompleteReadonly2298173777__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~AutoCompleteReadonly888449437~~\";\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\":\"~~AutoCompleteReadonly888449437__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~~,+BAA+B~~;~~AACjD~~,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;~~AAAqC~~,CAAC;~~AAC5D~~,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/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly2298173777\";\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\":\"AutoCompleteReadonly2298173777__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/CollectionViewsDropdown/AutoCompleteReadonlyState.js CHANGED Viewed

@@ -10,7 +10,6 @@ class AutoCompleteReadonlyState {
   constructor() {
     (0, _defineProperty2.default)(this, "disableEditing", true);
     (0, _defineProperty2.default)(this, "isFocused", false);
-    (0, _defineProperty2.default)(this, "autoComplete", null);
     (0, _defineProperty2.default)(this, "clearInput", void 0);
     (0, _defineProperty2.default)(this, "events", new _events.EventEmitter());
     (0, _defineProperty2.default)(this, "onFocus", (0, _mobx.action)(() => {

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

	@@ -1 +1 @@
1	- {"version":3,"names":["_mobx","require","_events","AutoCompleteReadonlyState","constructor","_defineProperty2","default","EventEmitter","action","isFocused","disableEditing","events","emit","setTimeout","_this$clearInput","clearInput","call","_this$clearInput2","_this$clearInput3","_this$clearInput4","makeObservable","observable","ref","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonlyState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { ~~AutoComplete } from '@wix/design-system';\nimport {~~ EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\n\nexport class AutoCompleteReadonlyState {\n disableEditing = true;\n isFocused = false;\n ~~autoComplete: AutoComplete \| null = null;\n~~ clearInput?: () => void;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n blur: () => unknown;\n }>;\n\n constructor() {\n makeObservable(this, {\n disableEditing: observable.ref,\n });\n }\n\n onFocus = action(() => {\n this.isFocused = true;\n this.disableEditing = false;\n });\n\n onBlur = action(() => {\n this.isFocused = false;\n this.events.emit('blur');\n // verify that eventually disableEditing=true if isFocused=false\n // not doing this immediately not to hide `inputClearButton` too soon when it's clicked\n setTimeout(\n action(() => {\n if (!this.isFocused) {\n this.disableEditing = true;\n this.clearInput?.();\n }\n }),\n 300,\n );\n });\n\n onItemClick = action(() => {\n this.disableEditing = true;\n });\n\n onClickOutside = action(() => {\n this.disableEditing = true;\n this.clearInput?.();\n });\n\n onInputClearButtonClick = action(() => {\n this.clearInput?.();\n });\n\n onTabKeyDown = action(() => {\n this.disableEditing = true;\n this.clearInput?.();\n });\n\n onSelect = action(() => {\n this.disableEditing = true;\n });\n\n onOptionsShow = action(() => {\n this.disableEditing = false;\n });\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;~~AAEA~~,IAAAC,OAAA,GAAAD,OAAA;AAGO,MAAME,yBAAyB,CAAC;~~EAUrCC~~,WAAWA,CAAA,EAAG;IAAA,IAAAC,gBAAA,CAAAC,OAAA,~~0BATG~~,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,qBACT,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA~~,wBACmB,IAAI~~;IAAA,IAAAD,gBAAA,CAAAC,OAAA~~;IAAA~~,~~IAAAD~~,~~gBAAA,CAAAC,OAAA,kBAGtB,~~IAAIC,oBAAY,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,mBAU1B,IAAAE,YAAM,EAAC,MAAM;MACrB,IAAI,CAACC,SAAS,GAAG,IAAI;MACrB,IAAI,CAACC,cAAc,GAAG,KAAK;IAC7B,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,kBAEO,IAAAE,YAAM,EAAC,MAAM;MACpB,IAAI,CAACC,SAAS,GAAG,KAAK;MACtB,IAAI,CAACE,MAAM,CAACC,IAAI,CAAC,MAAM,CAAC;MACxB;MACA;MACAC,UAAU,CACR,IAAAL,YAAM,EAAC,MAAM;QACX,IAAI,CAAC,IAAI,CAACC,SAAS,EAAE;UAAA,IAAAK,gBAAA;UACnB,IAAI,CAACJ,cAAc,GAAG,IAAI;UAC1B,CAAAI,gBAAA,OAAI,CAACC,UAAU,aAAfD,gBAAA,CAAAE,IAAA,KAAkB,CAAC;QACrB;MACF,CAAC,CAAC,EACF,GACF,CAAC;IACH,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,uBAEY,IAAAE,YAAM,EAAC,MAAM;MACzB,IAAI,CAACE,cAAc,GAAG,IAAI;IAC5B,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,0BAEe,IAAAE,YAAM,EAAC,MAAM;MAAA,IAAAS,iBAAA;MAC5B,IAAI,CAACP,cAAc,GAAG,IAAI;MAC1B,CAAAO,iBAAA,OAAI,CAACF,UAAU,aAAfE,iBAAA,CAAAD,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,mCAEwB,IAAAE,YAAM,EAAC,MAAM;MAAA,IAAAU,iBAAA;MACrC,CAAAA,iBAAA,OAAI,CAACH,UAAU,aAAfG,iBAAA,CAAAF,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,wBAEa,IAAAE,YAAM,EAAC,MAAM;MAAA,IAAAW,iBAAA;MAC1B,IAAI,CAACT,cAAc,GAAG,IAAI;MAC1B,CAAAS,iBAAA,OAAI,CAACJ,UAAU,aAAfI,iBAAA,CAAAH,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,oBAES,IAAAE,YAAM,EAAC,MAAM;MACtB,IAAI,CAACE,cAAc,GAAG,IAAI;IAC5B,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,yBAEc,IAAAE,YAAM,EAAC,MAAM;MAC3B,IAAI,CAACE,cAAc,GAAG,KAAK;IAC7B,CAAC,CAAC;IAlDA,IAAAU,oBAAc,EAAC,IAAI,EAAE;MACnBV,cAAc,EAAEW,gBAAU,CAACC;IAC7B,CAAC,CAAC;EACJ;AAgDF;AAACC,OAAA,CAAApB,yBAAA,GAAAA,yBAAA","ignoreList":[]}
1	+ {"version":3,"names":["_mobx","require","_events","AutoCompleteReadonlyState","constructor","_defineProperty2","default","EventEmitter","action","isFocused","disableEditing","events","emit","setTimeout","_this$clearInput","clearInput","call","_this$clearInput2","_this$clearInput3","_this$clearInput4","makeObservable","observable","ref","exports"],"sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonlyState.ts"],"sourcesContent":["import { action, makeObservable, observable } from 'mobx';\nimport { EventEmitter } from 'events';\nimport { TypedEmitter } from '@wix/bex-core/events';\n\nexport class AutoCompleteReadonlyState {\n disableEditing = true;\n isFocused = false;\n clearInput?: () => void;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n blur: () => unknown;\n }>;\n\n constructor() {\n makeObservable(this, {\n disableEditing: observable.ref,\n });\n }\n\n onFocus = action(() => {\n this.isFocused = true;\n this.disableEditing = false;\n });\n\n onBlur = action(() => {\n this.isFocused = false;\n this.events.emit('blur');\n // verify that eventually disableEditing=true if isFocused=false\n // not doing this immediately not to hide `inputClearButton` too soon when it's clicked\n setTimeout(\n action(() => {\n if (!this.isFocused) {\n this.disableEditing = true;\n this.clearInput?.();\n }\n }),\n 300,\n );\n });\n\n onItemClick = action(() => {\n this.disableEditing = true;\n });\n\n onClickOutside = action(() => {\n this.disableEditing = true;\n this.clearInput?.();\n });\n\n onInputClearButtonClick = action(() => {\n this.clearInput?.();\n });\n\n onTabKeyDown = action(() => {\n this.disableEditing = true;\n this.clearInput?.();\n });\n\n onSelect = action(() => {\n this.disableEditing = true;\n });\n\n onOptionsShow = action(() => {\n this.disableEditing = false;\n });\n}\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAGO,MAAME,yBAAyB,CAAC;EASrCC,WAAWA,CAAA,EAAG;IAAA,IAAAC,gBAAA,CAAAC,OAAA,0BARG,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA,qBACT,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBAGC,IAAIC,oBAAY,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA,mBAU1B,IAAAE,YAAM,EAAC,MAAM;MACrB,IAAI,CAACC,SAAS,GAAG,IAAI;MACrB,IAAI,CAACC,cAAc,GAAG,KAAK;IAC7B,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,kBAEO,IAAAE,YAAM,EAAC,MAAM;MACpB,IAAI,CAACC,SAAS,GAAG,KAAK;MACtB,IAAI,CAACE,MAAM,CAACC,IAAI,CAAC,MAAM,CAAC;MACxB;MACA;MACAC,UAAU,CACR,IAAAL,YAAM,EAAC,MAAM;QACX,IAAI,CAAC,IAAI,CAACC,SAAS,EAAE;UAAA,IAAAK,gBAAA;UACnB,IAAI,CAACJ,cAAc,GAAG,IAAI;UAC1B,CAAAI,gBAAA,OAAI,CAACC,UAAU,aAAfD,gBAAA,CAAAE,IAAA,KAAkB,CAAC;QACrB;MACF,CAAC,CAAC,EACF,GACF,CAAC;IACH,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,uBAEY,IAAAE,YAAM,EAAC,MAAM;MACzB,IAAI,CAACE,cAAc,GAAG,IAAI;IAC5B,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,0BAEe,IAAAE,YAAM,EAAC,MAAM;MAAA,IAAAS,iBAAA;MAC5B,IAAI,CAACP,cAAc,GAAG,IAAI;MAC1B,CAAAO,iBAAA,OAAI,CAACF,UAAU,aAAfE,iBAAA,CAAAD,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,mCAEwB,IAAAE,YAAM,EAAC,MAAM;MAAA,IAAAU,iBAAA;MACrC,CAAAA,iBAAA,OAAI,CAACH,UAAU,aAAfG,iBAAA,CAAAF,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,wBAEa,IAAAE,YAAM,EAAC,MAAM;MAAA,IAAAW,iBAAA;MAC1B,IAAI,CAACT,cAAc,GAAG,IAAI;MAC1B,CAAAS,iBAAA,OAAI,CAACJ,UAAU,aAAfI,iBAAA,CAAAH,IAAA,KAAkB,CAAC;IACrB,CAAC,CAAC;IAAA,IAAAX,gBAAA,CAAAC,OAAA,oBAES,IAAAE,YAAM,EAAC,MAAM;MACtB,IAAI,CAACE,cAAc,GAAG,IAAI;IAC5B,CAAC,CAAC;IAAA,IAAAL,gBAAA,CAAAC,OAAA,yBAEc,IAAAE,YAAM,EAAC,MAAM;MAC3B,IAAI,CAACE,cAAc,GAAG,KAAK;IAC7B,CAAC,CAAC;IAlDA,IAAAU,oBAAc,EAAC,IAAI,EAAE;MACnBV,cAAc,EAAEW,gBAAU,CAACC;IAC7B,CAAC,CAAC;EACJ;AAgDF;AAACC,OAAA,CAAApB,yBAAA,GAAAA,yBAAA","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_ = "ViewsDropdown220985580";
+var _namespace_ = "ViewsDropdown785872101";
 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": "ViewsDropdown220985580__root"
+  "root": "ViewsDropdown785872101__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_ = \"~~ViewsDropdown220985580~~\";\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\":\"~~ViewsDropdown220985580__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_ = \"ViewsDropdown785872101\";\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\":\"ViewsDropdown785872101__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":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.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_ = "CustomFieldsViewWidgetSection3122085642";
+var _namespace_ = "CustomFieldsViewWidgetSection1110932490";
 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": "CustomFieldsViewWidgetSection3122085642__root",
-  "breakWord": "CustomFieldsViewWidgetSection3122085642__breakWord"
+  "root": "CustomFieldsViewWidgetSection1110932490__root",
+  "breakWord": "CustomFieldsViewWidgetSection1110932490__breakWord"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

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_ = "DragHandle1517266132";
+var _namespace_ = "DragHandle2666073657";
 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": "DragHandle1517266132__root"
+  "root": "DragHandle2666073657__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_ = \"~~DragHandle1517266132~~\";\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\":\"~~DragHandle1517266132__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":[]}
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_ = \"DragHandle2666073657\";\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\":\"DragHandle2666073657__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/Fade/Fade.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_ = "Fade321838888";
+var _namespace_ = "Fade2568007195";
 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": "Fade321838888__root"
+  "root": "Fade2568007195__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

package/dist/cjs/components/Grid/GridContent.js CHANGED Viewed

@@ -67,7 +67,7 @@ function _GridContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 113,
       columnNumber: 15
     }
   });
@@ -83,7 +83,7 @@ function _GridContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 114,
+        lineNumber: 119,
         columnNumber: 7
       }
     }, child, /*#__PURE__*/_react.default.createElement(DraggableCardOverlay, {
@@ -92,7 +92,7 @@ function _GridContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 120,
+        lineNumber: 125,
         columnNumber: 9
       }
     }));
@@ -104,7 +104,7 @@ function _GridContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127,
+        lineNumber: 132,
         columnNumber: 7
       }
     });
@@ -116,11 +116,14 @@ function _GridContent(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 139,
+        lineNumber: 144,
         columnNumber: 11
       }
     }));
   }
+  (0, _react.useLayoutEffect)(() => {
+    grid._containerRectState._syncThrottled();
+  }, []);
   (0, _react.useEffect)(() => grid._containerRectState.init(), []);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -130,7 +133,7 @@ function _GridContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 152,
+      lineNumber: 161,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -140,7 +143,7 @@ function _GridContent(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 167,
       columnNumber: 7
     }
   }, child));

package/dist/cjs/components/Grid/GridContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_state","_InitialSkeletonLoader","_PageGridInfiniteScrollLoader","_designSystem","_useGridBaseSyncProps","_useRenderItem","_VirtualGridRepeater","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridContent","props","state","range","withInfiniteScrollLoader","dragAndDrop","dragAndDropSubmit","dragAndDropCancel","imagePlacement","toolbar","contentPaddingPx","showInitialLoader","multi","showRefreshLoader","grid","useState","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","useEffect","_subGrids","push","indexOf","splice","useGridBaseSyncProps","renderItem","useRenderItem","child","createElement","VirtualGridRepeater","gridState","__self","__source","fileName","lineNumber","columnNumber","DraggableCardOverlay","SortableContext","onSubmit","onCancel","InitialSkeletonLoader","dataHook","Fragment","PageGridInfiniteScrollLoader","scrollMoreAlways","_containerRectState","init","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridContent","exports","observer"],"sources":["../../../../src/components/Grid/GridContent.tsx"],"sourcesContent":["import React, { ReactElement, useEffect, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n GridBaseState,\n gridSizePresets,\n ToolbarCollectionState,\n topGridSizePreset,\n} from '../../state';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport { AddItemProps, Box } from '@wix/design-system';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { useRenderItem } from './useRenderItem';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport {\n DragAndDrop,\n DragAndDropCancel,\n DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { ActionCell } from '../ActionCell';\n\nexport interface GridContentBaseProps<T, F extends FiltersMap> {\n preset?: 'full' \| 'title' \| 'empty';\n imagePlacement?: 'side' \| 'top';\n renderItem?: (\n item: T,\n index: number,\n ) => Partial<SupportedCardGalleryItemProps>;\n actionCell?: ActionCell<T, F>;\n renderAddItem?: () => ReactElement<AddItemProps>;\n dragAndDrop?: DragAndDrop;\n dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n dragAndDropCancel?: DragAndDropCancel<T, F>;\n}\n\nexport interface GridContentProps<T, F extends FiltersMap>\n extends GridContentBaseProps<T, F> {\n state: {\n toolbar: ToolbarCollectionState<T, F>;\n collection: CollectionState<T, F>;\n _subGrids?: GridBaseState<T, F>[];\n };\n range?: { start: number; length: number };\n withInfiniteScrollLoader?: boolean;\n}\n\nfunction _GridContent<T, F extends FiltersMap = FiltersMap>(\n props: GridContentProps<T, F>,\n) {\n const {\n state,\n range,\n withInfiniteScrollLoader,\n dragAndDrop,\n dragAndDropSubmit,\n dragAndDropCancel,\n imagePlacement,\n } = props;\n\n const {\n toolbar: {\n contentPaddingPx,\n showInitialLoader,\n multi: { showRefreshLoader },\n },\n } = state;\n\n const [grid] = useState(\n () =>\n new GridBaseState({\n container: state.toolbar.container,\n toolbar: state.toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n collection: state.collection,\n sizePreset: imagePlacement\n ? gridSizePresets[imagePlacement]\n : topGridSizePreset,\n range,\n }),\n );\n\n useEffect(() => {\n const { _subGrids } = state;\n\n if (!_subGrids) {\n return;\n }\n\n _subGrids.push(grid);\n\n return () => {\n const i = _subGrids.indexOf(grid);\n i !== -1 && _subGrids.splice(i, 1);\n };\n }, []);\n\n useGridBaseSyncProps({\n ...props,\n state: grid,\n });\n\n const renderItem = useRenderItem({\n ...props,\n state: grid,\n });\n\n let child = <VirtualGridRepeater renderItem={renderItem} gridState={grid} />;\n\n if (dragAndDrop) {\n const { DraggableCardOverlay, SortableContext } = dragAndDrop;\n\n child = (\n <SortableContext\n state={grid}\n onSubmit={dragAndDropSubmit}\n onCancel={dragAndDropCancel}\n >\n {child}\n <DraggableCardOverlay state={grid} renderItem={renderItem} />\n </SortableContext>\n );\n }\n\n if (showRefreshLoader \|\| showInitialLoader) {\n child = (\n <InitialSkeletonLoader\n dataHook={\n showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader'\n }\n state={grid}\n />\n );\n } else {\n child = (\n <>\n {child}\n {withInfiniteScrollLoader && (\n <PageGridInfiniteScrollLoader\n dataHook=\"infinite-scroll-loader\"\n state={grid}\n scrollMoreAlways\n />\n )}\n </>\n );\n }\n\n useEffect(() => grid._containerRectState.init(), []);\n\n return (\n <Box\n direction=\"vertical\"\n paddingTop={contentPaddingPx}\n paddingRight={contentPaddingPx}\n paddingLeft={contentPaddingPx}\n >\n <div\n ref={(el) => {\n grid._containerRectState.element = el;\n }}\n >\n {child}\n </div>\n </Box>\n );\n}\n\nexport const GridContent = observer(_GridContent);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_state","_InitialSkeletonLoader","_PageGridInfiniteScrollLoader","_designSystem","_useGridBaseSyncProps","_useRenderItem","_VirtualGridRepeater","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridContent","props","state","range","withInfiniteScrollLoader","dragAndDrop","dragAndDropSubmit","dragAndDropCancel","imagePlacement","toolbar","contentPaddingPx","showInitialLoader","multi","showRefreshLoader","grid","useState","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","useEffect","_subGrids","push","indexOf","splice","useGridBaseSyncProps","renderItem","useRenderItem","child","createElement","VirtualGridRepeater","gridState","__self","__source","fileName","lineNumber","columnNumber","DraggableCardOverlay","SortableContext","onSubmit","onCancel","InitialSkeletonLoader","dataHook","Fragment","PageGridInfiniteScrollLoader","scrollMoreAlways","useLayoutEffect","_containerRectState","_syncThrottled","init","Box","direction","paddingTop","paddingRight","paddingLeft","ref","el","element","GridContent","exports","observer"],"sources":["../../../../src/components/Grid/GridContent.tsx"],"sourcesContent":["import React, {\n ReactElement,\n useEffect,\n useLayoutEffect,\n useState,\n} from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport {\n GridBaseState,\n gridSizePresets,\n ToolbarCollectionState,\n topGridSizePreset,\n} from '../../state';\nimport { InitialSkeletonLoader } from '../InitialLoader/InitialSkeletonLoader';\nimport { PageGridInfiniteScrollLoader } from '../PageGridInfiniteScrollLoader';\nimport { AddItemProps, Box } from '@wix/design-system';\nimport { useGridBaseSyncProps } from './useGridBaseSyncProps';\nimport { useRenderItem } from './useRenderItem';\nimport { VirtualGridRepeater } from '../VirtualGridRepeater/VirtualGridRepeater';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport {\n DragAndDrop,\n DragAndDropCancel,\n DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { ActionCell } from '../ActionCell';\n\nexport interface GridContentBaseProps<T, F extends FiltersMap> {\n preset?: 'full' \| 'title' \| 'empty';\n imagePlacement?: 'side' \| 'top';\n renderItem?: (\n item: T,\n index: number,\n ) => Partial<SupportedCardGalleryItemProps>;\n actionCell?: ActionCell<T, F>;\n renderAddItem?: () => ReactElement<AddItemProps>;\n dragAndDrop?: DragAndDrop;\n dragAndDropSubmit?: DragAndDropSubmit<T, F>;\n dragAndDropCancel?: DragAndDropCancel<T, F>;\n}\n\nexport interface GridContentProps<T, F extends FiltersMap>\n extends GridContentBaseProps<T, F> {\n state: {\n toolbar: ToolbarCollectionState<T, F>;\n collection: CollectionState<T, F>;\n _subGrids?: GridBaseState<T, F>[];\n };\n range?: { start: number; length: number };\n withInfiniteScrollLoader?: boolean;\n}\n\nfunction _GridContent<T, F extends FiltersMap = FiltersMap>(\n props: GridContentProps<T, F>,\n) {\n const {\n state,\n range,\n withInfiniteScrollLoader,\n dragAndDrop,\n dragAndDropSubmit,\n dragAndDropCancel,\n imagePlacement,\n } = props;\n\n const {\n toolbar: {\n contentPaddingPx,\n showInitialLoader,\n multi: { showRefreshLoader },\n },\n } = state;\n\n const [grid] = useState(\n () =>\n new GridBaseState({\n container: state.toolbar.container,\n toolbar: state.toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n collection: state.collection,\n sizePreset: imagePlacement\n ? gridSizePresets[imagePlacement]\n : topGridSizePreset,\n range,\n }),\n );\n\n useEffect(() => {\n const { _subGrids } = state;\n\n if (!_subGrids) {\n return;\n }\n\n _subGrids.push(grid);\n\n return () => {\n const i = _subGrids.indexOf(grid);\n i !== -1 && _subGrids.splice(i, 1);\n };\n }, []);\n\n useGridBaseSyncProps({\n ...props,\n state: grid,\n });\n\n const renderItem = useRenderItem({\n ...props,\n state: grid,\n });\n\n let child = <VirtualGridRepeater renderItem={renderItem} gridState={grid} />;\n\n if (dragAndDrop) {\n const { DraggableCardOverlay, SortableContext } = dragAndDrop;\n\n child = (\n <SortableContext\n state={grid}\n onSubmit={dragAndDropSubmit}\n onCancel={dragAndDropCancel}\n >\n {child}\n <DraggableCardOverlay state={grid} renderItem={renderItem} />\n </SortableContext>\n );\n }\n\n if (showRefreshLoader \|\| showInitialLoader) {\n child = (\n <InitialSkeletonLoader\n dataHook={\n showInitialLoader ? 'grid-initial-loader' : 'grid-refresh-loader'\n }\n state={grid}\n />\n );\n } else {\n child = (\n <>\n {child}\n {withInfiniteScrollLoader && (\n <PageGridInfiniteScrollLoader\n dataHook=\"infinite-scroll-loader\"\n state={grid}\n scrollMoreAlways\n />\n )}\n </>\n );\n }\n\n useLayoutEffect(() => {\n grid._containerRectState._syncThrottled();\n }, []);\n\n useEffect(() => grid._containerRectState.init(), []);\n\n return (\n <Box\n direction=\"vertical\"\n paddingTop={contentPaddingPx}\n paddingRight={contentPaddingPx}\n paddingLeft={contentPaddingPx}\n >\n <div\n ref={(el) => {\n grid._containerRectState.element = el;\n }}\n >\n {child}\n </div>\n </Box>\n );\n}\n\nexport const GridContent = observer(_GridContent);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.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_ = "Heading474265119";
+var _namespace_ = "Heading3311800734";
 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": "Heading474265119__root"
+  "root": "Heading3311800734__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~Heading474265119~~\";\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\":\"~~Heading474265119__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,~~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;~~AAAwB~~,CAAC;~~AAC/C~~,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3311800734\";\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\":\"Heading3311800734__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/InputOverflow/InputOverflow.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_ = "InputOverflow3815277278";
+var _namespace_ = "InputOverflow3418476226";
 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": "InputOverflow3815277278__root"
+  "root": "InputOverflow3418476226__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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