npm - @wix/ricos - Versions diffs - 11.20.2 → 11.20.3 - Mend

@wix/ricos 11.20.2 → 11.20.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (935) hide show

package/dist/es/_shared/link-modal/open-link-modal/attributes/attributes-mobile.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/_shared/link-modal/open-link-modal/attributes/attributes-mobile.tsx"],
-  "sourcesContent": ["import { Box, Divider, FormField, Text, ToggleSwitch } from '@wix/design-system';\nimport React from 'react';\n\nimport { Link_Target } from './../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\n\nimport {\n  ATTRIBUTES_NEW_TAB,\n  ATTRIBUTES_NOFOLLOW,\n  ATTRIBUTES_NOREFERRER,\n  ATTRIBUTES_SPONSORED,\n} from '../../data-hooks/data-hooks.js';\nimport type { AttributesProps } from '../types.js';\nimport { useAttributes } from './use-attributes.js';\n\nexport const AttributesMobile: React.FC<AttributesProps> = ({ link, onChange, t }) => {\n  const { onToggleNewTab, onToggleNofollow, onToggleNoreferrer, onToggleSponsored } = useAttributes(\n    link,\n    onChange\n  );\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP3\">\n      <FormField\n        label={t('LinkSettings_Settings_NewTab_Label')}\n        labelPlacement=\"left\"\n        labelWidth=\"1fr\"\n      >\n        <ToggleSwitch\n          checked={link.target === Link_Target.BLANK}\n          dataHook={ATTRIBUTES_NEW_TAB}\n          onChange={onToggleNewTab}\n          size=\"small\"\n        />\n      </FormField>\n      <Divider />\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <FormField\n          label={t('LinkSettings_Settings_Noreferrer_Label')}\n          labelPlacement=\"left\"\n          labelWidth=\"1fr\"\n        >\n          <ToggleSwitch\n            checked={link.rel?.noreferrer}\n            dataHook={ATTRIBUTES_NOREFERRER}\n            onChange={onToggleNoreferrer}\n            size=\"small\"\n          />\n        </FormField>\n        <Text skin=\"disabled\">{t('LinkSettings_Settings_Noreferrer_Tooltip')}</Text>\n      </Box>\n      <Divider />\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <FormField\n          label={t('LinkSettings_Settings_Nofollow_Label')}\n          labelPlacement=\"left\"\n          labelWidth=\"1fr\"\n        >\n          <ToggleSwitch\n            checked={link.rel?.nofollow}\n            dataHook={ATTRIBUTES_NOFOLLOW}\n            onChange={onToggleNofollow}\n            size=\"small\"\n          />\n        </FormField>\n        <Text skin=\"disabled\">{t('LinkSettings_Settings_Nofollow_Tooltip')}</Text>\n      </Box>\n      <Divider />\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <FormField\n          label={t('LinkSettings_Settings_Sponsored_Label')}\n          labelPlacement=\"left\"\n          labelWidth=\"1fr\"\n        >\n          <ToggleSwitch\n            checked={link.rel?.sponsored}\n            dataHook={ATTRIBUTES_SPONSORED}\n            onChange={onToggleSponsored}\n            size=\"small\"\n          />\n        </FormField>\n        <Text skin=\"disabled\">{t('LinkSettings_Settings_Sponsored_Tooltip')}</Text>\n      </Box>\n    </Box>\n  );\n};\n"],
+  "sourcesContent": ["import { Box, Divider, FormField, Text, ToggleSwitch } from '@wix/design-system';\nimport React from 'react';\n\nimport { Link_Target } from './../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\n\nimport {\n  ATTRIBUTES_NEW_TAB,\n  ATTRIBUTES_NOFOLLOW,\n  ATTRIBUTES_NOREFERRER,\n  ATTRIBUTES_SPONSORED,\n} from '../../data-hooks/data-hooks.js';\nimport type { AttributesProps } from './use-attributes.js';\nimport { useAttributes } from './use-attributes.js';\n\nexport const AttributesMobile: React.FC<AttributesProps> = ({ link, onChange, t }) => {\n  const { onToggleNewTab, onToggleNofollow, onToggleNoreferrer, onToggleSponsored } = useAttributes(\n    link,\n    onChange\n  );\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP3\">\n      <FormField\n        label={t('LinkSettings_Settings_NewTab_Label')}\n        labelPlacement=\"left\"\n        labelWidth=\"1fr\"\n      >\n        <ToggleSwitch\n          checked={link.target === Link_Target.BLANK}\n          dataHook={ATTRIBUTES_NEW_TAB}\n          onChange={onToggleNewTab}\n          size=\"small\"\n        />\n      </FormField>\n      <Divider />\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <FormField\n          label={t('LinkSettings_Settings_Noreferrer_Label')}\n          labelPlacement=\"left\"\n          labelWidth=\"1fr\"\n        >\n          <ToggleSwitch\n            checked={link.rel?.noreferrer}\n            dataHook={ATTRIBUTES_NOREFERRER}\n            onChange={onToggleNoreferrer}\n            size=\"small\"\n          />\n        </FormField>\n        <Text skin=\"disabled\">{t('LinkSettings_Settings_Noreferrer_Tooltip')}</Text>\n      </Box>\n      <Divider />\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <FormField\n          label={t('LinkSettings_Settings_Nofollow_Label')}\n          labelPlacement=\"left\"\n          labelWidth=\"1fr\"\n        >\n          <ToggleSwitch\n            checked={link.rel?.nofollow}\n            dataHook={ATTRIBUTES_NOFOLLOW}\n            onChange={onToggleNofollow}\n            size=\"small\"\n          />\n        </FormField>\n        <Text skin=\"disabled\">{t('LinkSettings_Settings_Nofollow_Tooltip')}</Text>\n      </Box>\n      <Divider />\n      <Box direction=\"vertical\" gap=\"SP1\">\n        <FormField\n          label={t('LinkSettings_Settings_Sponsored_Label')}\n          labelPlacement=\"left\"\n          labelWidth=\"1fr\"\n        >\n          <ToggleSwitch\n            checked={link.rel?.sponsored}\n            dataHook={ATTRIBUTES_SPONSORED}\n            onChange={onToggleSponsored}\n            size=\"small\"\n          />\n        </FormField>\n        <Text skin=\"disabled\">{t('LinkSettings_Settings_Sponsored_Tooltip')}</Text>\n      </Box>\n    </Box>\n  );\n};\n"],
   "mappings": "AAAA,SAAS,KAAK,SAAS,WAAW,MAAM,oBAAoB;AAC5D,OAAO,WAAW;AAElB,SAAS,mBAAmB;AAE5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,qBAAqB;AAEvB,MAAM,mBAA8C,CAAC,EAAE,MAAM,UAAU,EAAE,MAAM;AACpF,QAAM,EAAE,gBAAgB,kBAAkB,oBAAoB,kBAAkB,IAAI;AAAA,IAClF;AAAA,IACA;AAAA,EACF;AAEA,SACE,oCAAC,OAAI,WAAU,YAAW,KAAI,SAC5B;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,oCAAoC;AAAA,MAC7C,gBAAe;AAAA,MACf,YAAW;AAAA;AAAA,IAEX;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,KAAK,WAAW,YAAY;AAAA,QACrC,UAAU;AAAA,QACV,UAAU;AAAA,QACV,MAAK;AAAA;AAAA,IACP;AAAA,EACF,GACA,oCAAC,aAAQ,GACT,oCAAC,OAAI,WAAU,YAAW,KAAI,SAC5B;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,wCAAwC;AAAA,MACjD,gBAAe;AAAA,MACf,YAAW;AAAA;AAAA,IAEX;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,KAAK,KAAK;AAAA,QACnB,UAAU;AAAA,QACV,UAAU;AAAA,QACV,MAAK;AAAA;AAAA,IACP;AAAA,EACF,GACA,oCAAC,QAAK,MAAK,cAAY,EAAE,0CAA0C,CAAE,CACvE,GACA,oCAAC,aAAQ,GACT,oCAAC,OAAI,WAAU,YAAW,KAAI,SAC5B;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,sCAAsC;AAAA,MAC/C,gBAAe;AAAA,MACf,YAAW;AAAA;AAAA,IAEX;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,KAAK,KAAK;AAAA,QACnB,UAAU;AAAA,QACV,UAAU;AAAA,QACV,MAAK;AAAA;AAAA,IACP;AAAA,EACF,GACA,oCAAC,QAAK,MAAK,cAAY,EAAE,wCAAwC,CAAE,CACrE,GACA,oCAAC,aAAQ,GACT,oCAAC,OAAI,WAAU,YAAW,KAAI,SAC5B;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,EAAE,uCAAuC;AAAA,MAChD,gBAAe;AAAA,MACf,YAAW;AAAA;AAAA,IAEX;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,KAAK,KAAK;AAAA,QACnB,UAAU;AAAA,QACV,UAAU;AAAA,QACV,MAAK;AAAA;AAAA,IACP;AAAA,EACF,GACA,oCAAC,QAAK,MAAK,cAAY,EAAE,yCAAyC,CAAE,CACtE,CACF;AAEJ;",
   "names": []
 }

package/dist/es/_shared/link-modal/open-link-modal/attributes/use-attributes.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/_shared/link-modal/open-link-modal/attributes/use-attributes.ts"],
-  "sourcesContent": ["import { Link_Target } from './../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport {\n  ATTRIBUTES_NEW_TAB,\n  ATTRIBUTES_NOFOLLOW,\n  ATTRIBUTES_NOREFERRER,\n  ATTRIBUTES_SPONSORED,\n} from './../../../link-modal/data-hooks/data-hooks.js';\n\nimport type { AttributesProps } from '../types.js';\n\nexport const useAttributes = (\n  link: AttributesProps['link'],\n  onChange: AttributesProps['onChange']\n) => {\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n\n  return {\n    onToggleNewTab: () => {\n      onChange(link.rel, link.target !== Link_Target.BLANK ? Link_Target.BLANK : Link_Target.TOP);\n      logBi({\n        dataHook: ATTRIBUTES_NEW_TAB,\n        value: link.target !== Link_Target.BLANK,\n      });\n    },\n    onToggleNofollow: () => {\n      onChange(\n        {\n          ...link.rel,\n          nofollow: !link.rel?.nofollow || undefined,\n        },\n        link.target\n      );\n      logBi({ dataHook: ATTRIBUTES_NOFOLLOW, value: !link.rel?.nofollow });\n    },\n\n    onToggleNoreferrer: () => {\n      onChange(\n        {\n          ...link.rel,\n          noreferrer: !link.rel?.noreferrer || undefined,\n        },\n        link.target\n      );\n      logBi({ dataHook: ATTRIBUTES_NOREFERRER, value: !link.rel?.noreferrer });\n    },\n\n    onToggleSponsored: () => {\n      onChange(\n        {\n          ...link.rel,\n          sponsored: !link.rel?.sponsored || undefined,\n        },\n        link.target\n      );\n      logBi({ dataHook: ATTRIBUTES_SPONSORED, value: !link.rel?.sponsored });\n    },\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,MAAM,gBAAgB,CAC3B,MACA,aACG;AACH,QAAM,QAAQ,UAAU,EAAE,UAAU,QAAQ,SAAS,cAAc,CAAC;AAEpE,SAAO;AAAA,IACL,gBAAgB,MAAM;AACpB,eAAS,KAAK,KAAK,KAAK,WAAW,YAAY,QAAQ,YAAY,QAAQ,YAAY,GAAG;AAC1F,YAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO,KAAK,WAAW,YAAY;AAAA,MACrC,CAAC;AAAA,IACH;AAAA,IACA,kBAAkB,MAAM;AACtB;AAAA,QACE;AAAA,UACE,GAAG,KAAK;AAAA,UACR,UAAU,CAAC,KAAK,KAAK,YAAY;AAAA,QACnC;AAAA,QACA,KAAK;AAAA,MACP;AACA,YAAM,EAAE,UAAU,qBAAqB,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC;AAAA,IACrE;AAAA,IAEA,oBAAoB,MAAM;AACxB;AAAA,QACE;AAAA,UACE,GAAG,KAAK;AAAA,UACR,YAAY,CAAC,KAAK,KAAK,cAAc;AAAA,QACvC;AAAA,QACA,KAAK;AAAA,MACP;AACA,YAAM,EAAE,UAAU,uBAAuB,OAAO,CAAC,KAAK,KAAK,WAAW,CAAC;AAAA,IACzE;AAAA,IAEA,mBAAmB,MAAM;AACvB;AAAA,QACE;AAAA,UACE,GAAG,KAAK;AAAA,UACR,WAAW,CAAC,KAAK,KAAK,aAAa;AAAA,QACrC;AAAA,QACA,KAAK;AAAA,MACP;AACA,YAAM,EAAE,UAAU,sBAAsB,OAAO,CAAC,KAAK,KAAK,UAAU,CAAC;AAAA,IACvE;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { TooltipProps } from '@wix/design-system';\n\nimport { Link_Target } from './../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport {\n  ATTRIBUTES_NEW_TAB,\n  ATTRIBUTES_NOFOLLOW,\n  ATTRIBUTES_NOREFERRER,\n  ATTRIBUTES_SPONSORED,\n} from './../../../link-modal/data-hooks/data-hooks.js';\nimport type { NamedLink } from './../../../link/types.js';\n\nexport type AttributesProps = {\n  link: NamedLink;\n  onChange: (rel: NamedLink['rel'], target: NamedLink['target']) => void;\n  t: TFunction;\n  tooltipProps?: Partial<TooltipProps>;\n};\n\nexport const useAttributes = (\n  link: AttributesProps['link'],\n  onChange: AttributesProps['onChange']\n) => {\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n\n  return {\n    onToggleNewTab: () => {\n      onChange(link.rel, link.target !== Link_Target.BLANK ? Link_Target.BLANK : Link_Target.TOP);\n      logBi({\n        dataHook: ATTRIBUTES_NEW_TAB,\n        value: link.target !== Link_Target.BLANK,\n      });\n    },\n    onToggleNofollow: () => {\n      onChange(\n        {\n          ...link.rel,\n          nofollow: !link.rel?.nofollow || undefined,\n        },\n        link.target\n      );\n      logBi({ dataHook: ATTRIBUTES_NOFOLLOW, value: !link.rel?.nofollow });\n    },\n\n    onToggleNoreferrer: () => {\n      onChange(\n        {\n          ...link.rel,\n          noreferrer: !link.rel?.noreferrer || undefined,\n        },\n        link.target\n      );\n      logBi({ dataHook: ATTRIBUTES_NOREFERRER, value: !link.rel?.noreferrer });\n    },\n\n    onToggleSponsored: () => {\n      onChange(\n        {\n          ...link.rel,\n          sponsored: !link.rel?.sponsored || undefined,\n        },\n        link.target\n      );\n      logBi({ dataHook: ATTRIBUTES_SPONSORED, value: !link.rel?.sponsored });\n    },\n  };\n};\n"],
+  "mappings": "AAEA,SAAS,mBAAmB;AAE5B,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAC9B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAUA,MAAM,gBAAgB,CAC3B,MACA,aACG;AACH,QAAM,QAAQ,UAAU,EAAE,UAAU,QAAQ,SAAS,cAAc,CAAC;AAEpE,SAAO;AAAA,IACL,gBAAgB,MAAM;AACpB,eAAS,KAAK,KAAK,KAAK,WAAW,YAAY,QAAQ,YAAY,QAAQ,YAAY,GAAG;AAC1F,YAAM;AAAA,QACJ,UAAU;AAAA,QACV,OAAO,KAAK,WAAW,YAAY;AAAA,MACrC,CAAC;AAAA,IACH;AAAA,IACA,kBAAkB,MAAM;AACtB;AAAA,QACE;AAAA,UACE,GAAG,KAAK;AAAA,UACR,UAAU,CAAC,KAAK,KAAK,YAAY;AAAA,QACnC;AAAA,QACA,KAAK;AAAA,MACP;AACA,YAAM,EAAE,UAAU,qBAAqB,OAAO,CAAC,KAAK,KAAK,SAAS,CAAC;AAAA,IACrE;AAAA,IAEA,oBAAoB,MAAM;AACxB;AAAA,QACE;AAAA,UACE,GAAG,KAAK;AAAA,UACR,YAAY,CAAC,KAAK,KAAK,cAAc;AAAA,QACvC;AAAA,QACA,KAAK;AAAA,MACP;AACA,YAAM,EAAE,UAAU,uBAAuB,OAAO,CAAC,KAAK,KAAK,WAAW,CAAC;AAAA,IACzE;AAAA,IAEA,mBAAmB,MAAM;AACvB;AAAA,QACE;AAAA,UACE,GAAG,KAAK;AAAA,UACR,WAAW,CAAC,KAAK,KAAK,aAAa;AAAA,QACrC;AAAA,QACA,KAAK;AAAA,MACP;AACA,YAAM,EAAE,UAAU,sBAAsB,OAAO,CAAC,KAAK,KAAK,UAAU,CAAC;AAAA,IACvE;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/es/_shared/link-modal/open-link-modal/section/section-desktop.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/_shared/link-modal/open-link-modal/section/section-desktop.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { DropdownLayoutValueOption, PopoverProps, TooltipProps } from '@wix/design-system';\nimport {\n  AutoComplete,\n  Dropdown,\n  FormField,\n  Input,\n  MultiSelect,\n  Text,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport type { SyntheticEvent } from 'react';\nimport React, { useContext, useMemo, useState } from 'react';\n\nimport { EditorContext } from './../../../../ricos-context/index.js';\nimport { Link_Target, type Node } from './../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\n\nimport {\n  SECTION_MULTISELECT,\n  SECTION_SELECT,\n  SECTION_TYPE_SELECT,\n} from '../../data-hooks/data-hooks.js';\nimport type { DropdownOption } from '../types.js';\nimport { SectionEmptyState } from './empty-state.js';\nimport { useSectionOptions } from './use-options.js';\n\ntype Option = DropdownOption & { node: Node; prefix?: any };\n\ntype Props = {\n  autoCompletePopoverProps: PopoverProps;\n  autoFocus: boolean;\n  dropDownPopoverProps: PopoverProps;\n  link: NamedLink;\n  onSelect: (anchor: string, defaultName: string | undefined) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  t: TFunction;\n  tooltipProps: Partial<TooltipProps>;\n  setMultipleSections: React.Dispatch<React.SetStateAction<NamedLink[]>>;\n  multipleSections: NamedLink[];\n};\n\nexport const SectionDesktop: React.FC<Props> = ({\n  autoCompletePopoverProps,\n  autoFocus,\n  dropDownPopoverProps,\n  link,\n  tooltipProps,\n  multipleSections,\n  onSelect,\n  onSubmit,\n  t,\n  setMultipleSections,\n}) => {\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const { sections, sectionTypeOptions } = useSectionOptions();\n  const { adapter } = useContext(EditorContext);\n  const enableMultipleSelection =\n    adapter.tiptapEditor?.state?.selection?.empty &&\n    !adapter.getEditorCommands().hasLinkInSelection();\n\n  const sectionOptions = useMemo(\n    () =>\n      sections.map(section =>\n        Object.assign(\n          listItemSelectBuilder({\n            ellipsis: true,\n            titleMaxLines: 2,\n            id: section.id,\n            label: section.title,\n            prefix: section.prefixAvatar,\n            size: 'small',\n            subtitle: section.subtitle,\n            title: section.title,\n            tooltipProps: {\n              ...tooltipProps,\n              children: section.title,\n              enterDelay: 1_000,\n              placement: 'top',\n            },\n          }),\n          {\n            node: section.node,\n            prefix: section.prefix,\n          }\n        )\n      ),\n    [sections, tooltipProps]\n  );\n\n  const [selectedTypeOption, setSelectedTypeOption] = useState<DropdownOption>(\n    sectionTypeOptions[0] as DropdownOption\n  );\n  const [selectedOption, setSelectedOption] = useState<Option | null>(\n    // Initially \"all\" option types are selected so any found option should be present in `filteredOptions` below:\n    () =>\n      (link.anchor && (sectionOptions.find(option => option.node.id === link.anchor) as Option)) ||\n      null\n  );\n  const [searchPrefix, setSearchPrefix] = useState<any>(selectedOption?.prefix || null);\n  const [searchText, setSearchText] = useState<string>(selectedOption?.label || '');\n  const filteredOptions = useMemo(() => {\n    const lowerSearchText = searchText.trim().toLowerCase();\n    return sectionOptions.filter(\n      option =>\n        (selectedTypeOption.id === 'all' || option.node.type === selectedTypeOption.id) &&\n        (selectedOption ||\n          !lowerSearchText ||\n          (typeof option.label === 'string' &&\n            option.label?.toLowerCase().includes(lowerSearchText)))\n    );\n  }, [sectionOptions, searchText, selectedTypeOption]);\n\n  const onChangeInput = (value: string) => {\n    setSearchPrefix(null);\n    setSearchText(value);\n    setSelectedOption(null);\n  };\n\n  const onSelectTypeOption = (option: DropdownOption) => {\n    setSelectedTypeOption(option as Option);\n    logBi({\n      dataHook: SECTION_TYPE_SELECT,\n      value: `${option.id}`,\n    });\n  };\n\n  const onSelectValueOption = (option: DropdownLayoutValueOption) => {\n    setSearchPrefix((option as Option).prefix);\n    setSearchText(option.label || searchText);\n    setSelectedOption(option as Option);\n    onSelect((option as Option).node.id, option.label);\n    logBi({ dataHook: SECTION_SELECT, value: option.label });\n  };\n\n  const onEnterPressed: React.EventHandler<SyntheticEvent> = evt => {\n    if (selectedOption) {\n      onSelect(selectedOption.node.id, selectedOption.label);\n      onSubmit(evt);\n    }\n    if (multipleSections.length > 0 && !isOptionMarked) {\n      onSubmit(evt);\n      setIsOptionMarked(false);\n    }\n  };\n\n  if (sectionOptions.length === 0) {\n    return <SectionEmptyState t={t} />;\n  }\n\n  const [isOptionMarked, setIsOptionMarked] = useState(false);\n\n  const onMultiSelectOption = (option: DropdownLayoutValueOption) => {\n    setIsOptionMarked(false);\n    setMultipleSections(prev => [\n      ...prev,\n      {\n        anchor: (option as Option).node.id,\n        defaultName: option.label,\n        target: Link_Target.BLANK,\n        url: undefined,\n      },\n    ]);\n    logBi({ dataHook: SECTION_MULTISELECT, value: option.label });\n  };\n\n  const onRemoveTag = (tagId: string) =>\n    setMultipleSections(prevTags => prevTags.filter(currTag => currTag.anchor !== tagId));\n\n  return (\n    <>\n      <FormField label={t('LinkSettings_Sections_TypeDropdown_Label')} labelPlacement=\"top\">\n        <Dropdown\n          dataHook={SECTION_TYPE_SELECT}\n          onSelect={onSelectTypeOption}\n          options={sectionTypeOptions}\n          popoverProps={dropDownPopoverProps}\n          selectedId={selectedTypeOption.id}\n          size=\"small\"\n          valueParser={option => option.label}\n        />\n      </FormField>\n      <FormField\n        label={t(\n          enableMultipleSelection\n            ? 'LinkSettings_Sections_MultiSelect_Label'\n            : 'LinkSettings_Sections_AutoComplete_Label'\n        )}\n        labelPlacement=\"top\"\n      >\n        {enableMultipleSelection ? (\n          <MultiSelect\n            autoFocus={autoFocus}\n            dataHook={SECTION_MULTISELECT}\n            dropdownWidth=\"auto\"\n            emptyStateMessage={\n              <Text skin=\"disabled\" size=\"small\">\n                {searchText\n                  ? t('LinkSettings_Sections_AutoComplete_NoResults_Search', { searchText })\n                  : t('LinkSettings_Sections_AutoComplete_NoResults_All')}\n              </Text>\n            }\n            minWidthPixels=\"252px\"\n            onChange={evt => onChangeInput(evt.target.value)}\n            onEnterPressed={onEnterPressed}\n            options={filteredOptions}\n            placeholder={t('LinkSettings_Sections_MultiSelect_Placeholder')}\n            popoverProps={autoCompletePopoverProps}\n            prefix={searchPrefix && <Input.IconAffix>{searchPrefix}</Input.IconAffix>}\n            size=\"small\"\n            textOverflow=\"ellipsis\"\n            value={searchText}\n            onSelect={onMultiSelectOption}\n            onRemoveTag={onRemoveTag}\n            tags={multipleSections.map(section => ({\n              id: section.anchor || '',\n              label: section?.defaultName || '',\n            }))}\n            onOptionMarked={option => {\n              if (option) {\n                setIsOptionMarked(true);\n              }\n            }}\n          />\n        ) : (\n          <AutoComplete\n            autoFocus={autoFocus}\n            dataHook={SECTION_SELECT}\n            dropdownWidth=\"auto\"\n            emptyStateMessage={\n              <Text skin=\"disabled\" size=\"small\">\n                {searchText\n                  ? t('LinkSettings_Sections_AutoComplete_NoResults_Search', { searchText })\n                  : t('LinkSettings_Sections_AutoComplete_NoResults_All')}\n              </Text>\n            }\n            focusOnSelectedOption\n            // WDS introduced a bug where marked option must be in options array otherwise the component crashes\n            markedOption={\n              filteredOptions.some(opt => opt.id === selectedOption?.id)\n                ? selectedOption?.id\n                : undefined\n            }\n            minWidthPixels=\"252px\"\n            onChange={evt => onChangeInput(evt.target.value)}\n            onEnterPressed={onEnterPressed}\n            onSelect={onSelectValueOption}\n            options={filteredOptions}\n            placeholder={t('LinkSettings_Sections_AutoComplete_Placeholder')}\n            popoverProps={autoCompletePopoverProps}\n            prefix={searchPrefix && <Input.IconAffix>{searchPrefix}</Input.IconAffix>}\n            selectedId={selectedOption?.id}\n            size=\"small\"\n            textOverflow=\"ellipsis\"\n            value={searchText}\n          />\n        )}\n      </FormField>\n    </>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { DropdownLayoutValueOption, PopoverProps, TooltipProps } from '@wix/design-system';\nimport {\n  AutoComplete,\n  Dropdown,\n  FormField,\n  Input,\n  MultiSelect,\n  Text,\n  listItemSelectBuilder,\n} from '@wix/design-system';\nimport type { SyntheticEvent } from 'react';\nimport React, { useContext, useMemo, useState } from 'react';\n\nimport { EditorContext } from './../../../../ricos-context/index.js';\nimport { Link_Target, type Node } from './../../../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\n\nimport {\n  SECTION_MULTISELECT,\n  SECTION_SELECT,\n  SECTION_TYPE_SELECT,\n} from '../../data-hooks/data-hooks.js';\nimport { SectionEmptyState } from './empty-state.js';\nimport { useSectionOptions } from './use-options.js';\n\ntype Option = DropdownLayoutValueOption & { node: Node; prefix?: any };\n\ntype Props = {\n  autoCompletePopoverProps: PopoverProps;\n  autoFocus: boolean;\n  dropDownPopoverProps: PopoverProps;\n  link: NamedLink;\n  onSelect: (anchor: string, defaultName: string | undefined) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  t: TFunction;\n  tooltipProps: Partial<TooltipProps>;\n  setMultipleSections: React.Dispatch<React.SetStateAction<NamedLink[]>>;\n  multipleSections: NamedLink[];\n};\n\nexport const SectionDesktop: React.FC<Props> = ({\n  autoCompletePopoverProps,\n  autoFocus,\n  dropDownPopoverProps,\n  link,\n  tooltipProps,\n  multipleSections,\n  onSelect,\n  onSubmit,\n  t,\n  setMultipleSections,\n}) => {\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const { sections, sectionTypeOptions } = useSectionOptions();\n  const { adapter } = useContext(EditorContext);\n  const enableMultipleSelection =\n    adapter.tiptapEditor?.state?.selection?.empty &&\n    !adapter.getEditorCommands().hasLinkInSelection();\n\n  const sectionOptions = useMemo(\n    () =>\n      sections.map(section =>\n        Object.assign(\n          listItemSelectBuilder({\n            ellipsis: true,\n            titleMaxLines: 2,\n            id: section.id,\n            label: section.title,\n            prefix: section.prefixAvatar,\n            size: 'small',\n            subtitle: section.subtitle,\n            title: section.title,\n            tooltipProps: {\n              ...tooltipProps,\n              children: section.title,\n              enterDelay: 1_000,\n              placement: 'top',\n            },\n          }),\n          {\n            node: section.node,\n            prefix: section.prefix,\n          }\n        )\n      ),\n    [sections, tooltipProps]\n  );\n\n  const [selectedTypeOption, setSelectedTypeOption] = useState<DropdownLayoutValueOption>(\n    sectionTypeOptions[0] as DropdownLayoutValueOption\n  );\n  const [selectedOption, setSelectedOption] = useState<Option | null>(\n    // Initially \"all\" option types are selected so any found option should be present in `filteredOptions` below:\n    () =>\n      (link.anchor && (sectionOptions.find(option => option.node.id === link.anchor) as Option)) ||\n      null\n  );\n  const [searchPrefix, setSearchPrefix] = useState<any>(selectedOption?.prefix || null);\n  const [searchText, setSearchText] = useState<string>(selectedOption?.label || '');\n  const filteredOptions = useMemo(() => {\n    const lowerSearchText = searchText.trim().toLowerCase();\n    return sectionOptions.filter(\n      option =>\n        (selectedTypeOption.id === 'all' || option.node.type === selectedTypeOption.id) &&\n        (selectedOption ||\n          !lowerSearchText ||\n          (typeof option.label === 'string' &&\n            option.label?.toLowerCase().includes(lowerSearchText)))\n    );\n  }, [sectionOptions, searchText, selectedTypeOption]);\n\n  const onChangeInput = (value: string) => {\n    setSearchPrefix(null);\n    setSearchText(value);\n    setSelectedOption(null);\n  };\n\n  const onSelectTypeOption = (option: DropdownLayoutValueOption) => {\n    setSelectedTypeOption(option as Option);\n    logBi({\n      dataHook: SECTION_TYPE_SELECT,\n      value: `${option.id}`,\n    });\n  };\n\n  const onSelectValueOption = (option: DropdownLayoutValueOption) => {\n    setSearchPrefix((option as Option).prefix);\n    setSearchText(option.label || searchText);\n    setSelectedOption(option as Option);\n    onSelect((option as Option).node.id, option.label);\n    logBi({ dataHook: SECTION_SELECT, value: option.label });\n  };\n\n  const onEnterPressed: React.EventHandler<SyntheticEvent> = evt => {\n    if (selectedOption) {\n      onSelect(selectedOption.node.id, selectedOption.label);\n      onSubmit(evt);\n    }\n    if (multipleSections.length > 0 && !isOptionMarked) {\n      onSubmit(evt);\n      setIsOptionMarked(false);\n    }\n  };\n\n  if (sectionOptions.length === 0) {\n    return <SectionEmptyState t={t} />;\n  }\n\n  const [isOptionMarked, setIsOptionMarked] = useState(false);\n\n  const onMultiSelectOption = (option: DropdownLayoutValueOption) => {\n    setIsOptionMarked(false);\n    setMultipleSections(prev => [\n      ...prev,\n      {\n        anchor: (option as Option).node.id,\n        defaultName: option.label,\n        target: Link_Target.BLANK,\n        url: undefined,\n      },\n    ]);\n    logBi({ dataHook: SECTION_MULTISELECT, value: option.label });\n  };\n\n  const onRemoveTag = (tagId: string) =>\n    setMultipleSections(prevTags => prevTags.filter(currTag => currTag.anchor !== tagId));\n\n  return (\n    <>\n      <FormField label={t('LinkSettings_Sections_TypeDropdown_Label')} labelPlacement=\"top\">\n        <Dropdown\n          dataHook={SECTION_TYPE_SELECT}\n          onSelect={onSelectTypeOption}\n          options={sectionTypeOptions}\n          popoverProps={dropDownPopoverProps}\n          selectedId={selectedTypeOption.id}\n          size=\"small\"\n          valueParser={option => option.label}\n        />\n      </FormField>\n      <FormField\n        label={t(\n          enableMultipleSelection\n            ? 'LinkSettings_Sections_MultiSelect_Label'\n            : 'LinkSettings_Sections_AutoComplete_Label'\n        )}\n        labelPlacement=\"top\"\n      >\n        {enableMultipleSelection ? (\n          <MultiSelect\n            autoFocus={autoFocus}\n            dataHook={SECTION_MULTISELECT}\n            dropdownWidth=\"auto\"\n            emptyStateMessage={\n              <Text skin=\"disabled\" size=\"small\">\n                {searchText\n                  ? t('LinkSettings_Sections_AutoComplete_NoResults_Search', { searchText })\n                  : t('LinkSettings_Sections_AutoComplete_NoResults_All')}\n              </Text>\n            }\n            minWidthPixels=\"252px\"\n            onChange={evt => onChangeInput(evt.target.value)}\n            onEnterPressed={onEnterPressed}\n            options={filteredOptions}\n            placeholder={t('LinkSettings_Sections_MultiSelect_Placeholder')}\n            popoverProps={autoCompletePopoverProps}\n            prefix={searchPrefix && <Input.IconAffix>{searchPrefix}</Input.IconAffix>}\n            size=\"small\"\n            textOverflow=\"ellipsis\"\n            value={searchText}\n            onSelect={onMultiSelectOption}\n            onRemoveTag={onRemoveTag}\n            tags={multipleSections.map(section => ({\n              id: section.anchor || '',\n              label: section?.defaultName || '',\n            }))}\n            onOptionMarked={option => {\n              if (option) {\n                setIsOptionMarked(true);\n              }\n            }}\n          />\n        ) : (\n          <AutoComplete\n            autoFocus={autoFocus}\n            dataHook={SECTION_SELECT}\n            dropdownWidth=\"auto\"\n            emptyStateMessage={\n              <Text skin=\"disabled\" size=\"small\">\n                {searchText\n                  ? t('LinkSettings_Sections_AutoComplete_NoResults_Search', { searchText })\n                  : t('LinkSettings_Sections_AutoComplete_NoResults_All')}\n              </Text>\n            }\n            focusOnSelectedOption\n            // WDS introduced a bug where marked option must be in options array otherwise the component crashes\n            markedOption={\n              filteredOptions.some(opt => opt.id === selectedOption?.id)\n                ? selectedOption?.id\n                : undefined\n            }\n            minWidthPixels=\"252px\"\n            onChange={evt => onChangeInput(evt.target.value)}\n            onEnterPressed={onEnterPressed}\n            onSelect={onSelectValueOption}\n            options={filteredOptions}\n            placeholder={t('LinkSettings_Sections_AutoComplete_Placeholder')}\n            popoverProps={autoCompletePopoverProps}\n            prefix={searchPrefix && <Input.IconAffix>{searchPrefix}</Input.IconAffix>}\n            selectedId={selectedOption?.id}\n            size=\"small\"\n            textOverflow=\"ellipsis\"\n            value={searchText}\n          />\n        )}\n      </FormField>\n    </>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/_shared/link-modal/open-link-modal/section/section-mobile.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/_shared/link-modal/open-link-modal/section/section-mobile.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport { Box, Divider, Dropdown, FormField, ListItemSelect } from '@wix/design-system';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\nimport { dataHook } from './../../../../wix-rich-content-common/index.js';\n\nimport { SECTION_SELECT, SECTION_TYPE_SELECT } from '../../data-hooks/data-hooks.js';\nimport type { DropdownOption } from '../types.js';\nimport { SectionEmptyState } from './empty-state.js';\nimport { type Section, useSectionOptions } from './use-options.js';\n\ntype Props = {\n  link: NamedLink;\n  onSelect: (anchor: string, defaultName: string | undefined) => void;\n  t: TFunction;\n};\n\nconst selectedListItem = 'selected-list-item';\n\nexport const SectionMobile: React.FC<Props> = ({ link, onSelect, t }) => {\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const { sections, sectionTypeOptions } = useSectionOptions();\n\n  const itemContainerRef = useRef<HTMLDivElement | undefined>();\n  const [selectedTypeOption, setSelectedTypeOption] = useState<DropdownOption>(\n    sectionTypeOptions[0] as DropdownOption\n  );\n\n  const filteredSections = useMemo(\n    () =>\n      sections.filter(\n        section => selectedTypeOption.id === 'all' || section.node.type === selectedTypeOption.id\n      ),\n    [sections, selectedTypeOption]\n  );\n\n  useEffect(() => {\n    // setTimeout because of https://github.com/facebook/react/issues/23396\n    setTimeout(() => {\n      itemContainerRef.current\n        ?.querySelector(dataHook(selectedListItem))\n        ?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    });\n  }, []);\n\n  if (sections.length === 0) {\n    return <SectionEmptyState t={t} />;\n  }\n\n  const onSelectType = (option: DropdownOption) => {\n    setSelectedTypeOption(option);\n    logBi({ dataHook: SECTION_TYPE_SELECT, value: `${option.id}` });\n  };\n\n  const onSelectSection = (section: Section) => {\n    onSelect(section.id, section.title);\n    logBi({ dataHook: SECTION_SELECT });\n  };\n\n  return (\n    <>\n      <Box direction=\"vertical\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n        <FormField label={t('LinkSettings_Sections_TypeDropdown_Label')} labelPlacement=\"top\">\n          <Dropdown\n            dataHook={SECTION_TYPE_SELECT}\n            onSelect={onSelectType}\n            options={sectionTypeOptions}\n            selectedId={selectedTypeOption.id}\n            size=\"small\"\n            valueParser={option => option.label}\n          />\n        </FormField>\n      </Box>\n      <Divider />\n      <Box\n        direction=\"vertical\"\n        flexGrow={1}\n        overflowY=\"auto\"\n        padding={0}\n        paddingBottom=\"SP3\"\n        ref={itemContainerRef}\n      >\n        {filteredSections.map(section => {\n          const selected = section.id === link.anchor;\n          return (\n            <ListItemSelect\n              dataHook={selected ? selectedListItem : undefined}\n              ellipsis\n              titleMaxLines={2}\n              highlighted={selected}\n              key={section.id}\n              onClick={() => onSelectSection(section)}\n              prefix={section.prefixAvatar}\n              selected={selected}\n              size=\"medium\"\n              subtitle={section.subtitle}\n              title={section.title}\n            />\n          );\n        })}\n      </Box>\n    </>\n  );\n};\n"],
-  "mappings": "AACA,SAAS,KAAK,SAAS,UAAU,WAAW,sBAAsB;AAClE,OAAO,SAAS,WAAW,SAAS,QAAQ,gBAAgB;AAG5D,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,SAAS,gBAAgB;AAEzB,SAAS,gBAAgB,2BAA2B;AAEpD,SAAS,yBAAyB;AAClC,SAAuB,yBAAyB;AAQhD,MAAM,mBAAmB;AAElB,MAAM,gBAAiC,CAAC,EAAE,MAAM,UAAU,EAAE,MAAM;AACvE,QAAM,QAAQ,UAAU,EAAE,UAAU,QAAQ,SAAS,cAAc,CAAC;AACpE,QAAM,EAAE,UAAU,mBAAmB,IAAI,kBAAkB;AAE3D,QAAM,mBAAmB,OAAmC;AAC5D,QAAM,CAAC,oBAAoB,qBAAqB,IAAI;AAAA,IAClD,mBAAmB,CAAC;AAAA,EACtB;AAEA,QAAM,mBAAmB;AAAA,IACvB,MACE,SAAS;AAAA,MACP,aAAW,mBAAmB,OAAO,SAAS,QAAQ,KAAK,SAAS,mBAAmB;AAAA,IACzF;AAAA,IACF,CAAC,UAAU,kBAAkB;AAAA,EAC/B;AAEA,YAAU,MAAM;AAEd,eAAW,MAAM;AACf,uBAAiB,SACb,cAAc,SAAS,gBAAgB,CAAC,GACxC,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS,CAAC;AAAA,IAC5D,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,MAAI,SAAS,WAAW,GAAG;AACzB,WAAO,oCAAC,qBAAkB,GAAM;AAAA,EAClC;AAEA,QAAM,eAAe,CAAC,WAA2B;AAC/C,0BAAsB,MAAM;AAC5B,UAAM,EAAE,UAAU,qBAAqB,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC;AAAA,EAChE;AAEA,QAAM,kBAAkB,CAAC,YAAqB;AAC5C,aAAS,QAAQ,IAAI,QAAQ,KAAK;AAClC,UAAM,EAAE,UAAU,eAAe,CAAC;AAAA,EACpC;AAEA,SACE,0DACE,oCAAC,OAAI,WAAU,YAAW,aAAY,OAAM,cAAa,SACvD,oCAAC,aAAU,OAAO,EAAE,0CAA0C,GAAG,gBAAe,SAC9E;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,YAAY,mBAAmB;AAAA,MAC/B,MAAK;AAAA,MACL,aAAa,YAAU,OAAO;AAAA;AAAA,EAChC,CACF,CACF,GACA,oCAAC,aAAQ,GACT;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS;AAAA,MACT,eAAc;AAAA,MACd,KAAK;AAAA;AAAA,IAEJ,iBAAiB,IAAI,aAAW;AAC/B,YAAM,WAAW,QAAQ,OAAO,KAAK;AACrC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,WAAW,mBAAmB;AAAA,UACxC,UAAQ;AAAA,UACR,eAAe;AAAA,UACf,aAAa;AAAA,UACb,KAAK,QAAQ;AAAA,UACb,SAAS,MAAM,gBAAgB,OAAO;AAAA,UACtC,QAAQ,QAAQ;AAAA,UAChB;AAAA,UACA,MAAK;AAAA,UACL,UAAU,QAAQ;AAAA,UAClB,OAAO,QAAQ;AAAA;AAAA,MACjB;AAAA,IAEJ,CAAC;AAAA,EACH,CACF;AAEJ;",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { DropdownLayoutValueOption } from '@wix/design-system';\nimport { Box, Divider, Dropdown, FormField, ListItemSelect } from '@wix/design-system';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\nimport { dataHook } from './../../../../wix-rich-content-common/index.js';\n\nimport { SECTION_SELECT, SECTION_TYPE_SELECT } from '../../data-hooks/data-hooks.js';\nimport { SectionEmptyState } from './empty-state.js';\nimport { type Section, useSectionOptions } from './use-options.js';\n\ntype Props = {\n  link: NamedLink;\n  onSelect: (anchor: string, defaultName: string | undefined) => void;\n  t: TFunction;\n};\n\nconst selectedListItem = 'selected-list-item';\n\nexport const SectionMobile: React.FC<Props> = ({ link, onSelect, t }) => {\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const { sections, sectionTypeOptions } = useSectionOptions();\n\n  const itemContainerRef = useRef<HTMLDivElement | undefined>();\n  const [selectedTypeOption, setSelectedTypeOption] = useState<DropdownLayoutValueOption>(\n    sectionTypeOptions[0] as DropdownLayoutValueOption\n  );\n\n  const filteredSections = useMemo(\n    () =>\n      sections.filter(\n        section => selectedTypeOption.id === 'all' || section.node.type === selectedTypeOption.id\n      ),\n    [sections, selectedTypeOption]\n  );\n\n  useEffect(() => {\n    // setTimeout because of https://github.com/facebook/react/issues/23396\n    setTimeout(() => {\n      itemContainerRef.current\n        ?.querySelector(dataHook(selectedListItem))\n        ?.scrollIntoView({ behavior: 'smooth', block: 'center' });\n    });\n  }, []);\n\n  if (sections.length === 0) {\n    return <SectionEmptyState t={t} />;\n  }\n\n  const onSelectType = (option: DropdownLayoutValueOption) => {\n    setSelectedTypeOption(option);\n    logBi({ dataHook: SECTION_TYPE_SELECT, value: `${option.id}` });\n  };\n\n  const onSelectSection = (section: Section) => {\n    onSelect(section.id, section.title);\n    logBi({ dataHook: SECTION_SELECT });\n  };\n\n  return (\n    <>\n      <Box direction=\"vertical\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n        <FormField label={t('LinkSettings_Sections_TypeDropdown_Label')} labelPlacement=\"top\">\n          <Dropdown\n            dataHook={SECTION_TYPE_SELECT}\n            onSelect={onSelectType}\n            options={sectionTypeOptions}\n            selectedId={selectedTypeOption.id}\n            size=\"small\"\n            valueParser={option => option.label}\n          />\n        </FormField>\n      </Box>\n      <Divider />\n      <Box\n        direction=\"vertical\"\n        flexGrow={1}\n        overflowY=\"auto\"\n        padding={0}\n        paddingBottom=\"SP3\"\n        ref={itemContainerRef}\n      >\n        {filteredSections.map(section => {\n          const selected = section.id === link.anchor;\n          return (\n            <ListItemSelect\n              dataHook={selected ? selectedListItem : undefined}\n              ellipsis\n              titleMaxLines={2}\n              highlighted={selected}\n              key={section.id}\n              onClick={() => onSelectSection(section)}\n              prefix={section.prefixAvatar}\n              selected={selected}\n              size=\"medium\"\n              subtitle={section.subtitle}\n              title={section.title}\n            />\n          );\n        })}\n      </Box>\n    </>\n  );\n};\n"],
+  "mappings": "AAEA,SAAS,KAAK,SAAS,UAAU,WAAW,sBAAsB;AAClE,OAAO,SAAS,WAAW,SAAS,QAAQ,gBAAgB;AAG5D,SAAS,iBAAiB;AAC1B,SAAS,qBAAqB;AAE9B,SAAS,gBAAgB;AAEzB,SAAS,gBAAgB,2BAA2B;AACpD,SAAS,yBAAyB;AAClC,SAAuB,yBAAyB;AAQhD,MAAM,mBAAmB;AAElB,MAAM,gBAAiC,CAAC,EAAE,MAAM,UAAU,EAAE,MAAM;AACvE,QAAM,QAAQ,UAAU,EAAE,UAAU,QAAQ,SAAS,cAAc,CAAC;AACpE,QAAM,EAAE,UAAU,mBAAmB,IAAI,kBAAkB;AAE3D,QAAM,mBAAmB,OAAmC;AAC5D,QAAM,CAAC,oBAAoB,qBAAqB,IAAI;AAAA,IAClD,mBAAmB,CAAC;AAAA,EACtB;AAEA,QAAM,mBAAmB;AAAA,IACvB,MACE,SAAS;AAAA,MACP,aAAW,mBAAmB,OAAO,SAAS,QAAQ,KAAK,SAAS,mBAAmB;AAAA,IACzF;AAAA,IACF,CAAC,UAAU,kBAAkB;AAAA,EAC/B;AAEA,YAAU,MAAM;AAEd,eAAW,MAAM;AACf,uBAAiB,SACb,cAAc,SAAS,gBAAgB,CAAC,GACxC,eAAe,EAAE,UAAU,UAAU,OAAO,SAAS,CAAC;AAAA,IAC5D,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,MAAI,SAAS,WAAW,GAAG;AACzB,WAAO,oCAAC,qBAAkB,GAAM;AAAA,EAClC;AAEA,QAAM,eAAe,CAAC,WAAsC;AAC1D,0BAAsB,MAAM;AAC5B,UAAM,EAAE,UAAU,qBAAqB,OAAO,GAAG,OAAO,EAAE,GAAG,CAAC;AAAA,EAChE;AAEA,QAAM,kBAAkB,CAAC,YAAqB;AAC5C,aAAS,QAAQ,IAAI,QAAQ,KAAK;AAClC,UAAM,EAAE,UAAU,eAAe,CAAC;AAAA,EACpC;AAEA,SACE,0DACE,oCAAC,OAAI,WAAU,YAAW,aAAY,OAAM,cAAa,SACvD,oCAAC,aAAU,OAAO,EAAE,0CAA0C,GAAG,gBAAe,SAC9E;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,UAAU;AAAA,MACV,SAAS;AAAA,MACT,YAAY,mBAAmB;AAAA,MAC/B,MAAK;AAAA,MACL,aAAa,YAAU,OAAO;AAAA;AAAA,EAChC,CACF,CACF,GACA,oCAAC,aAAQ,GACT;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,UAAU;AAAA,MACV,WAAU;AAAA,MACV,SAAS;AAAA,MACT,eAAc;AAAA,MACd,KAAK;AAAA;AAAA,IAEJ,iBAAiB,IAAI,aAAW;AAC/B,YAAM,WAAW,QAAQ,OAAO,KAAK;AACrC,aACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU,WAAW,mBAAmB;AAAA,UACxC,UAAQ;AAAA,UACR,eAAe;AAAA,UACf,aAAa;AAAA,UACb,KAAK,QAAQ;AAAA,UACb,SAAS,MAAM,gBAAgB,OAAO;AAAA,UACtC,QAAQ,QAAQ;AAAA,UAChB;AAAA,UACA,MAAK;AAAA,UACL,UAAU,QAAQ;AAAA,UAClB,OAAO,QAAQ;AAAA;AAAA,MACjB;AAAA,IAEJ,CAAC;AAAA,EACH,CACF;AAEJ;",
   "names": []
 }

package/dist/es/_shared/link-modal/open-link-modal/site-pages/site-pages.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/_shared/link-modal/open-link-modal/site-pages/site-pages.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { DropdownLayoutValueOption, PopoverProps, TooltipProps } from '@wix/design-system';\nimport { AutoComplete, Box, FormField, Text, listItemSelectBuilder } from '@wix/design-system';\nimport type { SyntheticEvent } from 'react';\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport type { LogBiFn } from './../../../bi-context-provider/bi-context-provider.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { EditorBaseUrlContext } from './../../../editor-base-url/editor-base-url-context.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\nimport { SitePagesFetchContext } from './../../../site-pages/site-pages-fetch-context.js';\nimport type { SitePagesItem, SitePagesPageType } from './../../../site-pages/types.js';\nimport { removeBaseUrl } from './../../../url/remove-base-url.js';\n\nimport {\n  DYNAMIC_ITEM_PAGE_SELECT,\n  SITE_PAGES_EMPTY_STATE,\n  SITE_PAGES_PAGE_SELECT,\n} from '../../data-hooks/data-hooks.js';\nimport type { DropdownOption } from '../types.js';\nimport { useSitePages } from './use-site-pages.js';\n\ntype Option = DropdownOption & { page: SitePagesItem };\n\ntype Props = {\n  autoCompletePopoverProps: PopoverProps;\n  autoFocus: boolean;\n  link: NamedLink;\n  linkType: SitePagesPageType;\n  onSelect: (path: string, title: string) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  tooltipProps: Partial<TooltipProps>;\n  t: TFunction;\n};\n\nexport const SitePages: React.FC<Props> = ({\n  autoCompletePopoverProps,\n  autoFocus,\n  link,\n  linkType,\n  onSelect,\n  onSubmit,\n  tooltipProps,\n  t,\n}) => {\n  const { baseUrl } = useContext(EditorBaseUrlContext);\n  const [hasSubpages, setHasSubpages] = useState<boolean>(false);\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const pagesState = useSitePages(linkType);\n  const { sitePublished } = useContext(SitePagesFetchContext);\n  const options = useMemo<Option[]>(\n    () =>\n      pagesState.items\n        .filter(item => sitePublished || !item.hasSubpages)\n        .map(pageToOption(tooltipProps)),\n    [pagesState.items, tooltipProps]\n  );\n\n  const [selectedOption, setSelectedOption] = useState<Option | null>(() => {\n    const linkPath = removeBaseUrl(link.url || '', baseUrl);\n    return options.find(option => option.page.path === linkPath) || null;\n  });\n  const [value, setValue] = useState<string>(selectedOption?.page.title || '');\n  const ref = useRef<AutoComplete>(null);\n\n  const onEnterPressed = (evt: SyntheticEvent) => {\n    if (selectedOption && selectedOption.label === value && !hasSubpages) {\n      onSubmit(evt);\n    } else if ((evt.target as HTMLElement).getAttribute('data-hook')?.includes('option')) {\n      setTimeout(() => onSubmit(evt));\n    }\n  };\n\n  if (pagesState.areAllFetched && !pagesState.query && !pagesState.items.length) {\n    return <EmptyState linkType={linkType} t={t} />;\n  }\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP3\">\n      <SitePageDropdown\n        t={t}\n        linkType={linkType}\n        autofocus={autoFocus}\n        dataHook={SITE_PAGES_PAGE_SELECT}\n        pagesState={pagesState}\n        autoCompletePopoverProps={autoCompletePopoverProps}\n        options={options}\n        value={value}\n        selectedOption={selectedOption}\n        ref={ref}\n        hasSubpages={hasSubpages}\n        setSelectedOption={setSelectedOption}\n        setValue={setValue}\n        onEnterPressed={onEnterPressed}\n        onSelect={onSelect}\n        logBi={logBi}\n        setHasSubpages={setHasSubpages}\n      />\n\n      {selectedOption && hasSubpages && (\n        <ItemPagesDropdown\n          prefix={selectedOption.page.path}\n          pageId={selectedOption.page.id}\n          autoCompletePopoverProps={autoCompletePopoverProps}\n          tooltipProps={tooltipProps}\n          t={t}\n          onSelect={onSelect}\n          onSubmit={onSubmit}\n          logBi={logBi}\n        />\n      )}\n    </Box>\n  );\n};\n\nconst EmptyState: React.FC<{ linkType: SitePagesPageType; t: TFunction }> = ({ linkType, t }) => {\n  return (\n    <Box\n      dataHook={SITE_PAGES_EMPTY_STATE}\n      direction=\"vertical\"\n      margin=\"SP4\"\n      gap=\"SP2\"\n      verticalAlign=\"middle\"\n      textAlign=\"center\"\n    >\n      <Text size=\"small\" weight=\"bold\">\n        {t(typeTranslations.EmptyState_Text1[linkType])}\n      </Text>\n      <Text size=\"small\" weight=\"thin\">\n        {t(typeTranslations.EmptyState_Text2[linkType])}\n      </Text>\n    </Box>\n  );\n};\n\ntype ItemPagesDropdownProps = {\n  prefix: string;\n  pageId?: string;\n  autoCompletePopoverProps: PopoverProps;\n  tooltipProps: Partial<TooltipProps>;\n  t: TFunction;\n  onSelect: (path: string, title: string) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  logBi: LogBiFn;\n};\n\nconst ItemPagesDropdown: React.FC<ItemPagesDropdownProps> = ({\n  prefix,\n  pageId,\n  autoCompletePopoverProps,\n  tooltipProps,\n  t,\n  onSelect,\n  onSubmit,\n  logBi,\n}) => {\n  const linkType = 'dynamicItemPage';\n  const pagesState = useSitePages(linkType, prefix, pageId);\n  const [value, setValue] = useState<string>('');\n  const [selectedOption, setSelectedOption] = useState<Option | null>(null);\n\n  const onEnterPressed = (evt: SyntheticEvent) => {\n    if (selectedOption && selectedOption.label === value) {\n      onSubmit(evt);\n    }\n  };\n\n  const options = useMemo<Option[]>(\n    () => pagesState.items.map(pageToOption(tooltipProps)),\n    [pagesState.items, tooltipProps, prefix]\n  );\n\n  return (\n    <SitePageDropdown\n      t={t}\n      linkType={'dynamicItemPage'}\n      dataHook={DYNAMIC_ITEM_PAGE_SELECT}\n      pagesState={pagesState}\n      autoCompletePopoverProps={autoCompletePopoverProps}\n      options={options}\n      value={value}\n      selectedOption={selectedOption}\n      setSelectedOption={setSelectedOption}\n      setValue={setValue}\n      onEnterPressed={onEnterPressed}\n      onSelect={onSelect}\n      logBi={logBi}\n    />\n  );\n};\n\ntype SitePageDropdownProps = {\n  linkType: SitePagesPageType;\n  autofocus?: boolean;\n  dataHook: string;\n  pagesState: ReturnType<typeof useSitePages>;\n  autoCompletePopoverProps: PopoverProps;\n  options: Option[];\n  value: string;\n  selectedOption: Option | null;\n  ref?: React.RefObject<AutoComplete>;\n  t: TFunction;\n  hasSubpages?: boolean;\n  setSelectedOption: (option: Option | null) => void;\n  setValue: (value: string) => void;\n  onEnterPressed: (evt: SyntheticEvent) => void;\n  onSelect: (path: string, title: string) => void;\n  logBi: LogBiFn;\n  setHasSubpages?: (hasSubpages: boolean) => void;\n};\n\nconst SitePageDropdown: React.FC<SitePageDropdownProps> = ({\n  t,\n  linkType,\n  autofocus,\n  dataHook,\n  pagesState,\n  autoCompletePopoverProps,\n  options,\n  value,\n  selectedOption,\n  ref,\n  hasSubpages,\n  setSelectedOption,\n  setValue,\n  onEnterPressed,\n  onSelect,\n  logBi,\n  setHasSubpages,\n}) => {\n  const onChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedOption(null);\n    setValue(evt.target.value);\n    pagesState.setQuery(evt.target.value);\n    onSelect('', '');\n  };\n\n  const onBlur = () => {\n    if (!selectedOption) {\n      setValue('');\n    }\n    if (selectedOption && value !== selectedOption.label) {\n      setValue(selectedOption.label || '');\n    }\n  };\n  const onSelectOption = (option: DropdownLayoutValueOption) => {\n    pagesState.setQuery('');\n\n    setSelectedOption(option as Option);\n    setValue((option as Option).page.title);\n    onSelect(\n      linkType === 'dynamicPage'\n        ? `/${(option as Option).page.path}`\n        : (option as Option).page.path,\n      (option as Option).page.title\n    );\n    if (hasSubpages) {\n      onSelect('', '');\n    }\n    logBi({ dataHook: SITE_PAGES_PAGE_SELECT, value: (option as Option).page.title });\n  };\n\n  useEffect(() => {\n    if (autofocus) {\n      ref?.current?.showOptions();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (setHasSubpages) {\n      setHasSubpages(checkForSubpages(selectedOption, linkType, pagesState.items));\n    }\n  }, [selectedOption, linkType, pagesState.items, setHasSubpages]);\n\n  return (\n    <FormField label={t(typeTranslations.AutoComplete_Label[linkType])} labelPlacement=\"top\">\n      <AutoComplete\n        autoFocus={autofocus}\n        dataHook={dataHook}\n        dropdownWidth=\"auto\"\n        emptyStateMessage={\n          pagesState.isLoading ? undefined : (\n            <Text skin=\"disabled\" size=\"small\">\n              {pagesState.query\n                ? t('LinkSettings_SitePages_All_NoResults_Query', { query: pagesState.query })\n                : t(typeTranslations.NoResults_Any[linkType])}\n            </Text>\n          )\n        }\n        focusOnSelectedOption\n        minWidthPixels=\"252px\"\n        hasMore={pagesState.hasMore || pagesState.isLoading}\n        infiniteScroll\n        loadMore={pagesState.loadMore ? pagesState.loadMore : () => {}}\n        placeholder={t(typeTranslations.AutoComplete_Placeholder[linkType])}\n        popoverProps={autoCompletePopoverProps}\n        size=\"small\"\n        textOverflow=\"ellipsis\"\n        options={options}\n        value={value}\n        onChange={onChange}\n        // WDS introduced a bug where marked option must be in options array otherwise the component crashes\n        markedOption={\n          options.some(opt => opt.id === selectedOption?.id) ? selectedOption?.id : undefined\n        }\n        onOptionMarked={option => {\n          setValue((option as Option)?.page?.title);\n        }}\n        onEnterPressed={onEnterPressed}\n        selectedId={selectedOption?.id}\n        status={pagesState.error ? 'error' : pagesState.isLoading ? 'loading' : undefined}\n        onBlur={onBlur}\n        onSelect={onSelectOption}\n        ref={ref}\n      />\n    </FormField>\n  );\n};\n\nconst typeTranslations: Record<\n  | 'AutoComplete_Label'\n  | 'AutoComplete_Placeholder'\n  | 'EmptyState_Text1'\n  | 'EmptyState_Text2'\n  | 'NoResults_Any',\n  Record<SitePagesPageType, string>\n> = {\n  AutoComplete_Label: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_AutoComplete_Label',\n    staticPage: 'LinkSettings_SitePages_StaticPage_AutoComplete_Label',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_AutoComplete_Label',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_AutoComplete_Label',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_AutoComplete_Label',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_AutoComplete_Label',\n  },\n  AutoComplete_Placeholder: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_AutoComplete_Placeholder',\n    staticPage: 'LinkSettings_SitePages_StaticPage_AutoComplete_Placeholder',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_AutoComplete_Placeholder',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_AutoComplete_Placeholder',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_AutoComplete_Placeholder',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_AutoComplete_Placeholder',\n  },\n  EmptyState_Text1: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_EmptyState_Text1',\n    staticPage: 'LinkSettings_SitePages_StaticPage_EmptyState_Text1',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_EmptyState_Text1',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_EmptyState_Text1',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_EmptyState_Text1',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_EmptyState_Text1',\n  },\n  EmptyState_Text2: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_EmptyState_Text2',\n    staticPage: 'LinkSettings_SitePages_StaticPage_EmptyState_Text2',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_EmptyState_Text2',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_EmptyState_Text2',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_EmptyState_Text2',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_EmptyState_Text2',\n  },\n  NoResults_Any: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_NoResults_Any',\n    staticPage: 'LinkSettings_SitePages_StaticPage_NoResults_Any',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_NoResults_Any',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_NoResults_Any',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_NoResults_Any',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_NoResults_Any',\n  },\n};\n\nconst pageToOption =\n  (tooltipProps: Partial<TooltipProps>) =>\n  (page: SitePagesItem): Option =>\n    Object.assign(\n      listItemSelectBuilder({\n        ...page,\n        ellipsis: true,\n        titleMaxLines: 2,\n        id: page.id,\n        label: page.title ?? '',\n        size: 'small',\n        dataHook: 'option',\n        subtitle: page.updatedDate?.toLocaleDateString() || page.description || undefined,\n        tooltipProps: {\n          ...tooltipProps,\n          children: page.title,\n          enterDelay: 1_000,\n          placement: 'top',\n        },\n      }),\n      {\n        label: page.title ?? '',\n        page,\n      }\n    );\n\nconst checkForSubpages = (\n  selectedOption: Option | null,\n  pageType: SitePagesPageType,\n  items: SitePagesItem[]\n) => {\n  if (!selectedOption || pageType !== 'dynamicPage' || !items || items.length === 0) {\n    return false;\n  }\n  return items.find(item => item.id === selectedOption.id)?.hasSubpages || false;\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { DropdownLayoutValueOption, PopoverProps, TooltipProps } from '@wix/design-system';\nimport { AutoComplete, Box, FormField, Text, listItemSelectBuilder } from '@wix/design-system';\nimport type { SyntheticEvent } from 'react';\nimport React, { useContext, useEffect, useMemo, useRef, useState } from 'react';\n\nimport type { TFunction } from './../../../../ricos-types/common-types.js';\nimport type { LogBiFn } from './../../../bi-context-provider/bi-context-provider.js';\nimport { useBiNext } from './../../../bi-context-provider/bi-context-provider.js';\nimport { EditorBaseUrlContext } from './../../../editor-base-url/editor-base-url-context.js';\nimport { LINK_MODAL_ID } from './../../../link-modal/constants.js';\nimport type { NamedLink } from './../../../link/types.js';\nimport { SitePagesFetchContext } from './../../../site-pages/site-pages-fetch-context.js';\nimport type { SitePagesItem, SitePagesPageType } from './../../../site-pages/types.js';\nimport { removeBaseUrl } from './../../../url/remove-base-url.js';\n\nimport {\n  DYNAMIC_ITEM_PAGE_SELECT,\n  SITE_PAGES_EMPTY_STATE,\n  SITE_PAGES_PAGE_SELECT,\n} from '../../data-hooks/data-hooks.js';\nimport { useSitePages } from './use-site-pages.js';\n\ntype Option = DropdownLayoutValueOption & { page: SitePagesItem };\n\ntype Props = {\n  autoCompletePopoverProps: PopoverProps;\n  autoFocus: boolean;\n  link: NamedLink;\n  linkType: SitePagesPageType;\n  onSelect: (path: string, title: string) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  tooltipProps: Partial<TooltipProps>;\n  t: TFunction;\n};\n\nexport const SitePages: React.FC<Props> = ({\n  autoCompletePopoverProps,\n  autoFocus,\n  link,\n  linkType,\n  onSelect,\n  onSubmit,\n  tooltipProps,\n  t,\n}) => {\n  const { baseUrl } = useContext(EditorBaseUrlContext);\n  const [hasSubpages, setHasSubpages] = useState<boolean>(false);\n  const logBi = useBiNext({ pluginId: 'link', modalId: LINK_MODAL_ID });\n  const pagesState = useSitePages(linkType);\n  const { sitePublished } = useContext(SitePagesFetchContext);\n  const options = useMemo<Option[]>(\n    () =>\n      pagesState.items\n        .filter(item => sitePublished || !item.hasSubpages)\n        .map(pageToOption(tooltipProps)),\n    [pagesState.items, tooltipProps]\n  );\n\n  const [selectedOption, setSelectedOption] = useState<Option | null>(() => {\n    const linkPath = removeBaseUrl(link.url || '', baseUrl);\n    return options.find(option => option.page.path === linkPath) || null;\n  });\n  const [value, setValue] = useState<string>(selectedOption?.page.title || '');\n  const ref = useRef<AutoComplete>(null);\n\n  const onEnterPressed = (evt: SyntheticEvent) => {\n    if (selectedOption && selectedOption.label === value && !hasSubpages) {\n      onSubmit(evt);\n    } else if ((evt.target as HTMLElement).getAttribute('data-hook')?.includes('option')) {\n      setTimeout(() => onSubmit(evt));\n    }\n  };\n\n  if (pagesState.areAllFetched && !pagesState.query && !pagesState.items.length) {\n    return <EmptyState linkType={linkType} t={t} />;\n  }\n\n  return (\n    <Box direction=\"vertical\" gap=\"SP3\">\n      <SitePageDropdown\n        t={t}\n        linkType={linkType}\n        autofocus={autoFocus}\n        dataHook={SITE_PAGES_PAGE_SELECT}\n        pagesState={pagesState}\n        autoCompletePopoverProps={autoCompletePopoverProps}\n        options={options}\n        value={value}\n        selectedOption={selectedOption}\n        ref={ref}\n        hasSubpages={hasSubpages}\n        setSelectedOption={setSelectedOption}\n        setValue={setValue}\n        onEnterPressed={onEnterPressed}\n        onSelect={onSelect}\n        logBi={logBi}\n        setHasSubpages={setHasSubpages}\n      />\n\n      {selectedOption && hasSubpages && (\n        <ItemPagesDropdown\n          prefix={selectedOption.page.path}\n          pageId={selectedOption.page.id}\n          autoCompletePopoverProps={autoCompletePopoverProps}\n          tooltipProps={tooltipProps}\n          t={t}\n          onSelect={onSelect}\n          onSubmit={onSubmit}\n          logBi={logBi}\n        />\n      )}\n    </Box>\n  );\n};\n\nconst EmptyState: React.FC<{ linkType: SitePagesPageType; t: TFunction }> = ({ linkType, t }) => {\n  return (\n    <Box\n      dataHook={SITE_PAGES_EMPTY_STATE}\n      direction=\"vertical\"\n      margin=\"SP4\"\n      gap=\"SP2\"\n      verticalAlign=\"middle\"\n      textAlign=\"center\"\n    >\n      <Text size=\"small\" weight=\"bold\">\n        {t(typeTranslations.EmptyState_Text1[linkType])}\n      </Text>\n      <Text size=\"small\" weight=\"thin\">\n        {t(typeTranslations.EmptyState_Text2[linkType])}\n      </Text>\n    </Box>\n  );\n};\n\ntype ItemPagesDropdownProps = {\n  prefix: string;\n  pageId?: string;\n  autoCompletePopoverProps: PopoverProps;\n  tooltipProps: Partial<TooltipProps>;\n  t: TFunction;\n  onSelect: (path: string, title: string) => void;\n  onSubmit: React.EventHandler<SyntheticEvent>;\n  logBi: LogBiFn;\n};\n\nconst ItemPagesDropdown: React.FC<ItemPagesDropdownProps> = ({\n  prefix,\n  pageId,\n  autoCompletePopoverProps,\n  tooltipProps,\n  t,\n  onSelect,\n  onSubmit,\n  logBi,\n}) => {\n  const linkType = 'dynamicItemPage';\n  const pagesState = useSitePages(linkType, prefix, pageId);\n  const [value, setValue] = useState<string>('');\n  const [selectedOption, setSelectedOption] = useState<Option | null>(null);\n\n  const onEnterPressed = (evt: SyntheticEvent) => {\n    if (selectedOption && selectedOption.label === value) {\n      onSubmit(evt);\n    }\n  };\n\n  const options = useMemo<Option[]>(\n    () => pagesState.items.map(pageToOption(tooltipProps)),\n    [pagesState.items, tooltipProps, prefix]\n  );\n\n  return (\n    <SitePageDropdown\n      t={t}\n      linkType={'dynamicItemPage'}\n      dataHook={DYNAMIC_ITEM_PAGE_SELECT}\n      pagesState={pagesState}\n      autoCompletePopoverProps={autoCompletePopoverProps}\n      options={options}\n      value={value}\n      selectedOption={selectedOption}\n      setSelectedOption={setSelectedOption}\n      setValue={setValue}\n      onEnterPressed={onEnterPressed}\n      onSelect={onSelect}\n      logBi={logBi}\n    />\n  );\n};\n\ntype SitePageDropdownProps = {\n  linkType: SitePagesPageType;\n  autofocus?: boolean;\n  dataHook: string;\n  pagesState: ReturnType<typeof useSitePages>;\n  autoCompletePopoverProps: PopoverProps;\n  options: Option[];\n  value: string;\n  selectedOption: Option | null;\n  ref?: React.RefObject<AutoComplete>;\n  t: TFunction;\n  hasSubpages?: boolean;\n  setSelectedOption: (option: Option | null) => void;\n  setValue: (value: string) => void;\n  onEnterPressed: (evt: SyntheticEvent) => void;\n  onSelect: (path: string, title: string) => void;\n  logBi: LogBiFn;\n  setHasSubpages?: (hasSubpages: boolean) => void;\n};\n\nconst SitePageDropdown: React.FC<SitePageDropdownProps> = ({\n  t,\n  linkType,\n  autofocus,\n  dataHook,\n  pagesState,\n  autoCompletePopoverProps,\n  options,\n  value,\n  selectedOption,\n  ref,\n  hasSubpages,\n  setSelectedOption,\n  setValue,\n  onEnterPressed,\n  onSelect,\n  logBi,\n  setHasSubpages,\n}) => {\n  const onChange = (evt: React.ChangeEvent<HTMLInputElement>) => {\n    setSelectedOption(null);\n    setValue(evt.target.value);\n    pagesState.setQuery(evt.target.value);\n    onSelect('', '');\n  };\n\n  const onBlur = () => {\n    if (!selectedOption) {\n      setValue('');\n    }\n    if (selectedOption && value !== selectedOption.label) {\n      setValue(selectedOption.label || '');\n    }\n  };\n  const onSelectOption = (option: DropdownLayoutValueOption) => {\n    pagesState.setQuery('');\n\n    setSelectedOption(option as Option);\n    setValue((option as Option).page.title);\n    onSelect(\n      linkType === 'dynamicPage'\n        ? `/${(option as Option).page.path}`\n        : (option as Option).page.path,\n      (option as Option).page.title\n    );\n    if (hasSubpages) {\n      onSelect('', '');\n    }\n    logBi({ dataHook: SITE_PAGES_PAGE_SELECT, value: (option as Option).page.title });\n  };\n\n  useEffect(() => {\n    if (autofocus) {\n      ref?.current?.showOptions();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (setHasSubpages) {\n      setHasSubpages(checkForSubpages(selectedOption, linkType, pagesState.items));\n    }\n  }, [selectedOption, linkType, pagesState.items, setHasSubpages]);\n\n  return (\n    <FormField label={t(typeTranslations.AutoComplete_Label[linkType])} labelPlacement=\"top\">\n      <AutoComplete\n        autoFocus={autofocus}\n        dataHook={dataHook}\n        dropdownWidth=\"auto\"\n        emptyStateMessage={\n          pagesState.isLoading ? undefined : (\n            <Text skin=\"disabled\" size=\"small\">\n              {pagesState.query\n                ? t('LinkSettings_SitePages_All_NoResults_Query', { query: pagesState.query })\n                : t(typeTranslations.NoResults_Any[linkType])}\n            </Text>\n          )\n        }\n        focusOnSelectedOption\n        minWidthPixels=\"252px\"\n        hasMore={pagesState.hasMore || pagesState.isLoading}\n        infiniteScroll\n        loadMore={pagesState.loadMore ? pagesState.loadMore : () => {}}\n        placeholder={t(typeTranslations.AutoComplete_Placeholder[linkType])}\n        popoverProps={autoCompletePopoverProps}\n        size=\"small\"\n        textOverflow=\"ellipsis\"\n        options={options}\n        value={value}\n        onChange={onChange}\n        // WDS introduced a bug where marked option must be in options array otherwise the component crashes\n        markedOption={\n          options.some(opt => opt.id === selectedOption?.id) ? selectedOption?.id : undefined\n        }\n        onOptionMarked={option => {\n          setValue((option as Option)?.page?.title);\n        }}\n        onEnterPressed={onEnterPressed}\n        selectedId={selectedOption?.id}\n        status={pagesState.error ? 'error' : pagesState.isLoading ? 'loading' : undefined}\n        onBlur={onBlur}\n        onSelect={onSelectOption}\n        ref={ref}\n      />\n    </FormField>\n  );\n};\n\nconst typeTranslations: Record<\n  | 'AutoComplete_Label'\n  | 'AutoComplete_Placeholder'\n  | 'EmptyState_Text1'\n  | 'EmptyState_Text2'\n  | 'NoResults_Any',\n  Record<SitePagesPageType, string>\n> = {\n  AutoComplete_Label: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_AutoComplete_Label',\n    staticPage: 'LinkSettings_SitePages_StaticPage_AutoComplete_Label',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_AutoComplete_Label',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_AutoComplete_Label',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_AutoComplete_Label',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_AutoComplete_Label',\n  },\n  AutoComplete_Placeholder: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_AutoComplete_Placeholder',\n    staticPage: 'LinkSettings_SitePages_StaticPage_AutoComplete_Placeholder',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_AutoComplete_Placeholder',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_AutoComplete_Placeholder',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_AutoComplete_Placeholder',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_AutoComplete_Placeholder',\n  },\n  EmptyState_Text1: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_EmptyState_Text1',\n    staticPage: 'LinkSettings_SitePages_StaticPage_EmptyState_Text1',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_EmptyState_Text1',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_EmptyState_Text1',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_EmptyState_Text1',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_EmptyState_Text1',\n  },\n  EmptyState_Text2: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_EmptyState_Text2',\n    staticPage: 'LinkSettings_SitePages_StaticPage_EmptyState_Text2',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_EmptyState_Text2',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_EmptyState_Text2',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_EmptyState_Text2',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_EmptyState_Text2',\n  },\n  NoResults_Any: {\n    blogPost: 'LinkSettings_SitePages_BlogPost_NoResults_Any',\n    staticPage: 'LinkSettings_SitePages_StaticPage_NoResults_Any',\n    dynamicPage: 'LinkSettings_SitePages_DynamicPage_NoResults_Any',\n    dynamicItemPage: 'LinkSettings_SitePages_DynamicItemPage_NoResults_Any',\n    storeProduct: 'LinkSettings_SitePages_StoreProduct_NoResults_Any',\n    storeCatalog: 'LinkSettings_SitePages_StoreCatalog_NoResults_Any',\n  },\n};\n\nconst pageToOption =\n  (tooltipProps: Partial<TooltipProps>) =>\n  (page: SitePagesItem): Option =>\n    Object.assign(\n      listItemSelectBuilder({\n        ...page,\n        ellipsis: true,\n        titleMaxLines: 2,\n        id: page.id,\n        label: page.title ?? '',\n        size: 'small',\n        dataHook: 'option',\n        subtitle: page.updatedDate?.toLocaleDateString() || page.description || undefined,\n        tooltipProps: {\n          ...tooltipProps,\n          children: page.title,\n          enterDelay: 1_000,\n          placement: 'top',\n        },\n      }),\n      {\n        label: page.title ?? '',\n        page,\n      }\n    );\n\nconst checkForSubpages = (\n  selectedOption: Option | null,\n  pageType: SitePagesPageType,\n  items: SitePagesItem[]\n) => {\n  if (!selectedOption || pageType !== 'dynamicPage' || !items || items.length === 0) {\n    return false;\n  }\n  return items.find(item => item.id === selectedOption.id)?.hasSubpages || false;\n};\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/es/_shared/list-item-divider/list-item-divider-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "20819b1b";
+var styleDataHash = "6a029fcd";
 const injectCss = (() => {
-  var css = `.c9cT2{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;
+  var css = `.wqyZx{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var list_item_divider_default = {
-  "divider": "c9cT2"
+  "divider": "wqyZx"
 };
 export {
   list_item_divider_default as default,

package/dist/es/_shared/list-item-divider/list-item-divider-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-divider/list-item-divider.scss"],
-  "sourcesContent": ["var styleDataHash = '20819b1b';  \nexport const injectCss = (() => {\n  var css = `.c9cT2{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"divider\": \"c9cT2\"\n};"],
+  "sourcesContent": ["var styleDataHash = '6a029fcd';  \nexport const injectCss = (() => {\n  var css = `.wqyZx{background-color:var(--ricos-settings-dividers-color,rgba(51,51,51,.2));margin:var(--wds-list-item-section-divider-padding-top,var(--wds-space-100,6px)) var(--wds-list-item-section-divider-padding-horizontal,var(--wds-space-400,24px)) var(--wds-list-item-section-divider-padding-bottom,var(--wds-space-100,6px))}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"divider\": \"wqyZx\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,4BAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/es/_shared/list-item-select/list-item-select-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "deaad6c9";
+var styleDataHash = "abd8d842";
 const injectCss = (() => {
-  var css = `._9zzta{display:flex}._9zzta:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}._25cb9{flex:1}._25cb9 [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
+  var css = `.dKg8O{display:flex}.dKg8O:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.JETtZ{flex:1}.JETtZ [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var list_item_select_default = {
-  "root": "_9zzta",
-  "content": "_25cb9"
+  "root": "dKg8O",
+  "content": "JETtZ"
 };
 export {
   list_item_select_default as default,

package/dist/es/_shared/list-item-select/list-item-select-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-select/list-item-select.scss"],
-  "sourcesContent": ["var styleDataHash = 'deaad6c9';  \nexport const injectCss = (() => {\n  var css = `._9zzta{display:flex}._9zzta:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}._25cb9{flex:1}._25cb9 [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"_9zzta\",\n  \"content\": \"_25cb9\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'abd8d842';  \nexport const injectCss = (() => {\n  var css = `.dKg8O{display:flex}.dKg8O:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.JETtZ{flex:1}.JETtZ [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"dKg8O\",\n  \"content\": \"JETtZ\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,2BAAQ;AAAA,EACb,QAAQ;AAAA,EACR,WAAW;AACb;",
   "names": []
 }

package/dist/es/_shared/list-item-toggle/list-item-toggle-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "6a205679";
+var styleDataHash = "b4768b60";
 const injectCss = (() => {
-  var css = `.EC0rk{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.EC0rk svg{vertical-align:-3px}.GoI3e [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.yShcz{align-items:center;display:flex}`;
+  var css = `._1eGhb{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}._1eGhb svg{vertical-align:-3px}._8EQSi [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.kZI9c{align-items:center;display:flex}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,9 +21,9 @@ const injectCss = (() => {
 });
 injectCss();
 var list_item_toggle_default = {
-  "info": "EC0rk",
-  "row": "GoI3e",
-  "suffix": "yShcz"
+  "info": "_1eGhb",
+  "row": "_8EQSi",
+  "suffix": "kZI9c"
 };
 export {
   list_item_toggle_default as default,

package/dist/es/_shared/list-item-toggle/list-item-toggle-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-toggle/list-item-toggle.scss"],
-  "sourcesContent": ["var styleDataHash = '6a205679';  \nexport const injectCss = (() => {\n  var css = `.EC0rk{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.EC0rk svg{vertical-align:-3px}.GoI3e [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.yShcz{align-items:center;display:flex}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"info\": \"EC0rk\",\n  \"row\": \"GoI3e\",\n  \"suffix\": \"yShcz\"\n};"],
+  "sourcesContent": ["var styleDataHash = 'b4768b60';  \nexport const injectCss = (() => {\n  var css = `._1eGhb{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}._1eGhb svg{vertical-align:-3px}._8EQSi [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.kZI9c{align-items:center;display:flex}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"info\": \"_1eGhb\",\n  \"row\": \"_8EQSi\",\n  \"suffix\": \"kZI9c\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,2BAAQ;AAAA,EACb,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ;",
   "names": []
 }

package/dist/es/_shared/overlay-hoc/overlay-hoc-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "b72b260e";
+var styleDataHash = "069e8adc";
 const injectCss = (() => {
-  var css = `.tRnMh{left:0;position:relative;top:0;width:100%}.tRnMh:before{content:"";cursor:move;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}`;
+  var css = `.z2Zo9{left:0;position:relative;top:0;width:100%}.z2Zo9:before{content:"";cursor:move;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,7 +21,7 @@ const injectCss = (() => {
 });
 injectCss();
 var overlay_hoc_default = {
-  "overlay": "tRnMh"
+  "overlay": "z2Zo9"
 };
 export {
   overlay_hoc_default as default,

package/dist/es/_shared/overlay-hoc/overlay-hoc-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/overlay-hoc/overlay-hoc.scss"],
-  "sourcesContent": ["var styleDataHash = 'b72b260e';  \nexport const injectCss = (() => {\n  var css = `.tRnMh{left:0;position:relative;top:0;width:100%}.tRnMh:before{content:\"\";cursor:move;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"overlay\": \"tRnMh\"\n};"],
+  "sourcesContent": ["var styleDataHash = '069e8adc';  \nexport const injectCss = (() => {\n  var css = `.z2Zo9{left:0;position:relative;top:0;width:100%}.z2Zo9:before{content:\"\";cursor:move;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"overlay\": \"z2Zo9\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,sBAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/es/_shared/plugin-toolbar/separator/toolbar-button-separator-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "fc24297c";
+var styleDataHash = "0b1316cd";
 const injectCss = (() => {
-  var css = `.FjrBO{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.ZCJaF{height:42px}`;
+  var css = `._7xmto{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.nhQNu{height:42px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var toolbar_button_separator_default = {
-  "separator": "FjrBO",
-  "mobileSeparator": "ZCJaF"
+  "separator": "_7xmto",
+  "mobileSeparator": "nhQNu"
 };
 export {
   toolbar_button_separator_default as default,

package/dist/es/_shared/plugin-toolbar/separator/toolbar-button-separator-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/plugin-toolbar/separator/toolbar-button-separator.scss"],
-  "sourcesContent": ["var styleDataHash = 'fc24297c';  \nexport const injectCss = (() => {\n  var css = `.FjrBO{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.ZCJaF{height:42px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"separator\": \"FjrBO\",\n  \"mobileSeparator\": \"ZCJaF\"\n};"],
+  "sourcesContent": ["var styleDataHash = '0b1316cd';  \nexport const injectCss = (() => {\n  var css = `._7xmto{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.nhQNu{height:42px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"separator\": \"_7xmto\",\n  \"mobileSeparator\": \"nhQNu\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,mCAAQ;AAAA,EACb,aAAa;AAAA,EACb,mBAAmB;AACrB;",
   "names": []
 }

package/dist/es/_shared/plugin-toolbar/url-link-button/url-link-button-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "996862f5";
+var styleDataHash = "78f57dd5";
 const injectCss = (() => {
-  var css = `.EYEZ1{display:flex;max-width:270px}.HPWwF{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.EYEZ1{max-width:160px}}}@container (width < 480px){.EYEZ1:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.EYEZ1:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .EYEZ1{max-width:160px}}`;
+  var css = `.jTyGV{display:flex;max-width:270px}.HjXDB{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.jTyGV{max-width:160px}}}@container (width < 480px){.jTyGV:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.jTyGV:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .jTyGV{max-width:160px}}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,8 +21,8 @@ const injectCss = (() => {
 });
 injectCss();
 var url_link_button_default = {
-  "toolbarUrlContainer": "EYEZ1",
-  "toolbarUrl": "HPWwF"
+  "toolbarUrlContainer": "jTyGV",
+  "toolbarUrl": "HjXDB"
 };
 export {
   url_link_button_default as default,

package/dist/es/_shared/plugin-toolbar/url-link-button/url-link-button-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/plugin-toolbar/url-link-button/url-link-button.scss"],
-  "sourcesContent": ["var styleDataHash = '996862f5';  \nexport const injectCss = (() => {\n  var css = `.EYEZ1{display:flex;max-width:270px}.HPWwF{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.EYEZ1{max-width:160px}}}@container (width < 480px){.EYEZ1:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.EYEZ1:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .EYEZ1{max-width:160px}}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"toolbarUrlContainer\": \"EYEZ1\",\n  \"toolbarUrl\": \"HPWwF\"\n};"],
+  "sourcesContent": ["var styleDataHash = '78f57dd5';  \nexport const injectCss = (() => {\n  var css = `.jTyGV{display:flex;max-width:270px}.HjXDB{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.jTyGV{max-width:160px}}}@container (width < 480px){.jTyGV:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.jTyGV:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .jTyGV{max-width:160px}}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"toolbarUrlContainer\": \"jTyGV\",\n  \"toolbarUrl\": \"HjXDB\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,0BAAQ;AAAA,EACb,uBAAuB;AAAA,EACvB,cAAc;AAChB;",
   "names": []
 }

package/dist/es/_shared/prompt-input-area/attachment-bar/attachment-bar-scss.js CHANGED Viewed

@@ -1,6 +1,6 @@
-var styleDataHash = "b54d3383";
+var styleDataHash = "41deae51";
 const injectCss = (() => {
-  var css = `.MIqtp{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}.MIqtp>*{flex-shrink:0}.Gg7Zh{display:flex;position:relative}.Gg7Zh ._-3Sz2{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}.Gg7Zh:focus-within ._-3Sz2,.Gg7Zh:hover ._-3Sz2{opacity:1}.TD5vE{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-500,10px);box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:100%;min-width:200px;padding:5px}.TD5vE._1YYxK{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}.wPXWS{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-300,6px);display:flex;height:48px;justify-content:center;width:46px}._2GTW2{align-items:center;background-color:var(--ricos-internal-file-attachment-background-color,#fff);border-radius:var(--wds-border-radius-300,6px);display:flex;height:36px;justify-content:center;width:36px}`;
+  var css = `._6rd-c{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}._6rd-c>*{flex-shrink:0}.UvBV5{display:flex;position:relative}.UvBV5 .mFtJj{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}.UvBV5:focus-within .mFtJj,.UvBV5:hover .mFtJj{opacity:1}.PqD5T{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-500,10px);box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:100%;min-width:200px;padding:5px}.PqD5T.Kd1i1{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}.nbXBY{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-300,6px);display:flex;height:48px;justify-content:center;width:46px}.RlULW{align-items:center;background-color:var(--ricos-internal-file-attachment-background-color,#fff);border-radius:var(--wds-border-radius-300,6px);display:flex;height:36px;justify-content:center;width:36px}`;
   var isTest = typeof process !== "undefined" && process.env && false;
   if (isTest || !css || typeof document === "undefined") {
     return;
@@ -21,13 +21,13 @@ const injectCss = (() => {
 });
 injectCss();
 var attachment_bar_default = {
-  "root": "MIqtp",
-  "attachmentWrapper": "Gg7Zh",
-  "removeButton": "_-3Sz2",
-  "fileAttachment": "TD5vE",
-  "error": "_1YYxK",
-  "statusIconContainer": "wPXWS",
-  "fileAttacmentIcon": "_2GTW2"
+  "root": "_6rd-c",
+  "attachmentWrapper": "UvBV5",
+  "removeButton": "mFtJj",
+  "fileAttachment": "PqD5T",
+  "error": "Kd1i1",
+  "statusIconContainer": "nbXBY",
+  "fileAttacmentIcon": "RlULW"
 };
 export {
   attachment_bar_default as default,

package/dist/es/_shared/prompt-input-area/attachment-bar/attachment-bar-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/prompt-input-area/attachment-bar/attachment-bar.scss"],
-  "sourcesContent": ["var styleDataHash = 'b54d3383';  \nexport const injectCss = (() => {\n  var css = `.MIqtp{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}.MIqtp>*{flex-shrink:0}.Gg7Zh{display:flex;position:relative}.Gg7Zh ._-3Sz2{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}.Gg7Zh:focus-within ._-3Sz2,.Gg7Zh:hover ._-3Sz2{opacity:1}.TD5vE{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-500,10px);box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:100%;min-width:200px;padding:5px}.TD5vE._1YYxK{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}.wPXWS{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-300,6px);display:flex;height:48px;justify-content:center;width:46px}._2GTW2{align-items:center;background-color:var(--ricos-internal-file-attachment-background-color,#fff);border-radius:var(--wds-border-radius-300,6px);display:flex;height:36px;justify-content:center;width:36px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"MIqtp\",\n  \"attachmentWrapper\": \"Gg7Zh\",\n  \"removeButton\": \"_-3Sz2\",\n  \"fileAttachment\": \"TD5vE\",\n  \"error\": \"_1YYxK\",\n  \"statusIconContainer\": \"wPXWS\",\n  \"fileAttacmentIcon\": \"_2GTW2\"\n};"],
+  "sourcesContent": ["var styleDataHash = '41deae51';  \nexport const injectCss = (() => {\n  var css = `._6rd-c{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}._6rd-c>*{flex-shrink:0}.UvBV5{display:flex;position:relative}.UvBV5 .mFtJj{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}.UvBV5:focus-within .mFtJj,.UvBV5:hover .mFtJj{opacity:1}.PqD5T{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-500,10px);box-sizing:border-box;display:flex;flex-direction:row;gap:12px;height:100%;min-width:200px;padding:5px}.PqD5T.Kd1i1{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}.nbXBY{align-items:center;border:1px solid var(--wds-color-border-dark-secondary,var(--wsr-color-D60,#dfe5eb));border-radius:var(--wds-border-radius-300,6px);display:flex;height:48px;justify-content:center;width:46px}.RlULW{align-items:center;background-color:var(--ricos-internal-file-attachment-background-color,#fff);border-radius:var(--wds-border-radius-300,6px);display:flex;height:36px;justify-content:center;width:36px}`;\n  var isTest = typeof process !== 'undefined' && process.env && process.env['NODE_ENV'] === 'test';\n\n  if (isTest || !css || typeof document === 'undefined') { return; }\n  if (document.querySelector('style[data-ricos-style-hash=\"' + styleDataHash + '\"]')) { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.setAttribute('data-ricos-style-hash', styleDataHash);\n  style.type = 'text/css';\n\n  head.appendChild(style);\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n});\n\ninjectCss();\n\n\n\nexport default {\n  \"root\": \"_6rd-c\",\n  \"attachmentWrapper\": \"UvBV5\",\n  \"removeButton\": \"mFtJj\",\n  \"fileAttachment\": \"PqD5T\",\n  \"error\": \"Kd1i1\",\n  \"statusIconContainer\": \"nbXBY\",\n  \"fileAttacmentIcon\": \"RlULW\"\n};"],
   "mappings": "AAAA,IAAI,gBAAgB;AACb,MAAM,aAAa,MAAM;AAC9B,MAAI,MAAM;AACV,MAAI,SAAS,OAAO,YAAY,eAAe,QAAQ,OAAO;AAE9D,MAAI,UAAU,CAAC,OAAO,OAAO,aAAa,aAAa;AAAE;AAAA,EAAQ;AACjE,MAAI,SAAS,cAAc,kCAAkC,gBAAgB,IAAI,GAAG;AAAE;AAAA,EAAQ;AAE9F,MAAI,OAAO,SAAS,QAAQ,SAAS,qBAAqB,MAAM,EAAE,CAAC;AACnE,MAAI,QAAQ,SAAS,cAAc,OAAO;AAC1C,QAAM,aAAa,yBAAyB,aAAa;AACzD,QAAM,OAAO;AAEb,OAAK,YAAY,KAAK;AAEtB,MAAI,MAAM,YAAY;AACpB,UAAM,WAAW,UAAU;AAAA,EAC7B,OAAO;AACL,UAAM,YAAY,SAAS,eAAe,GAAG,CAAC;AAAA,EAChD;AACF;AAEA,UAAU;AAIV,IAAO,yBAAQ;AAAA,EACb,QAAQ;AAAA,EACR,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,kBAAkB;AAAA,EAClB,SAAS;AAAA,EACT,uBAAuB;AAAA,EACvB,qBAAqB;AACvB;",
   "names": []
 }