npm - @wix/ricos - Versions diffs - 11.20.5 → 11.21.0 - Mend

@wix/ricos 11.20.5 → 11.21.0

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

Files changed (1116) hide show

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/link-modal/open-link-modal/modal-desktop.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { PopoverProps } from '@wix/design-system';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\n\nimport { RicosContext, ZIndexContext } from './../../../ricos-context/index.js';\nimport { SitePagesFetchContext } from './../../site-pages/site-pages-fetch-context.js';\nimport { unreachable } from './../../uncreachable.js';\nimport { Panel, PanelHeader } from './../../../ui-components/index.js';\n\nimport { MODAL_ROOT } from '../data-hooks/data-hooks.js';\nimport { AltText } from './alt-text.js';\nimport { AttributesDesktop } from './attributes/attributes-desktop.js';\nimport { Footer } from './footer.js';\nimport { NotPublishedWarning } from './not-published-warning.js';\nimport { SectionDesktop } from './section/section-desktop.js';\nimport { SitePages } from './site-pages/site-pages.js';\nimport { TypeSelect } from './type-select.js';\nimport type { LinkModalProps } from './types.js';\nimport { useLinkModalState } from './use-link-modal-state.js';\nimport { WebAddress } from './web-address.js';\n\nexport const ModalDesktop: React.FC<LinkModalProps> = ({\n  initialValue,\n  enabledLinkTypes: enabledLinkTypesProp,\n  onClose,\n  onSave,\n  onUnlink,\n  onSaveMultiple,\n  showAltText,\n  initialAltText,\n}) => {\n  const { environment, t } = useContext(RicosContext);\n  const { expireCache, preload, sitePublished, cache } = useContext(SitePagesFetchContext);\n  const zIndexService = useContext(ZIndexContext);\n\n  const [containerRef, setContainerRef] = useState<HTMLDivElement | null>(null);\n  const {\n    focusTarget,\n    link,\n    linkType,\n    submitError,\n    multipleSections,\n    enabledLinkTypes,\n    altText,\n\n    onChangeAltText,\n    onChangeAttributes,\n    onChangeWebAddress,\n    onClickUnlink,\n    onSelectPage,\n    onSelectSection,\n    setMultipleSections,\n    onSelectType,\n    onSubmit,\n    onValidateWebAddress,\n  } = useLinkModalState({\n    initialValue,\n    initialAltText,\n    onClose,\n    onSave,\n    onUnlink,\n    onSaveMultiple,\n    enabledLinkTypes: enabledLinkTypesProp,\n  });\n\n  const autoCompletePopoverProps: PopoverProps = useMemo(\n    () => ({\n      appendTo: el => el === containerRef,\n      placement: 'bottom-start',\n      zIndex: zIndexService.getZIndex('DRAWER'),\n      maxWidth: '252px',\n    }),\n    [containerRef, zIndexService]\n  );\n\n  const dropDownPopoverProps: PopoverProps = useMemo(\n    () => ({\n      appendTo: el => el === containerRef,\n      maxWidth: '252px',\n      zIndex: zIndexService.getZIndex('DRAWER'),\n    }),\n    [containerRef, zIndexService]\n  );\n  const tooltipProps = useMemo(\n    () => ({\n      appendTo: containerRef || undefined,\n      flip: true,\n      zIndex: zIndexService.getZIndex('TOOLTIP'),\n    }),\n    [containerRef, zIndexService]\n  );\n\n  const showNotPublishedWarning =\n    linkType !== 'section' && linkType !== 'web-address' && sitePublished === false;\n  const showSitePages = environment === 'businessManager';\n\n  useEffect(() => {\n    if (showSitePages) {\n      preload();\n      return expireCache;\n    }\n  }, []);\n\n  return (\n    <div data-hook={MODAL_ROOT} ref={setContainerRef}>\n      <Panel maxHeight={576} closeButtonProps={{ onClick: onClose }}>\n        <PanelHeader title={t('LinkSettings_Modal_Title')} />\n        <SidePanel.Content noPadding>\n          <form onSubmit={onSubmit}>\n            <input type=\"submit\" style={{ display: 'none' }} />\n            <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP3\">\n              {enabledLinkTypes && enabledLinkTypes.length === 1 ? null : (\n                <TypeSelect\n                  autoFocus={focusTarget === 'type-select'}\n                  dropDownPopoverProps={dropDownPopoverProps}\n                  onSelect={onSelectType}\n                  showSitePages={showSitePages}\n                  t={t}\n                  type={linkType}\n                  enabledLinkTypes={enabledLinkTypes}\n                  cache={cache}\n                />\n              )}\n\n              {showNotPublishedWarning && <NotPublishedWarning />}\n              {(() => {\n                switch (linkType) {\n                  case 'web-address':\n                    return (\n                      <WebAddress\n                        autoFocus={focusTarget === 'input'}\n                        key={linkType}\n                        link={link}\n                        onChangeUrl={onChangeWebAddress}\n                        onValidateUrl={onValidateWebAddress}\n                        submitError={submitError}\n                        t={t}\n                      />\n                    );\n                  case 'section':\n                    return (\n                      <SectionDesktop\n                        autoCompletePopoverProps={autoCompletePopoverProps}\n                        autoFocus={focusTarget === 'input'}\n                        dropDownPopoverProps={dropDownPopoverProps}\n                        key={linkType}\n                        link={link}\n                        onSelect={onSelectSection}\n                        setMultipleSections={setMultipleSections}\n                        onSubmit={onSubmit}\n                        t={t}\n                        tooltipProps={tooltipProps}\n                        multipleSections={multipleSections}\n                      />\n                    );\n                  case 'blogPost':\n                  case 'staticPage':\n                  case 'dynamicPage':\n                  case 'storeProduct':\n                  case 'storeCatalog':\n                    return (\n                      <SitePages\n                        autoCompletePopoverProps={autoCompletePopoverProps}\n                        autoFocus={focusTarget === 'input'}\n                        key={linkType}\n                        link={link}\n                        linkType={linkType}\n                        onSelect={onSelectPage}\n                        onSubmit={onSubmit}\n                        tooltipProps={tooltipProps}\n                        t={t}\n                      />\n                    );\n\n                  default:\n                    unreachable(linkType);\n                }\n              })()}\n\n              {showAltText && (\n                <AltText\n                  altText={altText}\n                  onChange={onChangeAltText}\n                  t={t}\n                  tooltipProps={tooltipProps}\n                />\n              )}\n\n              {linkType !== 'section' && (\n                <>\n                  <Divider />\n                  <AttributesDesktop\n                    link={link}\n                    onChange={onChangeAttributes}\n                    t={t}\n                    tooltipProps={tooltipProps}\n                  />\n                </>\n              )}\n            </Box>\n          </form>\n        </SidePanel.Content>\n        <SidePanel.Footer showDivider>\n          <Footer\n            onClickCancel={onClose}\n            onClickSave={onSubmit}\n            onClickUnlink={onClickUnlink}\n            showUnlink={Boolean(initialValue?.url || initialValue?.anchor)}\n            t={t}\n          />\n        </SidePanel.Footer>\n      </Panel>\n    </div>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport type { PopoverProps } from '@wix/design-system';\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\n\nimport { RicosContext, ZIndexContext } from './../../../ricos-context/index.js';\nimport { SitePagesFetchContext } from './../../site-pages/site-pages-fetch-context.js';\nimport { unreachable } from './../../uncreachable.js';\nimport { Panel, PanelHeader } from './../../../ui-components/index.js';\n\nimport { MODAL_ROOT } from '../data-hooks/data-hooks.js';\nimport { AltText } from './alt-text.js';\nimport { AttributesDesktop } from './attributes/attributes-desktop.js';\nimport { Footer } from './footer.js';\nimport { NotPublishedWarning } from './not-published-warning.js';\nimport { SectionDesktop } from './section/section-desktop.js';\nimport { SitePages } from './site-pages/site-pages.js';\nimport { TypeSelect } from './type-select.js';\nimport type { LinkModalProps } from './types.js';\nimport { useLinkModalState } from './use-link-modal-state.js';\nimport { WebAddress } from './web-address.js';\n\nexport const ModalDesktop: React.FC<LinkModalProps> = ({\n  initialValue,\n  enabledLinkTypes: enabledLinkTypesProp,\n  onClose,\n  onSave,\n  onUnlink,\n  onSaveMultiple,\n  showAltText,\n  initialAltText,\n  renderExtraField,\n}) => {\n  const { environment, t } = useContext(RicosContext);\n  const { expireCache, preload, sitePublished, cache } = useContext(SitePagesFetchContext);\n  const zIndexService = useContext(ZIndexContext);\n\n  const [containerRef, setContainerRef] = useState<HTMLDivElement | null>(null);\n  const {\n    focusTarget,\n    link,\n    linkType,\n    submitError,\n    multipleSections,\n    enabledLinkTypes,\n    altText,\n\n    onChangeAltText,\n    onChangeAttributes,\n    onChangeWebAddress,\n    onClickUnlink,\n    onSelectPage,\n    onSelectSection,\n    setMultipleSections,\n    onSelectType,\n    onSubmit,\n    onValidateWebAddress,\n  } = useLinkModalState({\n    initialValue,\n    initialAltText,\n    onClose,\n    onSave,\n    onUnlink,\n    onSaveMultiple,\n    enabledLinkTypes: enabledLinkTypesProp,\n  });\n\n  const autoCompletePopoverProps: PopoverProps = useMemo(\n    () => ({\n      appendTo: el => el === containerRef,\n      placement: 'bottom-start',\n      zIndex: zIndexService.getZIndex('DRAWER'),\n      maxWidth: '252px',\n    }),\n    [containerRef, zIndexService]\n  );\n\n  const dropDownPopoverProps: PopoverProps = useMemo(\n    () => ({\n      appendTo: el => el === containerRef,\n      maxWidth: '252px',\n      zIndex: zIndexService.getZIndex('DRAWER'),\n    }),\n    [containerRef, zIndexService]\n  );\n  const tooltipProps = useMemo(\n    () => ({\n      appendTo: containerRef || undefined,\n      flip: true,\n      zIndex: zIndexService.getZIndex('TOOLTIP'),\n    }),\n    [containerRef, zIndexService]\n  );\n\n  const showNotPublishedWarning =\n    linkType !== 'section' && linkType !== 'web-address' && sitePublished === false;\n  const showSitePages = environment === 'businessManager';\n\n  useEffect(() => {\n    if (showSitePages) {\n      preload();\n      return expireCache;\n    }\n  }, []);\n\n  return (\n    <div data-hook={MODAL_ROOT} ref={setContainerRef}>\n      <Panel maxHeight={576} closeButtonProps={{ onClick: onClose }}>\n        <PanelHeader title={t('LinkSettings_Modal_Title')} />\n        <SidePanel.Content noPadding>\n          <form onSubmit={onSubmit}>\n            <input type=\"submit\" style={{ display: 'none' }} />\n            <Box direction=\"vertical\" gap=\"SP2\" padding=\"SP3\">\n              {renderExtraField?.()}\n              {enabledLinkTypes && enabledLinkTypes.length === 1 ? null : (\n                <TypeSelect\n                  autoFocus={focusTarget === 'type-select'}\n                  dropDownPopoverProps={dropDownPopoverProps}\n                  onSelect={onSelectType}\n                  showSitePages={showSitePages}\n                  t={t}\n                  type={linkType}\n                  enabledLinkTypes={enabledLinkTypes}\n                  cache={cache}\n                />\n              )}\n\n              {showNotPublishedWarning && <NotPublishedWarning />}\n              {(() => {\n                switch (linkType) {\n                  case 'web-address':\n                    return (\n                      <WebAddress\n                        autoFocus={focusTarget === 'input'}\n                        key={linkType}\n                        link={link}\n                        onChangeUrl={onChangeWebAddress}\n                        onValidateUrl={onValidateWebAddress}\n                        submitError={submitError}\n                        t={t}\n                      />\n                    );\n                  case 'section':\n                    return (\n                      <SectionDesktop\n                        autoCompletePopoverProps={autoCompletePopoverProps}\n                        autoFocus={focusTarget === 'input'}\n                        dropDownPopoverProps={dropDownPopoverProps}\n                        key={linkType}\n                        link={link}\n                        onSelect={onSelectSection}\n                        setMultipleSections={setMultipleSections}\n                        onSubmit={onSubmit}\n                        t={t}\n                        tooltipProps={tooltipProps}\n                        multipleSections={multipleSections}\n                      />\n                    );\n                  case 'blogPost':\n                  case 'staticPage':\n                  case 'dynamicPage':\n                  case 'storeProduct':\n                  case 'storeCatalog':\n                    return (\n                      <SitePages\n                        autoCompletePopoverProps={autoCompletePopoverProps}\n                        autoFocus={focusTarget === 'input'}\n                        key={linkType}\n                        link={link}\n                        linkType={linkType}\n                        onSelect={onSelectPage}\n                        onSubmit={onSubmit}\n                        tooltipProps={tooltipProps}\n                        t={t}\n                      />\n                    );\n\n                  default:\n                    unreachable(linkType);\n                }\n              })()}\n\n              {showAltText && (\n                <AltText\n                  altText={altText}\n                  onChange={onChangeAltText}\n                  t={t}\n                  tooltipProps={tooltipProps}\n                />\n              )}\n\n              {linkType !== 'section' && (\n                <>\n                  <Divider />\n                  <AttributesDesktop\n                    link={link}\n                    onChange={onChangeAttributes}\n                    t={t}\n                    tooltipProps={tooltipProps}\n                  />\n                </>\n              )}\n            </Box>\n          </form>\n        </SidePanel.Content>\n        <SidePanel.Footer showDivider>\n          <Footer\n            onClickCancel={onClose}\n            onClickSave={onSubmit}\n            onClickUnlink={onClickUnlink}\n            showUnlink={Boolean(initialValue?.url || initialValue?.anchor)}\n            t={t}\n          />\n        </SidePanel.Footer>\n      </Panel>\n    </div>\n  );\n};\n"],
+  "mappings": "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",
   "names": []
 }

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

@@ -17,7 +17,8 @@ const ModalMobile = ({
   onSave,
   onUnlink,
   showAltText,
-  initialAltText
+  initialAltText,
+  renderExtraField
 }) => {
   const { t } = useContext(RicosContext);
   const {
@@ -51,7 +52,7 @@ const ModalMobile = ({
       width: "100%"
     },
     /* @__PURE__ */ React.createElement(PanelHeader, { title: t("LinkSettings_Modal_Title") }),
-    /* @__PURE__ */ React.createElement(SidePanel.Content, { noPadding: true }, /* @__PURE__ */ React.createElement(Box, { boxSizing: "border-box", direction: "vertical", gap: "SP3", height: "100%", padding: 0 }, /* @__PURE__ */ React.createElement(Box, { padding: "SP3", paddingBottom: 0 }, enabledLinkTypes && enabledLinkTypes.length === 1 ? null : /* @__PURE__ */ React.createElement(
+    /* @__PURE__ */ React.createElement(SidePanel.Content, { noPadding: true }, /* @__PURE__ */ React.createElement(Box, { boxSizing: "border-box", direction: "vertical", gap: "SP3", height: "100%", padding: 0 }, renderExtraField && /* @__PURE__ */ React.createElement(Box, { direction: "vertical", padding: "SP3", paddingBottom: 0 }, renderExtraField()), /* @__PURE__ */ React.createElement(Box, { padding: "SP3", paddingBottom: 0 }, enabledLinkTypes && enabledLinkTypes.length === 1 ? null : /* @__PURE__ */ React.createElement(
       TypeSelect,
       {
         autoFocus: false,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/_shared/link-modal/open-link-modal/modal-mobile.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useContext } from 'react';\n\nimport { RicosContext } from './../../../ricos-context/index.js';\nimport { Panel, PanelHeader } from './../../../ui-components/index.js';\n\nimport { MODAL_ROOT } from '../data-hooks/data-hooks.js';\nimport { AltText } from './alt-text.js';\nimport { AttributesMobile } from './attributes/attributes-mobile.js';\nimport { Footer } from './footer.js';\nimport { SectionMobile } from './section/section-mobile.js';\nimport { TypeSelect } from './type-select.js';\nimport type { LinkModalProps } from './types.js';\nimport { useLinkModalState } from './use-link-modal-state.js';\nimport { WebAddress } from './web-address.js';\n\nexport const ModalMobile: React.FC<LinkModalProps> = ({\n  initialValue,\n  enabledLinkTypes: enabledLinkTypesProp,\n  onClose,\n  onSave,\n  onUnlink,\n  showAltText,\n  initialAltText,\n}) => {\n  const { t } = useContext(RicosContext);\n\n  const {\n    link,\n    linkType,\n    submitError,\n    enabledLinkTypes,\n    altText,\n\n    onChangeAltText,\n    onChangeAttributes,\n    onChangeWebAddress,\n    onClickUnlink,\n    onSelectSection,\n    onSelectType,\n    onSubmit,\n    onValidateWebAddress,\n  } = useLinkModalState({\n    initialValue,\n    initialAltText,\n    onClose,\n    onSave,\n    onUnlink,\n    enabledLinkTypes: enabledLinkTypesProp,\n  });\n\n  return (\n    <Panel\n      dataHook={MODAL_ROOT}\n      closeButtonProps={{ onClick: onClose }}\n      skin=\"floating\"\n      width=\"100%\"\n    >\n      <PanelHeader title={t('LinkSettings_Modal_Title')} />\n      <SidePanel.Content noPadding>\n        <Box boxSizing=\"border-box\" direction=\"vertical\" gap=\"SP3\" height=\"100%\" padding={0}>\n          <Box padding=\"SP3\" paddingBottom={0}>\n            {enabledLinkTypes && enabledLinkTypes.length === 1 ? null : (\n              <TypeSelect\n                autoFocus={false}\n                onSelect={onSelectType}\n                showSitePages={false}\n                t={t}\n                type={linkType}\n                enabledLinkTypes={enabledLinkTypes}\n              />\n            )}\n          </Box>\n          {linkType === 'section' ? (\n            <>\n              <SectionMobile link={link} onSelect={onSelectSection} t={t} />\n              {showAltText && (\n                <Box direction=\"vertical\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n                  <AltText altText={altText} onChange={onChangeAltText} t={t} />\n                </Box>\n              )}\n            </>\n          ) : (\n            <>\n              <Box direction=\"vertical\" gap=\"SP3\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n                <WebAddress\n                  autoFocus\n                  link={link}\n                  onChangeUrl={onChangeWebAddress}\n                  onValidateUrl={onValidateWebAddress}\n                  submitError={submitError}\n                  t={t}\n                />\n                {showAltText && <AltText altText={altText} onChange={onChangeAltText} t={t} />}\n              </Box>\n              <Divider />\n              <Box direction=\"vertical\" padding=\"SP3\">\n                <AttributesMobile link={link} onChange={onChangeAttributes} t={t} />\n              </Box>\n            </>\n          )}\n        </Box>\n      </SidePanel.Content>\n      <SidePanel.Footer showDivider>\n        <Footer\n          onClickCancel={onClose}\n          onClickSave={onSubmit}\n          onClickUnlink={onClickUnlink}\n          showUnlink={Boolean(initialValue?.url || initialValue?.anchor)}\n          t={t}\n        />\n      </SidePanel.Footer>\n    </Panel>\n  );\n};\n"],
-  "mappings": "AACA,SAAS,KAAK,SAAS,iBAAiB;AACxC,OAAO,SAAS,kBAAkB;AAElC,SAAS,oBAAoB;AAC7B,SAAS,OAAO,mBAAmB;AAEnC,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAEpB,MAAM,cAAwC,CAAC;AAAA,EACpD;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY;AAErC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,EACpB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,kBAAkB,EAAE,SAAS,QAAQ;AAAA,MACrC,MAAK;AAAA,MACL,OAAM;AAAA;AAAA,IAEN,oCAAC,eAAY,OAAO,EAAE,0BAA0B,GAAG;AAAA,IACnD,oCAAC,UAAU,SAAV,EAAkB,WAAS,QAC1B,oCAAC,OAAI,WAAU,cAAa,WAAU,YAAW,KAAI,OAAM,QAAO,QAAO,SAAS,KAChF,oCAAC,OAAI,SAAQ,OAAM,eAAe,KAC/B,oBAAoB,iBAAiB,WAAW,IAAI,OACnD;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,UAAU;AAAA,QACV,eAAe;AAAA,QACf;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACF,CAEJ,GACC,aAAa,YACZ,0DACE,oCAAC,iBAAc,MAAY,UAAU,iBAAiB,GAAM,GAC3D,eACC,oCAAC,OAAI,WAAU,YAAW,aAAY,OAAM,cAAa,SACvD,oCAAC,WAAQ,SAAkB,UAAU,iBAAiB,GAAM,CAC9D,CAEJ,IAEA,0DACE,oCAAC,OAAI,WAAU,YAAW,KAAI,OAAM,aAAY,OAAM,cAAa,SACjE;AAAA,MAAC;AAAA;AAAA,QACC,WAAS;AAAA,QACT;AAAA,QACA,aAAa;AAAA,QACb,eAAe;AAAA,QACf;AAAA,QACA;AAAA;AAAA,IACF,GACC,eAAe,oCAAC,WAAQ,SAAkB,UAAU,iBAAiB,GAAM,CAC9E,GACA,oCAAC,aAAQ,GACT,oCAAC,OAAI,WAAU,YAAW,SAAQ,SAChC,oCAAC,oBAAiB,MAAY,UAAU,oBAAoB,GAAM,CACpE,CACF,CAEJ,CACF;AAAA,IACA,oCAAC,UAAU,QAAV,EAAiB,aAAW,QAC3B;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf,aAAa;AAAA,QACb;AAAA,QACA,YAAY,QAAQ,cAAc,OAAO,cAAc,MAAM;AAAA,QAC7D;AAAA;AAAA,IACF,CACF;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-autofocus */\nimport { Box, Divider, SidePanel } from '@wix/design-system';\nimport React, { useContext } from 'react';\n\nimport { RicosContext } from './../../../ricos-context/index.js';\nimport { Panel, PanelHeader } from './../../../ui-components/index.js';\n\nimport { MODAL_ROOT } from '../data-hooks/data-hooks.js';\nimport { AltText } from './alt-text.js';\nimport { AttributesMobile } from './attributes/attributes-mobile.js';\nimport { Footer } from './footer.js';\nimport { SectionMobile } from './section/section-mobile.js';\nimport { TypeSelect } from './type-select.js';\nimport type { LinkModalProps } from './types.js';\nimport { useLinkModalState } from './use-link-modal-state.js';\nimport { WebAddress } from './web-address.js';\n\nexport const ModalMobile: React.FC<LinkModalProps> = ({\n  initialValue,\n  enabledLinkTypes: enabledLinkTypesProp,\n  onClose,\n  onSave,\n  onUnlink,\n  showAltText,\n  initialAltText,\n  renderExtraField,\n}) => {\n  const { t } = useContext(RicosContext);\n\n  const {\n    link,\n    linkType,\n    submitError,\n    enabledLinkTypes,\n    altText,\n\n    onChangeAltText,\n    onChangeAttributes,\n    onChangeWebAddress,\n    onClickUnlink,\n    onSelectSection,\n    onSelectType,\n    onSubmit,\n    onValidateWebAddress,\n  } = useLinkModalState({\n    initialValue,\n    initialAltText,\n    onClose,\n    onSave,\n    onUnlink,\n    enabledLinkTypes: enabledLinkTypesProp,\n  });\n\n  return (\n    <Panel\n      dataHook={MODAL_ROOT}\n      closeButtonProps={{ onClick: onClose }}\n      skin=\"floating\"\n      width=\"100%\"\n    >\n      <PanelHeader title={t('LinkSettings_Modal_Title')} />\n      <SidePanel.Content noPadding>\n        <Box boxSizing=\"border-box\" direction=\"vertical\" gap=\"SP3\" height=\"100%\" padding={0}>\n          {renderExtraField && (\n            <Box direction=\"vertical\" padding=\"SP3\" paddingBottom={0}>\n              {renderExtraField()}\n            </Box>\n          )}\n          <Box padding=\"SP3\" paddingBottom={0}>\n            {enabledLinkTypes && enabledLinkTypes.length === 1 ? null : (\n              <TypeSelect\n                autoFocus={false}\n                onSelect={onSelectType}\n                showSitePages={false}\n                t={t}\n                type={linkType}\n                enabledLinkTypes={enabledLinkTypes}\n              />\n            )}\n          </Box>\n          {linkType === 'section' ? (\n            <>\n              <SectionMobile link={link} onSelect={onSelectSection} t={t} />\n              {showAltText && (\n                <Box direction=\"vertical\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n                  <AltText altText={altText} onChange={onChangeAltText} t={t} />\n                </Box>\n              )}\n            </>\n          ) : (\n            <>\n              <Box direction=\"vertical\" gap=\"SP3\" paddingLeft=\"SP3\" paddingRight=\"SP3\">\n                <WebAddress\n                  autoFocus\n                  link={link}\n                  onChangeUrl={onChangeWebAddress}\n                  onValidateUrl={onValidateWebAddress}\n                  submitError={submitError}\n                  t={t}\n                />\n                {showAltText && <AltText altText={altText} onChange={onChangeAltText} t={t} />}\n              </Box>\n              <Divider />\n              <Box direction=\"vertical\" padding=\"SP3\">\n                <AttributesMobile link={link} onChange={onChangeAttributes} t={t} />\n              </Box>\n            </>\n          )}\n        </Box>\n      </SidePanel.Content>\n      <SidePanel.Footer showDivider>\n        <Footer\n          onClickCancel={onClose}\n          onClickSave={onSubmit}\n          onClickUnlink={onClickUnlink}\n          showUnlink={Boolean(initialValue?.url || initialValue?.anchor)}\n          t={t}\n        />\n      </SidePanel.Footer>\n    </Panel>\n  );\n};\n"],
+  "mappings": "AACA,SAAS,KAAK,SAAS,iBAAiB;AACxC,OAAO,SAAS,kBAAkB;AAElC,SAAS,oBAAoB;AAC7B,SAAS,OAAO,mBAAmB;AAEnC,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AACxB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,qBAAqB;AAC9B,SAAS,kBAAkB;AAE3B,SAAS,yBAAyB;AAClC,SAAS,kBAAkB;AAEpB,MAAM,cAAwC,CAAC;AAAA,EACpD;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,EAAE,IAAI,WAAW,YAAY;AAErC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,kBAAkB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,EACpB,CAAC;AAED,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,kBAAkB,EAAE,SAAS,QAAQ;AAAA,MACrC,MAAK;AAAA,MACL,OAAM;AAAA;AAAA,IAEN,oCAAC,eAAY,OAAO,EAAE,0BAA0B,GAAG;AAAA,IACnD,oCAAC,UAAU,SAAV,EAAkB,WAAS,QAC1B,oCAAC,OAAI,WAAU,cAAa,WAAU,YAAW,KAAI,OAAM,QAAO,QAAO,SAAS,KAC/E,oBACC,oCAAC,OAAI,WAAU,YAAW,SAAQ,OAAM,eAAe,KACpD,iBAAiB,CACpB,GAEF,oCAAC,OAAI,SAAQ,OAAM,eAAe,KAC/B,oBAAoB,iBAAiB,WAAW,IAAI,OACnD;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,QACX,UAAU;AAAA,QACV,eAAe;AAAA,QACf;AAAA,QACA,MAAM;AAAA,QACN;AAAA;AAAA,IACF,CAEJ,GACC,aAAa,YACZ,0DACE,oCAAC,iBAAc,MAAY,UAAU,iBAAiB,GAAM,GAC3D,eACC,oCAAC,OAAI,WAAU,YAAW,aAAY,OAAM,cAAa,SACvD,oCAAC,WAAQ,SAAkB,UAAU,iBAAiB,GAAM,CAC9D,CAEJ,IAEA,0DACE,oCAAC,OAAI,WAAU,YAAW,KAAI,OAAM,aAAY,OAAM,cAAa,SACjE;AAAA,MAAC;AAAA;AAAA,QACC,WAAS;AAAA,QACT;AAAA,QACA,aAAa;AAAA,QACb,eAAe;AAAA,QACf;AAAA,QACA;AAAA;AAAA,IACF,GACC,eAAe,oCAAC,WAAQ,SAAkB,UAAU,iBAAiB,GAAM,CAC9E,GACA,oCAAC,aAAQ,GACT,oCAAC,OAAI,WAAU,YAAW,SAAQ,SAChC,oCAAC,oBAAiB,MAAY,UAAU,oBAAoB,GAAM,CACpE,CACF,CAEJ,CACF;AAAA,IACA,oCAAC,UAAU,QAAV,EAAiB,aAAW,QAC3B;AAAA,MAAC;AAAA;AAAA,QACC,eAAe;AAAA,QACf,aAAa;AAAA,QACb;AAAA,QACA,YAAY,QAAQ,cAAc,OAAO,cAAc,MAAM;AAAA,QAC7D;AAAA;AAAA,IACF,CACF;AAAA,EACF;AAEJ;",
   "names": []
 }

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

@@ -14,7 +14,8 @@ const openLinkModal = ({
   returnFocusToEditor,
   enabledLinkTypes,
   showAltText,
-  initialAltText
+  initialAltText,
+  renderExtraField
 }) => {
   const referenceElement = argReferenceElement ? argReferenceElement : editor ? {
     getBoundingClientRect: () => posToDOMRect(
@@ -33,7 +34,8 @@ const openLinkModal = ({
       onSave,
       onUnlink,
       showAltText,
-      initialAltText
+      initialAltText,
+      renderExtraField
     },
     disableArrowNavigation: true,
     dragHandleSelector: "[data-drag-handler]",

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/link-modal/open-link-modal.ts"],
-  "sourcesContent": ["import type { ModalService } from './../../ricos-modals/index.js';\nimport type { Modal, Placement } from './../../ricos-types/index.js';\nimport type { NamedLink } from './../link/types.js';\nimport { posToDOMRect } from './../../tiptap/index.js';\nimport type { Editor } from './../../tiptap/core/index.js';\n\nimport { LINK_MODAL_ID } from './constants.js';\nimport { LinkModalLazy } from './open-link-modal/link-modal-lazy.js';\nimport type { LinkType } from './open-link-modal/types.js';\n\nexport const openLinkModal = ({\n  editor,\n  initialValue,\n  modalService,\n  onClickOutside,\n  onSave,\n  onSaveMultiple,\n  onUnlink,\n  placement,\n  referenceElement: argReferenceElement,\n  returnFocusToEditor,\n  enabledLinkTypes,\n  showAltText,\n  initialAltText,\n}: {\n  editor?: Editor;\n  initialValue?: NamedLink | undefined;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  onSave: (linkData: NamedLink, altText?: string) => void;\n  onSaveMultiple?: (links: NamedLink[]) => void;\n  onUnlink: (linkData: NamedLink) => void;\n  placement?: Placement;\n  referenceElement?: HTMLElement | null;\n  returnFocusToEditor?: boolean;\n  enabledLinkTypes?: LinkType[];\n  showAltText?: boolean;\n  initialAltText?: string;\n}) => {\n  const referenceElement = argReferenceElement\n    ? argReferenceElement\n    : editor\n      ? {\n          getBoundingClientRect: () =>\n            posToDOMRect(\n              editor.view,\n              editor.view.state.selection.from,\n              editor.view.state.selection.to\n            ),\n        }\n      : null;\n\n  modalService.openModal({\n    Component: LinkModalLazy,\n    componentProps: {\n      initialValue,\n      enabledLinkTypes,\n      onClose: () => modalService.closeModal(LINK_MODAL_ID),\n      onSaveMultiple,\n      onSave,\n      onUnlink,\n      showAltText,\n      initialAltText,\n    },\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    id: LINK_MODAL_ID,\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog', //TODO: get layout value directly\n      mobile: 'fullscreen',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: placement ?? 'bottom', referenceElement },\n    }),\n    withTransition: true,\n    ...(onClickOutside ? { onClickOutside } : {}),\n    returnFocusToEditor,\n  });\n};\n"],
-  "mappings": "AAGA,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAGvB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAcM;AACJ,QAAM,mBAAmB,sBACrB,sBACA,SACE;AAAA,IACE,uBAAuB,MACrB;AAAA,MACE,OAAO;AAAA,MACP,OAAO,KAAK,MAAM,UAAU;AAAA,MAC5B,OAAO,KAAK,MAAM,UAAU;AAAA,IAC9B;AAAA,EACJ,IACA;AAEN,eAAa,UAAU;AAAA,IACrB,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,MACA,SAAS,MAAM,aAAa,WAAW,aAAa;AAAA,MACpD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,aAAa,UAAU,iBAAiB;AAAA,IACpE;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAI,iBAAiB,EAAE,eAAe,IAAI,CAAC;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { ModalService } from './../../ricos-modals/index.js';\nimport type { Modal, Placement } from './../../ricos-types/index.js';\nimport type { NamedLink } from './../link/types.js';\nimport { posToDOMRect } from './../../tiptap/index.js';\nimport type { Editor } from './../../tiptap/core/index.js';\n\nimport { LINK_MODAL_ID } from './constants.js';\nimport { LinkModalLazy } from './open-link-modal/link-modal-lazy.js';\nimport type { LinkType } from './open-link-modal/types.js';\n\nexport const openLinkModal = ({\n  editor,\n  initialValue,\n  modalService,\n  onClickOutside,\n  onSave,\n  onSaveMultiple,\n  onUnlink,\n  placement,\n  referenceElement: argReferenceElement,\n  returnFocusToEditor,\n  enabledLinkTypes,\n  showAltText,\n  initialAltText,\n  renderExtraField,\n}: {\n  editor?: Editor;\n  initialValue?: NamedLink | undefined;\n  modalService: ModalService;\n  onClickOutside?: Modal['onClickOutside'];\n  onSave: (linkData: NamedLink, altText?: string) => void;\n  onSaveMultiple?: (links: NamedLink[]) => void;\n  onUnlink: (linkData: NamedLink) => void;\n  placement?: Placement;\n  referenceElement?: HTMLElement | null;\n  returnFocusToEditor?: boolean;\n  enabledLinkTypes?: LinkType[];\n  showAltText?: boolean;\n  initialAltText?: string;\n  renderExtraField?: () => ReactNode;\n}) => {\n  const referenceElement = argReferenceElement\n    ? argReferenceElement\n    : editor\n      ? {\n          getBoundingClientRect: () =>\n            posToDOMRect(\n              editor.view,\n              editor.view.state.selection.from,\n              editor.view.state.selection.to\n            ),\n        }\n      : null;\n\n  modalService.openModal({\n    Component: LinkModalLazy,\n    componentProps: {\n      initialValue,\n      enabledLinkTypes,\n      onClose: () => modalService.closeModal(LINK_MODAL_ID),\n      onSaveMultiple,\n      onSave,\n      onUnlink,\n      showAltText,\n      initialAltText,\n      renderExtraField,\n    },\n    disableArrowNavigation: true,\n    dragHandleSelector: '[data-drag-handler]',\n    enableDrag: true,\n    id: LINK_MODAL_ID,\n    layout: {\n      desktop: referenceElement ? 'floating' : 'dialog', //TODO: get layout value directly\n      mobile: 'fullscreen',\n    },\n    noPadding: true,\n    ...(referenceElement && {\n      positioning: { placement: placement ?? 'bottom', referenceElement },\n    }),\n    withTransition: true,\n    ...(onClickOutside ? { onClickOutside } : {}),\n    returnFocusToEditor,\n  });\n};\n"],
+  "mappings": "AAKA,SAAS,oBAAoB;AAG7B,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAGvB,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAeM;AACJ,QAAM,mBAAmB,sBACrB,sBACA,SACE;AAAA,IACE,uBAAuB,MACrB;AAAA,MACE,OAAO;AAAA,MACP,OAAO,KAAK,MAAM,UAAU;AAAA,MAC5B,OAAO,KAAK,MAAM,UAAU;AAAA,IAC9B;AAAA,EACJ,IACA;AAEN,eAAa,UAAU;AAAA,IACrB,WAAW;AAAA,IACX,gBAAgB;AAAA,MACd;AAAA,MACA;AAAA,MACA,SAAS,MAAM,aAAa,WAAW,aAAa;AAAA,MACpD;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,wBAAwB;AAAA,IACxB,oBAAoB;AAAA,IACpB,YAAY;AAAA,IACZ,IAAI;AAAA,IACJ,QAAQ;AAAA,MACN,SAAS,mBAAmB,aAAa;AAAA;AAAA,MACzC,QAAQ;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX,GAAI,oBAAoB;AAAA,MACtB,aAAa,EAAE,WAAW,aAAa,UAAU,iBAAiB;AAAA,IACpE;AAAA,IACA,gBAAgB;AAAA,IAChB,GAAI,iBAAiB,EAAE,eAAe,IAAI,CAAC;AAAA,IAC3C;AAAA,EACF,CAAC;AACH;",
   "names": []
 }

package/dist/es/_shared/link-modal/toggle-link-modal.js CHANGED Viewed

@@ -12,7 +12,8 @@ const toggleLinkModal = ({
   returnFocusToEditor,
   enabledLinkTypes,
   showAltText,
-  initialAltText
+  initialAltText,
+  renderExtraField
 }) => modalService.isModalOpen(LINK_MODAL_ID) ? modalService.closeModal(LINK_MODAL_ID) : openLinkModal({
   initialValue,
   modalService,
@@ -25,7 +26,8 @@ const toggleLinkModal = ({
   returnFocusToEditor,
   enabledLinkTypes,
   showAltText,
-  initialAltText
+  initialAltText,
+  renderExtraField
 });
 export {
   toggleLinkModal

package/dist/es/_shared/link-modal/toggle-link-modal.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/link-modal/toggle-link-modal.ts"],
-  "sourcesContent": ["import type { ModalService } from './../../ricos-modals/index.js';\nimport type { Modal, Placement } from './../../ricos-types/index.js';\nimport type { NamedLink } from './../link/types.js';\n\nimport { LINK_MODAL_ID } from './constants.js';\nimport { openLinkModal } from './open-link-modal.js';\nimport type { LinkType } from './open-link-modal/types.js';\n\nexport const toggleLinkModal = ({\n  initialValue,\n  modalService,\n  onSave,\n  onSaveMultiple,\n  onUnlink,\n  referenceElement,\n  placement,\n  onClickOutside,\n  returnFocusToEditor,\n  enabledLinkTypes,\n  showAltText,\n  initialAltText,\n}: {\n  initialValue?: NamedLink | undefined;\n  modalService: ModalService;\n  onSave: (linkData: NamedLink, altText?: string) => void;\n  onUnlink: (linkData: NamedLink) => void;\n  onSaveMultiple?: (links: NamedLink[]) => void;\n  referenceElement?: HTMLElement | null;\n  placement?: Placement;\n  onClickOutside?: Modal['onClickOutside'];\n  returnFocusToEditor?: boolean;\n  enabledLinkTypes?: LinkType[];\n  showAltText?: boolean;\n  initialAltText?: string;\n}) =>\n  modalService.isModalOpen(LINK_MODAL_ID)\n    ? modalService.closeModal(LINK_MODAL_ID)\n    : openLinkModal({\n        initialValue,\n        modalService,\n        onSaveMultiple,\n        onSave,\n        onUnlink,\n        referenceElement,\n        placement,\n        onClickOutside,\n        returnFocusToEditor,\n        enabledLinkTypes,\n        showAltText,\n        initialAltText,\n      });\n"],
-  "mappings": "AAIA,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAGvB,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAcE,aAAa,YAAY,aAAa,IAClC,aAAa,WAAW,aAAa,IACrC,cAAc;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
+  "sourcesContent": ["import type { ReactNode } from 'react';\n\nimport type { ModalService } from './../../ricos-modals/index.js';\nimport type { Modal, Placement } from './../../ricos-types/index.js';\nimport type { NamedLink } from './../link/types.js';\n\nimport { LINK_MODAL_ID } from './constants.js';\nimport { openLinkModal } from './open-link-modal.js';\nimport type { LinkType } from './open-link-modal/types.js';\n\nexport const toggleLinkModal = ({\n  initialValue,\n  modalService,\n  onSave,\n  onSaveMultiple,\n  onUnlink,\n  referenceElement,\n  placement,\n  onClickOutside,\n  returnFocusToEditor,\n  enabledLinkTypes,\n  showAltText,\n  initialAltText,\n  renderExtraField,\n}: {\n  initialValue?: NamedLink | undefined;\n  modalService: ModalService;\n  onSave: (linkData: NamedLink, altText?: string) => void;\n  onUnlink: (linkData: NamedLink) => void;\n  onSaveMultiple?: (links: NamedLink[]) => void;\n  referenceElement?: HTMLElement | null;\n  placement?: Placement;\n  onClickOutside?: Modal['onClickOutside'];\n  returnFocusToEditor?: boolean;\n  enabledLinkTypes?: LinkType[];\n  showAltText?: boolean;\n  initialAltText?: string;\n  renderExtraField?: () => ReactNode;\n}) =>\n  modalService.isModalOpen(LINK_MODAL_ID)\n    ? modalService.closeModal(LINK_MODAL_ID)\n    : openLinkModal({\n        initialValue,\n        modalService,\n        onSaveMultiple,\n        onSave,\n        onUnlink,\n        referenceElement,\n        placement,\n        onClickOutside,\n        returnFocusToEditor,\n        enabledLinkTypes,\n        showAltText,\n        initialAltText,\n        renderExtraField,\n      });\n"],
+  "mappings": "AAMA,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAGvB,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAeE,aAAa,YAAY,aAAa,IAClC,aAAa,WAAW,aAAa,IACrC,cAAc;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "0e34d958";
+var styleDataHash = "098aa8ac";
 const injectCss = (() => {
-  var css = `.JoJgl{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 = `.zEXzk{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": "JoJgl"
+  "divider": "zEXzk"
 };
 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 = '0e34d958';  \nexport const injectCss = (() => {\n  var css = `.JoJgl{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\": \"JoJgl\"\n};"],
+  "sourcesContent": ["var styleDataHash = '098aa8ac';  \nexport const injectCss = (() => {\n  var css = `.zEXzk{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\": \"zEXzk\"\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 = "a3c3ff5a";
+var styleDataHash = "674b8d92";
 const injectCss = (() => {
-  var css = `.OofDm{display:flex}.OofDm:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.w59fW{flex:1}.w59fW [data-hook~=list-item-select-title]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}`;
+  var css = `.OZO0N{display:flex}.OZO0N:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.UzFuP{flex:1}.UzFuP [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": "OofDm",
-  "content": "w59fW"
+  "root": "OZO0N",
+  "content": "UzFuP"
 };
 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 = 'a3c3ff5a';  \nexport const injectCss = (() => {\n  var css = `.OofDm{display:flex}.OofDm:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.w59fW{flex:1}.w59fW [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\": \"OofDm\",\n  \"content\": \"w59fW\"\n};"],
+  "sourcesContent": ["var styleDataHash = '674b8d92';  \nexport const injectCss = (() => {\n  var css = `.OZO0N{display:flex}.OZO0N:focus-visible{outline:5px auto Highlight!important;outline:5px auto -webkit-focus-ring-color!important;outline-offset:-2px}.UzFuP{flex:1}.UzFuP [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\": \"OZO0N\",\n  \"content\": \"UzFuP\"\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 = "173c6f2b";
+var styleDataHash = "9bcfbbce";
 const injectCss = (() => {
-  var css = `.JbZYF{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.JbZYF svg{vertical-align:-3px}._2Sbbf [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.nXz-U{align-items:center;display:flex}`;
+  var css = `.QQ-Wt{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.QQ-Wt svg{vertical-align:-3px}.gZ41d [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.RIqqu{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": "JbZYF",
-  "row": "_2Sbbf",
-  "suffix": "nXz-U"
+  "info": "QQ-Wt",
+  "row": "gZ41d",
+  "suffix": "RIqqu"
 };
 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 = '173c6f2b';  \nexport const injectCss = (() => {\n  var css = `.JbZYF{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.JbZYF svg{vertical-align:-3px}._2Sbbf [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.nXz-U{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\": \"JbZYF\",\n  \"row\": \"_2Sbbf\",\n  \"suffix\": \"nXz-U\"\n};"],
+  "sourcesContent": ["var styleDataHash = '9bcfbbce';  \nexport const injectCss = (() => {\n  var css = `.QQ-Wt{cursor:auto;display:inline-block;line-height:0;margin-block:-1em;margin-inline:4px 1px;pointer-events:all}.QQ-Wt svg{vertical-align:-3px}.gZ41d [data-hook~=list-item-select-content] [data-hook~=list-item-select-title]{overflow:visible}.RIqqu{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\": \"QQ-Wt\",\n  \"row\": \"gZ41d\",\n  \"suffix\": \"RIqqu\"\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 = "536f6713";
+var styleDataHash = "01cb226a";
 const injectCss = (() => {
-  var css = `.lBirk{left:0;position:relative;top:0;width:100%}.lBirk:before{content:"";cursor:move;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}`;
+  var css = `.BNjQa{left:0;position:relative;top:0;width:100%}.BNjQa: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": "lBirk"
+  "overlay": "BNjQa"
 };
 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 = '536f6713';  \nexport const injectCss = (() => {\n  var css = `.lBirk{left:0;position:relative;top:0;width:100%}.lBirk: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\": \"lBirk\"\n};"],
+  "sourcesContent": ["var styleDataHash = '01cb226a';  \nexport const injectCss = (() => {\n  var css = `.BNjQa{left:0;position:relative;top:0;width:100%}.BNjQa: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\": \"BNjQa\"\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-link-button.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { getNodeInSelection } from "../resolvers/get-node-in-selection.js";
 import { getNodeLinkData } from "../resolvers/get-node-link-data.js";
 import { isLinkOrAnchorInSelection } from "../resolvers/is-link-or-anchor-in-selection.js";
 import { PLUGIN_TOOLBAR_BUTTON_ID } from "./plugin-toolbar-buttons-ids.js";
-const createLinkButton = (services, { withAltText } = {}) => {
+const createLinkButton = (services, { withAltText, ExtraField } = {}) => {
   return {
     id: PLUGIN_TOOLBAR_BUTTON_ID.LINK,
     type: "modal",
@@ -22,27 +22,26 @@ const createLinkButton = (services, { withAltText } = {}) => {
     tooltip: "ButtonModal_Button_Link",
     icon: Link,
     command: ({ modals, referenceElement, tiptapEditor, attributes }) => {
+      const nodeId = attributes.selectedNode?.attrs.id;
       const onSave = (link, altText) => {
-        const attrs = attributes.selectedNode.attrs;
-        tiptapEditor.chain().focus().setNodeAttrsById(attrs.id, {
-          ...attrs,
+        tiptapEditor.chain().focus().updateNodeAttrsById(nodeId, {
           link,
           ...withAltText ? { altText: altText ?? null } : {}
         }).run();
         services.pluginsEvents.publishPluginLinkable({
           pluginId: attributes.selectedNode.type.name,
-          nodeId: attributes.selectedNode.attrs.id,
+          nodeId,
           link: link.url,
           newTab: link.target === Link_Target.BLANK,
           nofollow: link.rel?.nofollow
         });
       };
       const onUnlink = () => {
-        const { link, ...attrs } = attributes.selectedNode?.attrs ?? {};
-        if (withAltText) {
-          attrs.altText = null;
-        }
-        tiptapEditor.chain().focus().setNodeAttrsById(attrs.id, attrs).run();
+        tiptapEditor.chain().focus().updateNodeAttrsById(nodeId, {
+          link: null,
+          // The alt text belongs to the link (see LinkButtonOptions), so unlinking removes it too.
+          ...withAltText ? { altText: null } : {}
+        }).run();
       };
       return toggleLinkModal({
         initialValue: attributes.linkData,
@@ -51,7 +50,8 @@ const createLinkButton = (services, { withAltText } = {}) => {
         onUnlink,
         referenceElement,
         showAltText: withAltText,
-        initialAltText: withAltText ? attributes.selectedNode?.attrs?.altText ?? void 0 : void 0
+        initialAltText: withAltText ? attributes.selectedNode?.attrs?.altText ?? void 0 : void 0,
+        renderExtraField: ExtraField && (() => /* @__PURE__ */ React.createElement(ExtraField, { nodeId }))
       });
     }
   };

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/plugin-toolbar/create-link-button.tsx"],
-  "sourcesContent": ["import { Link } from '@wix/wix-ui-icons-common/lazy';\nimport React from 'react';\n\nimport { Link_Target } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { RicosServices, ToolbarButton } from './../../ricos-types/index.js';\nimport { LinkButton } from './../../toolbars-v3/index.js';\n\nimport { PLUGIN_TOOLBAR_LINK_BUTTON } from '../data-hooks.js';\nimport { toggleLinkModal } from '../link-modal/toggle-link-modal.js';\nimport type { NamedLink } from '../link/types.js';\nimport { getNodeInSelection } from '../resolvers/get-node-in-selection.js';\nimport { getNodeLinkData } from '../resolvers/get-node-link-data.js';\nimport { isLinkOrAnchorInSelection } from '../resolvers/is-link-or-anchor-in-selection.js';\nimport { PLUGIN_TOOLBAR_BUTTON_ID } from './plugin-toolbar-buttons-ids.js';\n\ntype LinkButtonOptions = {\n  /** Adds an alt text input to the link modal, stored as the node's `altText` attribute — for\n   *  nodes whose link has no accessible name of its own (e.g. shapes, whose svg is aria-hidden). */\n  withAltText?: boolean;\n};\n\nexport const createLinkButton = (\n  services: RicosServices,\n  { withAltText }: LinkButtonOptions = {}\n): ToolbarButton => {\n  return {\n    id: PLUGIN_TOOLBAR_BUTTON_ID.LINK,\n    type: 'modal',\n    attributes: {\n      active: isLinkOrAnchorInSelection,\n      linkData: getNodeLinkData,\n      selectedNode: getNodeInSelection,\n    },\n    renderer: toolbarItem => <LinkButton toolbarItem={toolbarItem} />,\n    dataHook: PLUGIN_TOOLBAR_LINK_BUTTON,\n    tooltip: 'ButtonModal_Button_Link',\n    icon: Link,\n    command: ({ modals, referenceElement, tiptapEditor, attributes }) => {\n      const onSave = (link: NamedLink, altText?: string) => {\n        const attrs = attributes.selectedNode.attrs;\n        tiptapEditor\n          .chain()\n          .focus()\n          .setNodeAttrsById(attrs.id, {\n            ...attrs,\n            link,\n            ...(withAltText ? { altText: altText ?? null } : {}),\n          })\n          .run();\n\n        services.pluginsEvents.publishPluginLinkable({\n          pluginId: attributes.selectedNode.type.name,\n          nodeId: attributes.selectedNode.attrs.id,\n          link: link.url,\n          newTab: link.target === Link_Target.BLANK,\n          nofollow: link.rel?.nofollow,\n        });\n      };\n\n      const onUnlink = () => {\n        const { link, ...attrs } = attributes.selectedNode?.attrs ?? {};\n        if (withAltText) {\n          // The alt text belongs to the link (see LinkButtonOptions), so unlinking removes it too.\n          attrs.altText = null;\n        }\n        tiptapEditor.chain().focus().setNodeAttrsById(attrs.id, attrs).run();\n      };\n\n      return toggleLinkModal({\n        initialValue: attributes.linkData,\n        modalService: modals,\n        onSave,\n        onUnlink,\n        referenceElement,\n        showAltText: withAltText,\n        initialAltText: withAltText\n          ? (attributes.selectedNode?.attrs?.altText ?? undefined)\n          : undefined,\n      });\n    },\n  };\n};\n"],
-  "mappings": "AAAA,SAAS,YAAY;AACrB,OAAO,WAAW;AAElB,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAE3B,SAAS,kCAAkC;AAC3C,SAAS,uBAAuB;AAEhC,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AAQlC,MAAM,mBAAmB,CAC9B,UACA,EAAE,YAAY,IAAuB,CAAC,MACpB;AAClB,SAAO;AAAA,IACL,IAAI,yBAAyB;AAAA,IAC7B,MAAM;AAAA,IACN,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,cAAc;AAAA,IAChB;AAAA,IACA,UAAU,iBAAe,oCAAC,cAAW,aAA0B;AAAA,IAC/D,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS,CAAC,EAAE,QAAQ,kBAAkB,cAAc,WAAW,MAAM;AACnE,YAAM,SAAS,CAAC,MAAiB,YAAqB;AACpD,cAAM,QAAQ,WAAW,aAAa;AACtC,qBACG,MAAM,EACN,MAAM,EACN,iBAAiB,MAAM,IAAI;AAAA,UAC1B,GAAG;AAAA,UACH;AAAA,UACA,GAAI,cAAc,EAAE,SAAS,WAAW,KAAK,IAAI,CAAC;AAAA,QACpD,CAAC,EACA,IAAI;AAEP,iBAAS,cAAc,sBAAsB;AAAA,UAC3C,UAAU,WAAW,aAAa,KAAK;AAAA,UACvC,QAAQ,WAAW,aAAa,MAAM;AAAA,UACtC,MAAM,KAAK;AAAA,UACX,QAAQ,KAAK,WAAW,YAAY;AAAA,UACpC,UAAU,KAAK,KAAK;AAAA,QACtB,CAAC;AAAA,MACH;AAEA,YAAM,WAAW,MAAM;AACrB,cAAM,EAAE,MAAM,GAAG,MAAM,IAAI,WAAW,cAAc,SAAS,CAAC;AAC9D,YAAI,aAAa;AAEf,gBAAM,UAAU;AAAA,QAClB;AACA,qBAAa,MAAM,EAAE,MAAM,EAAE,iBAAiB,MAAM,IAAI,KAAK,EAAE,IAAI;AAAA,MACrE;AAEA,aAAO,gBAAgB;AAAA,QACrB,cAAc,WAAW;AAAA,QACzB,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb,gBAAgB,cACX,WAAW,cAAc,OAAO,WAAW,SAC5C;AAAA,MACN,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
+  "sourcesContent": ["import { Link } from '@wix/wix-ui-icons-common/lazy';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { Link_Target } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { RicosServices, ToolbarButton } from './../../ricos-types/index.js';\nimport { LinkButton } from './../../toolbars-v3/index.js';\n\nimport { PLUGIN_TOOLBAR_LINK_BUTTON } from '../data-hooks.js';\nimport { toggleLinkModal } from '../link-modal/toggle-link-modal.js';\nimport type { NamedLink } from '../link/types.js';\nimport { getNodeInSelection } from '../resolvers/get-node-in-selection.js';\nimport { getNodeLinkData } from '../resolvers/get-node-link-data.js';\nimport { isLinkOrAnchorInSelection } from '../resolvers/is-link-or-anchor-in-selection.js';\nimport { PLUGIN_TOOLBAR_BUTTON_ID } from './plugin-toolbar-buttons-ids.js';\n\ntype LinkButtonOptions = {\n  /** Adds an alt text input to the link modal, stored as the node's `altText` attribute — for\n   *  nodes whose link has no accessible name of its own (e.g. shapes, whose svg is aria-hidden). */\n  withAltText?: boolean;\n  /** Rendered above the link fields for the selected node — see `renderExtraField`. */\n  ExtraField?: FC<{ nodeId: string }>;\n};\n\nexport const createLinkButton = (\n  services: RicosServices,\n  { withAltText, ExtraField }: LinkButtonOptions = {}\n): ToolbarButton => {\n  return {\n    id: PLUGIN_TOOLBAR_BUTTON_ID.LINK,\n    type: 'modal',\n    attributes: {\n      active: isLinkOrAnchorInSelection,\n      linkData: getNodeLinkData,\n      selectedNode: getNodeInSelection,\n    },\n    renderer: toolbarItem => <LinkButton toolbarItem={toolbarItem} />,\n    dataHook: PLUGIN_TOOLBAR_LINK_BUTTON,\n    tooltip: 'ButtonModal_Button_Link',\n    icon: Link,\n    command: ({ modals, referenceElement, tiptapEditor, attributes }) => {\n      // `selectedNode` is a snapshot from when the modal opened, so merge into the node's current\n      // attrs rather than writing it back — an `ExtraField` may have changed them since.\n      const nodeId = attributes.selectedNode?.attrs.id;\n\n      const onSave = (link: NamedLink, altText?: string) => {\n        tiptapEditor\n          .chain()\n          .focus()\n          .updateNodeAttrsById(nodeId, {\n            link,\n            ...(withAltText ? { altText: altText ?? null } : {}),\n          })\n          .run();\n\n        services.pluginsEvents.publishPluginLinkable({\n          pluginId: attributes.selectedNode.type.name,\n          nodeId,\n          link: link.url,\n          newTab: link.target === Link_Target.BLANK,\n          nofollow: link.rel?.nofollow,\n        });\n      };\n\n      const onUnlink = () => {\n        tiptapEditor\n          .chain()\n          .focus()\n          .updateNodeAttrsById(nodeId, {\n            link: null,\n            // The alt text belongs to the link (see LinkButtonOptions), so unlinking removes it too.\n            ...(withAltText ? { altText: null } : {}),\n          })\n          .run();\n      };\n\n      return toggleLinkModal({\n        initialValue: attributes.linkData,\n        modalService: modals,\n        onSave,\n        onUnlink,\n        referenceElement,\n        showAltText: withAltText,\n        initialAltText: withAltText\n          ? (attributes.selectedNode?.attrs?.altText ?? undefined)\n          : undefined,\n        renderExtraField: ExtraField && (() => <ExtraField nodeId={nodeId} />),\n      });\n    },\n  };\n};\n"],
+  "mappings": "AAAA,SAAS,YAAY;AAErB,OAAO,WAAW;AAElB,SAAS,mBAAmB;AAE5B,SAAS,kBAAkB;AAE3B,SAAS,kCAAkC;AAC3C,SAAS,uBAAuB;AAEhC,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,iCAAiC;AAC1C,SAAS,gCAAgC;AAUlC,MAAM,mBAAmB,CAC9B,UACA,EAAE,aAAa,WAAW,IAAuB,CAAC,MAChC;AAClB,SAAO;AAAA,IACL,IAAI,yBAAyB;AAAA,IAC7B,MAAM;AAAA,IACN,YAAY;AAAA,MACV,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,cAAc;AAAA,IAChB;AAAA,IACA,UAAU,iBAAe,oCAAC,cAAW,aAA0B;AAAA,IAC/D,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,IACN,SAAS,CAAC,EAAE,QAAQ,kBAAkB,cAAc,WAAW,MAAM;AAGnE,YAAM,SAAS,WAAW,cAAc,MAAM;AAE9C,YAAM,SAAS,CAAC,MAAiB,YAAqB;AACpD,qBACG,MAAM,EACN,MAAM,EACN,oBAAoB,QAAQ;AAAA,UAC3B;AAAA,UACA,GAAI,cAAc,EAAE,SAAS,WAAW,KAAK,IAAI,CAAC;AAAA,QACpD,CAAC,EACA,IAAI;AAEP,iBAAS,cAAc,sBAAsB;AAAA,UAC3C,UAAU,WAAW,aAAa,KAAK;AAAA,UACvC;AAAA,UACA,MAAM,KAAK;AAAA,UACX,QAAQ,KAAK,WAAW,YAAY;AAAA,UACpC,UAAU,KAAK,KAAK;AAAA,QACtB,CAAC;AAAA,MACH;AAEA,YAAM,WAAW,MAAM;AACrB,qBACG,MAAM,EACN,MAAM,EACN,oBAAoB,QAAQ;AAAA,UAC3B,MAAM;AAAA;AAAA,UAEN,GAAI,cAAc,EAAE,SAAS,KAAK,IAAI,CAAC;AAAA,QACzC,CAAC,EACA,IAAI;AAAA,MACT;AAEA,aAAO,gBAAgB;AAAA,QACrB,cAAc,WAAW;AAAA,QACzB,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACA,aAAa;AAAA,QACb,gBAAgB,cACX,WAAW,cAAc,OAAO,WAAW,SAC5C;AAAA,QACJ,kBAAkB,eAAe,MAAM,oCAAC,cAAW,QAAgB;AAAA,MACrE,CAAC;AAAA,IACH;AAAA,EACF;AACF;",
   "names": []
 }

package/dist/es/_shared/plugin-toolbar/plugin-toolbar-buttons-ids.js CHANGED Viewed

@@ -6,6 +6,7 @@ const PLUGIN_TOOLBAR_BUTTON_ID = {
   SETTINGS_WITH_LABEL: "settings-with-label",
   REPLACE: "replace",
   LINK: "link",
+  TEXT: "text",
   SIZE: "size",
   SEPARATOR: "separator",
   COLOR: "color"

package/dist/es/_shared/plugin-toolbar/plugin-toolbar-buttons-ids.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/_shared/plugin-toolbar/plugin-toolbar-buttons-ids.ts"],
-  "sourcesContent": ["export const PLUGIN_TOOLBAR_BUTTON_ID = {\n  DELETE: 'delete',\n  ALIGNMENT: 'alignment',\n  ANIMATION: 'animation',\n  SETTINGS: 'settings',\n  SETTINGS_WITH_LABEL: 'settings-with-label',\n  REPLACE: 'replace',\n  LINK: 'link',\n  SIZE: 'size',\n  SEPARATOR: 'separator',\n  COLOR: 'color',\n};\n"],
-  "mappings": "AAAO,MAAM,2BAA2B;AAAA,EACtC,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AACT;",
+  "sourcesContent": ["export const PLUGIN_TOOLBAR_BUTTON_ID = {\n  DELETE: 'delete',\n  ALIGNMENT: 'alignment',\n  ANIMATION: 'animation',\n  SETTINGS: 'settings',\n  SETTINGS_WITH_LABEL: 'settings-with-label',\n  REPLACE: 'replace',\n  LINK: 'link',\n  TEXT: 'text',\n  SIZE: 'size',\n  SEPARATOR: 'separator',\n  COLOR: 'color',\n};\n"],
+  "mappings": "AAAO,MAAM,2BAA2B;AAAA,EACtC,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,OAAO;AACT;",
   "names": []
 }

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

@@ -1,6 +1,6 @@
-var styleDataHash = "0661c7c3";
+var styleDataHash = "0a463dfb";
 const injectCss = (() => {
-  var css = `.ocIOh{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.EnCvp{height:42px}`;
+  var css = `.eNEo7{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.-j0SA{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": "ocIOh",
-  "mobileSeparator": "EnCvp"
+  "separator": "eNEo7",
+  "mobileSeparator": "-j0SA"
 };
 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 = '0661c7c3';  \nexport const injectCss = (() => {\n  var css = `.ocIOh{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.EnCvp{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\": \"ocIOh\",\n  \"mobileSeparator\": \"EnCvp\"\n};"],
+  "sourcesContent": ["var styleDataHash = '0a463dfb';  \nexport const injectCss = (() => {\n  var css = `.eNEo7{display:flex;height:var(--ricos-settings-dividers-height,36px);margin-block:-3px;width:1px;--wds-divider-fill-light:var(--ricos-settings-dividers-color)}.-j0SA{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\": \"eNEo7\",\n  \"mobileSeparator\": \"-j0SA\"\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 = "e11b0850";
+var styleDataHash = "75046a0a";
 const injectCss = (() => {
-  var css = `.A2cIf{display:flex;max-width:270px}.YpBuL{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.A2cIf{max-width:160px}}}@container (width < 480px){.A2cIf:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.A2cIf:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .A2cIf{max-width:160px}}`;
+  var css = `.N0mF6{display:flex;max-width:270px}.jhpz-{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.N0mF6{max-width:160px}}}@container (width < 480px){.N0mF6:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.N0mF6:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .N0mF6{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": "A2cIf",
-  "toolbarUrl": "YpBuL"
+  "toolbarUrlContainer": "N0mF6",
+  "toolbarUrl": "jhpz-"
 };
 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 = 'e11b0850';  \nexport const injectCss = (() => {\n  var css = `.A2cIf{display:flex;max-width:270px}.YpBuL{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.A2cIf{max-width:160px}}}@container (width < 480px){.A2cIf:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.A2cIf:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .A2cIf{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\": \"A2cIf\",\n  \"toolbarUrl\": \"YpBuL\"\n};"],
+  "sourcesContent": ["var styleDataHash = '75046a0a';  \nexport const injectCss = (() => {\n  var css = `.N0mF6{display:flex;max-width:270px}.jhpz-{margin:0 4px;min-width:0}@supports not (contain:inline-size){@media only screen and (max-width:480px){.N0mF6{max-width:160px}}}@container (width < 480px){.N0mF6:where(:not([data-ricos-responsive=viewport],[data-ricos-responsive=viewport] *)){max-width:160px}}@media (width < 480px){.N0mF6:where([data-ricos-responsive=viewport]),:where([data-ricos-responsive=viewport]) .N0mF6{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\": \"N0mF6\",\n  \"toolbarUrl\": \"jhpz-\"\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 = "bbf71684";
+var styleDataHash = "7351c230";
 const injectCss = (() => {
-  var css = `.Snbp1{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}.Snbp1>*{flex-shrink:0}.kQb0V{display:flex;position:relative}.kQb0V .kUT5E{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}.kQb0V:focus-within .kUT5E,.kQb0V:hover .kUT5E{opacity:1}.nqf1B{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}.nqf1B.Fc2Gd{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}._8rZZQ{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}.vIPRy{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 = `.KEp2T{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}.KEp2T>*{flex-shrink:0}._9Slw7{display:flex;position:relative}._9Slw7 .fq0Xj{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}._9Slw7:focus-within .fq0Xj,._9Slw7:hover .fq0Xj{opacity:1}.y--9A{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}.y--9A._6NIBe{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}.A6AMm{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}.Zm4va{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": "Snbp1",
-  "attachmentWrapper": "kQb0V",
-  "removeButton": "kUT5E",
-  "fileAttachment": "nqf1B",
-  "error": "Fc2Gd",
-  "statusIconContainer": "_8rZZQ",
-  "fileAttacmentIcon": "vIPRy"
+  "root": "KEp2T",
+  "attachmentWrapper": "_9Slw7",
+  "removeButton": "fq0Xj",
+  "fileAttachment": "y--9A",
+  "error": "_6NIBe",
+  "statusIconContainer": "A6AMm",
+  "fileAttacmentIcon": "Zm4va"
 };
 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 = 'bbf71684';  \nexport const injectCss = (() => {\n  var css = `.Snbp1{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}.Snbp1>*{flex-shrink:0}.kQb0V{display:flex;position:relative}.kQb0V .kUT5E{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}.kQb0V:focus-within .kUT5E,.kQb0V:hover .kUT5E{opacity:1}.nqf1B{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}.nqf1B.Fc2Gd{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}._8rZZQ{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}.vIPRy{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\": \"Snbp1\",\n  \"attachmentWrapper\": \"kQb0V\",\n  \"removeButton\": \"kUT5E\",\n  \"fileAttachment\": \"nqf1B\",\n  \"error\": \"Fc2Gd\",\n  \"statusIconContainer\": \"_8rZZQ\",\n  \"fileAttacmentIcon\": \"vIPRy\"\n};"],
+  "sourcesContent": ["var styleDataHash = '7351c230';  \nexport const injectCss = (() => {\n  var css = `.KEp2T{display:flex;flex-direction:row;gap:6px;height:48px;min-height:48px;overflow:visible;white-space:nowrap;width:100%}.KEp2T>*{flex-shrink:0}._9Slw7{display:flex;position:relative}._9Slw7 .fq0Xj{opacity:0;position:absolute;right:0;top:0;transform:translate(50%,-50%);transition:opacity .2s ease-in-out}._9Slw7:focus-within .fq0Xj,._9Slw7:hover .fq0Xj{opacity:1}.y--9A{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}.y--9A._6NIBe{border-color:var(--wds-color-border-destructive-secondary-active,var(--wsr-color-R10,#e62214))}.A6AMm{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}.Zm4va{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\": \"KEp2T\",\n  \"attachmentWrapper\": \"_9Slw7\",\n  \"removeButton\": \"fq0Xj\",\n  \"fileAttachment\": \"y--9A\",\n  \"error\": \"_6NIBe\",\n  \"statusIconContainer\": \"A6AMm\",\n  \"fileAttacmentIcon\": \"Zm4va\"\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": []
 }