@wix/patterns 1.371.0 → 1.373.0

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":"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","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":"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","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_ = "ToolbarItem2753006863";
 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": "ToolbarItem2753006863__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_ = \"ToolbarItem2753006863\";\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\":\"ToolbarItem2753006863__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_ = "ToolbarItemBox3983743893";
 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": "ToolbarItemBox3983743893__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_ = \"ToolbarItemBox3983743893\";\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\":\"ToolbarItemBox3983743893__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_ = "common960909408";
 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": "common960909408__root",
+  "column": "common960909408__column",
+  "fullHeight": "common960909408__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_ = \"common960909408\";\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\":\"common960909408__root\",\"column\":\"common960909408__column\",\"fullHeight\":\"common960909408__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":[]}

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_ = "CollectionPageHeader3598119546";
 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": "CollectionPageHeader3598119546__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_ = \"CollectionPageHeader3598119546\";\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\":\"CollectionPageHeader3598119546__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/EditableTable/CellInteractionState.js

@@ -15,6 +15,8 @@ class CellInteractionState {
     (0, _defineProperty2.default)(this, "selectedCells", new Set());
     (0, _defineProperty2.default)(this, "selectionAnchor", null);
     (0, _defineProperty2.default)(this, "focusedCellElement", null);
+    /** True while the user is performing a mouse sweep selection. */
+    (0, _defineProperty2.default)(this, "isSelecting", false);
     (0, _defineProperty2.default)(this, "_parent", void 0);
     (0, _defineProperty2.default)(this, "_commitHandler", void 0);
     this._commitHandler = commitHandler;
@@ -26,6 +28,7 @@ class CellInteractionState {
       editTrigger: _mobx.observable.ref,
       selectedCells: _mobx.observable,
       selectionAnchor: _mobx.observable.ref,
+      isSelecting: _mobx.observable.ref,
       isEditing: _mobx.computed,
       selectedCellsList: _mobx.computed,
       focusCell: _mobx.action,
@@ -38,7 +41,10 @@ class CellInteractionState {
       selectAll: _mobx.action,
       moveFocus: _mobx.action,
       moveToNextCell: _mobx.action,
-      moveToPreviousCell: _mobx.action
+      moveToPreviousCell: _mobx.action,
+      startSweep: _mobx.action,
+      sweepTo: _mobx.action,
+      stopSweep: _mobx.action
     });
   }
   get isEditing() {
@@ -223,6 +229,22 @@ class CellInteractionState {
     }
     this.focusCell(keyedItems[row].key, editableColumns[col].id);
   }
+  startSweep(rowKey, columnId) {
+    this.isSelecting = true;
+    this.focusCell(rowKey, columnId);
+  }
+  sweepTo(rowKey, columnId) {
+    if (!this.isSelecting || !this.selectionAnchor) {
+      return;
+    }
+    this.selectRange(this.selectionAnchor, {
+      rowKey,
+      columnId
+    });
+  }
+  stopSweep() {
+    this.isSelecting = false;
+  }
   _diffSelection(newKeys) {
     for (const key of this.selectedCells) {
       if (!newKeys.has(key)) {

package/dist/cjs/state/EditableTable/CellInteractionState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","_utils","CellInteractionState","constructor","commitHandler","parent","_defineProperty2","default","undefined","Set","_commitHandler","_parent","makeObservable","focusedCell","observable","ref","editingCell","editingValue","editTrigger","selectedCells","selectionAnchor","isEditing","computed","selectedCellsList","focusCell","action","clearFocus","startEdit","commitEdit","cancelEdit","setEditingValue","selectRange","selectAll","moveFocus","moveToNextCell","moveToPreviousCell","rowKey","columnId","clear","add","cellKey","trigger","_this$focusedCell","_this$focusedCell2","rk","cid","value","from","to","fromPos","_toIndices","toPos","keyedItems","editableColumns","minRow","Math","min","row","maxRow","max","minCol","col","maxCol","newKeys","r","c","key","id","_diffSelection","ki","length","_toPosition","direction","extend","pos","target","has","delete","isCellFocused","_this$focusedCell3","_this$focusedCell4","isCellEditing","_this$editingCell","_this$editingCell2","isCellSelected","result","parseCellKey","push","scrollFocusedCellIntoView","requestAnimationFrame","cellEl","focusedCellElement","scrollIntoView","block","inline","_adjustScrollForStickyElements","td","parentElement","cellLeft","getBoundingClientRect","left","maxPrevRight","child","Array","children","right","_cellEl$closest","scrollParent","closest","scrollLeft","headerEl","tableState","headerElement","scrollEl","collection","scrollableContent","headerBottom","bottom","cellTop","top","scrollTop","getSelectionBorder","noBorder","isNeighborSelected","neighbor","exports"],"sources":["../../../../src/state/EditableTable/CellInteractionState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport type { Cell, CellBorder } from './types';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from './EditableTableState';\nimport { cellKey, parseCellKey, noBorder } from './utils';\n\ntype Direction = 'up' | 'down' | 'left' | 'right';\ntype CommitHandler = (editingValue: any, cell: Cell) => void;\nexport type EditTrigger = 'type' | 'enter' | 'doubleClick';\n\nexport class CellInteractionState<T, F extends FiltersMap> {\n  focusedCell: Cell | null = null;\n  editingCell: Cell | null = null;\n  editingValue: any = undefined;\n  editTrigger: EditTrigger | null = null;\n  selectedCells = new Set<string>();\n  selectionAnchor: Cell | null = null;\n  focusedCellElement: HTMLElement | null = null;\n  private readonly _parent: EditableTableState<T, F>;\n  private readonly _commitHandler: CommitHandler;\n\n  constructor(commitHandler: CommitHandler, parent: EditableTableState<T, F>) {\n    this._commitHandler = commitHandler;\n    this._parent = parent;\n    makeObservable(this, {\n      focusedCell: observable.ref,\n      editingCell: observable.ref,\n      editingValue: observable.ref,\n      editTrigger: observable.ref,\n      selectedCells: observable,\n      selectionAnchor: observable.ref,\n      isEditing: computed,\n      selectedCellsList: computed,\n      focusCell: action,\n      clearFocus: action,\n      startEdit: action,\n      commitEdit: action,\n      cancelEdit: action,\n      setEditingValue: action,\n      selectRange: action,\n      selectAll: action,\n      moveFocus: action,\n      moveToNextCell: action,\n      moveToPreviousCell: action,\n    });\n  }\n\n  get isEditing(): boolean {\n    return this.editingCell !== null;\n  }\n\n  focusCell(rowKey: string, columnId: string) {\n    if (this.editingCell) {\n      this.commitEdit();\n    }\n    this.focusedCell = { rowKey, columnId };\n    this.selectedCells.clear();\n    this.selectedCells.add(cellKey(rowKey, columnId));\n    this.selectionAnchor = { rowKey, columnId };\n  }\n\n  clearFocus() {\n    this.focusedCell = null;\n    this.selectedCells.clear();\n    this.selectionAnchor = null;\n    this.cancelEdit();\n  }\n\n  startEdit(\n    rowKey?: string,\n    columnId?: string,\n    trigger: EditTrigger = 'enter',\n  ) {\n    const rk = rowKey ?? this.focusedCell?.rowKey;\n    const cid = columnId ?? this.focusedCell?.columnId;\n    if (rk != null && cid != null) {\n      this.editingValue = undefined;\n      this.editTrigger = trigger;\n      this.editingCell = { rowKey: rk, columnId: cid };\n      this.focusedCell = { rowKey: rk, columnId: cid };\n    }\n  }\n\n  setEditingValue(value: any) {\n    this.editingValue = value;\n  }\n\n  commitEdit() {\n    try {\n      if (this.editingCell) {\n        this._commitHandler(this.editingValue, this.editingCell);\n      }\n    } finally {\n      this.editingValue = undefined;\n      this.editTrigger = null;\n      this.editingCell = null;\n    }\n  }\n\n  cancelEdit() {\n    this.editingValue = undefined;\n    this.editTrigger = null;\n    this.editingCell = null;\n  }\n\n  selectRange(from: Cell, to: Cell) {\n    const fromPos = this._parent._toIndices(from);\n    const toPos = this._parent._toIndices(to);\n    if (!fromPos || !toPos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    const minRow = Math.min(fromPos.row, toPos.row);\n    const maxRow = Math.max(fromPos.row, toPos.row);\n    const minCol = Math.min(fromPos.col, toPos.col);\n    const maxCol = Math.max(fromPos.col, toPos.col);\n\n    const newKeys = new Set<string>();\n    for (let r = minRow; r <= maxRow; r++) {\n      for (let c = minCol; c <= maxCol; c++) {\n        newKeys.add(cellKey(keyedItems[r].key, editableColumns[c].id));\n      }\n    }\n\n    this._diffSelection(newKeys);\n    this.focusedCell = to;\n  }\n\n  selectAll() {\n    const { keyedItems, editableColumns } = this._parent;\n    const newKeys = new Set<string>();\n    for (const ki of keyedItems) {\n      for (const col of editableColumns) {\n        newKeys.add(cellKey(ki.key, col.id));\n      }\n    }\n\n    this._diffSelection(newKeys);\n\n    if (keyedItems.length > 0 && editableColumns.length > 0) {\n      this.selectionAnchor = this._parent._toPosition(0, 0)!;\n      this.focusedCell = this._parent._toPosition(\n        keyedItems.length - 1,\n        editableColumns.length - 1,\n      )!;\n    }\n  }\n\n  moveFocus(direction: Direction, extend = false) {\n    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);\n    if (!pos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    let { row, col } = pos;\n\n    switch (direction) {\n      case 'up':\n        row = Math.max(0, row - 1);\n        break;\n      case 'down':\n        row = Math.min(keyedItems.length - 1, row + 1);\n        break;\n      case 'left':\n        col = Math.max(0, col - 1);\n        break;\n      case 'right':\n        col = Math.min(editableColumns.length - 1, col + 1);\n        break;\n    }\n\n    const target = this._parent._toPosition(row, col)!;\n    if (extend && this.selectionAnchor) {\n      this.selectRange(this.selectionAnchor, target);\n    } else {\n      this.focusCell(target.rowKey, target.columnId);\n    }\n  }\n\n  moveToNextCell() {\n    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);\n    if (!pos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    let { row, col } = pos;\n\n    col++;\n    if (col >= editableColumns.length) {\n      col = 0;\n      row++;\n      if (row >= keyedItems.length) {\n        row = keyedItems.length - 1;\n        col = editableColumns.length - 1;\n      }\n    }\n    this.focusCell(keyedItems[row].key, editableColumns[col].id);\n  }\n\n  moveToPreviousCell() {\n    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);\n    if (!pos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    let { row, col } = pos;\n\n    col--;\n    if (col < 0) {\n      col = editableColumns.length - 1;\n      row--;\n      if (row < 0) {\n        row = 0;\n        col = 0;\n      }\n    }\n    this.focusCell(keyedItems[row].key, editableColumns[col].id);\n  }\n\n  private _diffSelection(newKeys: Set<string>) {\n    for (const key of this.selectedCells) {\n      if (!newKeys.has(key)) {\n        this.selectedCells.delete(key);\n      }\n    }\n    for (const key of newKeys) {\n      if (!this.selectedCells.has(key)) {\n        this.selectedCells.add(key);\n      }\n    }\n  }\n\n  isCellFocused(rowKey: string, columnId: string): boolean {\n    return (\n      this.focusedCell?.rowKey === rowKey &&\n      this.focusedCell?.columnId === columnId\n    );\n  }\n\n  isCellEditing(rowKey: string, columnId: string): boolean {\n    return (\n      this.editingCell?.rowKey === rowKey &&\n      this.editingCell?.columnId === columnId\n    );\n  }\n\n  isCellSelected(rowKey: string, columnId: string): boolean {\n    return this.selectedCells.has(cellKey(rowKey, columnId));\n  }\n\n  get selectedCellsList(): Cell[] {\n    const result: Cell[] = [];\n    for (const key of this.selectedCells) {\n      const pos = parseCellKey(key);\n      if (pos) {\n        result.push(pos);\n      }\n    }\n    return result;\n  }\n\n  scrollFocusedCellIntoView() {\n    if (typeof requestAnimationFrame === 'undefined') {\n      return;\n    }\n    requestAnimationFrame(() => {\n      const cellEl = this.focusedCellElement;\n      if (!cellEl) {\n        return;\n      }\n\n      cellEl.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      this._adjustScrollForStickyElements(cellEl);\n    });\n  }\n\n  /**\n   * After scrollIntoView, the cell may be hidden behind sticky columns\n   * or the sticky header. If so, scroll a bit more to fully reveal it.\n   */\n  private _adjustScrollForStickyElements(cellEl: HTMLElement) {\n    const td = cellEl.parentElement;\n    if (!td) {\n      return;\n    }\n\n    // Horizontal: check if cell is behind a sticky column.\n    // Sticky columns stay in place while other columns scroll, so their\n    // bounding rect's right edge can overlap the focused cell's left edge.\n    const row = td.parentElement;\n    const cellLeft = td.getBoundingClientRect().left;\n    if (row) {\n      let maxPrevRight = 0;\n      for (const child of Array.from(row.children)) {\n        if (child === td) {\n          break;\n        }\n        const right = child.getBoundingClientRect().right;\n        if (right > maxPrevRight) {\n          maxPrevRight = right;\n        }\n      }\n      if (cellLeft < maxPrevRight) {\n        const scrollParent = cellEl.closest('table')?.parentElement;\n        if (scrollParent) {\n          scrollParent.scrollLeft -= maxPrevRight - cellLeft;\n        }\n      }\n    }\n\n    // Vertical: check if cell is behind the sticky header/toolbar.\n    const headerEl = this._parent.tableState.headerElement;\n    const scrollEl = this._parent.collection.scrollableContent;\n    if (headerEl && scrollEl) {\n      const headerBottom = headerEl.getBoundingClientRect().bottom;\n      const cellTop = td.getBoundingClientRect().top;\n      if (cellTop < headerBottom) {\n        // +2px buffer to prevent the cell from touching the header border\n        scrollEl.scrollTop -= headerBottom - cellTop + 2;\n      }\n    }\n  }\n\n  getSelectionBorder(rowKey: string, columnId: string): CellBorder {\n    if (!this.isCellSelected(rowKey, columnId)) {\n      return noBorder;\n    }\n\n    const pos = this._parent._toIndices({ rowKey, columnId });\n    if (!pos) {\n      return noBorder;\n    }\n\n    const isNeighborSelected = (row: number, col: number) => {\n      const neighbor = this._parent._toPosition(row, col);\n      return (\n        neighbor !== null &&\n        this.selectedCells.has(cellKey(neighbor.rowKey, neighbor.columnId))\n      );\n    };\n\n    return {\n      top: !isNeighborSelected(pos.row - 1, pos.col),\n      bottom: !isNeighborSelected(pos.row + 1, pos.col),\n      left: !isNeighborSelected(pos.row, pos.col - 1),\n      right: !isNeighborSelected(pos.row, pos.col + 1),\n    };\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobx","require","_utils","CellInteractionState","constructor","commitHandler","parent","_defineProperty2","default","undefined","Set","_commitHandler","_parent","makeObservable","focusedCell","observable","ref","editingCell","editingValue","editTrigger","selectedCells","selectionAnchor","isSelecting","isEditing","computed","selectedCellsList","focusCell","action","clearFocus","startEdit","commitEdit","cancelEdit","setEditingValue","selectRange","selectAll","moveFocus","moveToNextCell","moveToPreviousCell","startSweep","sweepTo","stopSweep","rowKey","columnId","clear","add","cellKey","trigger","_this$focusedCell","_this$focusedCell2","rk","cid","value","from","to","fromPos","_toIndices","toPos","keyedItems","editableColumns","minRow","Math","min","row","maxRow","max","minCol","col","maxCol","newKeys","r","c","key","id","_diffSelection","ki","length","_toPosition","direction","extend","pos","target","has","delete","isCellFocused","_this$focusedCell3","_this$focusedCell4","isCellEditing","_this$editingCell","_this$editingCell2","isCellSelected","result","parseCellKey","push","scrollFocusedCellIntoView","requestAnimationFrame","cellEl","focusedCellElement","scrollIntoView","block","inline","_adjustScrollForStickyElements","td","parentElement","cellLeft","getBoundingClientRect","left","maxPrevRight","child","Array","children","right","_cellEl$closest","scrollParent","closest","scrollLeft","headerEl","tableState","headerElement","scrollEl","collection","scrollableContent","headerBottom","bottom","cellTop","top","scrollTop","getSelectionBorder","noBorder","isNeighborSelected","neighbor","exports"],"sources":["../../../../src/state/EditableTable/CellInteractionState.ts"],"sourcesContent":["import { action, computed, makeObservable, observable } from 'mobx';\nimport type { Cell, CellBorder } from './types';\nimport type { FiltersMap } from '@wix/bex-core';\nimport type { EditableTableState } from './EditableTableState';\nimport { cellKey, parseCellKey, noBorder } from './utils';\n\ntype Direction = 'up' | 'down' | 'left' | 'right';\ntype CommitHandler = (editingValue: any, cell: Cell) => void;\nexport type EditTrigger = 'type' | 'enter' | 'doubleClick';\n\nexport class CellInteractionState<T, F extends FiltersMap> {\n  focusedCell: Cell | null = null;\n  editingCell: Cell | null = null;\n  editingValue: any = undefined;\n  editTrigger: EditTrigger | null = null;\n  selectedCells = new Set<string>();\n  selectionAnchor: Cell | null = null;\n  focusedCellElement: HTMLElement | null = null;\n  /** True while the user is performing a mouse sweep selection. */\n  isSelecting = false;\n  private readonly _parent: EditableTableState<T, F>;\n  private readonly _commitHandler: CommitHandler;\n\n  constructor(commitHandler: CommitHandler, parent: EditableTableState<T, F>) {\n    this._commitHandler = commitHandler;\n    this._parent = parent;\n    makeObservable(this, {\n      focusedCell: observable.ref,\n      editingCell: observable.ref,\n      editingValue: observable.ref,\n      editTrigger: observable.ref,\n      selectedCells: observable,\n      selectionAnchor: observable.ref,\n      isSelecting: observable.ref,\n      isEditing: computed,\n      selectedCellsList: computed,\n      focusCell: action,\n      clearFocus: action,\n      startEdit: action,\n      commitEdit: action,\n      cancelEdit: action,\n      setEditingValue: action,\n      selectRange: action,\n      selectAll: action,\n      moveFocus: action,\n      moveToNextCell: action,\n      moveToPreviousCell: action,\n      startSweep: action,\n      sweepTo: action,\n      stopSweep: action,\n    });\n  }\n\n  get isEditing(): boolean {\n    return this.editingCell !== null;\n  }\n\n  focusCell(rowKey: string, columnId: string) {\n    if (this.editingCell) {\n      this.commitEdit();\n    }\n    this.focusedCell = { rowKey, columnId };\n    this.selectedCells.clear();\n    this.selectedCells.add(cellKey(rowKey, columnId));\n    this.selectionAnchor = { rowKey, columnId };\n  }\n\n  clearFocus() {\n    this.focusedCell = null;\n    this.selectedCells.clear();\n    this.selectionAnchor = null;\n    this.cancelEdit();\n  }\n\n  startEdit(\n    rowKey?: string,\n    columnId?: string,\n    trigger: EditTrigger = 'enter',\n  ) {\n    const rk = rowKey ?? this.focusedCell?.rowKey;\n    const cid = columnId ?? this.focusedCell?.columnId;\n    if (rk != null && cid != null) {\n      this.editingValue = undefined;\n      this.editTrigger = trigger;\n      this.editingCell = { rowKey: rk, columnId: cid };\n      this.focusedCell = { rowKey: rk, columnId: cid };\n    }\n  }\n\n  setEditingValue(value: any) {\n    this.editingValue = value;\n  }\n\n  commitEdit() {\n    try {\n      if (this.editingCell) {\n        this._commitHandler(this.editingValue, this.editingCell);\n      }\n    } finally {\n      this.editingValue = undefined;\n      this.editTrigger = null;\n      this.editingCell = null;\n    }\n  }\n\n  cancelEdit() {\n    this.editingValue = undefined;\n    this.editTrigger = null;\n    this.editingCell = null;\n  }\n\n  selectRange(from: Cell, to: Cell) {\n    const fromPos = this._parent._toIndices(from);\n    const toPos = this._parent._toIndices(to);\n    if (!fromPos || !toPos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    const minRow = Math.min(fromPos.row, toPos.row);\n    const maxRow = Math.max(fromPos.row, toPos.row);\n    const minCol = Math.min(fromPos.col, toPos.col);\n    const maxCol = Math.max(fromPos.col, toPos.col);\n\n    const newKeys = new Set<string>();\n    for (let r = minRow; r <= maxRow; r++) {\n      for (let c = minCol; c <= maxCol; c++) {\n        newKeys.add(cellKey(keyedItems[r].key, editableColumns[c].id));\n      }\n    }\n\n    this._diffSelection(newKeys);\n    this.focusedCell = to;\n  }\n\n  selectAll() {\n    const { keyedItems, editableColumns } = this._parent;\n    const newKeys = new Set<string>();\n    for (const ki of keyedItems) {\n      for (const col of editableColumns) {\n        newKeys.add(cellKey(ki.key, col.id));\n      }\n    }\n\n    this._diffSelection(newKeys);\n\n    if (keyedItems.length > 0 && editableColumns.length > 0) {\n      this.selectionAnchor = this._parent._toPosition(0, 0)!;\n      this.focusedCell = this._parent._toPosition(\n        keyedItems.length - 1,\n        editableColumns.length - 1,\n      )!;\n    }\n  }\n\n  moveFocus(direction: Direction, extend = false) {\n    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);\n    if (!pos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    let { row, col } = pos;\n\n    switch (direction) {\n      case 'up':\n        row = Math.max(0, row - 1);\n        break;\n      case 'down':\n        row = Math.min(keyedItems.length - 1, row + 1);\n        break;\n      case 'left':\n        col = Math.max(0, col - 1);\n        break;\n      case 'right':\n        col = Math.min(editableColumns.length - 1, col + 1);\n        break;\n    }\n\n    const target = this._parent._toPosition(row, col)!;\n    if (extend && this.selectionAnchor) {\n      this.selectRange(this.selectionAnchor, target);\n    } else {\n      this.focusCell(target.rowKey, target.columnId);\n    }\n  }\n\n  moveToNextCell() {\n    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);\n    if (!pos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    let { row, col } = pos;\n\n    col++;\n    if (col >= editableColumns.length) {\n      col = 0;\n      row++;\n      if (row >= keyedItems.length) {\n        row = keyedItems.length - 1;\n        col = editableColumns.length - 1;\n      }\n    }\n    this.focusCell(keyedItems[row].key, editableColumns[col].id);\n  }\n\n  moveToPreviousCell() {\n    const pos = this.focusedCell && this._parent._toIndices(this.focusedCell);\n    if (!pos) {\n      return;\n    }\n\n    const { keyedItems, editableColumns } = this._parent;\n    let { row, col } = pos;\n\n    col--;\n    if (col < 0) {\n      col = editableColumns.length - 1;\n      row--;\n      if (row < 0) {\n        row = 0;\n        col = 0;\n      }\n    }\n    this.focusCell(keyedItems[row].key, editableColumns[col].id);\n  }\n\n  startSweep(rowKey: string, columnId: string) {\n    this.isSelecting = true;\n    this.focusCell(rowKey, columnId);\n  }\n\n  sweepTo(rowKey: string, columnId: string) {\n    if (!this.isSelecting || !this.selectionAnchor) {\n      return;\n    }\n    this.selectRange(this.selectionAnchor, { rowKey, columnId });\n  }\n\n  stopSweep() {\n    this.isSelecting = false;\n  }\n\n  private _diffSelection(newKeys: Set<string>) {\n    for (const key of this.selectedCells) {\n      if (!newKeys.has(key)) {\n        this.selectedCells.delete(key);\n      }\n    }\n    for (const key of newKeys) {\n      if (!this.selectedCells.has(key)) {\n        this.selectedCells.add(key);\n      }\n    }\n  }\n\n  isCellFocused(rowKey: string, columnId: string): boolean {\n    return (\n      this.focusedCell?.rowKey === rowKey &&\n      this.focusedCell?.columnId === columnId\n    );\n  }\n\n  isCellEditing(rowKey: string, columnId: string): boolean {\n    return (\n      this.editingCell?.rowKey === rowKey &&\n      this.editingCell?.columnId === columnId\n    );\n  }\n\n  isCellSelected(rowKey: string, columnId: string): boolean {\n    return this.selectedCells.has(cellKey(rowKey, columnId));\n  }\n\n  get selectedCellsList(): Cell[] {\n    const result: Cell[] = [];\n    for (const key of this.selectedCells) {\n      const pos = parseCellKey(key);\n      if (pos) {\n        result.push(pos);\n      }\n    }\n    return result;\n  }\n\n  scrollFocusedCellIntoView() {\n    if (typeof requestAnimationFrame === 'undefined') {\n      return;\n    }\n    requestAnimationFrame(() => {\n      const cellEl = this.focusedCellElement;\n      if (!cellEl) {\n        return;\n      }\n\n      cellEl.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n      this._adjustScrollForStickyElements(cellEl);\n    });\n  }\n\n  /**\n   * After scrollIntoView, the cell may be hidden behind sticky columns\n   * or the sticky header. If so, scroll a bit more to fully reveal it.\n   */\n  private _adjustScrollForStickyElements(cellEl: HTMLElement) {\n    const td = cellEl.parentElement;\n    if (!td) {\n      return;\n    }\n\n    // Horizontal: check if cell is behind a sticky column.\n    // Sticky columns stay in place while other columns scroll, so their\n    // bounding rect's right edge can overlap the focused cell's left edge.\n    const row = td.parentElement;\n    const cellLeft = td.getBoundingClientRect().left;\n    if (row) {\n      let maxPrevRight = 0;\n      for (const child of Array.from(row.children)) {\n        if (child === td) {\n          break;\n        }\n        const right = child.getBoundingClientRect().right;\n        if (right > maxPrevRight) {\n          maxPrevRight = right;\n        }\n      }\n      if (cellLeft < maxPrevRight) {\n        const scrollParent = cellEl.closest('table')?.parentElement;\n        if (scrollParent) {\n          scrollParent.scrollLeft -= maxPrevRight - cellLeft;\n        }\n      }\n    }\n\n    // Vertical: check if cell is behind the sticky header/toolbar.\n    const headerEl = this._parent.tableState.headerElement;\n    const scrollEl = this._parent.collection.scrollableContent;\n    if (headerEl && scrollEl) {\n      const headerBottom = headerEl.getBoundingClientRect().bottom;\n      const cellTop = td.getBoundingClientRect().top;\n      if (cellTop < headerBottom) {\n        // +2px buffer to prevent the cell from touching the header border\n        scrollEl.scrollTop -= headerBottom - cellTop + 2;\n      }\n    }\n  }\n\n  getSelectionBorder(rowKey: string, columnId: string): CellBorder {\n    if (!this.isCellSelected(rowKey, columnId)) {\n      return noBorder;\n    }\n\n    const pos = this._parent._toIndices({ rowKey, columnId });\n    if (!pos) {\n      return noBorder;\n    }\n\n    const isNeighborSelected = (row: number, col: number) => {\n      const neighbor = this._parent._toPosition(row, col);\n      return (\n        neighbor !== null &&\n        this.selectedCells.has(cellKey(neighbor.rowKey, neighbor.columnId))\n      );\n    };\n\n    return {\n      top: !isNeighborSelected(pos.row - 1, pos.col),\n      bottom: !isNeighborSelected(pos.row + 1, pos.col),\n      left: !isNeighborSelected(pos.row, pos.col - 1),\n      right: !isNeighborSelected(pos.row, pos.col + 1),\n    };\n  }\n}\n"],"mappings":"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","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_ = "FormPageHeader4147050208";
 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": "FormPageHeader4147050208__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_ = \"FormPageHeader4147050208\";\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\":\"FormPageHeader4147050208__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/styles.global.css

@@ -1 +1 @@
-.CardContainer4013682371__root.CardContainer4013682371--mobile{border-radius:0}.Collapse1057956979__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1057956979__exit{height:0}.CollectionPage728143402__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage728143402__root.CollectionPage728143402--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage728143402__root.CollectionPage728143402--panel{overflow:hidden;position:relative}.CollectionSectionHeader1255494790__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable2250614523__root td{vertical-align:middle}.CollectionTable2250614523__root.CollectionTable2250614523--mobile td:first-child{padding-left:18px}.CollectionTable2250614523__root.CollectionTable2250614523--mobile td:last-child{padding-right:18px}.CollectionToolbar3038135629__left{min-width:0}.CollectionToolbar3038135629__left.CollectionToolbar3038135629--expandable{flex:auto}.CollectionToolbar3038135629__left.CollectionToolbar3038135629--title>*{width:100%}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-5-title .CollectionToolbar3038135629__left{flex:1 100;min-width:50px}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__left,.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__left.CollectionToolbar3038135629--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__left>*{flex-shrink:1;min-width:0}.CollectionToolbar3038135629__root .CollectionToolbar3038135629__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar3038135629__root.CollectionToolbar3038135629--views .CollectionToolbar3038135629__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-4-tabs .CollectionToolbar3038135629__right,.CollectionToolbar3038135629__root.CollectionToolbar3038135629---responsiveMode-5-title .CollectionToolbar3038135629__right{flex:0 1 auto;min-width:0}.CollectionToolbar3038135629__root .CollectionToolbar3038135629__right.CollectionToolbar3038135629__fullWidth{margin-inline-start:0!important}.CollectionToolbar3038135629__root.CollectionToolbar3038135629--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1798657430__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1798657430__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1798657430__searchMobile:not(.SearchOrCustomFilter1798657430--expandable){left:18px}.SearchOrCustomFilter1798657430__searchMobile.SearchOrCustomFilter1798657430--expandable.SearchOrCustomFilter1798657430--expanded{left:18px}.AutoCompleteReadonly59401130__root.AutoCompleteReadonly59401130--disableEditing{cursor:pointer}.AutoCompleteReadonly59401130__root.AutoCompleteReadonly59401130--disableEditing input{cursor:pointer}.ViewsDropdown3795669271__root{width:200px}.DragHandle1066552789__root{display:flex;align-items:center}.DragHandle1066552789__root:not(.DragHandle1066552789--disabled){cursor:grab;color:#a8caff}.DragHandle1066552789__root.DragHandle1066552789--disabled{color:#acafc4}.DragHandle1066552789__root:focus-visible:not(.DragHandle1066552789--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1066552789__root.DragHandle1066552789--disabled{pointer-events:none}.DragHandle1066552789__root.DragHandle1066552789--dragging:not(.DragHandle1066552789--disabled){cursor:grabbing}td:has(>.EditableCell3567552358__root){position:relative;min-height:24px}.EditableCell3567552358__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell3567552358__root.EditableCell3567552358--selected{background:rgba(56,153,236,.08)}.EditableCell3567552358__root.EditableCell3567552358--focused:not(.EditableCell3567552358--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell3567552358__root.EditableCell3567552358--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell3567552358__root.EditableCell3567552358--selectionTop{border-top:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--selectionBottom{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--selectionLeft{border-left:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--selectionRight{border-right:2px solid var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--invalid:not(.EditableCell3567552358--editing){background:rgba(229,0,77,.06)}.EditableCell3567552358__root.EditableCell3567552358--copiedTop:not(.EditableCell3567552358--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--copiedBottom:not(.EditableCell3567552358--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--copiedLeft:not(.EditableCell3567552358--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__root.EditableCell3567552358--copiedRight:not(.EditableCell3567552358--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell3567552358__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.CellViewLayout1573867565__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1573867565__root>*{flex:1;min-width:0}.Edit154220941__booleanEdit{display:flex;align-items:center;margin-left:12px}.View350828709__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit3846716213__dateInput{width:100%;margin-left:-1px}.Edit3086717192__emailInput{width:100%;margin-left:-1px}.Edit3019314736__numberInput{width:100%;margin-right:2px}.Edit3019314736__numberInput input{text-align:right;direction:ltr}.View2041965662__textView{width:100%;text-align:right}.Edit1375720722__jsonInput{width:100%;margin-left:-1px}.Edit3833869363__selectInput{width:100%}.Edit3533849564__editWrapper{width:100%}.Edit3533849564__inputArea{background-color:transparent;width:100%}.Edit3533849564__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit3533849564__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit3533849564__inputArea:not(.Edit3533849564--isFocused) textarea{resize:none;overflow:hidden}.Edit3533849564__inputArea:not(.Edit3533849564--isFocused) textarea::-webkit-scrollbar{display:none}.Edit4284777530__urlInput{width:100%;margin-left:-1px}.View3871877239__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View3871877239__urlText{flex:1;min-width:0}.View3871877239__suffix{flex-shrink:0;margin-left:10px}.View3871877239__textView.View3871877239--suffixOnHover:not(:hover) .View3871877239__suffix{display:none}.EntityPagePlain2487263059__root.EntityPagePlain2487263059--mobile{--wds-page-header-padding-horizontal:0}.Fade1567583554__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1567583554__root.Fade1567583554--exit{opacity:0}.Heading1481587474__root{visibility:visible}.Heading1481587474__root.Heading1481587474--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload3390764480__fileUpload{width:100%}.InputOverflow1504964908__root.InputOverflow1504964908--selected:not(.InputOverflow1504964908--focused) input::placeholder{color:#000624}@keyframes LoadingRow3747305452__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%}}.LoadingRow3747305452__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:LoadingRow3747305452__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText2189127686__root{opacity:1}.MaxHeightText2189127686__root.MaxHeightText2189127686--height24{line-height:24px}.MaxLines3579747663__root{overflow:hidden}.MaxLines3579747663__root.MaxLines3579747663--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1535700698__root{min-width:0}.MultiBulkActionToolbar1535700698__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1535700698__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1535700698__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow2941296825__root td{padding:0!important;width:100%}.NestedTableRow2742150021__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2742150021__root:hover{background-color:#e7f0ff!important}.NestedTableRow2742150021__root.NestedTableRow2742150021--expandable{cursor:pointer}.NestedTableRow2742150021__placeholder td{padding:0!important;width:100%}.NestedTableRow2742150021__root:hover td:first-of-type::before,.NestedTableRow2742150021__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect476205922__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)}.NestedTableDragAndDropRow2134279555__root.NestedTableDragAndDropRow2134279555--draggingInto td{background-color:#e7f0ff!important}.PickerContent1637703828__root{display:flex}.PickerContentAdditionalStep655306352__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep655306352__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2557666801__root{box-sizing:border-box}.ScrollableContent2987253200__root.ScrollableContent2987253200--overflowY{overflow-y:auto}.ScrollableContent2987253200__root.ScrollableContent2987253200--overflowX{overflow-x:auto}.ScrollableContent2987253200__root.ScrollableContent2987253200--smooth{scroll-behavior:smooth}.SkeletonCard129083397__headerLoading{display:block!important}.SlidingModal99804975__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal99804975__root.SlidingModal99804975--overlay{transition:transform 0s ease 0s}.SlidingModal99804975__root.SlidingModal99804975---appendTo-6-parent{position:absolute}.SlidingModal99804975__root:not(.SlidingModal99804975--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1979421083__root .TabsFilter1979421083__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1979421083__root.TabsFilter1979421083--selected .TabsFilter1979421083__title,.TabsFilter1979421083__root:hover .TabsFilter1979421083__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal3837008104__root{display:flex}.ToolbarItem1030764821__root{min-width:0}.ToolbarItemBox3190202883__root{min-width:0}.ToolbarItemBox3190202883__root.ToolbarItemBox3190202883--removeStartPadding{margin-left:-24px}.ToolbarItemBox3190202883__root.ToolbarItemBox3190202883--expandable{flex:1 0}.common181684603__column{display:flex;flex-direction:column}.common181684603__fullHeight{height:100%;min-height:0}.CollectionPageHeader3766095296__root:not(.CollectionPageHeader3766095296--mobile){gap:12px}.CollectionPageHeader3766095296__root.CollectionPageHeader3766095296--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3766095296__root.CollectionPageHeader3766095296--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3591422314__root.FormPageHeader3591422314--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3591422314__root.FormPageHeader3591422314--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer905502266__root.CardContainer905502266--mobile{border-radius:0}.Collapse2664134881__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse2664134881__exit{height:0}.CollectionPage3144922778__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3144922778__root.CollectionPage3144922778--mobile{--wds-page-header-padding-horizontal:0;--wds-page-header-padding-horizontal-small:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3144922778__root.CollectionPage3144922778--panel{overflow:hidden;position:relative}.CollectionSectionHeader1877600217__summaryIcon{display:flex;color:var(--wds-color-text-standard-secondary)}.CollectionTable4257229147__root td{vertical-align:middle}.CollectionTable4257229147__root.CollectionTable4257229147--mobile td:first-child{padding-left:18px}.CollectionTable4257229147__root.CollectionTable4257229147--mobile td:last-child{padding-right:18px}.CollectionToolbar2783746125__left{min-width:0}.CollectionToolbar2783746125__left.CollectionToolbar2783746125--expandable{flex:auto}.CollectionToolbar2783746125__left.CollectionToolbar2783746125--title>*{width:100%}.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-5-title .CollectionToolbar2783746125__left{flex:1 100;min-width:50px}.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-4-tabs .CollectionToolbar2783746125__left,.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-4-tabs .CollectionToolbar2783746125__left.CollectionToolbar2783746125--expandable{flex:1 100 auto;min-width:140px}.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-4-tabs .CollectionToolbar2783746125__left>*{flex-shrink:1;min-width:0}.CollectionToolbar2783746125__root .CollectionToolbar2783746125__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2783746125__root.CollectionToolbar2783746125--views .CollectionToolbar2783746125__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-4-tabs .CollectionToolbar2783746125__right,.CollectionToolbar2783746125__root.CollectionToolbar2783746125---responsiveMode-5-title .CollectionToolbar2783746125__right{flex:0 1 auto;min-width:0}.CollectionToolbar2783746125__root .CollectionToolbar2783746125__right.CollectionToolbar2783746125__fullWidth{margin-inline-start:0!important}.CollectionToolbar2783746125__root.CollectionToolbar2783746125--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1737076950__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1737076950__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1737076950__searchMobile:not(.SearchOrCustomFilter1737076950--expandable){left:18px}.SearchOrCustomFilter1737076950__searchMobile.SearchOrCustomFilter1737076950--expandable.SearchOrCustomFilter1737076950--expanded{left:18px}.AutoCompleteReadonly3315901655__root.AutoCompleteReadonly3315901655--disableEditing{cursor:pointer}.AutoCompleteReadonly3315901655__root.AutoCompleteReadonly3315901655--disableEditing input{cursor:pointer}.ViewsDropdown4159399654__root{width:200px}.DragHandle4115249534__root{display:flex;align-items:center}.DragHandle4115249534__root:not(.DragHandle4115249534--disabled){cursor:grab;color:#a8caff}.DragHandle4115249534__root.DragHandle4115249534--disabled{color:#acafc4}.DragHandle4115249534__root:focus-visible:not(.DragHandle4115249534--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle4115249534__root.DragHandle4115249534--disabled{pointer-events:none}.DragHandle4115249534__root.DragHandle4115249534--dragging:not(.DragHandle4115249534--disabled){cursor:grabbing}td:has(>.EditableCell2305502241__root){position:relative;min-height:24px}.EditableCell2305502241__root{display:flex;align-items:center;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;box-sizing:border-box;outline:0;cursor:default;user-select:none;background:var(--wsr-color-D80);border:1px solid var(--wsr-color-B40)}.EditableCell2305502241__root.EditableCell2305502241--selected{background:rgba(56,153,236,.08)}.EditableCell2305502241__root.EditableCell2305502241--focused:not(.EditableCell2305502241--selected){box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:2}.EditableCell2305502241__root.EditableCell2305502241--editing{background:var(--wsr-color-D80);box-shadow:inset 0 0 0 2px var(--wsr-color-B10);z-index:3;user-select:auto;overflow:visible}.EditableCell2305502241__root.EditableCell2305502241--selectionTop{border-top:2px solid var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--selectionBottom{border-bottom:2px solid var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--selectionLeft{border-left:2px solid var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--selectionRight{border-right:2px solid var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--invalid:not(.EditableCell2305502241--editing){background:rgba(229,0,77,.06)}.EditableCell2305502241__root.EditableCell2305502241--copiedTop:not(.EditableCell2305502241--selectionTop){border-top:2px dashed var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--copiedBottom:not(.EditableCell2305502241--selectionBottom){border-bottom:2px dashed var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--copiedLeft:not(.EditableCell2305502241--selectionLeft){border-left:2px dashed var(--wsr-color-B10)}.EditableCell2305502241__root.EditableCell2305502241--copiedRight:not(.EditableCell2305502241--selectionRight){border-right:2px dashed var(--wsr-color-B10)}.EditableCell2305502241__validationIndicator{flex-shrink:0;margin-left:12px;margin-right:6px;color:var(--wsr-color-Y10)}.CellViewLayout1330645639__root{width:100%;height:100%;padding:9px 12px;box-sizing:border-box;display:flex;align-items:center;overflow:clip}.CellViewLayout1330645639__root>*{flex:1;min-width:0}.Edit2788635568__booleanEdit{display:flex;align-items:center;margin-left:12px}.View2993090526__booleanView{display:flex;align-items:center;margin-left:9px;pointer-events:none}.Edit2851709594__dateInput{width:100%;margin-left:-1px}.Edit743064207__emailInput{width:100%;margin-left:-1px}.Edit2726301072__numberInput{width:100%;margin-right:2px}.Edit2726301072__numberInput input{text-align:right;direction:ltr}.View1515346694__textView{width:100%;text-align:right}.Edit1285765390__jsonInput{width:100%;margin-left:-1px}.Edit2132964433__selectInput{width:100%}.Edit2433021780__editWrapper{width:100%}.Edit2433021780__inputArea{background-color:transparent;width:100%}.Edit2433021780__inputArea>div{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important;outline:0!important}.Edit2433021780__inputArea textarea{padding:9px 12px 8px!important;outline:0!important;border:0!important}.Edit2433021780__inputArea:not(.Edit2433021780--isFocused) textarea{resize:none;overflow:hidden}.Edit2433021780__inputArea:not(.Edit2433021780--isFocused) textarea::-webkit-scrollbar{display:none}.Edit2636163975__urlInput{width:100%;margin-left:-1px}.View925443483__textView{width:100%;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.View925443483__urlText{flex:1;min-width:0}.View925443483__suffix{flex-shrink:0;margin-left:10px}.View925443483__textView.View925443483--suffixOnHover:not(:hover) .View925443483__suffix{display:none}.EntityPagePlain3145214366__root.EntityPagePlain3145214366--mobile{--wds-page-header-padding-horizontal:0}.Fade3842165336__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade3842165336__root.Fade3842165336--exit{opacity:0}.Heading4148041557__root{visibility:visible}.Heading4148041557__root.Heading4148041557--appearanceH2{font-size:28px!important;line-height:36px!important}.ImportStepUpload211257678__fileUpload{width:100%}.InputOverflow872763976__root.InputOverflow872763976--selected:not(.InputOverflow872763976--focused) input::placeholder{color:#000624}@keyframes LoadingRow975211669__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%}}.LoadingRow975211669__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:LoadingRow975211669__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1367840830__root{opacity:1}.MaxHeightText1367840830__root.MaxHeightText1367840830--height24{line-height:24px}.MaxLines656958095__root{overflow:hidden}.MaxLines656958095__root.MaxLines656958095--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar2713033554__root{min-width:0}.MultiBulkActionToolbar2713033554__leftGroupWrapper{padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar2713033554__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar2713033554__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3978783323__root td{padding:0!important;width:100%}.NestedTableRow2920094749__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2920094749__root:hover{background-color:#e7f0ff!important}.NestedTableRow2920094749__root.NestedTableRow2920094749--expandable{cursor:pointer}.NestedTableRow2920094749__placeholder td{padding:0!important;width:100%}.NestedTableRow2920094749__root:hover td:first-of-type::before,.NestedTableRow2920094749__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect240712335__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)}.NestedTableDragAndDropRow272065097__root.NestedTableDragAndDropRow272065097--draggingInto td{background-color:#e7f0ff!important}.PickerContent2165515576__root{display:flex}.PickerContentAdditionalStep4210406177__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep4210406177__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem3225860742__root{box-sizing:border-box}.ScrollableContent2276511285__root.ScrollableContent2276511285--overflowY{overflow-y:auto}.ScrollableContent2276511285__root.ScrollableContent2276511285--overflowX{overflow-x:auto}.ScrollableContent2276511285__root.ScrollableContent2276511285--smooth{scroll-behavior:smooth}.SkeletonCard1716674223__headerLoading{display:block!important}.SlidingModal4220018320__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal4220018320__root.SlidingModal4220018320--overlay{transition:transform 0s ease 0s}.SlidingModal4220018320__root.SlidingModal4220018320---appendTo-6-parent{position:absolute}.SlidingModal4220018320__root:not(.SlidingModal4220018320--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1301922792__root .TabsFilter1301922792__title{color:var(--wds-tabs-label-fill, var(--wds-color-text-standard-primary, var(--wsr-color-D10, #000624)))}.TabsFilter1301922792__root.TabsFilter1301922792--selected .TabsFilter1301922792__title,.TabsFilter1301922792__root:hover .TabsFilter1301922792__title{color:var(--wds-tabs-label-fill-active, var(--wsr-color-B10, #116DFF))}.ManageTagsModal1003527117__root{display:flex}.ToolbarItem2753006863__root{min-width:0}.ToolbarItemBox3983743893__root{min-width:0}.ToolbarItemBox3983743893__root.ToolbarItemBox3983743893--removeStartPadding{margin-left:-24px}.ToolbarItemBox3983743893__root.ToolbarItemBox3983743893--expandable{flex:1 0}.common960909408__column{display:flex;flex-direction:column}.common960909408__fullHeight{height:100%;min-height:0}.CollectionPageHeader3598119546__root:not(.CollectionPageHeader3598119546--mobile){gap:12px}.CollectionPageHeader3598119546__root.CollectionPageHeader3598119546--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3598119546__root.CollectionPageHeader3598119546--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader4147050208__root.FormPageHeader4147050208--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader4147050208__root.FormPageHeader4147050208--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/test-utils/TagsMocks.js

@@ -212,6 +212,10 @@ const tagsAPIHttpClientMocks = tags => {
         return {
           tags: []
         };
+      } else if (fqdn === 'wix.patterns.dummyservice.v1.over_limit') {
+        return {
+          tags: aTagsArray(105)
+        };
       } else {
         return {
           tags: items