npm - @wix/patterns - Versions diffs - 1.170.0 → 1.172.0 - Mend

@wix/patterns 1.170.0 → 1.172.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 (167) hide show

package/dist/cjs/hooks/{usePlaceholderStateOptions.js → useFilterCollectionStates.js} RENAMED Viewed

@@ -2,14 +2,15 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.usePlaceholderStateOptions = usePlaceholderStateOptions;
+exports.useFilterCollectionStates = useFilterCollectionStates;
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@wix/bex-core/react");
-var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/hooks/usePlaceholderStateOptions.tsx";
-function usePlaceholderStateOptions(options, params) {
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/hooks/useFilterCollectionStates.tsx";
+function useFilterCollectionStates(params) {
   const {
-    collection
+    collection,
+    fixedFooter
   } = params;
   const {
     translate: t
@@ -17,26 +18,26 @@ function usePlaceholderStateOptions(options, params) {
   const {
     errorHandler
   } = (0, _react2.useWixPatternsContainer)();
-  const getFixedFooter = (dataHook, content) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  const getFixedFooter = (dataHook, content) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     dataHook: dataHook,
     verticalAlign: "middle",
     align: "center",
-    minHeight: "180px",
+    direction: "vertical",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 30,
-      columnNumber: 5
+      lineNumber: 26,
+      columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
-    padding: "SP7",
+    padding: "SP2",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
-      columnNumber: 7
+      lineNumber: 32,
+      columnNumber: 9
     }
-  }, content));
+  }, content)), params.fixedFooter);
   if (collection.showInitialLoader || collection.result.status.isLoading) {
     return {
       showInitialLoader: true,
@@ -45,11 +46,10 @@ function usePlaceholderStateOptions(options, params) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 43,
+          lineNumber: 41,
           columnNumber: 53
         }
-      })),
-      options
+      }))
     };
   }
   if (collection.showEmptyState) {
@@ -61,11 +61,10 @@ function usePlaceholderStateOptions(options, params) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 52,
+          lineNumber: 49,
           columnNumber: 9
         }
-      }, collection.hasAvailableItems ? t('cairo.dropdownSearch.filters.noResults') : t('cairo.dropdownSearch.filters.emptyState'))),
-      options
+      }, collection.hasAvailableItems ? t('cairo.dropdownSearch.filters.noResults') : t('cairo.dropdownSearch.filters.emptyState')))
     };
   }
   if (collection.showErrorState) {
@@ -75,13 +74,13 @@ function usePlaceholderStateOptions(options, params) {
       return {
         fixedFooter: getFixedFooter('filter-error-state', /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
           direction: "vertical",
-          gap: "SP3",
+          gap: "SP1",
           verticalAlign: "middle",
           align: "center",
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 71,
+            lineNumber: 67,
             columnNumber: 11
           }
         }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -93,7 +92,7 @@ function usePlaceholderStateOptions(options, params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 77,
+            lineNumber: 73,
             columnNumber: 13
           }
         }, resolvedError.message, resolvedError.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -104,11 +103,11 @@ function usePlaceholderStateOptions(options, params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 86,
+            lineNumber: 82,
             columnNumber: 17
           }
         }, resolvedError.action.text)), resolvedError.action && /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-          size: "medium",
+          size: "small",
           weight: "thin",
           onClick: async () => {
             var _resolvedError$action2;
@@ -117,17 +116,15 @@ function usePlaceholderStateOptions(options, params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 96,
+            lineNumber: 92,
             columnNumber: 15
           }
-        }, resolvedError.action.text))),
-        options
+        }, resolvedError.action.text)))
       };
     }
   }
   return {
-    options,
-    fixedFooter: params.fixedFooter
+    fixedFooter
   };
 }
-//# sourceMappingURL=usePlaceholderStateOptions.js.map
+//# sourceMappingURL=useFilterCollectionStates.js.map

package/dist/cjs/hooks/useFilterCollectionStates.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_jsxFileName","useFilterCollectionStates","params","collection","fixedFooter","translate","t","errorHandler","useWixPatternsContainer","getFixedFooter","dataHook","content","default","createElement","Fragment","Box","verticalAlign","align","direction","__self","__source","fileName","lineNumber","columnNumber","padding","showInitialLoader","result","status","isLoading","Loader","size","showEmptyState","Text","secondary","hasAvailableItems","showErrorState","_collection$result$er","resolvedError","getResolvedError","errorStatus","error","gap","weight","message","action","TextButton","onClick","_resolvedError$action","text","_resolvedError$action2"],"sources":["../../../src/hooks/useFilterCollectionStates.tsx"],"sourcesContent":["import { Box, Loader, Text, TextButton } from '@wix/design-system';\nimport React, { ReactNode } from 'react';\nimport { CollectionState, FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface UseFilterCollectionStateOptionsParams<\n T,\n F extends FiltersMap,\n> {\n collection: CollectionState<T, F>;\n fixedFooter: ReactNode;\n}\n\nexport function useFilterCollectionStates<T, F extends FiltersMap>(\n params: UseFilterCollectionStateOptionsParams<T, F>,\n): {\n fixedFooter?: ReactNode;\n showInitialLoader?: boolean;\n} {\n const { collection, fixedFooter } = params;\n const { translate: t } = collection;\n const { errorHandler } = useWixPatternsContainer();\n\n const getFixedFooter = (dataHook: string, content: ReactNode) => (\n <>\n <Box\n dataHook={dataHook}\n verticalAlign=\"middle\"\n align=\"center\"\n direction=\"vertical\"\n >\n <Box padding=\"SP2\">{content}</Box>\n </Box>\n {params.fixedFooter}\n </>\n );\n\n if (collection.showInitialLoader || collection.result.status.isLoading) {\n return {\n showInitialLoader: true,\n fixedFooter: getFixedFooter('initial-loader', <Loader size=\"small\" />),\n };\n }\n\n if (collection.showEmptyState) {\n return {\n fixedFooter: getFixedFooter(\n 'empty-state',\n <Text dataHook=\"empty-state-text\" secondary size=\"small\">\n {collection.hasAvailableItems\n ? t('cairo.dropdownSearch.filters.noResults')\n : t('cairo.dropdownSearch.filters.emptyState')}\n </Text>,\n ),\n };\n }\n\n if (collection.showErrorState) {\n const resolvedError = errorHandler.getResolvedError?.(\n collection.result.errorStatus?.error,\n );\n\n if (resolvedError) {\n return {\n fixedFooter: getFixedFooter(\n 'filter-error-state',\n <Box\n direction=\"vertical\"\n gap=\"SP1\"\n verticalAlign=\"middle\"\n align=\"center\"\n >\n <Text\n dataHook=\"filter-error-state-text\"\n secondary\n align=\"center\"\n weight=\"thin\"\n size=\"small\"\n >\n {resolvedError.message}\n {resolvedError.action && (\n <TextButton\n onClick={async () => {\n await resolvedError.action?.onClick?.();\n }}\n >\n {resolvedError.action.text}\n </TextButton>\n )}\n </Text>\n {resolvedError.action && (\n <TextButton\n size=\"small\"\n weight=\"thin\"\n onClick={async () => {\n await resolvedError.action?.onClick?.();\n }}\n >\n {resolvedError.action.text}\n </TextButton>\n )}\n </Box>,\n ),\n };\n }\n }\n\n return {\n fixedFooter,\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/EntityPage/EntityPageState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","formPage","FormPageState","form","_parentPageId","parentPageId","transformEntityToCollectionItem","anEntity","_parentPath","parentPath","container","_routerState","routerState","_this$_routerState$cu","_entity","currentState","_chosenEntity","entity","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","observable","ref","setEntity","isFormDirty","computed","_withinRouter","_checkPageParams","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","appLoaded","call","remove","retryFetch","newEntity","isFetching","flag","isDirty","_isFormDirty","val","onCancel","reportButtonClick","ctaName","navigateToParent","updatedEntity","entityStringKey","entityObject","navigate","state","navigateTo","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container","errorToast","retry","message","showTryAgain","tryAgain","undefined","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container2","submitTask","isLoading","events","emit","isValid","extraFields","validate","run","savedEntity","onSaveResult","widgetsFormData","errorMonitor","captureException","setError","transformedItem","Error","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n FormPageState,\n ReportBI,\n WixPatternsContainer,\n ActionsBarConfig,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\nimport { WixPatternsRouterState } from '../WixPatternsRouterState';\n\ntype OnSaveParams = {\n widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n /*\n A function that fetches the entity data.\n * @returns a promise that resolves to an object containing the entity.\n /\n fetch: () => Promise<{ entity: T \| undefined }>;\n\n /\n A function to handle the save action.\n * @returns promise that resolves to an object that contains a 'updatedEntity' object.\n /\n onSave: (params: OnSaveParams) => Promise<{ updatedEntity: T }>;\n\n /\n An optional object with an optional message, or it can directly get a string message.\n /\n saveSuccessToast?: { message?: string } \| string;\n\n /\n An optional function to display an error toast message when a save operation fails.\n * @returns An object with a `message` and an `action` object. Alternatively, it can return an object with an optional `message` and a `tryAgain` flag, or a string message.\n * The previous return types are still supported but are now deprecated.\n /\n saveErrorToast?: (\n err: unknown,\n params: { retry: () => void },\n ) =>\n \| {\n message?: string;\n /\n @deprecated use `action` instead\n /\n tryAgain?: boolean;\n action?: { text: string; onClick: () => void };\n }\n \| string;\n\n /\n An optional function to transform the updated entity data before it is passed to the collection page.\n * @param entity the updated entity.\n * @returns an object representing the entity in the collection page.\n /\n transformEntityToCollectionItem?: (entity: T) => any;\n\n form: FormPageState<V>['form'];\n\n /\n An object representing the container, possibly for dependency injection or component management.\n /\n container: WixPatternsContainer;\n\n /\n A string representing the ID of the parent page.\n * Must be passed if not using Patterns Router\n /\n parentPageId?: string;\n\n /\n A string representing the path of the parent page.\n * Must be passed if using Patterns Router\n /\n parentPath?: string;\n\n /\n An object representing the router state\n /\n routerState?: WixPatternsRouterState \| null;\n\n /\n An optional object to override the actions bar.\n */\n actionsBarConfig?: ActionsBarConfig;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n validate: () => Promise<{ isValid: boolean; values?: any }>;\n isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n implements EntityPageStateInterface\n{\n readonly fetch: EntityPageStateParams<T>['fetch'];\n readonly onSave: EntityPageStateParams<T, V>['onSave'];\n readonly saveSuccessToast?: EntityPageStateParams<T>['saveSuccessToast'];\n readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n readonly transformEntityToCollectionItem: (entity: T) => any;\n\n _entity: T \| null = null;\n private readonly _parentPageId?: string;\n private readonly _parentPath?: string;\n\n actionsBarConfig?: EntityPageStateParams<T>['actionsBarConfig'];\n\n readonly container: WixPatternsContainer;\n readonly reportBI: ReportBI;\n readonly bi: EntityPageStateBIReporter<T, V>;\n\n _routerState: WixPatternsRouterState \| null = null;\n\n readonly formPage: FormPageState<V>;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n save: () => void;\n saveError: (err: unknown) => void;\n }>;\n\n constructor(params: EntityPageStateParams<T, V>) {\n this.fetch = params.fetch;\n this.onSave = params.onSave;\n this.saveSuccessToast = params.saveSuccessToast;\n this.saveErrorToast = params.saveErrorToast;\n this.formPage = new FormPageState<V>({ form: params.form });\n this._parentPageId = params.parentPageId;\n this.transformEntityToCollectionItem =\n params.transformEntityToCollectionItem \|\| ((anEntity: T) => anEntity);\n this._parentPath = params.parentPath;\n\n this.container = params.container;\n\n this._routerState = params.routerState ?? null;\n\n if (this._routerState) {\n this._entity = this._routerState.currentState?._chosenEntity?.entity;\n }\n\n this.reportBI = this.container.createBILogger({\n componentType: 'Entity page',\n pageType: 'Entity',\n route: window.location.pathname,\n });\n\n this.bi = new EntityPageStateBIReporter({\n reportBI: this.reportBI,\n entityPageState: this,\n });\n this.bi.init();\n\n makeObservable(this, {\n handleSubmit: action,\n _entity: observable.ref,\n setEntity: action,\n isFormDirty: computed,\n _withinRouter: computed,\n });\n }\n\n init() {\n this._checkPageParams();\n const {\n formPage: { initTask },\n container,\n } = this;\n const { onBeforeUnload } = container;\n\n const onBeforeUnloadSubscription = onBeforeUnload?.(\n action((event: Event) => {\n const { form } = this;\n if (form.formState.isSubmitSuccessful \|\| !this.isFormDirty) {\n return;\n }\n event.preventDefault();\n this.bi.reportOnBeforeUnload();\n }),\n );\n\n initTask.runOnce(async () => {\n const [data] = await Promise.all([\n this.fetch(),\n container.initTask.status.promise,\n ]);\n\n this.setEntity(data.entity ?? null);\n this.bi.appLoaded?.();\n });\n\n return () => {\n onBeforeUnloadSubscription?.remove();\n };\n }\n\n retryFetch() {\n this.formPage.retryFetch();\n }\n\n setEntity(newEntity: T \| null) {\n this._entity = newEntity;\n }\n\n get entity(): T \| null {\n return this._entity;\n }\n\n get isFetching() {\n return this.formPage.isFetching;\n }\n\n get form() {\n return this.formPage.form;\n }\n\n set isSubmitSuccessful(flag: boolean) {\n this.formPage.isSubmitSuccessful = flag;\n }\n\n get isFormDirty() {\n return this.formPage.isDirty;\n }\n\n // backwards compatibility\n set _isFormDirty(val: boolean) {\n this.formPage._isFormDirty = val;\n }\n\n get _withinRouter() {\n return !!this._routerState;\n }\n\n onCancel() {\n this.bi.reportButtonClick({ ctaName: 'Cancel' });\n this.navigateToParent();\n }\n\n navigateToParent(updatedEntity?: any) {\n const entityStringKey = this._entity ? '_updatedEntity' : '_createdEntity';\n const entityObject = { [entityStringKey]: updatedEntity };\n\n if (this._withinRouter) {\n this._routerState!.navigate(this._parentPath!, { state: entityObject });\n } else {\n this.container.navigateTo!({\n pageId: this._parentPageId!,\n });\n }\n }\n\n _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n const errorToast = this.saveErrorToast?.(err, {\n retry: () => this.handleSubmit(e),\n });\n const message =\n typeof errorToast === 'string' ? errorToast : errorToast?.message;\n const showTryAgain =\n typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n const action =\n typeof errorToast === 'string' ? undefined : errorToast?.action;\n\n this.container.showToast?.({\n type: 'ERROR',\n biName: 'cairo-entity-page-save-error-toast',\n message:\n message ??\n this.container.translate(\n err?.code === 'ERR_NETWORK'\n ? 'cairo.entityPage.saveError-offline.toast.description'\n : 'cairo.entityPage.saveError-technical.toast.description',\n ),\n action:\n action \|\| showTryAgain\n ? {\n uiType: 'LINK',\n text:\n action?.text ?? this.container.translate('cairo.toast.retry'),\n onClick: () => {\n if (action?.onClick) {\n action.onClick();\n } else {\n this.bi.reportSaveTryAgain();\n this.handleSubmit(e);\n }\n },\n removeToastOnClick: true,\n }\n : undefined,\n });\n }\n\n _showSuccessToast() {\n const message =\n typeof this.saveSuccessToast === 'string'\n ? this.saveSuccessToast\n : this.saveSuccessToast?.message;\n\n this.container.showToast?.({\n type: 'SUCCESS',\n biName: 'cairo-entity-page-save-success-toast',\n message:\n message ?? this.container.translate('cairo.entityPage.success.toast'),\n });\n }\n\n async handleSubmit(e?: React.BaseSyntheticEvent) {\n if (this.formPage.submitTask.status.isLoading) {\n return;\n }\n\n this.events.emit('save');\n\n const { isValid, data: extraFields } = await this.formPage.validate();\n\n if (!isValid) {\n this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n return;\n }\n\n const {\n form,\n formPage: { submitTask },\n bi,\n } = this;\n\n submitTask.run(async () => {\n let savedEntity: T \| undefined;\n await form.handleSubmit(\n async () => {\n bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n try {\n if (!this.isFetching) {\n const onSaveResult = await this.onSave({\n widgetsFormData: { ...extraFields },\n });\n savedEntity = onSaveResult?.updatedEntity;\n }\n this._showSuccessToast();\n } catch (err) {\n this._showErrorToast(err, e);\n this.container.errorMonitor.captureException(err);\n this.events.emit('saveError', err);\n form.setError('root.serverError', {}); // https://react-hook-form.com/docs/useform/seterror\n }\n },\n () => {\n bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n }, // can be used to report validation errors\n )(e);\n\n if (!form.formState.isSubmitSuccessful) {\n return;\n }\n\n const transformedItem =\n savedEntity && this.transformEntityToCollectionItem\n ? this.transformEntityToCollectionItem(savedEntity)\n : savedEntity;\n this.navigateToParent(transformedItem);\n });\n await this.formPage.submitTask.status.promise;\n }\n\n get initTask() {\n return this.formPage.initTask;\n }\n\n get submitTask() {\n return this.formPage.submitTask;\n }\n\n private _checkPageParams() {\n if (this._withinRouter) {\n if (this._parentPath === undefined) {\n throw new Error('parentPath was not defined in useEntityPage');\n }\n } else {\n if (this._parentPageId === undefined) {\n throw new Error('parentPageId was not defined in useEntityPage');\n }\n\n if (!this.container.navigateTo) {\n throw new Error('navigateTo was not defined in Patterns Provider');\n }\n }\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_bexCore","require","_mobx","_EntityPageStateBIReporter","_events","EntityPageState","constructor","params","_defineProperty2","default","EventEmitter","fetch","onSave","saveSuccessToast","saveErrorToast","formPage","FormPageState","form","_parentPageId","parentPageId","transformEntityToCollectionItem","anEntity","_parentPath","parentPath","container","_routerState","routerState","_this$_routerState$cu","_entity","currentState","_chosenEntity","entity","reportBI","createBILogger","componentType","pageType","route","window","location","pathname","bi","EntityPageStateBIReporter","entityPageState","init","makeObservable","handleSubmit","action","observable","ref","setEntity","isFormDirty","computed","_withinRouter","_checkPageParams","initTask","onBeforeUnload","onBeforeUnloadSubscription","event","formState","isSubmitSuccessful","preventDefault","reportOnBeforeUnload","runOnce","_this$bi$appLoaded","_this$bi","data","Promise","all","status","promise","appLoaded","call","remove","retryFetch","newEntity","isFetching","flag","isDirty","_isFormDirty","val","onCancel","reportButtonClick","ctaName","navigateToParent","updatedEntity","entityStringKey","entityObject","navigate","state","navigateTo","pageId","_showErrorToast","err","e","_this$saveErrorToast","_this$container$showT","_this$container","errorToast","retry","message","showTryAgain","tryAgain","undefined","showToast","type","biName","translate","code","uiType","text","onClick","reportSaveTryAgain","removeToastOnClick","_showSuccessToast","_this$saveSuccessToas","_this$container$showT2","_this$container2","submitTask","isLoading","events","emit","isValid","extraFields","validate","run","savedEntity","onSaveResult","widgetsFormData","errorMonitor","captureException","setError","transformedItem","Error","exports"],"sources":["../../../../src/state/EntityPage/EntityPageState.ts"],"sourcesContent":["import {\n FormPageState,\n ReportBI,\n WixPatternsContainer,\n ActionsBarConfig,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable, observable } from 'mobx';\nimport { FieldValues } from 'react-hook-form';\nimport { EntityPageStateBIReporter } from './EntityPageStateBIReporter';\nimport { EventEmitter, TypedEmitter } from '@wix/bex-core/events';\nimport { WixPatternsRouterState } from '../WixPatternsRouterState';\n\ntype OnSaveParams = {\n widgetsFormData: { [key: string]: any };\n};\n\nexport interface EntityPageStateParams<T, V extends FieldValues = FieldValues> {\n /*\n A function that fetches the entity data.\n * @returns a promise that resolves to an object containing the entity.\n /\n fetch: () => Promise<{ entity: T \| undefined }>;\n\n /\n A function to handle the save action.\n * @returns promise that resolves to an object that contains a 'updatedEntity' object.\n /\n onSave: (params: OnSaveParams) => Promise<{ updatedEntity: T }>;\n\n /\n An optional object with an optional message, or it can directly get a string message.\n /\n saveSuccessToast?: { message?: string } \| string;\n\n /\n An optional function to display an error toast message when a save operation fails.\n * @returns An object with a `message` and an `action` object. Alternatively, it can return an object with an optional `message` and a `tryAgain` flag, or a string message.\n * The previous return types are still supported but are now deprecated.\n /\n saveErrorToast?: (\n err: unknown,\n params: { retry: () => void },\n ) =>\n \| {\n message?: string;\n /\n @deprecated use `action` instead\n /\n tryAgain?: boolean;\n action?: { text: string; onClick: () => void };\n }\n \| string;\n\n /\n An optional function to transform the updated entity data before it is passed to the collection page.\n * @param entity the updated entity.\n * @returns an object representing the entity in the collection page.\n /\n transformEntityToCollectionItem?: (entity: T) => any;\n\n form: FormPageState<V>['form'];\n\n /\n An object representing the container, possibly for dependency injection or component management.\n /\n container: WixPatternsContainer;\n\n /\n A string representing the ID of the parent page.\n * Must be passed if not using Patterns Router\n /\n parentPageId?: string;\n\n /\n A string representing the path of the parent page.\n * Must be passed if using Patterns Router\n /\n parentPath?: string;\n\n /\n An object representing the router state\n /\n routerState?: WixPatternsRouterState \| null;\n\n /\n An optional object to override the actions bar.\n /\n actionsBarConfig?: ActionsBarConfig;\n\n /\n Entity fqdn.\n */\n fqdn?: string;\n}\n\nexport interface EntityPageStateInterface {}\n\nexport interface EntityPageWidgetState {\n validate: () => Promise<{ isValid: boolean; values?: any }>;\n isDirty: boolean;\n}\n\nexport class EntityPageState<T, V extends FieldValues = FieldValues>\n implements EntityPageStateInterface\n{\n readonly fetch: EntityPageStateParams<T>['fetch'];\n readonly onSave: EntityPageStateParams<T, V>['onSave'];\n readonly saveSuccessToast?: EntityPageStateParams<T>['saveSuccessToast'];\n readonly saveErrorToast?: EntityPageStateParams<T>['saveErrorToast'];\n readonly transformEntityToCollectionItem: (entity: T) => any;\n\n _entity: T \| null = null;\n private readonly _parentPageId?: string;\n private readonly _parentPath?: string;\n\n actionsBarConfig?: EntityPageStateParams<T>['actionsBarConfig'];\n\n readonly container: WixPatternsContainer;\n readonly reportBI: ReportBI;\n readonly bi: EntityPageStateBIReporter<T, V>;\n\n _routerState: WixPatternsRouterState \| null = null;\n\n readonly formPage: FormPageState<V>;\n\n readonly events = new EventEmitter() as TypedEmitter<{\n save: () => void;\n saveError: (err: unknown) => void;\n }>;\n\n constructor(params: EntityPageStateParams<T, V>) {\n this.fetch = params.fetch;\n this.onSave = params.onSave;\n this.saveSuccessToast = params.saveSuccessToast;\n this.saveErrorToast = params.saveErrorToast;\n this.formPage = new FormPageState<V>({ form: params.form });\n this._parentPageId = params.parentPageId;\n this.transformEntityToCollectionItem =\n params.transformEntityToCollectionItem \|\| ((anEntity: T) => anEntity);\n this._parentPath = params.parentPath;\n\n this.container = params.container;\n\n this._routerState = params.routerState ?? null;\n\n if (this._routerState) {\n this._entity = this._routerState.currentState?._chosenEntity?.entity;\n }\n\n this.reportBI = this.container.createBILogger({\n componentType: 'Entity page',\n pageType: 'Entity',\n route: window.location.pathname,\n });\n\n this.bi = new EntityPageStateBIReporter({\n reportBI: this.reportBI,\n entityPageState: this,\n });\n this.bi.init();\n\n makeObservable(this, {\n handleSubmit: action,\n _entity: observable.ref,\n setEntity: action,\n isFormDirty: computed,\n _withinRouter: computed,\n });\n }\n\n init() {\n this._checkPageParams();\n const {\n formPage: { initTask },\n container,\n } = this;\n const { onBeforeUnload } = container;\n\n const onBeforeUnloadSubscription = onBeforeUnload?.(\n action((event: Event) => {\n const { form } = this;\n if (form.formState.isSubmitSuccessful \|\| !this.isFormDirty) {\n return;\n }\n event.preventDefault();\n this.bi.reportOnBeforeUnload();\n }),\n );\n\n initTask.runOnce(async () => {\n const [data] = await Promise.all([\n this.fetch(),\n container.initTask.status.promise,\n ]);\n\n this.setEntity(data.entity ?? null);\n this.bi.appLoaded?.();\n });\n\n return () => {\n onBeforeUnloadSubscription?.remove();\n };\n }\n\n retryFetch() {\n this.formPage.retryFetch();\n }\n\n setEntity(newEntity: T \| null) {\n this._entity = newEntity;\n }\n\n get entity(): T \| null {\n return this._entity;\n }\n\n get isFetching() {\n return this.formPage.isFetching;\n }\n\n get form() {\n return this.formPage.form;\n }\n\n set isSubmitSuccessful(flag: boolean) {\n this.formPage.isSubmitSuccessful = flag;\n }\n\n get isFormDirty() {\n return this.formPage.isDirty;\n }\n\n // backwards compatibility\n set _isFormDirty(val: boolean) {\n this.formPage._isFormDirty = val;\n }\n\n get _withinRouter() {\n return !!this._routerState;\n }\n\n onCancel() {\n this.bi.reportButtonClick({ ctaName: 'Cancel' });\n this.navigateToParent();\n }\n\n navigateToParent(updatedEntity?: any) {\n const entityStringKey = this._entity ? '_updatedEntity' : '_createdEntity';\n const entityObject = { [entityStringKey]: updatedEntity };\n\n if (this._withinRouter) {\n this._routerState!.navigate(this._parentPath!, { state: entityObject });\n } else {\n this.container.navigateTo!({\n pageId: this._parentPageId!,\n });\n }\n }\n\n _showErrorToast(err: any, e?: React.BaseSyntheticEvent) {\n const errorToast = this.saveErrorToast?.(err, {\n retry: () => this.handleSubmit(e),\n });\n const message =\n typeof errorToast === 'string' ? errorToast : errorToast?.message;\n const showTryAgain =\n typeof errorToast === 'string' ? true : errorToast?.tryAgain !== false;\n const action =\n typeof errorToast === 'string' ? undefined : errorToast?.action;\n\n this.container.showToast?.({\n type: 'ERROR',\n biName: 'cairo-entity-page-save-error-toast',\n message:\n message ??\n this.container.translate(\n err?.code === 'ERR_NETWORK'\n ? 'cairo.entityPage.saveError-offline.toast.description'\n : 'cairo.entityPage.saveError-technical.toast.description',\n ),\n action:\n action \|\| showTryAgain\n ? {\n uiType: 'LINK',\n text:\n action?.text ?? this.container.translate('cairo.toast.retry'),\n onClick: () => {\n if (action?.onClick) {\n action.onClick();\n } else {\n this.bi.reportSaveTryAgain();\n this.handleSubmit(e);\n }\n },\n removeToastOnClick: true,\n }\n : undefined,\n });\n }\n\n _showSuccessToast() {\n const message =\n typeof this.saveSuccessToast === 'string'\n ? this.saveSuccessToast\n : this.saveSuccessToast?.message;\n\n this.container.showToast?.({\n type: 'SUCCESS',\n biName: 'cairo-entity-page-save-success-toast',\n message:\n message ?? this.container.translate('cairo.entityPage.success.toast'),\n });\n }\n\n async handleSubmit(e?: React.BaseSyntheticEvent) {\n if (this.formPage.submitTask.status.isLoading) {\n return;\n }\n\n this.events.emit('save');\n\n const { isValid, data: extraFields } = await this.formPage.validate();\n\n if (!isValid) {\n this.bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n return;\n }\n\n const {\n form,\n formPage: { submitTask },\n bi,\n } = this;\n\n submitTask.run(async () => {\n let savedEntity: T \| undefined;\n await form.handleSubmit(\n async () => {\n bi.reportButtonClick({ ctaName: 'Save', isValid: true });\n try {\n if (!this.isFetching) {\n const onSaveResult = await this.onSave({\n widgetsFormData: { ...extraFields },\n });\n savedEntity = onSaveResult?.updatedEntity;\n }\n this._showSuccessToast();\n } catch (err) {\n this._showErrorToast(err, e);\n this.container.errorMonitor.captureException(err);\n this.events.emit('saveError', err);\n form.setError('root.serverError', {}); // https://react-hook-form.com/docs/useform/seterror\n }\n },\n () => {\n bi.reportButtonClick({ ctaName: 'Save', isValid: false });\n }, // can be used to report validation errors\n )(e);\n\n if (!form.formState.isSubmitSuccessful) {\n return;\n }\n\n const transformedItem =\n savedEntity && this.transformEntityToCollectionItem\n ? this.transformEntityToCollectionItem(savedEntity)\n : savedEntity;\n this.navigateToParent(transformedItem);\n });\n await this.formPage.submitTask.status.promise;\n }\n\n get initTask() {\n return this.formPage.initTask;\n }\n\n get submitTask() {\n return this.formPage.submitTask;\n }\n\n private _checkPageParams() {\n if (this._withinRouter) {\n if (this._parentPath === undefined) {\n throw new Error('parentPath was not defined in useEntityPage');\n }\n } else {\n if (this._parentPageId === undefined) {\n throw new Error('parentPageId was not defined in useEntityPage');\n }\n\n if (!this.container.navigateTo) {\n throw new Error('navigateTo was not defined in Patterns Provider');\n }\n }\n }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAMA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,0BAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AA6FO,MAAMI,eAAe,CAE5B;EA0BEC,WAAWA,CAACC,MAAmC,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;IAAA,IAAAD,gBAAA,CAAAC,OAAA,mBAnB7B,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,wBAUsB,IAAI;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,kBAIhC,IAAIC,oBAAY,CAAC,CAAC;IAMlC,IAAI,CAACC,KAAK,GAAGJ,MAAM,CAACI,KAAK;IACzB,IAAI,CAACC,MAAM,GAAGL,MAAM,CAACK,MAAM;IAC3B,IAAI,CAACC,gBAAgB,GAAGN,MAAM,CAACM,gBAAgB;IAC/C,IAAI,CAACC,cAAc,GAAGP,MAAM,CAACO,cAAc;IAC3C,IAAI,CAACC,QAAQ,GAAG,IAAIC,sBAAa,CAAI;MAAEC,IAAI,EAAEV,MAAM,CAACU;IAAK,CAAC,CAAC;IAC3D,IAAI,CAACC,aAAa,GAAGX,MAAM,CAACY,YAAY;IACxC,IAAI,CAACC,+BAA+B,GAClCb,MAAM,CAACa,+BAA+B,KAAMC,QAAW,IAAKA,QAAQ,CAAC;IACvE,IAAI,CAACC,WAAW,GAAGf,MAAM,CAACgB,UAAU;IAEpC,IAAI,CAACC,SAAS,GAAGjB,MAAM,CAACiB,SAAS;IAEjC,IAAI,CAACC,YAAY,GAAGlB,MAAM,CAACmB,WAAW,IAAI,IAAI;IAE9C,IAAI,IAAI,CAACD,YAAY,EAAE;MAAA,IAAAE,qBAAA;MACrB,IAAI,CAACC,OAAO,IAAAD,qBAAA,GAAG,IAAI,CAACF,YAAY,CAACI,YAAY,cAAAF,qBAAA,GAA9BA,qBAAA,CAAgCG,aAAa,qBAA7CH,qBAAA,CAA+CI,MAAM;IACtE;IAEA,IAAI,CAACC,QAAQ,GAAG,IAAI,CAACR,SAAS,CAACS,cAAc,CAAC;MAC5CC,aAAa,EAAE,aAAa;MAC5BC,QAAQ,EAAE,QAAQ;MAClBC,KAAK,EAAEC,MAAM,CAACC,QAAQ,CAACC;IACzB,CAAC,CAAC;IAEF,IAAI,CAACC,EAAE,GAAG,IAAIC,oDAAyB,CAAC;MACtCT,QAAQ,EAAE,IAAI,CAACA,QAAQ;MACvBU,eAAe,EAAE;IACnB,CAAC,CAAC;IACF,IAAI,CAACF,EAAE,CAACG,IAAI,CAAC,CAAC;IAEd,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,YAAY,EAAEC,YAAM;MACpBlB,OAAO,EAAEmB,gBAAU,CAACC,GAAG;MACvBC,SAAS,EAAEH,YAAM;MACjBI,WAAW,EAAEC,cAAQ;MACrBC,aAAa,EAAED;IACjB,CAAC,CAAC;EACJ;EAEAR,IAAIA,CAAA,EAAG;IACL,IAAI,CAACU,gBAAgB,CAAC,CAAC;IACvB,MAAM;MACJtC,QAAQ,EAAE;QAAEuC;MAAS,CAAC;MACtB9B;IACF,CAAC,GAAG,IAAI;IACR,MAAM;MAAE+B;IAAe,CAAC,GAAG/B,SAAS;IAEpC,MAAMgC,0BAA0B,GAAGD,cAAc,oBAAdA,cAAc,CAC/C,IAAAT,YAAM,EAAEW,KAAY,IAAK;MACvB,MAAM;QAAExC;MAAK,CAAC,GAAG,IAAI;MACrB,IAAIA,IAAI,CAACyC,SAAS,CAACC,kBAAkB,IAAI,CAAC,IAAI,CAACT,WAAW,EAAE;QAC1D;MACF;MACAO,KAAK,CAACG,cAAc,CAAC,CAAC;MACtB,IAAI,CAACpB,EAAE,CAACqB,oBAAoB,CAAC,CAAC;IAChC,CAAC,CACH,CAAC;IAEDP,QAAQ,CAACQ,OAAO,CAAC,YAAY;MAAA,IAAAC,kBAAA,EAAAC,QAAA;MAC3B,MAAM,CAACC,IAAI,CAAC,GAAG,MAAMC,OAAO,CAACC,GAAG,CAAC,CAC/B,IAAI,CAACxD,KAAK,CAAC,CAAC,EACZa,SAAS,CAAC8B,QAAQ,CAACc,MAAM,CAACC,OAAO,CAClC,CAAC;MAEF,IAAI,CAACpB,SAAS,CAACgB,IAAI,CAAClC,MAAM,IAAI,IAAI,CAAC;MACnC,CAAAgC,kBAAA,IAAAC,QAAA,OAAI,CAACxB,EAAE,EAAC8B,SAAS,aAAjBP,kBAAA,CAAAQ,IAAA,CAAAP,QAAoB,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,MAAM;MACXR,0BAA0B,YAA1BA,0BAA0B,CAAEgB,MAAM,CAAC,CAAC;IACtC,CAAC;EACH;EAEAC,UAAUA,CAAA,EAAG;IACX,IAAI,CAAC1D,QAAQ,CAAC0D,UAAU,CAAC,CAAC;EAC5B;EAEAxB,SAASA,CAACyB,SAAmB,EAAE;IAC7B,IAAI,CAAC9C,OAAO,GAAG8C,SAAS;EAC1B;EAEA,IAAI3C,MAAMA,CAAA,EAAa;IACrB,OAAO,IAAI,CAACH,OAAO;EACrB;EAEA,IAAI+C,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAAC5D,QAAQ,CAAC4D,UAAU;EACjC;EAEA,IAAI1D,IAAIA,CAAA,EAAG;IACT,OAAO,IAAI,CAACF,QAAQ,CAACE,IAAI;EAC3B;EAEA,IAAI0C,kBAAkBA,CAACiB,IAAa,EAAE;IACpC,IAAI,CAAC7D,QAAQ,CAAC4C,kBAAkB,GAAGiB,IAAI;EACzC;EAEA,IAAI1B,WAAWA,CAAA,EAAG;IAChB,OAAO,IAAI,CAACnC,QAAQ,CAAC8D,OAAO;EAC9B;;EAEA;EACA,IAAIC,YAAYA,CAACC,GAAY,EAAE;IAC7B,IAAI,CAAChE,QAAQ,CAAC+D,YAAY,GAAGC,GAAG;EAClC;EAEA,IAAI3B,aAAaA,CAAA,EAAG;IAClB,OAAO,CAAC,CAAC,IAAI,CAAC3B,YAAY;EAC5B;EAEAuD,QAAQA,CAAA,EAAG;IACT,IAAI,CAACxC,EAAE,CAACyC,iBAAiB,CAAC;MAAEC,OAAO,EAAE;IAAS,CAAC,CAAC;IAChD,IAAI,CAACC,gBAAgB,CAAC,CAAC;EACzB;EAEAA,gBAAgBA,CAACC,aAAmB,EAAE;IACpC,MAAMC,eAAe,GAAG,IAAI,CAACzD,OAAO,GAAG,gBAAgB,GAAG,gBAAgB;IAC1E,MAAM0D,YAAY,GAAG;MAAE,CAACD,eAAe,GAAGD;IAAc,CAAC;IAEzD,IAAI,IAAI,CAAChC,aAAa,EAAE;MACtB,IAAI,CAAC3B,YAAY,CAAE8D,QAAQ,CAAC,IAAI,CAACjE,WAAW,EAAG;QAAEkE,KAAK,EAAEF;MAAa,CAAC,CAAC;IACzE,CAAC,MAAM;MACL,IAAI,CAAC9D,SAAS,CAACiE,UAAU,CAAE;QACzBC,MAAM,EAAE,IAAI,CAACxE;MACf,CAAC,CAAC;IACJ;EACF;EAEAyE,eAAeA,CAACC,GAAQ,EAAEC,CAA4B,EAAE;IAAA,IAAAC,oBAAA,EAAAC,qBAAA,EAAAC,eAAA;IACtD,MAAMC,UAAU,IAAAH,oBAAA,GAAG,IAAI,CAAChF,cAAc,qBAAnBgF,oBAAA,CAAAvB,IAAA,KAAI,EAAkBqB,GAAG,EAAE;MAC5CM,KAAK,EAAEA,CAAA,KAAM,IAAI,CAACrD,YAAY,CAACgD,CAAC;IAClC,CAAC,CAAC;IACF,MAAMM,OAAO,GACX,OAAOF,UAAU,KAAK,QAAQ,GAAGA,UAAU,GAAGA,UAAU,oBAAVA,UAAU,CAAEE,OAAO;IACnE,MAAMC,YAAY,GAChB,OAAOH,UAAU,KAAK,QAAQ,GAAG,IAAI,GAAG,CAAAA,UAAU,oBAAVA,UAAU,CAAEI,QAAQ,MAAK,KAAK;IACxE,MAAMvD,MAAM,GACV,OAAOmD,UAAU,KAAK,QAAQ,GAAGK,SAAS,GAAGL,UAAU,oBAAVA,UAAU,CAAEnD,MAAM;IAEjE,CAAAiD,qBAAA,IAAAC,eAAA,OAAI,CAACxE,SAAS,EAAC+E,SAAS,aAAxBR,qBAAA,CAAAxB,IAAA,CAAAyB,eAAA,EAA2B;MACzBQ,IAAI,EAAE,OAAO;MACbC,MAAM,EAAE,oCAAoC;MAC5CN,OAAO,EACLA,OAAO,IACP,IAAI,CAAC3E,SAAS,CAACkF,SAAS,CACtB,CAAAd,GAAG,oBAAHA,GAAG,CAAEe,IAAI,MAAK,aAAa,GACvB,sDAAsD,GACtD,wDACN,CAAC;MACH7D,MAAM,EACJA,MAAM,IAAIsD,YAAY,GAClB;QACEQ,MAAM,EAAE,MAAM;QACdC,IAAI,EACF,CAAA/D,MAAM,oBAANA,MAAM,CAAE+D,IAAI,KAAI,IAAI,CAACrF,SAAS,CAACkF,SAAS,CAAC,mBAAmB,CAAC;QAC/DI,OAAO,EAAEA,CAAA,KAAM;UACb,IAAIhE,MAAM,YAANA,MAAM,CAAEgE,OAAO,EAAE;YACnBhE,MAAM,CAACgE,OAAO,CAAC,CAAC;UAClB,CAAC,MAAM;YACL,IAAI,CAACtE,EAAE,CAACuE,kBAAkB,CAAC,CAAC;YAC5B,IAAI,CAAClE,YAAY,CAACgD,CAAC,CAAC;UACtB;QACF,CAAC;QACDmB,kBAAkB,EAAE;MACtB,CAAC,GACDV;IACR,CAAC,CAAC;EACJ;EAEAW,iBAAiBA,CAAA,EAAG;IAAA,IAAAC,qBAAA,EAAAC,sBAAA,EAAAC,gBAAA;IAClB,MAAMjB,OAAO,GACX,OAAO,IAAI,CAACtF,gBAAgB,KAAK,QAAQ,GACrC,IAAI,CAACA,gBAAgB,IAAAqG,qBAAA,GACrB,IAAI,CAACrG,gBAAgB,qBAArBqG,qBAAA,CAAuBf,OAAO;IAEpC,CAAAgB,sBAAA,IAAAC,gBAAA,OAAI,CAAC5F,SAAS,EAAC+E,SAAS,aAAxBY,sBAAA,CAAA5C,IAAA,CAAA6C,gBAAA,EAA2B;MACzBZ,IAAI,EAAE,SAAS;MACfC,MAAM,EAAE,sCAAsC;MAC9CN,OAAO,EACLA,OAAO,IAAI,IAAI,CAAC3E,SAAS,CAACkF,SAAS,CAAC,gCAAgC;IACxE,CAAC,CAAC;EACJ;EAEA,MAAM7D,YAAYA,CAACgD,CAA4B,EAAE;IAC/C,IAAI,IAAI,CAAC9E,QAAQ,CAACsG,UAAU,CAACjD,MAAM,CAACkD,SAAS,EAAE;MAC7C;IACF;IAEA,IAAI,CAACC,MAAM,CAACC,IAAI,CAAC,MAAM,CAAC;IAExB,MAAM;MAAEC,OAAO;MAAExD,IAAI,EAAEyD;IAAY,CAAC,GAAG,MAAM,IAAI,CAAC3G,QAAQ,CAAC4G,QAAQ,CAAC,CAAC;IAErE,IAAI,CAACF,OAAO,EAAE;MACZ,IAAI,CAACjF,EAAE,CAACyC,iBAAiB,CAAC;QAAEC,OAAO,EAAE,MAAM;QAAEuC,OAAO,EAAE;MAAM,CAAC,CAAC;MAC9D;IACF;IAEA,MAAM;MACJxG,IAAI;MACJF,QAAQ,EAAE;QAAEsG;MAAW,CAAC;MACxB7E;IACF,CAAC,GAAG,IAAI;IAER6E,UAAU,CAACO,GAAG,CAAC,YAAY;MACzB,IAAIC,WAA0B;MAC9B,MAAM5G,IAAI,CAAC4B,YAAY,CACrB,YAAY;QACVL,EAAE,CAACyC,iBAAiB,CAAC;UAAEC,OAAO,EAAE,MAAM;UAAEuC,OAAO,EAAE;QAAK,CAAC,CAAC;QACxD,IAAI;UACF,IAAI,CAAC,IAAI,CAAC9C,UAAU,EAAE;YACpB,MAAMmD,YAAY,GAAG,MAAM,IAAI,CAAClH,MAAM,CAAC;cACrCmH,eAAe,EAAE;gBAAE,GAAGL;cAAY;YACpC,CAAC,CAAC;YACFG,WAAW,GAAGC,YAAY,oBAAZA,YAAY,CAAE1C,aAAa;UAC3C;UACA,IAAI,CAAC6B,iBAAiB,CAAC,CAAC;QAC1B,CAAC,CAAC,OAAOrB,GAAG,EAAE;UACZ,IAAI,CAACD,eAAe,CAACC,GAAG,EAAEC,CAAC,CAAC;UAC5B,IAAI,CAACrE,SAAS,CAACwG,YAAY,CAACC,gBAAgB,CAACrC,GAAG,CAAC;UACjD,IAAI,CAAC2B,MAAM,CAACC,IAAI,CAAC,WAAW,EAAE5B,GAAG,CAAC;UAClC3E,IAAI,CAACiH,QAAQ,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACzC;MACF,CAAC,EACD,MAAM;QACJ1F,EAAE,CAACyC,iBAAiB,CAAC;UAAEC,OAAO,EAAE,MAAM;UAAEuC,OAAO,EAAE;QAAM,CAAC,CAAC;MAC3D,CAAC,CAAE;MACL,CAAC,CAAC5B,CAAC,CAAC;MAEJ,IAAI,CAAC5E,IAAI,CAACyC,SAAS,CAACC,kBAAkB,EAAE;QACtC;MACF;MAEA,MAAMwE,eAAe,GACnBN,WAAW,IAAI,IAAI,CAACzG,+BAA+B,GAC/C,IAAI,CAACA,+BAA+B,CAACyG,WAAW,CAAC,GACjDA,WAAW;MACjB,IAAI,CAAC1C,gBAAgB,CAACgD,eAAe,CAAC;IACxC,CAAC,CAAC;IACF,MAAM,IAAI,CAACpH,QAAQ,CAACsG,UAAU,CAACjD,MAAM,CAACC,OAAO;EAC/C;EAEA,IAAIf,QAAQA,CAAA,EAAG;IACb,OAAO,IAAI,CAACvC,QAAQ,CAACuC,QAAQ;EAC/B;EAEA,IAAI+D,UAAUA,CAAA,EAAG;IACf,OAAO,IAAI,CAACtG,QAAQ,CAACsG,UAAU;EACjC;EAEQhE,gBAAgBA,CAAA,EAAG;IACzB,IAAI,IAAI,CAACD,aAAa,EAAE;MACtB,IAAI,IAAI,CAAC9B,WAAW,KAAKgF,SAAS,EAAE;QAClC,MAAM,IAAI8B,KAAK,CAAC,6CAA6C,CAAC;MAChE;IACF,CAAC,MAAM;MACL,IAAI,IAAI,CAAClH,aAAa,KAAKoF,SAAS,EAAE;QACpC,MAAM,IAAI8B,KAAK,CAAC,+CAA+C,CAAC;MAClE;MAEA,IAAI,CAAC,IAAI,CAAC5G,SAAS,CAACiE,UAAU,EAAE;QAC9B,MAAM,IAAI2C,KAAK,CAAC,iDAAiD,CAAC;MACpE;IACF;EACF;AACF;AAACC,OAAA,CAAAhI,eAAA,GAAAA,eAAA","ignoreList":[]}

package/dist/cjs/styles.global.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~Collapse2125471942__root~~{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.~~Collapse2125471942__exit~~{height:0}.~~CollectionToolbar1422716377__left~~{min-width:0}.~~CollectionToolbar1422716377__root~~.~~CollectionToolbar1422716377~~--views .~~CollectionToolbar1422716377__left~~{flex-shrink:1;flex-grow:0}.~~CollectionToolbar1422716377__left~~.~~CollectionToolbar1422716377~~--expandable{flex:auto}.~~CollectionToolbar1422716377__root~~ .~~CollectionToolbar1422716377__right~~{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.~~CollectionToolbar1422716377__root~~.~~CollectionToolbar1422716377~~--views .~~CollectionToolbar1422716377__right~~{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.~~CollectionToolbar1422716377__root~~ .~~CollectionToolbar1422716377__right~~.~~CollectionToolbar1422716377__fullWidth~~{margin-inline-start:0!important}.~~SearchOrCustomFilter3880319063__search~~{min-width:140px;max-width:240px;flex:1 0}.~~AutoCompleteReadonly3726674381__root~~.~~AutoCompleteReadonly3726674381~~--disableEditing{cursor:pointer}.~~AutoCompleteReadonly3726674381__root~~.~~AutoCompleteReadonly3726674381~~--disableEditing input{cursor:pointer}.~~ViewsDropdown244421548__root~~{width:200px}.~~DragHandle1440540641__root~~{display:flex;align-items:center}.~~DragHandle1440540641__root~~:not(.~~DragHandle1440540641~~--disabled){cursor:grab;color:#a8caff}.~~DragHandle1440540641__root~~.~~DragHandle1440540641~~--disabled{color:#acafc4}.~~DragHandle1440540641__root~~:focus-visible:not(.~~DragHandle1440540641~~--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.~~DragHandle1440540641__root~~.~~DragHandle1440540641~~--disabled{pointer-events:none}.~~DragHandle1440540641__root~~.~~DragHandle1440540641~~--dragging:not(.~~DragHandle1440540641~~--disabled){cursor:grabbing}.~~Fade961074725__root~~{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.~~Fade961074725__root~~.~~Fade961074725~~--exit{opacity:0}.~~Heading3051551203__root~~{visibility:visible}.~~Heading3051551203__root~~.~~Heading3051551203~~--appearanceH2{font-size:28px!important;line-height:36px!important}.~~InputOverflow220900617__root~~.~~InputOverflow220900617~~--selected:not(.~~InputOverflow220900617~~--focused) input::placeholder{color:#000624}@keyframes ~~LoadingRow2128854720__gradientSwoosh~~{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.~~LoadingRow2128854720__root~~{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:~~LoadingRow2128854720__gradientSwoosh~~ 2s ease-out infinite alternate}.~~MaxHeightText1929406341__root~~{opacity:1}.~~MaxHeightText1929406341__root~~.~~MaxHeightText1929406341~~--height24{line-height:24px}.~~MaxLines685082428__root~~{overflow:hidden}.~~MaxLines685082428__root~~.~~MaxLines685082428~~--clamp{-webkit-box-orient:vertical;display:-webkit-box}.~~MultiBulkActionToolbar2544975078__root~~{min-width:0}.~~NestedTablePlaceholderStatesRow1953847143__root~~ td{padding:0!important;width:100%}.~~NestedTableRow1954984345__firstLevel~~ td{padding-top:18px!important;padding-bottom:18px!important}.~~NestedTableRow1954984345__root~~:hover{background-color:#e7f0ff}.~~NestedTableRow1954984345__root~~.~~NestedTableRow1954984345~~--expandable{cursor:pointer}.~~NestedTableRow1954984345__placeholder~~ td{padding:0!important;width:100%}.~~NestedTableRow1954984345__root~~:hover td:first-of-type::before,.~~NestedTableRow1954984345__parentHovered~~ td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.~~MultipleDragOverlayEffect2965914300__root~~{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.~~NestedTableDragAndDropRow2669950739__root~~.~~NestedTableDragAndDropRow2669950739~~--draggingInto td{background-color:#e7f0ff!important}.~~PickerContent1945108888__root~~{display:flex}.~~PickerContentAdditionalStep4171295422__titles~~{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.~~PickerContentAdditionalStep4171295422__suffix~~{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.~~PickerTableListItem2514149181__root~~{box-sizing:border-box}.~~ScrollableContent527259689__root~~.~~ScrollableContent527259689~~--overflowY{overflow-y:auto}.~~ScrollableContent527259689__root~~.~~ScrollableContent527259689~~--overflowX{overflow-x:auto}.~~ScrollableContent527259689__root~~.~~ScrollableContent527259689~~--smooth{scroll-behavior:smooth}.~~SkeletonCard4154330100__headerLoading~~{display:block!important}.~~SlidingModal3796728868__root~~{transition:transform .4s ease 0s;position:fixed;z-index:1}.~~SlidingModal3796728868__root~~:not(.~~SlidingModal3796728868~~--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.~~TabsFilter2091421693__root~~ .~~TabsFilter2091421693__title~~{color:inherit!important}.~~ManageTagsModal2594857531__root~~{display:flex}.~~ToolbarItem1721345892__root~~{min-width:0}.~~ToolbarItemBox113444887__root~~{min-width:0}.~~ToolbarItemBox113444887__root~~.~~ToolbarItemBox113444887~~--removeStartPadding{margin-left:-24px}.~~ToolbarItemBox113444887__root~~.~~ToolbarItemBox113444887~~--expandable{flex:1 0}.~~common3380942640__column~~{display:flex;flex-direction:column}.~~common3380942640__fullHeight~~{height:100%;min-height:0}
1	+ .Collapse3730904186__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse3730904186__exit{height:0}.CollectionToolbar2177084799__left{min-width:0}.CollectionToolbar2177084799__root.CollectionToolbar2177084799--views .CollectionToolbar2177084799__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2177084799__left.CollectionToolbar2177084799--expandable{flex:auto}.CollectionToolbar2177084799__root .CollectionToolbar2177084799__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2177084799__root.CollectionToolbar2177084799--views .CollectionToolbar2177084799__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2177084799__root .CollectionToolbar2177084799__right.CollectionToolbar2177084799__fullWidth{margin-inline-start:0!important}.SearchOrCustomFilter2956537565__search{min-width:140px;max-width:240px;flex:1 0}.AutoCompleteReadonly919966182__root.AutoCompleteReadonly919966182--disableEditing{cursor:pointer}.AutoCompleteReadonly919966182__root.AutoCompleteReadonly919966182--disableEditing input{cursor:pointer}.ViewsDropdown2081787454__root{width:200px}.DragHandle513143912__root{display:flex;align-items:center}.DragHandle513143912__root:not(.DragHandle513143912--disabled){cursor:grab;color:#a8caff}.DragHandle513143912__root.DragHandle513143912--disabled{color:#acafc4}.DragHandle513143912__root:focus-visible:not(.DragHandle513143912--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle513143912__root.DragHandle513143912--disabled{pointer-events:none}.DragHandle513143912__root.DragHandle513143912--dragging:not(.DragHandle513143912--disabled){cursor:grabbing}.Fade1298036791__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1298036791__root.Fade1298036791--exit{opacity:0}.Heading1302100763__root{visibility:visible}.Heading1302100763__root.Heading1302100763--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow3227503424__root.InputOverflow3227503424--selected:not(.InputOverflow3227503424--focused) input::placeholder{color:#000624}@keyframes LoadingRow2367602793__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow2367602793__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow2367602793__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2618070798__root{opacity:1}.MaxHeightText2618070798__root.MaxHeightText2618070798--height24{line-height:24px}.MaxLines905901229__root{overflow:hidden}.MaxLines905901229__root.MaxLines905901229--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar3088432639__root{min-width:0}.NestedTablePlaceholderStatesRow2371233200__root td{padding:0!important;width:100%}.NestedTableRow359936233__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow359936233__root:hover{background-color:#e7f0ff}.NestedTableRow359936233__root.NestedTableRow359936233--expandable{cursor:pointer}.NestedTableRow359936233__placeholder td{padding:0!important;width:100%}.NestedTableRow359936233__root:hover td:first-of-type::before,.NestedTableRow359936233__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3287981796__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow1870094743__root.NestedTableDragAndDropRow1870094743--draggingInto td{background-color:#e7f0ff!important}.PickerContent427742063__root{display:flex}.PickerContentAdditionalStep1163910629__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1163910629__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3028721392__root{box-sizing:border-box}.ScrollableContent4224494773__root.ScrollableContent4224494773--overflowY{overflow-y:auto}.ScrollableContent4224494773__root.ScrollableContent4224494773--overflowX{overflow-x:auto}.ScrollableContent4224494773__root.ScrollableContent4224494773--smooth{scroll-behavior:smooth}.SkeletonCard336994534__headerLoading{display:block!important}.SlidingModal3842453689__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3842453689__root:not(.SlidingModal3842453689--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter154729736__root .TabsFilter154729736__title{color:inherit!important}.ManageTagsModal3293900357__root{display:flex}.ToolbarItem1282635883__root{min-width:0}.ToolbarItemBox479964574__root{min-width:0}.ToolbarItemBox479964574__root.ToolbarItemBox479964574--removeStartPadding{margin-left:-24px}.ToolbarItemBox479964574__root.ToolbarItemBox479964574--expandable{flex:1 0}.common687772959__column{display:flex;flex-direction:column}.common687772959__fullHeight{height:100%;min-height:0}

package/dist/cjs/test-utils/{MultiSelectCheckboxFilter.js → MultiSelectCheckboxStaticListFilter.js} RENAMED Viewed

@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _useStaticListFilterCollection = require("../hooks/useStaticListFilterCollection");
 var _MultiSelectCheckboxFilter = require("../components/MultiSelectCheckboxFilter");
-var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/test-utils/MultiSelectCheckboxFilter.tsx";
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/test-utils/MultiSelectCheckboxStaticListFilter.tsx";
 function MultiSelectCheckboxStaticListFilter(props) {
   const {
     filter,
@@ -27,4 +27,4 @@ function MultiSelectCheckboxStaticListFilter(props) {
     }
   }));
 }
-//# sourceMappingURL=MultiSelectCheckboxFilter.js.map
+//# sourceMappingURL=MultiSelectCheckboxStaticListFilter.js.map

package/dist/cjs/test-utils/MultiSelectCheckboxStaticListFilter.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["_react","_interopRequireDefault","require","_useStaticListFilterCollection","_MultiSelectCheckboxFilter","_jsxFileName","MultiSelectCheckboxStaticListFilter","props","filter","data","rest","collection","useStaticListFilterCollection","default","createElement","MultiSelectCheckboxFilter","_extends2","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../src/test-utils/MultiSelectCheckboxStaticListFilter.tsx"],"sourcesContent":["import React from 'react';\nimport { useStaticListFilterCollection } from '../hooks/useStaticListFilterCollection';\nimport {\n MultiSelectCheckboxFilter,\n MultiSelectCheckboxFilterProps,\n} from '../components/MultiSelectCheckboxFilter';\n\nexport type MultiSelectStaticFilterCompatProps<V> = Omit<\n MultiSelectCheckboxFilterProps<V>,\n 'collection' | 'data'\n> & {\n data: V[];\n};\n\nexport function MultiSelectCheckboxStaticListFilter<V>(\n props: MultiSelectStaticFilterCompatProps<V>,\n) {\n const { filter, data, ...rest } = props;\n const collection = useStaticListFilterCollection(filter, data);\n return (\n <MultiSelectCheckboxFilter\n filter={filter}\n collection={collection}\n {...rest}\n />\n );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,8BAAA,GAAAD,OAAA;AACA,IAAAE,0BAAA,GAAAF,OAAA;AAGiD,IAAAG,YAAA;AAS1C,SAASC,mCAAmCA,CACjDC,KAA4C,EAC5C;EACA,MAAM;IAAEC,MAAM;IAAEC,IAAI;IAAE,GAAGC;EAAK,CAAC,GAAGH,KAAK;EACvC,MAAMI,UAAU,GAAG,IAAAC,4DAA6B,EAACJ,MAAM,EAAEC,IAAI,CAAC;EAC9D,oBACET,MAAA,CAAAa,OAAA,CAAAC,aAAA,CAACV,0BAAA,CAAAW,yBAAyB,MAAAC,SAAA,CAAAH,OAAA;IACxBL,MAAM,EAAEA,MAAO;IACfG,UAAU,EAAEA;EAAW,GACnBD,IAAI;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN","ignoreList":[]}

package/dist/cjs/version.js CHANGED Viewed

@@ -2,5 +2,5 @@
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.170.0';
+const version = exports.version = 'patterns@1.172.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.~~170~~.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
1	+ {"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.172.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/AutoCompleteFilter/AutoCompleteFilter.js CHANGED Viewed

@@ -6,9 +6,9 @@ import { useBuildGroupedOptions, useBuildOption } from '../../hooks';
 import { AutoCompleteFilterState } from './AutoCompleteFilterState';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useFilterToolbarState } from '../../providers';
-import { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';
+import { useFilterCollectionStates } from '../../hooks/useFilterCollectionStates';
 function _AutoCompleteFilter(props) {
-    const { filter, collection, renderItem, renderSection, onSelect, onClear, ...rest } = props;
+    const { filter, collection, renderItem, renderSection, onSelect, onClear, readOnly, ...rest } = props;
     const container = useWixPatternsContainer();
     const toolbar = useFilterToolbarState();
     const [collectionFilter] = useState(() => new CollectionFilterState({
@@ -35,23 +35,19 @@ function _AutoCompleteFilter(props) {
         items: builtOptions,
         renderSection,
     });
-    const { fixedFooter, showInitialLoader } = usePlaceholderStateOptions(useBuildGroupedOptions({
-        items: keyedItems.map(useBuildOption({
-            filter,
-            renderItem,
-        })),
-        renderSection,
-    }), {
+    const { fixedFooter, showInitialLoader } = useFilterCollectionStates({
         collection,
         fixedFooter: rest.fixedFooter,
     });
     return (React.createElement(AutoComplete, { dataHook: `collection-filter-${filter.name}`, closeOnSelect: true, border: "round", options: options, onClose: () => {
             state.dropdown.dropdownSelect.close();
             state.onInputBlur();
-        }, onBlur: state.onInputBlur, clearButton: true, onClear: (e) => {
-            onClear?.(e);
-            state.clearSelectionAndSearch();
-        }, placeholder: t('cairo.selectPlaceholder'), onSelect: (option, sameOptionWasPicked) => {
+        }, onBlur: state.onInputBlur, readOnly: readOnly, clearButton: !readOnly, onClear: !readOnly
+            ? (e) => {
+                onClear?.(e);
+                state.clearSelectionAndSearch();
+            }
+            : undefined, placeholder: t('cairo.selectPlaceholder'), onSelect: (option, sameOptionWasPicked) => {
             const { keyedItem } = option;
             state.dropdown.dropdownSelect.setSingle(keyedItem);
             onSelect?.(option, sameOptionWasPicked);

package/dist/esm/components/AutoCompleteFilter/AutoCompleteFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoCompleteFilter.js","sourceRoot":"","sources":["../../../../src/components/AutoCompleteFilter/AutoCompleteFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EACL,YAAY,GAGb,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAY,sBAAsB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC/E,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AAEpE,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAExD,OAAO,EAAE,~~0BAA0B~~,EAAE,MAAM,~~wCAAwC~~,CAAC;AA+~~BpF~~,SAAS,mBAAmB,CAC1B,KAAoC;IAEpC,MAAM,EACJ,MAAM,EACN,UAAU,EACV,UAAU,EACV,aAAa,EACb,QAAQ,EACR,OAAO,EACP,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAC5C,MAAM,OAAO,GAAG,qBAAqB,EAAE,CAAC;IAExC,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CACjC,GAAG,EAAE,CACH,IAAI,qBAAqB,CAAC;QACxB,UAAU;QACV,MAAM;KACP,CAAC,CACL,CAAC;IAEF,MAAM,CAAC,KAAK,CAAC,GAAG,QAAQ,CACtB,GAAG,EAAE,CACH,IAAI,uBAAuB,CAAC;QAC1B,gBAAgB;QAChB,YAAY,EAAE,KAAK;QACnB,SAAS;QACT,OAAO;KACR,CAAC,CACL,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,GAAG,UAAU,CAAC;IAEpC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,KAAK,CAAC,IAAI,EAAE,CAAC;IACtB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EACJ,MAAM,EAAE,EAAE,UAAU,EAAE,EACtB,eAAe,GAChB,GAAG,UAAU,CAAC;IAEf,MAAM,WAAW,GAAG,cAAc,CAAC;QACjC,MAAM;QACN,UAAU;KACX,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,UAAU,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC;~~IAEjD~~,MAAM,OAAO,GAAG,sBAAsB,CAAC;QACrC,KAAK,EAAE,YAAY;QACnB,aAAa;KACd,CAAC,CAAC;IAEH,MAAM,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAAG,~~0BAA0B~~,~~CACnE,sBAAsB,~~CAAC;~~QACrB~~,~~KAAK,EAAE,~~UAAU~~,CAAC,GAAG,CACnB,cAAc,CAAC~~;~~YACb,MAAM;YACN,UAAU;SACX,CAAC,CACH;QACD,aAAa;KACd,CAAC,EACF;QACE,UAAU;~~QACV,WAAW,EAAE,IAAI,CAAC,WAAW;KAC9B,~~CACF~~,CAAC;~~IAEF~~,OAAO,CACL,oBAAC,YAAY,IACX,QAAQ,EAAE,qBAAqB,MAAM,CAAC,IAAI,EAAE,EAC5C,aAAa,QACb,MAAM,EAAC,OAAO,EACd,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,GAAG,EAAE;YACZ,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;YACtC,KAAK,CAAC,WAAW,EAAE,CAAC;QACtB,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,WAAW,EACzB,WAAW,~~QACX~~,OAAO,~~EAAE~~,CAAC,CAAC,EAAE,EAAE;~~YACb~~,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;~~YACb~~,KAAK,CAAC,uBAAuB,EAAE,CAAC;~~QAClC~~,CAAC,~~EACD~~,WAAW,EAAE,CAAC,CAAC,yBAAyB,CAAC,EACzC,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,EAAE,EAAE;YACxC,MAAM,EAAE,SAAS,EAAE,GAAG,MAA4B,CAAC;YACnD,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;YACnD,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAC;YACxC,KAAK,CAAC,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;QACrE,CAAC,EACD,cAAc,QACd,KAAK,EAAE,KAAK,CAAC,gBAAgB,EAC7B,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,KAAK,CAAC,gBAAgB,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YACxC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC,EACD,OAAO,EAAE,CAAC,iBAAiB,IAAI,CAAC,eAAe,EAC/C,QAAQ,EAAE,UAAU,CAAC,qBAAqB,KACtC,IAAI,EACR,WAAW,EAAE,WAAW,GACxB,CACH,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC"}
1	+ {"version":3,"file":"AutoCompleteFilter.js","sourceRoot":"","sources":["../../../../src/components/AutoCompleteFilter/AutoCompleteFilter.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Collapse/Collapse.st.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse2125471942";
+var _namespace_ = "Collapse3730904186";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse2125471942__root", "exit": "Collapse2125471942__exit" };
+export var classes = { "root": "Collapse3730904186__root", "exit": "Collapse3730904186__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar1422716377";
+var _namespace_ = "CollectionToolbar2177084799";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar1422716377__root", "left": "CollectionToolbar1422716377__left", "right": "CollectionToolbar1422716377__right", "fullWidth": "CollectionToolbar1422716377__fullWidth" };
+export var classes = { "root": "CollectionToolbar2177084799__root", "left": "CollectionToolbar2177084799__left", "right": "CollectionToolbar2177084799__right", "fullWidth": "CollectionToolbar2177084799__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter3880319063";
+var _namespace_ = "SearchOrCustomFilter2956537565";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter3880319063__root", "search": "SearchOrCustomFilter3880319063__search" };
+export var classes = { "root": "SearchOrCustomFilter2956537565__root", "search": "SearchOrCustomFilter2956537565__search" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly3726674381";
+var _namespace_ = "AutoCompleteReadonly919966182";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly3726674381__root" };
+export var classes = { "root": "AutoCompleteReadonly919966182__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,~~gCAAgC,~~CAAC;~~AACnD~~,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,~~sCAAsC~~,EAAC,CAAC;~~AACrE~~,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
1	+ {"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,CAAC;AACpE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown244421548";
+var _namespace_ = "ViewsDropdown2081787454";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown244421548__root" };
+export var classes = { "root": "ViewsDropdown2081787454__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,~~wBAAwB~~,CAAC;~~AAC3C~~,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,~~8BAA8B,~~EAAC,CAAC;~~AAC7D~~,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
1	+ {"version":3,"file":"ViewsDropdown.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/DragHandle/DragHandle.st.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle1440540641";
+var _namespace_ = "DragHandle513143912";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle1440540641__root" };
+export var classes = { "root": "DragHandle513143912__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,~~sBAAsB~~,CAAC;~~AACzC~~,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,~~4BAA4B~~,EAAC,CAAC;~~AAC3D~~,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
1	+ {"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Fade/Fade.st.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade961074725";
+var _namespace_ = "Fade1298036791";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade961074725__root" };
+export var classes = { "root": "Fade1298036791__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,~~eAAe~~,CAAC;~~AAClC~~,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,~~qBAAqB~~,EAAC,CAAC;~~AACpD~~,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
1	+ {"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Heading/Heading.st.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading3051551203";
+var _namespace_ = "Heading1302100763";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading3051551203__root" };
+export var classes = { "root": "Heading1302100763__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js CHANGED Viewed

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow220900617";
+var _namespace_ = "InputOverflow3227503424";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow220900617__root" };
+export var classes = { "root": "InputOverflow3227503424__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,~~wBAAwB~~,CAAC;~~AAC3C~~,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,~~8BAA8B,~~EAAC,CAAC;~~AAC7D~~,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
1	+ {"version":3,"file":"InputOverflow.st.css.js","sourceRoot":"","sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/LoadingRow/LoadingRow.st.css.js CHANGED Viewed

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow2128854720";
+var _namespace_ = "LoadingRow2367602793";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "LoadingRow2128854720__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow2128854720__gradientSwoosh" };
+export var classes = { "root": "LoadingRow2367602793__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow2367602793__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};