@wix/ricos 11.22.0 → 11.23.0

package/dist/es/_shared/figure/viewer-caption-scss.js

@@ -1,6 +1,6 @@
 var viewer_caption_default = {
-  "fontElementMap": "XnKEE",
-  "imageCaption": "JwZx9"
+  "fontElementMap": "_4HIe8",
+  "imageCaption": "fSMf2"
 };
 export {
   viewer_caption_default as default

package/dist/es/_shared/figure/viewer-caption-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/figure/viewer-caption.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"XnKEE\",\n  \"imageCaption\": \"JwZx9\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_4HIe8\",\n  \"imageCaption\": \"fSMf2\"\n};"],
   "mappings": "AAAA,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAClB;",
   "names": []
 }

package/dist/es/_shared/figure/viewer-figure-scss.js

@@ -1,5 +1,5 @@
 var viewer_figure_default = {
-  "figure": "xxEgE"
+  "figure": "jXPJk"
 };
 export {
   viewer_figure_default as default

package/dist/es/_shared/figure/viewer-figure-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/figure/viewer-figure.scss"],
-  "sourcesContent": ["export default {\n  \"figure\": \"xxEgE\"\n};"],
+  "sourcesContent": ["export default {\n  \"figure\": \"jXPJk\"\n};"],
   "mappings": "AAAA,IAAO,wBAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/es/_shared/font-weight.js

@@ -0,0 +1,7 @@
+const FONT_WEIGHT_NORMAL = 400;
+const FONT_WEIGHT_BOLD = 700;
+export {
+  FONT_WEIGHT_BOLD,
+  FONT_WEIGHT_NORMAL
+};
+//# sourceMappingURL=font-weight.js.map

package/dist/es/_shared/font-weight.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/_shared/font-weight.ts"],
+  "sourcesContent": ["export const FONT_WEIGHT_NORMAL = 400;\nexport const FONT_WEIGHT_BOLD = 700;\n"],
+  "mappings": "AAAO,MAAM,qBAAqB;AAC3B,MAAM,mBAAmB;",
+  "names": []
+}

package/dist/es/_shared/get-common-marker-style.js

@@ -0,0 +1,15 @@
+import { deepEqual } from ".//deep-equal.js";
+import { pickKeys } from ".//pick-keys.js";
+const getCommonMarkerStyle = ([
+  first = {},
+  ...rest
+]) => {
+  const sharedKeys = Object.keys(first).filter(
+    (key) => rest.every((style) => deepEqual(style[key], first[key]))
+  );
+  return pickKeys(first, sharedKeys);
+};
+export {
+  getCommonMarkerStyle
+};
+//# sourceMappingURL=get-common-marker-style.js.map

package/dist/es/_shared/get-common-marker-style.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/_shared/get-common-marker-style.ts"],
+  "sourcesContent": ["import type { ListItemMarkerStyle } from './../ricos-schema/next-schema/index.js';\nimport { deepEqual } from './/deep-equal.js';\nimport { pickKeys } from './/pick-keys.js';\n\n// The style every text node of a list item shares, which its marker follows unless it has its own.\nexport const getCommonMarkerStyle = ([\n  first = {},\n  ...rest\n]: ListItemMarkerStyle[]): ListItemMarkerStyle => {\n  const sharedKeys = (Object.keys(first) as (keyof ListItemMarkerStyle)[]).filter(key =>\n    rest.every(style => deepEqual(style[key], first[key]))\n  );\n  return pickKeys(first, sharedKeys);\n};\n"],
+  "mappings": "AACA,SAAS,iBAAiB;AAC1B,SAAS,gBAAgB;AAGlB,MAAM,uBAAuB,CAAC;AAAA,EACnC,QAAQ,CAAC;AAAA,EACN;AACL,MAAkD;AAChD,QAAM,aAAc,OAAO,KAAK,KAAK,EAAoC;AAAA,IAAO,SAC9E,KAAK,MAAM,WAAS,UAAU,MAAM,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC;AAAA,EACvD;AACA,SAAO,SAAS,OAAO,UAAU;AACnC;",
+  "names": []
+}

package/dist/es/_shared/get-decorations-marker-style.js

@@ -0,0 +1,41 @@
+import { ColorData_Background_Type, Decoration_Type } from "./../ricos-schema/legacy/wix/rich_content/v1/index.js";
+import {
+  Background_Type,
+  FontSizeData_fontType
+} from "./../ricos-schema/next-schema/index.js";
+import { FONT_WEIGHT_BOLD } from ".//font-weight.js";
+const getDecorationsMarkerStyle = (decorations = []) => {
+  const markerStyle = {};
+  decorations.forEach((decoration) => {
+    switch (decoration.type) {
+      case Decoration_Type.FONT_SIZE:
+        markerStyle.fontSize = {
+          value: Number(decoration.fontSizeData?.value),
+          unit: decoration.fontSizeData?.unit ?? FontSizeData_fontType.PX
+        };
+        break;
+      case Decoration_Type.BOLD:
+        markerStyle.fontWeight = decoration.fontWeightValue ?? FONT_WEIGHT_BOLD;
+        break;
+      case Decoration_Type.ITALIC:
+        markerStyle.italic = decoration.italicData !== false;
+        break;
+      case Decoration_Type.COLOR: {
+        const { foregroundStyle, foreground } = decoration.colorData ?? {};
+        const color = foregroundStyle ? foregroundStyle.type === ColorData_Background_Type.COLOR && foregroundStyle.color : foreground;
+        if (color) {
+          markerStyle.color = { foregroundStyle: { type: Background_Type.COLOR, color } };
+        }
+        break;
+      }
+      case Decoration_Type.FONT_FAMILY:
+        markerStyle.fontFamily = { value: decoration.fontFamilyData?.value };
+        break;
+    }
+  });
+  return markerStyle;
+};
+export {
+  getDecorationsMarkerStyle
+};
+//# sourceMappingURL=get-decorations-marker-style.js.map

package/dist/es/_shared/get-decorations-marker-style.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/_shared/get-decorations-marker-style.ts"],
+  "sourcesContent": ["import type { Decoration } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { ColorData_Background_Type, Decoration_Type } from './../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport {\n  Background_Type,\n  FontSizeData_fontType,\n  type ListItemMarkerStyle,\n} from './../ricos-schema/next-schema/index.js';\nimport { FONT_WEIGHT_BOLD } from './/font-weight.js';\n\n// The marker style a text node's decorations give: the ones `::marker` can render.\nexport const getDecorationsMarkerStyle = (decorations: Decoration[] = []): ListItemMarkerStyle => {\n  const markerStyle: ListItemMarkerStyle = {};\n  decorations.forEach(decoration => {\n    switch (decoration.type) {\n      case Decoration_Type.FONT_SIZE:\n        markerStyle.fontSize = {\n          value: Number(decoration.fontSizeData?.value),\n          unit: decoration.fontSizeData?.unit ?? FontSizeData_fontType.PX,\n        } as ListItemMarkerStyle['fontSize'];\n        break;\n      case Decoration_Type.BOLD:\n        markerStyle.fontWeight = decoration.fontWeightValue ?? FONT_WEIGHT_BOLD;\n        break;\n      case Decoration_Type.ITALIC:\n        markerStyle.italic = decoration.italicData !== false;\n        break;\n      case Decoration_Type.COLOR: {\n        // `foregroundStyle` takes precedence over the deprecated `foreground`, which stored content\n        // still has. A gradient leaves the marker uncolored: `::marker` can't render one.\n        const { foregroundStyle, foreground } = decoration.colorData ?? {};\n        const color = foregroundStyle\n          ? foregroundStyle.type === ColorData_Background_Type.COLOR && foregroundStyle.color\n          : foreground;\n        if (color) {\n          markerStyle.color = { foregroundStyle: { type: Background_Type.COLOR, color } };\n        }\n        break;\n      }\n      case Decoration_Type.FONT_FAMILY:\n        markerStyle.fontFamily = { value: decoration.fontFamilyData?.value };\n        break;\n    }\n  });\n  return markerStyle;\n};\n"],
+  "mappings": "AACA,SAAS,2BAA2B,uBAAuB;AAC3D;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP,SAAS,wBAAwB;AAG1B,MAAM,4BAA4B,CAAC,cAA4B,CAAC,MAA2B;AAChG,QAAM,cAAmC,CAAC;AAC1C,cAAY,QAAQ,gBAAc;AAChC,YAAQ,WAAW,MAAM;AAAA,MACvB,KAAK,gBAAgB;AACnB,oBAAY,WAAW;AAAA,UACrB,OAAO,OAAO,WAAW,cAAc,KAAK;AAAA,UAC5C,MAAM,WAAW,cAAc,QAAQ,sBAAsB;AAAA,QAC/D;AACA;AAAA,MACF,KAAK,gBAAgB;AACnB,oBAAY,aAAa,WAAW,mBAAmB;AACvD;AAAA,MACF,KAAK,gBAAgB;AACnB,oBAAY,SAAS,WAAW,eAAe;AAC/C;AAAA,MACF,KAAK,gBAAgB,OAAO;AAG1B,cAAM,EAAE,iBAAiB,WAAW,IAAI,WAAW,aAAa,CAAC;AACjE,cAAM,QAAQ,kBACV,gBAAgB,SAAS,0BAA0B,SAAS,gBAAgB,QAC5E;AACJ,YAAI,OAAO;AACT,sBAAY,QAAQ,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,OAAO,MAAM,EAAE;AAAA,QAChF;AACA;AAAA,MACF;AAAA,MACA,KAAK,gBAAgB;AACnB,oBAAY,aAAa,EAAE,OAAO,WAAW,gBAAgB,MAAM;AACnE;AAAA,IACJ;AAAA,EACF,CAAC;AACD,SAAO;AACT;",
+  "names": []
+}

package/dist/es/_shared/get-list-marker-style.js

@@ -0,0 +1,23 @@
+import { formatFontSize } from ".//format-font-size.js";
+import { resolveDocumentColorToCss } from ".//theme-color-token.js";
+const getListMarkerStyle = (markerStyle) => {
+  const { fontSize, fontWeight, italic, color, fontFamily } = markerStyle ?? {};
+  const properties = {
+    "--ricos-list-marker-font-size": fontSize?.value && formatFontSize(fontSize),
+    "--ricos-list-marker-font-weight": fontWeight && `${fontWeight}`,
+    "--ricos-list-marker-font-style": italic && "italic",
+    "--ricos-list-marker-color": resolveDocumentColorToCss(color?.foregroundStyle?.color),
+    "--ricos-list-marker-font-family": fontFamily?.value
+  };
+  const style = {};
+  for (const [property, value] of Object.entries(properties)) {
+    if (typeof value === "string" && !/[;{}]/.test(value)) {
+      style[property] = value;
+    }
+  }
+  return style;
+};
+export {
+  getListMarkerStyle
+};
+//# sourceMappingURL=get-list-marker-style.js.map

package/dist/es/_shared/get-list-marker-style.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/_shared/get-list-marker-style.ts"],
+  "sourcesContent": ["import type { ListItemMarkerStyle } from './../ricos-schema/next-schema/index.js';\nimport { formatFontSize } from './/format-font-size.js';\nimport { resolveDocumentColorToCss } from './/theme-color-token.js';\n\n// `::marker` takes no inline style, so the list item carries the marker's own style as custom\n// properties for `list-marker-style.scss` to read; anything unset follows the item's text.\nexport const getListMarkerStyle = (\n  markerStyle: ListItemMarkerStyle | null | undefined\n): Record<string, string> => {\n  const { fontSize, fontWeight, italic, color, fontFamily } = markerStyle ?? {};\n  const properties = {\n    '--ricos-list-marker-font-size': fontSize?.value && formatFontSize(fontSize),\n    '--ricos-list-marker-font-weight': fontWeight && `${fontWeight}`,\n    '--ricos-list-marker-font-style': italic && 'italic',\n    '--ricos-list-marker-color': resolveDocumentColorToCss(color?.foregroundStyle?.color),\n    '--ricos-list-marker-font-family': fontFamily?.value,\n  };\n  const style: Record<string, string> = {};\n  for (const [property, value] of Object.entries(properties)) {\n    // The values come from the document (or pasted HTML), so none may end its declaration.\n    if (typeof value === 'string' && !/[;{}]/.test(value)) {\n      style[property] = value;\n    }\n  }\n  return style;\n};\n"],
+  "mappings": "AACA,SAAS,sBAAsB;AAC/B,SAAS,iCAAiC;AAInC,MAAM,qBAAqB,CAChC,gBAC2B;AAC3B,QAAM,EAAE,UAAU,YAAY,QAAQ,OAAO,WAAW,IAAI,eAAe,CAAC;AAC5E,QAAM,aAAa;AAAA,IACjB,iCAAiC,UAAU,SAAS,eAAe,QAAQ;AAAA,IAC3E,mCAAmC,cAAc,GAAG,UAAU;AAAA,IAC9D,kCAAkC,UAAU;AAAA,IAC5C,6BAA6B,0BAA0B,OAAO,iBAAiB,KAAK;AAAA,IACpF,mCAAmC,YAAY;AAAA,EACjD;AACA,QAAM,QAAgC,CAAC;AACvC,aAAW,CAAC,UAAU,KAAK,KAAK,OAAO,QAAQ,UAAU,GAAG;AAE1D,QAAI,OAAO,UAAU,YAAY,CAAC,QAAQ,KAAK,KAAK,GAAG;AACrD,YAAM,QAAQ,IAAI;AAAA,IACpB;AAAA,EACF;AACA,SAAO;AACT;",
+  "names": []
+}

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

@@ -175,10 +175,8 @@ const SitePageDropdown = ({
     pagesState.setQuery("");
     setSelectedOption(option);
     setValue(option.page.title);
-    onSelect(
-      linkType === "dynamicPage" ? `/${option.page.path}` : option.page.path,
-      option.page.title
-    );
+    const { path, title } = option.page;
+    onSelect(linkType === "dynamicPage" && !path.startsWith("/") ? `/${path}` : path, title);
     if (hasSubpages) {
       onSelect("", "");
     }

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

@@ -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 { 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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",
+  "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    const { path, title } = (option as Option).page;\n    // `DevContext.fetchSitePages` overrides can still return dynamic page paths without the leading `/`\n    onSelect(linkType === 'dynamicPage' && !path.startsWith('/') ? `/${path}` : path, title);\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

@@ -1,6 +1,6 @@
-var styleDataHash = "543b4f4f";
+var styleDataHash = "0b11d869";
 const injectCss = (() => {
-  var css = `.yQbaF{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 = `._98loM{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": "yQbaF"
+  "divider": "_98loM"
 };
 export {
   list_item_divider_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-divider/list-item-divider.scss"],
-  "sourcesContent": ["var styleDataHash = '543b4f4f';  \nexport const injectCss = (() => {\n  var css = `.yQbaF{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\": \"yQbaF\"\n};"],
+  "sourcesContent": ["var styleDataHash = '0b11d869';  \nexport const injectCss = (() => {\n  var css = `._98loM{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\": \"_98loM\"\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

@@ -1,6 +1,6 @@
-var styleDataHash = "298c01b8";
+var styleDataHash = "0ad9df29";
 const injectCss = (() => {
-  var css = `.Gucrx{display:flex}.Gucrx:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.trURG{flex:1}.trURG [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
+  var css = `.obro-{display:flex}.obro-:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}._5-4ol{flex:1}._5-4ol [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": "Gucrx",
-  "content": "trURG"
+  "root": "obro-",
+  "content": "_5-4ol"
 };
 export {
   list_item_select_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-select/list-item-select.scss"],
-  "sourcesContent": ["var styleDataHash = '298c01b8';  \nexport const injectCss = (() => {\n  var css = `.Gucrx{display:flex}.Gucrx:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.trURG{flex:1}.trURG [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\": \"Gucrx\",\n  \"content\": \"trURG\"\n};"],
+  "sourcesContent": ["var styleDataHash = '0ad9df29';  \nexport const injectCss = (() => {\n  var css = `.obro-{display:flex}.obro-:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}._5-4ol{flex:1}._5-4ol [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\": \"obro-\",\n  \"content\": \"_5-4ol\"\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

@@ -1,6 +1,6 @@
-var styleDataHash = "0c3cba3c";
+var styleDataHash = "11d324b3";
 const injectCss = (() => {
-  var css = `.PYknp{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.PYknp svg{vertical-align:-3px}.cI75D [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}._53sbe{align-items:center;display:flex}`;
+  var css = `._0UpY4{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}._0UpY4 svg{vertical-align:-3px}.yAUNk [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.RkY7r{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": "PYknp",
-  "row": "cI75D",
-  "suffix": "_53sbe"
+  "info": "_0UpY4",
+  "row": "yAUNk",
+  "suffix": "RkY7r"
 };
 export {
   list_item_toggle_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/list-item-toggle/list-item-toggle.scss"],
-  "sourcesContent": ["var styleDataHash = '0c3cba3c';  \nexport const injectCss = (() => {\n  var css = `.PYknp{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.PYknp svg{vertical-align:-3px}.cI75D [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}._53sbe{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\": \"PYknp\",\n  \"row\": \"cI75D\",\n  \"suffix\": \"_53sbe\"\n};"],
+  "sourcesContent": ["var styleDataHash = '11d324b3';  \nexport const injectCss = (() => {\n  var css = `._0UpY4{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}._0UpY4 svg{vertical-align:-3px}.yAUNk [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.RkY7r{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\": \"_0UpY4\",\n  \"row\": \"yAUNk\",\n  \"suffix\": \"RkY7r\"\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/list-marker-style-scss.js

@@ -0,0 +1,28 @@
+var styleDataHash = "e3b0c442";
+const injectCss = (() => {
+  var css = ``;
+  var isTest = typeof process !== "undefined" && process.env && false;
+  if (isTest || !css || typeof document === "undefined") {
+    return;
+  }
+  if (document.querySelector('style[data-ricos-style-hash="' + styleDataHash + '"]')) {
+    return;
+  }
+  var head = document.head || document.getElementsByTagName("head")[0];
+  var style = document.createElement("style");
+  style.setAttribute("data-ricos-style-hash", styleDataHash);
+  style.type = "text/css";
+  head.appendChild(style);
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    style.appendChild(document.createTextNode(css));
+  }
+});
+injectCss();
+var list_marker_style_default = {};
+export {
+  list_marker_style_default as default,
+  injectCss
+};
+//# sourceMappingURL=list-marker-style-scss.js.map

package/dist/es/_shared/list-marker-style-scss.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/_shared/list-marker-style.scss"],
+  "sourcesContent": ["var styleDataHash = 'e3b0c442';  \nexport const injectCss = (() => {\n  var css = ``;\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 {};"],
+  "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,CAAC;",
+  "names": []
+}

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

@@ -1,6 +1,6 @@
-var styleDataHash = "818ec5df";
+var styleDataHash = "71caf0f6";
 const injectCss = (() => {
-  var css = `.kFpqw{left:0;position:relative;top:0;width:100%}.kFpqw:before{content:"";cursor:move;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}`;
+  var css = `._7SD-Y{left:0;position:relative;top:0;width:100%}._7SD-Y: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": "kFpqw"
+  "overlay": "_7SD-Y"
 };
 export {
   overlay_hoc_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/overlay-hoc/overlay-hoc.scss"],
-  "sourcesContent": ["var styleDataHash = '818ec5df';  \nexport const injectCss = (() => {\n  var css = `.kFpqw{left:0;position:relative;top:0;width:100%}.kFpqw: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\": \"kFpqw\"\n};"],
+  "sourcesContent": ["var styleDataHash = '71caf0f6';  \nexport const injectCss = (() => {\n  var css = `._7SD-Y{left:0;position:relative;top:0;width:100%}._7SD-Y: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\": \"_7SD-Y\"\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/create-settings-button.js

@@ -27,7 +27,13 @@ const createSettingsButton = ({
     icon: Icon,
     tooltip,
     dataHook: dataHook ?? PLUGIN_TOOLBAR_SETTINGS_BUTTON,
-    renderer: (toolbarItem) => /* @__PURE__ */ React.createElement(SettingsButton, { toolbarItem, showLabel }),
+    renderer: (toolbarItem) => /* @__PURE__ */ React.createElement(
+      SettingsButton,
+      {
+        toolbarItem,
+        showLabel: typeof showLabel === "function" ? showLabel(toolbarItem) : showLabel
+      }
+    ),
     command
   };
 };

package/dist/es/_shared/plugin-toolbar/create-settings-button.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/plugin-toolbar/create-settings-button.tsx"],
-  "sourcesContent": ["import type { IconComponent } from '@wix/wix-ui-icons-common/core';\nimport { Settings } from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport { useModalService } from './../../ricos-modals/index.js';\nimport type { IToolbarItem, ToolbarButton } from './../../ricos-types/index.js';\nimport type { ToolbarButtonCommand } from './../../ricos-types/plugin-types.js';\n\nimport { PLUGIN_TOOLBAR_SETTINGS_BUTTON } from '../data-hooks.js';\nimport { getNodeInSelection } from '../resolvers/get-node-in-selection.js';\nimport { ToolbarButton as ToolbarButtonComponent } from '../toolbar-button/toolbar-button.js';\nimport { PLUGIN_TOOLBAR_BUTTON_ID } from './plugin-toolbar-buttons-ids.js';\n\nexport const createSettingsButton = ({\n  modalId,\n  command,\n  attributes,\n  showLabel,\n  dataHook,\n  buttonId,\n  icon: Icon = Settings,\n  tooltip = 'SettingsButton_Tooltip',\n}: {\n  modalId: string;\n  command: ToolbarButtonCommand;\n  attributes?: ToolbarButton['attributes'];\n  showLabel?: boolean;\n  dataHook?: string;\n  buttonId?: string;\n  icon?: IconComponent;\n  tooltip?: string;\n}): ToolbarButton => {\n  return {\n    id: buttonId ?? PLUGIN_TOOLBAR_BUTTON_ID.SETTINGS,\n    type: 'modal',\n    attributes: {\n      selectedNode: getNodeInSelection,\n      active: (_, { modals }) => Boolean(modals?.getModal(modalId)),\n      ...attributes,\n    },\n    icon: Icon,\n    tooltip,\n    dataHook: dataHook ?? PLUGIN_TOOLBAR_SETTINGS_BUTTON,\n    renderer: toolbarItem => <SettingsButton toolbarItem={toolbarItem} showLabel={showLabel} />,\n    command,\n  };\n};\n\nconst SettingsButton: React.FC<{\n  toolbarItem: IToolbarItem;\n  dataHook?: string;\n  showLabel?: boolean;\n}> = ({ toolbarItem, dataHook, showLabel }) => {\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const [isActive, setIsActive] = useState(toolbarItem.attributes.active);\n  const { isMobile, t } = useContext(RicosContext) || {};\n  const modalService = useModalService();\n  const onClick = toolbarItem.commands.click;\n  const Icon = toolbarItem.presentation.icon;\n  const tooltip = t(toolbarItem.presentation.tooltip);\n\n  useEffect(() => {\n    modalService.onModalOpened(() => {\n      setIsActive(Boolean(toolbarItem.attributes.active));\n    });\n\n    modalService.onModalClosed(() => {\n      setIsActive(Boolean(toolbarItem.attributes.active));\n    });\n  }, [modalService]);\n\n  return (\n    <ToolbarButtonComponent\n      prefix={Icon}\n      active={isActive}\n      onClick={() => onClick({ isMobile, referenceElement })}\n      dataHook={dataHook}\n      ariaLabel={tooltip}\n      ref={setReferenceElement}\n      {...(showLabel ? { label: tooltip } : { tooltip })}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n"],
-  "mappings": "AACA,SAAS,gBAAgB;AACzB,OAAO,SAAS,YAAY,WAAW,gBAAgB;AAEvD,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAIhC,SAAS,sCAAsC;AAC/C,SAAS,0BAA0B;AACnC,SAAS,iBAAiB,8BAA8B;AACxD,SAAS,gCAAgC;AAElC,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM,OAAO;AAAA,EACb,UAAU;AACZ,MASqB;AACnB,SAAO;AAAA,IACL,IAAI,YAAY,yBAAyB;AAAA,IACzC,MAAM;AAAA,IACN,YAAY;AAAA,MACV,cAAc;AAAA,MACd,QAAQ,CAAC,GAAG,EAAE,OAAO,MAAM,QAAQ,QAAQ,SAAS,OAAO,CAAC;AAAA,MAC5D,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,UAAU,YAAY;AAAA,IACtB,UAAU,iBAAe,oCAAC,kBAAe,aAA0B,WAAsB;AAAA,IACzF;AAAA,EACF;AACF;AAEA,MAAM,iBAID,CAAC,EAAE,aAAa,UAAU,UAAU,MAAM;AAC7C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAmC,IAAI;AACvF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,YAAY,WAAW,MAAM;AACtE,QAAM,EAAE,UAAU,EAAE,IAAI,WAAW,YAAY,KAAK,CAAC;AACrD,QAAM,eAAe,gBAAgB;AACrC,QAAM,UAAU,YAAY,SAAS;AACrC,QAAM,OAAO,YAAY,aAAa;AACtC,QAAM,UAAU,EAAE,YAAY,aAAa,OAAO;AAElD,YAAU,MAAM;AACd,iBAAa,cAAc,MAAM;AAC/B,kBAAY,QAAQ,YAAY,WAAW,MAAM,CAAC;AAAA,IACpD,CAAC;AAED,iBAAa,cAAc,MAAM;AAC/B,kBAAY,QAAQ,YAAY,WAAW,MAAM,CAAC;AAAA,IACpD,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS,MAAM,QAAQ,EAAE,UAAU,iBAAiB,CAAC;AAAA,MACrD;AAAA,MACA,WAAW;AAAA,MACX,KAAK;AAAA,MACJ,GAAI,YAAY,EAAE,OAAO,QAAQ,IAAI,EAAE,QAAQ;AAAA,MAChD,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC;AAEJ;",
+  "sourcesContent": ["import type { IconComponent } from '@wix/wix-ui-icons-common/core';\nimport { Settings } from '@wix/wix-ui-icons-common/lazy';\nimport React, { useContext, useEffect, useState } from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport { useModalService } from './../../ricos-modals/index.js';\nimport type { IToolbarItem, ToolbarButton } from './../../ricos-types/index.js';\nimport type { ToolbarButtonCommand } from './../../ricos-types/plugin-types.js';\n\nimport { PLUGIN_TOOLBAR_SETTINGS_BUTTON } from '../data-hooks.js';\nimport { getNodeInSelection } from '../resolvers/get-node-in-selection.js';\nimport { ToolbarButton as ToolbarButtonComponent } from '../toolbar-button/toolbar-button.js';\nimport { PLUGIN_TOOLBAR_BUTTON_ID } from './plugin-toolbar-buttons-ids.js';\n\nexport const createSettingsButton = ({\n  modalId,\n  command,\n  attributes,\n  showLabel,\n  dataHook,\n  buttonId,\n  icon: Icon = Settings,\n  tooltip = 'SettingsButton_Tooltip',\n}: {\n  modalId: string;\n  command: ToolbarButtonCommand;\n  attributes?: ToolbarButton['attributes'];\n  showLabel?: boolean | ((toolbarItem: IToolbarItem) => boolean);\n  dataHook?: string;\n  buttonId?: string;\n  icon?: IconComponent;\n  tooltip?: string;\n}): ToolbarButton => {\n  return {\n    id: buttonId ?? PLUGIN_TOOLBAR_BUTTON_ID.SETTINGS,\n    type: 'modal',\n    attributes: {\n      selectedNode: getNodeInSelection,\n      active: (_, { modals }) => Boolean(modals?.getModal(modalId)),\n      ...attributes,\n    },\n    icon: Icon,\n    tooltip,\n    dataHook: dataHook ?? PLUGIN_TOOLBAR_SETTINGS_BUTTON,\n    renderer: toolbarItem => (\n      <SettingsButton\n        toolbarItem={toolbarItem}\n        showLabel={typeof showLabel === 'function' ? showLabel(toolbarItem) : showLabel}\n      />\n    ),\n    command,\n  };\n};\n\nconst SettingsButton: React.FC<{\n  toolbarItem: IToolbarItem;\n  dataHook?: string;\n  showLabel?: boolean;\n}> = ({ toolbarItem, dataHook, showLabel }) => {\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const [isActive, setIsActive] = useState(toolbarItem.attributes.active);\n  const { isMobile, t } = useContext(RicosContext) || {};\n  const modalService = useModalService();\n  const onClick = toolbarItem.commands.click;\n  const Icon = toolbarItem.presentation.icon;\n  const tooltip = t(toolbarItem.presentation.tooltip);\n\n  useEffect(() => {\n    modalService.onModalOpened(() => {\n      setIsActive(Boolean(toolbarItem.attributes.active));\n    });\n\n    modalService.onModalClosed(() => {\n      setIsActive(Boolean(toolbarItem.attributes.active));\n    });\n  }, [modalService]);\n\n  return (\n    <ToolbarButtonComponent\n      prefix={Icon}\n      active={isActive}\n      onClick={() => onClick({ isMobile, referenceElement })}\n      dataHook={dataHook}\n      ariaLabel={tooltip}\n      ref={setReferenceElement}\n      {...(showLabel ? { label: tooltip } : { tooltip })}\n      tabIndex={toolbarItem.presentation.tabIndex}\n    />\n  );\n};\n"],
+  "mappings": "AACA,SAAS,gBAAgB;AACzB,OAAO,SAAS,YAAY,WAAW,gBAAgB;AAEvD,SAAS,oBAAoB;AAC7B,SAAS,uBAAuB;AAIhC,SAAS,sCAAsC;AAC/C,SAAS,0BAA0B;AACnC,SAAS,iBAAiB,8BAA8B;AACxD,SAAS,gCAAgC;AAElC,MAAM,uBAAuB,CAAC;AAAA,EACnC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,MAAM,OAAO;AAAA,EACb,UAAU;AACZ,MASqB;AACnB,SAAO;AAAA,IACL,IAAI,YAAY,yBAAyB;AAAA,IACzC,MAAM;AAAA,IACN,YAAY;AAAA,MACV,cAAc;AAAA,MACd,QAAQ,CAAC,GAAG,EAAE,OAAO,MAAM,QAAQ,QAAQ,SAAS,OAAO,CAAC;AAAA,MAC5D,GAAG;AAAA,IACL;AAAA,IACA,MAAM;AAAA,IACN;AAAA,IACA,UAAU,YAAY;AAAA,IACtB,UAAU,iBACR;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,WAAW,OAAO,cAAc,aAAa,UAAU,WAAW,IAAI;AAAA;AAAA,IACxE;AAAA,IAEF;AAAA,EACF;AACF;AAEA,MAAM,iBAID,CAAC,EAAE,aAAa,UAAU,UAAU,MAAM;AAC7C,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,SAAmC,IAAI;AACvF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,YAAY,WAAW,MAAM;AACtE,QAAM,EAAE,UAAU,EAAE,IAAI,WAAW,YAAY,KAAK,CAAC;AACrD,QAAM,eAAe,gBAAgB;AACrC,QAAM,UAAU,YAAY,SAAS;AACrC,QAAM,OAAO,YAAY,aAAa;AACtC,QAAM,UAAU,EAAE,YAAY,aAAa,OAAO;AAElD,YAAU,MAAM;AACd,iBAAa,cAAc,MAAM;AAC/B,kBAAY,QAAQ,YAAY,WAAW,MAAM,CAAC;AAAA,IACpD,CAAC;AAED,iBAAa,cAAc,MAAM;AAC/B,kBAAY,QAAQ,YAAY,WAAW,MAAM,CAAC;AAAA,IACpD,CAAC;AAAA,EACH,GAAG,CAAC,YAAY,CAAC;AAEjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS,MAAM,QAAQ,EAAE,UAAU,iBAAiB,CAAC;AAAA,MACrD;AAAA,MACA,WAAW;AAAA,MACX,KAAK;AAAA,MACJ,GAAI,YAAY,EAAE,OAAO,QAAQ,IAAI,EAAE,QAAQ;AAAA,MAChD,UAAU,YAAY,aAAa;AAAA;AAAA,EACrC;AAEJ;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "c0d097d0";
+var styleDataHash = "059cd545";
 const injectCss = (() => {
-  var css = `.Sewwc{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.-ymrd{height:42px}`;
+  var css = `.E1MEY{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.bZ-m0{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": "Sewwc",
-  "mobileSeparator": "-ymrd"
+  "separator": "E1MEY",
+  "mobileSeparator": "bZ-m0"
 };
 export {
   toolbar_button_separator_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/plugin-toolbar/separator/toolbar-button-separator.scss"],
-  "sourcesContent": ["var styleDataHash = 'c0d097d0';  \nexport const injectCss = (() => {\n  var css = `.Sewwc{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.-ymrd{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\": \"Sewwc\",\n  \"mobileSeparator\": \"-ymrd\"\n};"],
+  "sourcesContent": ["var styleDataHash = '059cd545';  \nexport const injectCss = (() => {\n  var css = `.E1MEY{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.bZ-m0{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\": \"E1MEY\",\n  \"mobileSeparator\": \"bZ-m0\"\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

@@ -1,6 +1,6 @@
-var styleDataHash = "1c2117ea";
+var styleDataHash = "748eb3b2";
 const injectCss = (() => {
-  var css = `.SrAEx{display:flex;max-width:270px}.ysr7t{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.SrAEx{max-width:160px}}}@container (width < 480px){.SrAEx:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.SrAEx:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .SrAEx{max-width:160px}}`;
+  var css = `.uo8Bg{display:flex;max-width:270px}._4aHnL{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.uo8Bg{max-width:160px}}}@container (width < 480px){.uo8Bg:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.uo8Bg:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .uo8Bg{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": "SrAEx",
-  "toolbarUrl": "ysr7t"
+  "toolbarUrlContainer": "uo8Bg",
+  "toolbarUrl": "_4aHnL"
 };
 export {
   url_link_button_default as default,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/plugin-toolbar/url-link-button/url-link-button.scss"],
-  "sourcesContent": ["var styleDataHash = '1c2117ea';  \nexport const injectCss = (() => {\n  var css = `.SrAEx{display:flex;max-width:270px}.ysr7t{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.SrAEx{max-width:160px}}}@container (width < 480px){.SrAEx:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.SrAEx:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .SrAEx{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\": \"SrAEx\",\n  \"toolbarUrl\": \"ysr7t\"\n};"],
+  "sourcesContent": ["var styleDataHash = '748eb3b2';  \nexport const injectCss = (() => {\n  var css = `.uo8Bg{display:flex;max-width:270px}._4aHnL{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.uo8Bg{max-width:160px}}}@container (width < 480px){.uo8Bg:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.uo8Bg:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .uo8Bg{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\": \"uo8Bg\",\n  \"toolbarUrl\": \"_4aHnL\"\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": []
 }