@wix/patterns 1.371.0 → 1.372.0

package/dist/cjs/components/TagsWidget/TagsWidget.js

@@ -35,7 +35,7 @@ const InlineLayoutContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
+        lineNumber: 115,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -43,7 +43,7 @@ const InlineLayoutContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 111,
+        lineNumber: 116,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -51,7 +51,7 @@ const InlineLayoutContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 112,
+        lineNumber: 117,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SkeletonLine, {
@@ -61,7 +61,7 @@ const InlineLayoutContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 113,
+        lineNumber: 118,
         columnNumber: 13
       }
     }))));
@@ -74,7 +74,7 @@ const InlineLayoutContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 126,
+        lineNumber: 131,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -82,7 +82,7 @@ const InlineLayoutContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 127,
+        lineNumber: 132,
         columnNumber: 9
       }
     }, t('cairo.tags.loadTags.error.body')), /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -91,7 +91,7 @@ const InlineLayoutContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 130,
+        lineNumber: 135,
         columnNumber: 9
       }
     }, t('cairo.tags.loadTags.error.CTA')));
@@ -101,7 +101,7 @@ const InlineLayoutContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 143,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_TagsWidgetContent.TagsWidgetContent, (0, _extends2.default)({}, contentProps, {
@@ -109,7 +109,7 @@ const InlineLayoutContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 139,
+      lineNumber: 144,
       columnNumber: 7
     }
   })));
@@ -136,7 +136,7 @@ const _TagsWidgetBase = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 158,
+        lineNumber: 163,
         columnNumber: 7
       }
     }));
@@ -153,7 +153,7 @@ const _TagsWidgetBase = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 175,
+            lineNumber: 180,
             columnNumber: 23
           }
         }),
@@ -163,7 +163,7 @@ const _TagsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
+      lineNumber: 172,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Card.Header, {
@@ -173,14 +173,14 @@ const _TagsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 185,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Divider, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 185,
+      lineNumber: 190,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Card.Content, {
@@ -188,7 +188,7 @@ const _TagsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 191,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_TagsWidgetContent.TagsWidgetContent, (0, _extends2.default)({
@@ -197,7 +197,7 @@ const _TagsWidgetBase = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 187,
+      lineNumber: 192,
       columnNumber: 9
     }
   }))));
@@ -220,7 +220,7 @@ const _TagsWidget = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 206,
+      lineNumber: 211,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(TagsWidgetBase, (0, _extends2.default)({
@@ -229,7 +229,7 @@ const _TagsWidget = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 207,
+      lineNumber: 212,
       columnNumber: 7
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_CardContainer","_TagsWidgetContext","_TagsWidgetContent","_bexCore","exports","OnSubmitTagsFuncType","_useWidgetPageStatus","_wixUiIconsCommon","_useTagsWidget","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InlineLayoutContent","dataHook","state","_state","contentProps","translate","useWixPatternsContainer","status","useWidgetPageStatus","initTask","createElement","Layout","__self","__source","fileName","lineNumber","columnNumber","Cell","span","SkeletonLine","marginBottom","marginTop","Box","justifyItems","gap","Text","TextButton","onClick","retry","TagsWidgetContent","_extends2","_TagsWidgetBase","subtitle","theme","CardContainer","errorState","action","text","prefixIcon","Refresh","Card","Header","title","Divider","Content","TagsWidgetBase","observer","_TagsWidget","props","origin","fqdn","externalState","baseComponentProps","internalState","useTagsWidgetInternal","useState","TagsWidgetContextProvider","value","TagsWidget"],"sources":["../../../../src/components/TagsWidget/TagsWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  Box,\n  Card,\n  Cell,\n  Layout,\n  SkeletonLine,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CardContainer } from '../CardContainer';\nimport { TagsWidgetContextProvider } from '../TagsWidgetContext';\nimport { TagsWidgetContent } from './TagsWidgetContent';\nimport { Tags, OnSubmitTagsFuncType, TagsWidgetState } from '@wix/bex-core';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { useTagsWidgetInternal } from '../../hooks/useTagsWidget';\n\nexport type TagsWidgetProps = {\n  /**\n   * The FQDN of the entity.\n   */\n  fqdn?: string;\n\n  /**\n   * A string that represents the name of the entity type (e.g., \"Orders\"),\n   * displayed as the title of the manage tags modal.\n   */\n  entityTypeName: string;\n  /**\n   * A string that represents the ID of the current entity.\n   */\n  entityId?: string | null;\n  /**\n   * Tags object associated with the entity when the widget is loaded.\n   */\n  initialTags?: Tags;\n  /**\n   * A subtitle to show on the tags widget card. Relevant for the default card theme only.\n   */\n  subtitle?: string;\n  /**\n   * Applies a `data-hook` HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n  /**\n   * A callback function that is called when a user adds or removes tags from the entity.\n   * @param tags - An object containing:\n   * `allTags`: The updated tags object containing both private and public tags. \\\n   * `addedTags`: An array of added tags. \\\n   * `removedTags`: An array of removed tags.\n   */\n  onSubmit?: OnSubmitTagsFuncType;\n  /**\n   * The origin of the widget.\n   */\n  origin?: string;\n  /**\n   * The theme of the tags widget.\n   */\n  theme?: 'card' | 'inline';\n\n  /**\n   * Displays tags without the option to edit them.\n   */\n  readOnly?: boolean;\n} & (\n  | {\n      /**\n       * The FQDN used to extract the schema from the data-extension service.\n       */\n      fqdn: string;\n\n      /**\n       * The widget state (should not be used when `fqdn` is provided).\n       */\n      state?: never;\n    }\n  | {\n      /**\n       * The widget state (should be used when `fqdn` is not provided).\n       */\n      state: TagsWidgetState;\n\n      /**\n       * The FQDN should not be provided if `state` is specified.\n       */\n      fqdn?: never;\n    }\n);\n\nexport { OnSubmitTagsFuncType };\n\nexport interface TagsWidgetBaseProps\n  extends Omit<TagsWidgetProps, 'origin' | 'fqdn'> {}\n\nconst InlineLayoutContent = ({\n  dataHook,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (status === 'idle' || status === 'loading') {\n    return (\n      <Layout>\n        <Cell span={8}>\n          <div data-hook={dataHook}>\n            <SkeletonLine\n              marginBottom=\"7px\"\n              marginTop=\"7px\"\n              dataHook=\"tags-widget-skeleton\"\n            />\n          </div>\n        </Cell>\n      </Layout>\n    );\n  }\n\n  if (status === 'error') {\n    return (\n      <Box justifyItems=\"center\" gap=\"tiny\" dataHook={dataHook}>\n        <Text dataHook=\"tags-widget-error-text\">\n          {t('cairo.tags.loadTags.error.body')}\n        </Text>\n        <TextButton dataHook=\"tags-widget-retry-button\" onClick={state.retry}>\n          {t('cairo.tags.loadTags.error.CTA')}\n        </TextButton>\n      </Box>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <TagsWidgetContent {...contentProps} state={state} />\n    </div>\n  );\n};\n\nconst _TagsWidgetBase = ({\n  subtitle,\n  dataHook,\n  theme,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (theme === 'inline') {\n    return (\n      <InlineLayoutContent\n        dataHook={dataHook}\n        state={state}\n        {...contentProps}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        subtitle: t('cairo.tags.loadTags.error.body'),\n        action: {\n          text: t('cairo.tags.loadTags.error.CTA'),\n          prefixIcon: <Refresh />,\n          onClick: state.retry,\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"tags-widget-card-header\"\n        title={t('cairo.tags.tagsWidget.title')}\n        subtitle={subtitle || t('cairo.tags.tagsWidget.subtitle')}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"tags-widget-card-content\">\n        <TagsWidgetContent state={state} {...contentProps} />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const TagsWidgetBase = observer(_TagsWidgetBase);\n\nconst _TagsWidget = (props: TagsWidgetProps) => {\n  const { origin, fqdn, state: externalState, ...baseComponentProps } = props;\n\n  const internalState = useTagsWidgetInternal({\n    origin,\n    fqdn,\n  });\n\n  const [state] = useState(() => externalState ?? internalState);\n\n  return (\n    <TagsWidgetContextProvider value={state}>\n      <TagsWidgetBase state={state} {...baseComponentProps} />\n    </TagsWidgetContextProvider>\n  );\n};\n\nexport const TagsWidget = observer(_TagsWidget);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_CardContainer","_TagsWidgetContext","_TagsWidgetContent","_bexCore","exports","OnSubmitTagsFuncType","_useWidgetPageStatus","_wixUiIconsCommon","_useTagsWidget","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","InlineLayoutContent","dataHook","state","_state","contentProps","translate","useWixPatternsContainer","status","useWidgetPageStatus","initTask","createElement","Layout","__self","__source","fileName","lineNumber","columnNumber","Cell","span","SkeletonLine","marginBottom","marginTop","Box","justifyItems","gap","Text","TextButton","onClick","retry","TagsWidgetContent","_extends2","_TagsWidgetBase","subtitle","theme","CardContainer","errorState","action","text","prefixIcon","Refresh","Card","Header","title","Divider","Content","TagsWidgetBase","observer","_TagsWidget","props","origin","fqdn","externalState","baseComponentProps","internalState","useTagsWidgetInternal","useState","TagsWidgetContextProvider","value","TagsWidget"],"sources":["../../../../src/components/TagsWidget/TagsWidget.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  Box,\n  Card,\n  Cell,\n  Layout,\n  PopoverCommonProps,\n  SkeletonLine,\n  Text,\n  TextButton,\n} from '@wix/design-system';\nimport { CardContainer } from '../CardContainer';\nimport { TagsWidgetContextProvider } from '../TagsWidgetContext';\nimport { TagsWidgetContent } from './TagsWidgetContent';\nimport { Tags, OnSubmitTagsFuncType, TagsWidgetState } from '@wix/bex-core';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { useTagsWidgetInternal } from '../../hooks/useTagsWidget';\n\nexport type TagsWidgetProps = {\n  /**\n   * The FQDN of the entity.\n   */\n  fqdn?: string;\n\n  /**\n   * A string that represents the name of the entity type (e.g., \"Orders\"),\n   * displayed as the title of the manage tags modal.\n   */\n  entityTypeName: string;\n  /**\n   * A string that represents the ID of the current entity.\n   */\n  entityId?: string | null;\n  /**\n   * Tags object associated with the entity when the widget is loaded.\n   */\n  initialTags?: Tags;\n  /**\n   * A subtitle to show on the tags widget card. Relevant for the default card theme only.\n   */\n  subtitle?: string;\n  /**\n   * Applies a `data-hook` HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n  /**\n   * A callback function that is called when a user adds or removes tags from the entity.\n   * @param tags - An object containing:\n   * `allTags`: The updated tags object containing both private and public tags. \\\n   * `addedTags`: An array of added tags. \\\n   * `removedTags`: An array of removed tags.\n   */\n  onSubmit?: OnSubmitTagsFuncType;\n  /**\n   * The origin of the widget.\n   */\n  origin?: string;\n  /**\n   * The theme of the tags widget.\n   */\n  theme?: 'card' | 'inline';\n\n  /**\n   * Displays tags without the option to edit them.\n   */\n  readOnly?: boolean;\n  /**\n   * Props to pass to the MultiSelect popover.\n   */\n  popoverProps?: PopoverCommonProps;\n} & (\n  | {\n      /**\n       * The FQDN used to extract the schema from the data-extension service.\n       */\n      fqdn: string;\n\n      /**\n       * The widget state (should not be used when `fqdn` is provided).\n       */\n      state?: never;\n    }\n  | {\n      /**\n       * The widget state (should be used when `fqdn` is not provided).\n       */\n      state: TagsWidgetState;\n\n      /**\n       * The FQDN should not be provided if `state` is specified.\n       */\n      fqdn?: never;\n    }\n);\n\nexport { OnSubmitTagsFuncType };\n\nexport interface TagsWidgetBaseProps\n  extends Omit<TagsWidgetProps, 'origin' | 'fqdn'> {}\n\nconst InlineLayoutContent = ({\n  dataHook,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (status === 'idle' || status === 'loading') {\n    return (\n      <Layout>\n        <Cell span={8}>\n          <div data-hook={dataHook}>\n            <SkeletonLine\n              marginBottom=\"7px\"\n              marginTop=\"7px\"\n              dataHook=\"tags-widget-skeleton\"\n            />\n          </div>\n        </Cell>\n      </Layout>\n    );\n  }\n\n  if (status === 'error') {\n    return (\n      <Box justifyItems=\"center\" gap=\"tiny\" dataHook={dataHook}>\n        <Text dataHook=\"tags-widget-error-text\">\n          {t('cairo.tags.loadTags.error.body')}\n        </Text>\n        <TextButton dataHook=\"tags-widget-retry-button\" onClick={state.retry}>\n          {t('cairo.tags.loadTags.error.CTA')}\n        </TextButton>\n      </Box>\n    );\n  }\n\n  return (\n    <div data-hook={dataHook}>\n      <TagsWidgetContent {...contentProps} state={state} />\n    </div>\n  );\n};\n\nconst _TagsWidgetBase = ({\n  subtitle,\n  dataHook,\n  theme,\n  state: _state,\n  ...contentProps\n}: TagsWidgetBaseProps) => {\n  const { translate: t } = useWixPatternsContainer();\n\n  const state = _state!;\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (theme === 'inline') {\n    return (\n      <InlineLayoutContent\n        dataHook={dataHook}\n        state={state}\n        {...contentProps}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        subtitle: t('cairo.tags.loadTags.error.body'),\n        action: {\n          text: t('cairo.tags.loadTags.error.CTA'),\n          prefixIcon: <Refresh />,\n          onClick: state.retry,\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"tags-widget-card-header\"\n        title={t('cairo.tags.tagsWidget.title')}\n        subtitle={subtitle || t('cairo.tags.tagsWidget.subtitle')}\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"tags-widget-card-content\">\n        <TagsWidgetContent state={state} {...contentProps} />\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const TagsWidgetBase = observer(_TagsWidgetBase);\n\nconst _TagsWidget = (props: TagsWidgetProps) => {\n  const { origin, fqdn, state: externalState, ...baseComponentProps } = props;\n\n  const internalState = useTagsWidgetInternal({\n    origin,\n    fqdn,\n  });\n\n  const [state] = useState(() => externalState ?? internalState);\n\n  return (\n    <TagsWidgetContextProvider value={state}>\n      <TagsWidgetBase state={state} {...baseComponentProps} />\n    </TagsWidgetContextProvider>\n  );\n};\n\nexport const TagsWidget = observer(_TagsWidget);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/TagsWidget/TagsWidgetContent.js

@@ -62,7 +62,8 @@ const _TagsWidgetContent = ({
   entityTypeName,
   initialTags,
   entityId,
-  readOnly
+  readOnly,
+  popoverProps
 }) => {
   const {
     translate: t
@@ -97,7 +98,7 @@ const _TagsWidgetContent = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 120,
+          lineNumber: 121,
           columnNumber: 25
         }
       })
@@ -139,12 +140,13 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 176,
+        lineNumber: 177,
         columnNumber: 12
       }
     });
   }
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_designSystem.MultiSelect, {
+    popoverProps: popoverProps,
     value: formState.searchValue,
     onChange: handleSearchChange,
     options: tagsOptions,
@@ -157,7 +159,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 193,
+        lineNumber: 195,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -166,7 +168,7 @@ const _TagsWidgetContent = ({
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 196,
+          lineNumber: 198,
           columnNumber: 27
         }
       }),
@@ -174,7 +176,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 194,
+        lineNumber: 196,
         columnNumber: 13
       }
     }, t('cairo.tags.tagsWidget.add.CTA'))),
@@ -182,14 +184,14 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 205,
+        lineNumber: 207,
         columnNumber: 13
       }
     }, !!tagsOptions.length && /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 206,
+        lineNumber: 208,
         columnNumber: 40
       }
     }), /*#__PURE__*/_react.default.createElement(_designSystem.ListItemAction, {
@@ -200,7 +202,7 @@ const _TagsWidgetContent = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 207,
+        lineNumber: 209,
         columnNumber: 15
       }
     })),
@@ -211,7 +213,7 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 181,
+      lineNumber: 182,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_react.default.Suspense, {
@@ -219,7 +221,7 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 225,
+      lineNumber: 227,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(ManageTagsModal, {
@@ -227,7 +229,7 @@ const _TagsWidgetContent = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 226,
+      lineNumber: 228,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/TagsWidget/TagsWidgetContent.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_useSelector","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","useEffect","disposers","init","forEach","disposer","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","size","fixedFooter","isInEmptyState","undefined","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  MultiSelect,\n  Box,\n  TextButton,\n  listItemActionBuilder,\n  DropdownLayoutOption,\n  Divider,\n  ListItemAction,\n  Tag,\n  Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n  ADD_ITEM_OPTION_ID,\n  MANAGE_TAGS_OPTION_ID,\n  TAG_MAX_LENGTH,\n  TagsFormState,\n  TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\n\ninterface TagsWidgetContentProps\n  extends Omit<\n    TagsWidgetBaseProps,\n    'subtitle' | 'dataHook' | 'status' | 'theme'\n  > {\n  state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n  formState,\n}: {\n  formState: TagsFormState;\n}) => {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  if (formState.displayedAssignedTags.length === 0) {\n    return (\n      <Text dataHook=\"tags-widget-readonly-empty-state\">\n        {t('cairo.tags.tagsField.readOnly.emptyState')}\n      </Text>\n    );\n  }\n\n  return (\n    <Box gap=\"tiny\">\n      {formState.displayedAssignedTags.map((tag) => (\n        <Tag\n          key={tag.id}\n          id={tag.id}\n          dataHook=\"tags-widget-tag\"\n          removable={false}\n        >\n          {tag.label}\n        </Tag>\n      ))}\n    </Box>\n  );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n  ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n  state,\n  onSubmit,\n  entityTypeName,\n  initialTags,\n  entityId,\n  readOnly,\n}: TagsWidgetContentProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\n          initialTags,\n          tagsManagementState: state.tagsManagementState,\n          origin: state.origin,\n          entityTypeName,\n        })),\n    ),\n  );\n  const [tagsModalState] = useState(\n    () =>\n      new TagsModalState({\n        tagsManagementState: state.tagsManagementState,\n        entityTypeName,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }, []);\n\n  const tagsOptions = useMemo(() => {\n    const options = formState.displayedTagOptions;\n\n    const addTagOptionItems = formState.shouldShowCreateTagOption\n      ? [\n          listItemActionBuilder({\n            id: ADD_ITEM_OPTION_ID,\n            title: t('cairo.tags.tagsWidget.options.add.CTA', {\n              tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n            }),\n            prefixIcon: <AddIcon />,\n          }),\n        ]\n      : [];\n\n    return [...addTagOptionItems, ...options];\n  }, [\n    formState.displayedTagOptions,\n    formState.searchValue,\n    formState.shouldShowCreateTagOption,\n    formState.displayedAssignedTags,\n  ]);\n\n  const handleSearchChange = useCallback((event) => {\n    formState.handleSearchChange(event.target.value);\n  }, []);\n\n  const handleTagSelect = useCallback(\n    async (option: DropdownLayoutOption) => {\n      const convertedOption = {\n        id: option.id as string,\n        value: option.value as string,\n      };\n      formState.handleTagSelect(convertedOption, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleTagRemove = useCallback(\n    (tagId) => {\n      formState.unassignTag(tagId, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleOptionsShow = useCallback(() => {\n    formState.handleOptionsShow();\n  }, []);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    formState.handleManageTagsCtaClick();\n    tagsModalState.openManageTagsModal({\n      origin: formState.origin,\n      tagSubOrigin: 'tagsWidget',\n    });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\n  }, []);\n\n  if (readOnly) {\n    return <ReadonlyTagsWidgetContent formState={formState} />;\n  }\n\n  return (\n    <>\n      <MultiSelect\n        value={formState.searchValue}\n        onChange={handleSearchChange}\n        options={tagsOptions}\n        onFocus={handleMultiSelectFocus}\n        onBlur={handleMultiSelectBlur}\n        tags={formState.displayedAssignedTags}\n        onOptionsShow={handleOptionsShow}\n        markedOption={\n          formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n        }\n        customSuffix={\n          <Box>\n            <TextButton\n              size=\"small\"\n              prefixIcon={<AddIcon />}\n              dataHook=\"assign-tags-cta\"\n            >\n              {t('cairo.tags.tagsWidget.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        fixedFooter={\n          formState.isInEmptyState ? undefined : (\n            <div>\n              {!!tagsOptions.length && <Divider />}\n              <ListItemAction\n                dataHook=\"manage-tags-cta\"\n                onClick={handleManageTagsCtaClick}\n                id={MANAGE_TAGS_OPTION_ID}\n                title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n              />\n            </div>\n          )\n        }\n        onSelect={handleTagSelect}\n        onRemoveTag={handleTagRemove}\n        placeholder={\n          formState.isInEmptyState && formState.isMultiSelectOnFocus\n            ? t('cairo.tags.tagsWidget.input.placeholder')\n            : undefined\n        }\n        dataHook=\"tags-widget-multi-select\"\n      />\n      <React.Suspense fallback={null}>\n        <ManageTagsModal state={tagsModalState} />\n      </React.Suspense>\n    </>\n  );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAWA,IAAAI,iBAAA,GAAAJ,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAOA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAgD,IAAAS,YAAA;AAAA,SAAAV,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAUhD,MAAMkB,yBAAyB,GAAGA,CAAC;EACjCC;AAGF,CAAC,KAAK;EACJ,MAAM;IAAEC,SAAS,EAAEpB,CAAC;IAAEqB;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,IAAAC,wBAAW,EAAC,MAAMF,QAAQ,CAACG,MAAM,CAAC;EAElC,IAAIL,SAAS,CAACM,qBAAqB,CAACC,MAAM,KAAK,CAAC,EAAE;IAChD,oBACEvC,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAoC,IAAI;MAACC,QAAQ,EAAC,kCAAkC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC9ClC,CAAC,CAAC,0CAA0C,CACzC,CAAC;EAEX;EAEA,oBACEb,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA2C,GAAG;IAACC,GAAG,EAAC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACZf,SAAS,CAACM,qBAAqB,CAACY,GAAG,CAAEC,GAAG,iBACvCnD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA+C,GAAG;IACFC,GAAG,EAAEF,GAAG,CAACG,EAAG;IACZA,EAAE,EAAEH,GAAG,CAACG,EAAG;IACXZ,QAAQ,EAAC,iBAAiB;IAC1Ba,SAAS,EAAE,KAAM;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBI,GAAG,CAACK,KACF,CACN,CACE,CAAC;AAEV,CAAC;AAED,MAAMC,eAAe,gBAAGC,cAAK,CAACC,IAAI,CAAC,MACjCC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA7D,uBAAA,CAAAC,OAAA,CACE,yCAA0C,oDAAoD,IAC9F4D,IAAI,CAAEC,MAAM,KAAM;EAAEzC,OAAO,EAAEyC,MAAM,CAACN;AAAgB,CAAC,CAAC,CAC1D,CAAC;AAED,MAAMO,kBAAkB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,QAAQ;EACRC,cAAc;EACdC,WAAW;EACXC,QAAQ;EACRC;AACsB,CAAC,KAAK;EAC5B,MAAM;IAAErC,SAAS,EAAEpB;EAAE,CAAC,GAAG,IAAAsB,+BAAuB,EAAC,CAAC;EAClD,MAAM,CAACH,SAAS,CAAC,GAAG,IAAAuC,eAAQ,EAAC,MAC3B,IAAAC,iBAAW,EACT,MACGP,KAAK,CAACQ,aAAa,KAAnBR,KAAK,CAACQ,aAAa,GAAK,IAAIC,sBAAa,CAAC;IACzCN,WAAW;IACXO,mBAAmB,EAAEV,KAAK,CAACU,mBAAmB;IAC9CC,MAAM,EAAEX,KAAK,CAACW,MAAM;IACpBT;EACF,CAAC,CAAC,CACN,CACF,CAAC;EACD,MAAM,CAACU,cAAc,CAAC,GAAG,IAAAN,eAAQ,EAC/B,MACE,IAAIO,8BAAc,CAAC;IACjBH,mBAAmB,EAAEV,KAAK,CAACU,mBAAmB;IAC9CR;EACF,CAAC,CACL,CAAC;EAED,IAAAY,gBAAS,EAAC,MAAM;IACd,MAAMC,SAAS,GAAG,CAAChD,SAAS,CAACiD,IAAI,CAAC;MAAEZ;IAAS,CAAC,CAAC,EAAEQ,cAAc,CAACI,IAAI,CAAC,CAAC,CAAC;IAEvE,OAAO,MAAM;MACXD,SAAS,CAACE,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,CAAC,CAAC,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,qBAAA;IAChC,MAAMC,OAAO,GAAGvD,SAAS,CAACwD,mBAAmB;IAE7C,MAAMC,iBAAiB,GAAGzD,SAAS,CAAC0D,yBAAyB,GACzD,CACE,IAAAC,mCAAqB,EAAC;MACpBrC,EAAE,EAAEsC,2BAAkB;MACtBC,KAAK,EAAEhF,CAAC,CAAC,uCAAuC,EAAE;QAChDiF,OAAO,GAAAR,qBAAA,GAAEtD,SAAS,CAAC+D,WAAW,qBAArBT,qBAAA,CAAuBU,KAAK,CAAC,CAAC,EAAEC,uBAAc;MACzD,CAAC,CAAC;MACFC,UAAU,eAAElG,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAClC,iBAAA,CAAA6F,GAAO;QAAAxD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlC,YAAA;UAAAmC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IACxB,CAAC,CAAC,CACH,GACD,EAAE;IAEN,OAAO,CAAC,GAAG0C,iBAAiB,EAAE,GAAGF,OAAO,CAAC;EAC3C,CAAC,EAAE,CACDvD,SAAS,CAACwD,mBAAmB,EAC7BxD,SAAS,CAAC+D,WAAW,EACrB/D,SAAS,CAAC0D,yBAAyB,EACnC1D,SAAS,CAACM,qBAAqB,CAChC,CAAC;EAEF,MAAM8D,kBAAkB,GAAG,IAAAC,kBAAW,EAAEC,KAAK,IAAK;IAChDtE,SAAS,CAACoE,kBAAkB,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAG,IAAAJ,kBAAW,EACjC,MAAOK,MAA4B,IAAK;IACtC,MAAMC,eAAe,GAAG;MACtBrD,EAAE,EAAEoD,MAAM,CAACpD,EAAY;MACvBkD,KAAK,EAAEE,MAAM,CAACF;IAChB,CAAC;IACDxE,SAAS,CAACyE,eAAe,CAACE,eAAe,EAAEzC,QAAQ,CAAC;EACtD,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAM0C,eAAe,GAAG,IAAAP,kBAAW,EAChCQ,KAAK,IAAK;IACT7E,SAAS,CAAC8E,WAAW,CAACD,KAAK,EAAE3C,QAAQ,CAAC;EACxC,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAM6C,iBAAiB,GAAG,IAAAV,kBAAW,EAAC,MAAM;IAC1CrE,SAAS,CAAC+E,iBAAiB,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,wBAAwB,GAAG,IAAAX,kBAAW,EAAC,MAAM;IACjDrE,SAAS,CAACgF,wBAAwB,CAAC,CAAC;IACpCnC,cAAc,CAACoC,mBAAmB,CAAC;MACjCrC,MAAM,EAAE5C,SAAS,CAAC4C,MAAM;MACxBsC,YAAY,EAAE;IAChB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,sBAAsB,GAAG,IAAAd,kBAAW,EAAC,MAAM;IAC/CrE,SAAS,CAACoF,uBAAuB,CAAC,IAAI,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,qBAAqB,GAAG,IAAAhB,kBAAW,EAAC,MAAM;IAC9CrE,SAAS,CAACoF,uBAAuB,CAAC,KAAK,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI9C,QAAQ,EAAE;IACZ,oBAAOtE,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACT,yBAAyB;MAACC,SAAS,EAAEA,SAAU;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EAC5D;EAEA,oBACE/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAAxC,MAAA,CAAAsB,OAAA,CAAAgG,QAAA,qBACEtH,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAkH,WAAW;IACVf,KAAK,EAAExE,SAAS,CAAC+D,WAAY;IAC7ByB,QAAQ,EAAEpB,kBAAmB;IAC7Bb,OAAO,EAAEH,WAAY;IACrBqC,OAAO,EAAEN,sBAAuB;IAChCO,MAAM,EAAEL,qBAAsB;IAC9BM,IAAI,EAAE3F,SAAS,CAACM,qBAAsB;IACtCsF,aAAa,EAAEb,iBAAkB;IACjCc,YAAY,EACV7F,SAAS,CAAC0D,yBAAyB,GAAGE,2BAAkB,GAAG,IAC5D;IACDkC,YAAY,eACV9H,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA2C,GAAG;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA0H,UAAU;MACTC,IAAI,EAAC,OAAO;MACZ9B,UAAU,eAAElG,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAClC,iBAAA,CAAA6F,GAAO;QAAAxD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlC,YAAA;UAAAmC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACxBL,QAAQ,EAAC,iBAAiB;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEzBlC,CAAC,CAAC,+BAA+B,CACxB,CACT,CACN;IACDoH,WAAW,EACTjG,SAAS,CAACkG,cAAc,GAAGC,SAAS,gBAClCnI,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;MAAAG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACG,CAAC,CAACqC,WAAW,CAAC7C,MAAM,iBAAIvC,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA+H,OAAO;MAAAzF,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,eACpC/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAgI,cAAc;MACb3F,QAAQ,EAAC,iBAAiB;MAC1B4F,OAAO,EAAEtB,wBAAyB;MAClC1D,EAAE,EAAEiF,8BAAsB;MAC1B1C,KAAK,EAAEhF,CAAC,CAAC,0CAA0C,CAAE;MAAA8B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACtD,CACE,CAER;IACDyF,QAAQ,EAAE/B,eAAgB;IAC1BgC,WAAW,EAAE7B,eAAgB;IAC7B8B,WAAW,EACT1G,SAAS,CAACkG,cAAc,IAAIlG,SAAS,CAAC2G,oBAAoB,GACtD9H,CAAC,CAAC,yCAAyC,CAAC,GAC5CsH,SACL;IACDzF,QAAQ,EAAC,0BAA0B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpC,CAAC,eACF/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACxC,MAAA,CAAAsB,OAAK,CAACsH,QAAQ;IAACC,QAAQ,EAAE,IAAK;IAAAlG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7B/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACiB,eAAe;IAACQ,KAAK,EAAEY,cAAe;IAAAlC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3B,CAChB,CAAC;AAEP,CAAC;AAEM,MAAM+F,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAAChF,kBAAkB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_react2","_designSystem","_wixUiIconsCommon","_mobx","_bexCore","_TagsModalState","_useSelector","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ReadonlyTagsWidgetContent","formState","translate","initTask","useWixPatternsContainer","useSelector","status","displayedAssignedTags","length","createElement","Text","dataHook","__self","__source","fileName","lineNumber","columnNumber","Box","gap","map","tag","Tag","key","id","removable","label","ManageTagsModal","React","lazy","Promise","resolve","then","module","_TagsWidgetContent","state","onSubmit","entityTypeName","initialTags","entityId","readOnly","popoverProps","useState","runInAction","tagsFormState","TagsFormState","tagsManagementState","origin","tagsModalState","TagsModalState","useEffect","disposers","init","forEach","disposer","tagsOptions","useMemo","_formState$searchValu","options","displayedTagOptions","addTagOptionItems","shouldShowCreateTagOption","listItemActionBuilder","ADD_ITEM_OPTION_ID","title","tagName","searchValue","slice","TAG_MAX_LENGTH","prefixIcon","Add","handleSearchChange","useCallback","event","target","value","handleTagSelect","option","convertedOption","handleTagRemove","tagId","unassignTag","handleOptionsShow","handleManageTagsCtaClick","openManageTagsModal","tagSubOrigin","handleMultiSelectFocus","setIsMultiSelectOnFocus","handleMultiSelectBlur","Fragment","MultiSelect","onChange","onFocus","onBlur","tags","onOptionsShow","markedOption","customSuffix","TextButton","size","fixedFooter","isInEmptyState","undefined","Divider","ListItemAction","onClick","MANAGE_TAGS_OPTION_ID","onSelect","onRemoveTag","placeholder","isMultiSelectOnFocus","Suspense","fallback","TagsWidgetContent","exports","observer"],"sources":["../../../../src/components/TagsWidget/TagsWidgetContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  MultiSelect,\n  Box,\n  TextButton,\n  listItemActionBuilder,\n  DropdownLayoutOption,\n  Divider,\n  ListItemAction,\n  Tag,\n  Text,\n} from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { TagsWidgetBaseProps } from './TagsWidget';\nimport { runInAction } from 'mobx';\nimport {\n  ADD_ITEM_OPTION_ID,\n  MANAGE_TAGS_OPTION_ID,\n  TAG_MAX_LENGTH,\n  TagsFormState,\n  TagsWidgetState,\n} from '@wix/bex-core';\nimport { TagsModalState } from '../../state/TagsModalState';\nimport { useSelector } from '../../useSelector';\n\ninterface TagsWidgetContentProps\n  extends Omit<\n    TagsWidgetBaseProps,\n    'subtitle' | 'dataHook' | 'status' | 'theme'\n  > {\n  state: TagsWidgetState;\n}\n\nconst ReadonlyTagsWidgetContent = ({\n  formState,\n}: {\n  formState: TagsFormState;\n}) => {\n  const { translate: t, initTask } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n\n  if (formState.displayedAssignedTags.length === 0) {\n    return (\n      <Text dataHook=\"tags-widget-readonly-empty-state\">\n        {t('cairo.tags.tagsField.readOnly.emptyState')}\n      </Text>\n    );\n  }\n\n  return (\n    <Box gap=\"tiny\">\n      {formState.displayedAssignedTags.map((tag) => (\n        <Tag\n          key={tag.id}\n          id={tag.id}\n          dataHook=\"tags-widget-tag\"\n          removable={false}\n        >\n          {tag.label}\n        </Tag>\n      ))}\n    </Box>\n  );\n};\n\nconst ManageTagsModal = React.lazy(() =>\n  import(\n    /* webpackChunkName: \"ManageTagsModal\" */ '../Tags/ManageTags/ManageTagsModal/ManageTagsModal'\n  ).then((module) => ({ default: module.ManageTagsModal })),\n);\n\nconst _TagsWidgetContent = ({\n  state,\n  onSubmit,\n  entityTypeName,\n  initialTags,\n  entityId,\n  readOnly,\n  popoverProps,\n}: TagsWidgetContentProps) => {\n  const { translate: t } = useWixPatternsContainer();\n  const [formState] = useState(() =>\n    runInAction(\n      () =>\n        (state.tagsFormState ??= new TagsFormState({\n          initialTags,\n          tagsManagementState: state.tagsManagementState,\n          origin: state.origin,\n          entityTypeName,\n        })),\n    ),\n  );\n  const [tagsModalState] = useState(\n    () =>\n      new TagsModalState({\n        tagsManagementState: state.tagsManagementState,\n        entityTypeName,\n      }),\n  );\n\n  useEffect(() => {\n    const disposers = [formState.init({ entityId }), tagsModalState.init()];\n\n    return () => {\n      disposers.forEach((disposer) => disposer());\n    };\n  }, []);\n\n  const tagsOptions = useMemo(() => {\n    const options = formState.displayedTagOptions;\n\n    const addTagOptionItems = formState.shouldShowCreateTagOption\n      ? [\n          listItemActionBuilder({\n            id: ADD_ITEM_OPTION_ID,\n            title: t('cairo.tags.tagsWidget.options.add.CTA', {\n              tagName: formState.searchValue?.slice(0, TAG_MAX_LENGTH),\n            }),\n            prefixIcon: <AddIcon />,\n          }),\n        ]\n      : [];\n\n    return [...addTagOptionItems, ...options];\n  }, [\n    formState.displayedTagOptions,\n    formState.searchValue,\n    formState.shouldShowCreateTagOption,\n    formState.displayedAssignedTags,\n  ]);\n\n  const handleSearchChange = useCallback((event) => {\n    formState.handleSearchChange(event.target.value);\n  }, []);\n\n  const handleTagSelect = useCallback(\n    async (option: DropdownLayoutOption) => {\n      const convertedOption = {\n        id: option.id as string,\n        value: option.value as string,\n      };\n      formState.handleTagSelect(convertedOption, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleTagRemove = useCallback(\n    (tagId) => {\n      formState.unassignTag(tagId, onSubmit);\n    },\n    [onSubmit],\n  );\n\n  const handleOptionsShow = useCallback(() => {\n    formState.handleOptionsShow();\n  }, []);\n\n  const handleManageTagsCtaClick = useCallback(() => {\n    formState.handleManageTagsCtaClick();\n    tagsModalState.openManageTagsModal({\n      origin: formState.origin,\n      tagSubOrigin: 'tagsWidget',\n    });\n  }, []);\n\n  const handleMultiSelectFocus = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(true);\n  }, []);\n\n  const handleMultiSelectBlur = useCallback(() => {\n    formState.setIsMultiSelectOnFocus(false);\n  }, []);\n\n  if (readOnly) {\n    return <ReadonlyTagsWidgetContent formState={formState} />;\n  }\n\n  return (\n    <>\n      <MultiSelect\n        popoverProps={popoverProps}\n        value={formState.searchValue}\n        onChange={handleSearchChange}\n        options={tagsOptions}\n        onFocus={handleMultiSelectFocus}\n        onBlur={handleMultiSelectBlur}\n        tags={formState.displayedAssignedTags}\n        onOptionsShow={handleOptionsShow}\n        markedOption={\n          formState.shouldShowCreateTagOption ? ADD_ITEM_OPTION_ID : true\n        }\n        customSuffix={\n          <Box>\n            <TextButton\n              size=\"small\"\n              prefixIcon={<AddIcon />}\n              dataHook=\"assign-tags-cta\"\n            >\n              {t('cairo.tags.tagsWidget.add.CTA')}\n            </TextButton>\n          </Box>\n        }\n        fixedFooter={\n          formState.isInEmptyState ? undefined : (\n            <div>\n              {!!tagsOptions.length && <Divider />}\n              <ListItemAction\n                dataHook=\"manage-tags-cta\"\n                onClick={handleManageTagsCtaClick}\n                id={MANAGE_TAGS_OPTION_ID}\n                title={t('cairo.tags.tagsWidget.options.manage.CTA')}\n              />\n            </div>\n          )\n        }\n        onSelect={handleTagSelect}\n        onRemoveTag={handleTagRemove}\n        placeholder={\n          formState.isInEmptyState && formState.isMultiSelectOnFocus\n            ? t('cairo.tags.tagsWidget.input.placeholder')\n            : undefined\n        }\n        dataHook=\"tags-widget-multi-select\"\n      />\n      <React.Suspense fallback={null}>\n        <ManageTagsModal state={tagsModalState} />\n      </React.Suspense>\n    </>\n  );\n};\n\nexport const TagsWidgetContent = observer(_TagsWidgetContent);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAWA,IAAAI,iBAAA,GAAAJ,OAAA;AAEA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAOA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,YAAA,GAAAR,OAAA;AAAgD,IAAAS,YAAA;AAAA,SAAAV,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAUhD,MAAMkB,yBAAyB,GAAGA,CAAC;EACjCC;AAGF,CAAC,KAAK;EACJ,MAAM;IAAEC,SAAS,EAAEpB,CAAC;IAAEqB;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,IAAAC,wBAAW,EAAC,MAAMF,QAAQ,CAACG,MAAM,CAAC;EAElC,IAAIL,SAAS,CAACM,qBAAqB,CAACC,MAAM,KAAK,CAAC,EAAE;IAChD,oBACEvC,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAoC,IAAI;MAACC,QAAQ,EAAC,kCAAkC;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAC9ClC,CAAC,CAAC,0CAA0C,CACzC,CAAC;EAEX;EAEA,oBACEb,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA2C,GAAG;IAACC,GAAG,EAAC,MAAM;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GACZf,SAAS,CAACM,qBAAqB,CAACY,GAAG,CAAEC,GAAG,iBACvCnD,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA+C,GAAG;IACFC,GAAG,EAAEF,GAAG,CAACG,EAAG;IACZA,EAAE,EAAEH,GAAG,CAACG,EAAG;IACXZ,QAAQ,EAAC,iBAAiB;IAC1Ba,SAAS,EAAE,KAAM;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEhBI,GAAG,CAACK,KACF,CACN,CACE,CAAC;AAEV,CAAC;AAED,MAAMC,eAAe,gBAAGC,cAAK,CAACC,IAAI,CAAC,MACjCC,OAAA,CAAAC,OAAA,GAAAC,IAAA,OAAA7D,uBAAA,CAAAC,OAAA,CACE,yCAA0C,oDAAoD,IAC9F4D,IAAI,CAAEC,MAAM,KAAM;EAAEzC,OAAO,EAAEyC,MAAM,CAACN;AAAgB,CAAC,CAAC,CAC1D,CAAC;AAED,MAAMO,kBAAkB,GAAGA,CAAC;EAC1BC,KAAK;EACLC,QAAQ;EACRC,cAAc;EACdC,WAAW;EACXC,QAAQ;EACRC,QAAQ;EACRC;AACsB,CAAC,KAAK;EAC5B,MAAM;IAAEtC,SAAS,EAAEpB;EAAE,CAAC,GAAG,IAAAsB,+BAAuB,EAAC,CAAC;EAClD,MAAM,CAACH,SAAS,CAAC,GAAG,IAAAwC,eAAQ,EAAC,MAC3B,IAAAC,iBAAW,EACT,MACGR,KAAK,CAACS,aAAa,KAAnBT,KAAK,CAACS,aAAa,GAAK,IAAIC,sBAAa,CAAC;IACzCP,WAAW;IACXQ,mBAAmB,EAAEX,KAAK,CAACW,mBAAmB;IAC9CC,MAAM,EAAEZ,KAAK,CAACY,MAAM;IACpBV;EACF,CAAC,CAAC,CACN,CACF,CAAC;EACD,MAAM,CAACW,cAAc,CAAC,GAAG,IAAAN,eAAQ,EAC/B,MACE,IAAIO,8BAAc,CAAC;IACjBH,mBAAmB,EAAEX,KAAK,CAACW,mBAAmB;IAC9CT;EACF,CAAC,CACL,CAAC;EAED,IAAAa,gBAAS,EAAC,MAAM;IACd,MAAMC,SAAS,GAAG,CAACjD,SAAS,CAACkD,IAAI,CAAC;MAAEb;IAAS,CAAC,CAAC,EAAES,cAAc,CAACI,IAAI,CAAC,CAAC,CAAC;IAEvE,OAAO,MAAM;MACXD,SAAS,CAACE,OAAO,CAAEC,QAAQ,IAAKA,QAAQ,CAAC,CAAC,CAAC;IAC7C,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,WAAW,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,qBAAA;IAChC,MAAMC,OAAO,GAAGxD,SAAS,CAACyD,mBAAmB;IAE7C,MAAMC,iBAAiB,GAAG1D,SAAS,CAAC2D,yBAAyB,GACzD,CACE,IAAAC,mCAAqB,EAAC;MACpBtC,EAAE,EAAEuC,2BAAkB;MACtBC,KAAK,EAAEjF,CAAC,CAAC,uCAAuC,EAAE;QAChDkF,OAAO,GAAAR,qBAAA,GAAEvD,SAAS,CAACgE,WAAW,qBAArBT,qBAAA,CAAuBU,KAAK,CAAC,CAAC,EAAEC,uBAAc;MACzD,CAAC,CAAC;MACFC,UAAU,eAAEnG,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAClC,iBAAA,CAAA8F,GAAO;QAAAzD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlC,YAAA;UAAAmC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE;IACxB,CAAC,CAAC,CACH,GACD,EAAE;IAEN,OAAO,CAAC,GAAG2C,iBAAiB,EAAE,GAAGF,OAAO,CAAC;EAC3C,CAAC,EAAE,CACDxD,SAAS,CAACyD,mBAAmB,EAC7BzD,SAAS,CAACgE,WAAW,EACrBhE,SAAS,CAAC2D,yBAAyB,EACnC3D,SAAS,CAACM,qBAAqB,CAChC,CAAC;EAEF,MAAM+D,kBAAkB,GAAG,IAAAC,kBAAW,EAAEC,KAAK,IAAK;IAChDvE,SAAS,CAACqE,kBAAkB,CAACE,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC;EAClD,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,eAAe,GAAG,IAAAJ,kBAAW,EACjC,MAAOK,MAA4B,IAAK;IACtC,MAAMC,eAAe,GAAG;MACtBtD,EAAE,EAAEqD,MAAM,CAACrD,EAAY;MACvBmD,KAAK,EAAEE,MAAM,CAACF;IAChB,CAAC;IACDzE,SAAS,CAAC0E,eAAe,CAACE,eAAe,EAAE1C,QAAQ,CAAC;EACtD,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAM2C,eAAe,GAAG,IAAAP,kBAAW,EAChCQ,KAAK,IAAK;IACT9E,SAAS,CAAC+E,WAAW,CAACD,KAAK,EAAE5C,QAAQ,CAAC;EACxC,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAM8C,iBAAiB,GAAG,IAAAV,kBAAW,EAAC,MAAM;IAC1CtE,SAAS,CAACgF,iBAAiB,CAAC,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,wBAAwB,GAAG,IAAAX,kBAAW,EAAC,MAAM;IACjDtE,SAAS,CAACiF,wBAAwB,CAAC,CAAC;IACpCnC,cAAc,CAACoC,mBAAmB,CAAC;MACjCrC,MAAM,EAAE7C,SAAS,CAAC6C,MAAM;MACxBsC,YAAY,EAAE;IAChB,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,sBAAsB,GAAG,IAAAd,kBAAW,EAAC,MAAM;IAC/CtE,SAAS,CAACqF,uBAAuB,CAAC,IAAI,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,qBAAqB,GAAG,IAAAhB,kBAAW,EAAC,MAAM;IAC9CtE,SAAS,CAACqF,uBAAuB,CAAC,KAAK,CAAC;EAC1C,CAAC,EAAE,EAAE,CAAC;EAEN,IAAI/C,QAAQ,EAAE;IACZ,oBAAOtE,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACT,yBAAyB;MAACC,SAAS,EAAEA,SAAU;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;EAC5D;EAEA,oBACE/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAAxC,MAAA,CAAAsB,OAAA,CAAAiG,QAAA,qBACEvH,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAmH,WAAW;IACVjD,YAAY,EAAEA,YAAa;IAC3BkC,KAAK,EAAEzE,SAAS,CAACgE,WAAY;IAC7ByB,QAAQ,EAAEpB,kBAAmB;IAC7Bb,OAAO,EAAEH,WAAY;IACrBqC,OAAO,EAAEN,sBAAuB;IAChCO,MAAM,EAAEL,qBAAsB;IAC9BM,IAAI,EAAE5F,SAAS,CAACM,qBAAsB;IACtCuF,aAAa,EAAEb,iBAAkB;IACjCc,YAAY,EACV9F,SAAS,CAAC2D,yBAAyB,GAAGE,2BAAkB,GAAG,IAC5D;IACDkC,YAAY,eACV/H,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA2C,GAAG;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACF/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAA2H,UAAU;MACTC,IAAI,EAAC,OAAO;MACZ9B,UAAU,eAAEnG,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAAClC,iBAAA,CAAA8F,GAAO;QAAAzD,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlC,YAAA;UAAAmC,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACxBL,QAAQ,EAAC,iBAAiB;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GAEzBlC,CAAC,CAAC,+BAA+B,CACxB,CACT,CACN;IACDqH,WAAW,EACTlG,SAAS,CAACmG,cAAc,GAAGC,SAAS,gBAClCpI,MAAA,CAAAsB,OAAA,CAAAkB,aAAA;MAAAG,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,GACG,CAAC,CAACsC,WAAW,CAAC9C,MAAM,iBAAIvC,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAgI,OAAO;MAAA1F,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,eACpC/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACnC,aAAA,CAAAiI,cAAc;MACb5F,QAAQ,EAAC,iBAAiB;MAC1B6F,OAAO,EAAEtB,wBAAyB;MAClC3D,EAAE,EAAEkF,8BAAsB;MAC1B1C,KAAK,EAAEjF,CAAC,CAAC,0CAA0C,CAAE;MAAA8B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlC,YAAA;QAAAmC,UAAA;QAAAC,YAAA;MAAA;IAAA,CACtD,CACE,CAER;IACD0F,QAAQ,EAAE/B,eAAgB;IAC1BgC,WAAW,EAAE7B,eAAgB;IAC7B8B,WAAW,EACT3G,SAAS,CAACmG,cAAc,IAAInG,SAAS,CAAC4G,oBAAoB,GACtD/H,CAAC,CAAC,yCAAyC,CAAC,GAC5CuH,SACL;IACD1F,QAAQ,EAAC,0BAA0B;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpC,CAAC,eACF/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACxC,MAAA,CAAAsB,OAAK,CAACuH,QAAQ;IAACC,QAAQ,EAAE,IAAK;IAAAnG,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAC7B/C,MAAA,CAAAsB,OAAA,CAAAkB,aAAA,CAACiB,eAAe;IAACQ,KAAK,EAAEa,cAAe;IAAAnC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlC,YAAA;MAAAmC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAC3B,CAChB,CAAC;AAEP,CAAC;AAEM,MAAMgG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACjF,kBAAkB,CAAC","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "common181684603";
+var _namespace_ = "common61718607";
 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": "common181684603__root",
-  "column": "common181684603__column",
-  "fullHeight": "common181684603__fullHeight"
+  "root": "common61718607__root",
+  "column": "common61718607__column",
+  "fullHeight": "common61718607__fullHeight"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common181684603\";\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\":\"common181684603__root\",\"column\":\"common181684603__column\",\"fullHeight\":\"common181684603__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iBAAiB;AACnC,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,uBAAuB;EAAC,QAAQ,EAAC,yBAAyB;EAAC,YAAY,EAAC;AAA6B,CAAC;AAC5H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../src/components/common.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"common61718607\";\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\":\"common61718607__root\",\"column\":\"common61718607__column\",\"fullHeight\":\"common61718607__fullHeight\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,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,sBAAsB;EAAC,QAAQ,EAAC,wBAAwB;EAAC,YAAY,EAAC;AAA4B,CAAC;AACzH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js

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

package/dist/cjs/state/CollectionPage/CollectionPageHeader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader3766095296\";\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\":\"CollectionPageHeader3766095296__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionPageHeader2851520069\";\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\":\"CollectionPageHeader2851520069__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/state/FormPage/FormPageHeader.st.css.js

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

package/dist/cjs/state/FormPage/FormPageHeader.st.css.js.map

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