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/cjs/plugin-button/testkit/button-settings.uni.driver.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-button/testkit/button-settings.uni.driver.ts"],
-  "sourcesContent": ["import { InputUniDriver, TabsUniDriver } from '@wix/design-system/dist/testkit/unidriver.js';\n\nimport type { BaseUniDriver } from './../../ricos-types/testkit.js';\nimport type { LinkModalUnidriver } from './../../_shared/link-modal/create-link-modal-unidriver.js';\nimport { createLinkModalUnidriver } from './../../_shared/link-modal/create-link-modal-unidriver.js';\nimport { dataHook } from './../../wix-rich-content-common/index.js';\nimport type { ButtonColorSwatchesUniDriver } from './../../ui-components/testkit.js';\nimport {\n  createButtonColorSwatchesUniDriver,\n  createNewColorPickerUniDriver,\n} from './../../ui-components/testkit.js';\n\nimport {\n  DESIGN_SETTINGS_BACKGROUND_COLOR_INPUT,\n  DESIGN_SETTINGS_BORDER_COLOR_INPUT,\n  DESIGN_SETTINGS_TEXT_COLOR_INPUT,\n  GENERAL_SETTINGS_BUTTON_TEXT_INPUT,\n  SETTINGS_MODAL,\n  SETTINGS_TABS,\n} from '../data-hooks.js';\n\nexport type ButtonSettingsUniDriver = {\n  settingsModal: {\n    waitForElement: () => Promise<void>;\n    exists: () => Promise<boolean>;\n    settings: {\n      tabs: ReturnType<typeof TabsUniDriver> & { waitForElement: () => Promise<void> };\n      textInput: ReturnType<typeof InputUniDriver> & { waitForElement: () => Promise<void> };\n    };\n    design: {\n      textColor: ButtonColorSwatchesUniDriver;\n      borderColor: ButtonColorSwatchesUniDriver;\n      backgroundColor: ButtonColorSwatchesUniDriver;\n    };\n  };\n  linkModal: LinkModalUnidriver;\n  colorPickerModal: ReturnType<typeof createNewColorPickerUniDriver>;\n};\n\nexport const createButtonSettingsUniDriver: BaseUniDriver<ButtonSettingsUniDriver> = getBase => {\n  return {\n    settingsModal: {\n      waitForElement: async () => {\n        const modal = await getBase().get(`div${dataHook(SETTINGS_MODAL)}`);\n        await modal.wait();\n      },\n      exists: async () => {\n        try {\n          const modal = await getBase().get(`div${dataHook(SETTINGS_MODAL)}`);\n          return modal.exists();\n        } catch {\n          return false;\n        }\n      },\n      settings: {\n        tabs: {\n          ...TabsUniDriver(getBase(), getBase()),\n          waitForElement: async () => {\n            const tabs = await getBase().get(dataHook(SETTINGS_TABS));\n            await tabs.wait();\n          },\n        },\n        textInput: {\n          waitForElement: async () => {\n            await getBase().get(dataHook(GENERAL_SETTINGS_BUTTON_TEXT_INPUT));\n          },\n          ...InputUniDriver(getBase().$(dataHook(GENERAL_SETTINGS_BUTTON_TEXT_INPUT)), getBase()),\n        },\n      },\n      design: {\n        textColor: createButtonColorSwatchesUniDriver(() =>\n          getBase().$(dataHook(DESIGN_SETTINGS_TEXT_COLOR_INPUT))\n        ),\n        borderColor: createButtonColorSwatchesUniDriver(() =>\n          getBase().$(dataHook(DESIGN_SETTINGS_BORDER_COLOR_INPUT))\n        ),\n        backgroundColor: createButtonColorSwatchesUniDriver(() =>\n          getBase().$(dataHook(DESIGN_SETTINGS_BACKGROUND_COLOR_INPUT))\n        ),\n      },\n    },\n    linkModal: createLinkModalUnidriver(getBase),\n    colorPickerModal: createNewColorPickerUniDriver(getBase),\n  };\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA8C;AAI9C,yCAAyC;AACzC,qCAAyB;AAEzB,qBAGO;AAEP,wBAOO;AAoBA,MAAM,gCAAwE,aAAW;AAC9F,SAAO;AAAA,IACL,eAAe;AAAA,MACb,gBAAgB,YAAY;AAC1B,cAAM,QAAQ,MAAM,QAAQ,EAAE,IAAI,UAAM,yCAAS,gCAAc,CAAC,EAAE;AAClE,cAAM,MAAM,KAAK;AAAA,MACnB;AAAA,MACA,QAAQ,YAAY;AAClB,YAAI;AACF,gBAAM,QAAQ,MAAM,QAAQ,EAAE,IAAI,UAAM,yCAAS,gCAAc,CAAC,EAAE;AAClE,iBAAO,MAAM,OAAO;AAAA,QACtB,QAAQ;AACN,iBAAO;AAAA,QACT;AAAA,MACF;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,UACJ,OAAG,gCAAc,QAAQ,GAAG,QAAQ,CAAC;AAAA,UACrC,gBAAgB,YAAY;AAC1B,kBAAM,OAAO,MAAM,QAAQ,EAAE,QAAI,yCAAS,+BAAa,CAAC;AACxD,kBAAM,KAAK,KAAK;AAAA,UAClB;AAAA,QACF;AAAA,QACA,WAAW;AAAA,UACT,gBAAgB,YAAY;AAC1B,kBAAM,QAAQ,EAAE,QAAI,yCAAS,oDAAkC,CAAC;AAAA,UAClE;AAAA,UACA,OAAG,iCAAe,QAAQ,EAAE,MAAE,yCAAS,oDAAkC,CAAC,GAAG,QAAQ,CAAC;AAAA,QACxF;AAAA,MACF;AAAA,MACA,QAAQ;AAAA,QACN,eAAW;AAAA,UAAmC,MAC5C,QAAQ,EAAE,MAAE,yCAAS,kDAAgC,CAAC;AAAA,QACxD;AAAA,QACA,iBAAa;AAAA,UAAmC,MAC9C,QAAQ,EAAE,MAAE,yCAAS,oDAAkC,CAAC;AAAA,QAC1D;AAAA,QACA,qBAAiB;AAAA,UAAmC,MAClD,QAAQ,EAAE,MAAE,yCAAS,wDAAsC,CAAC;AAAA,QAC9D;AAAA,MACF;AAAA,IACF;AAAA,IACA,eAAW,6DAAyB,OAAO;AAAA,IAC3C,sBAAkB,8CAA8B,OAAO;AAAA,EACzD;AACF;",
-  "names": []
+  "sourcesContent": ["import { InputUniDriver, TabsUniDriver } from '@wix/design-system/dist/testkit/unidriver.js';\n\nimport type { BaseUniDriver } from './../../ricos-types/testkit.js';\nimport { PLUGIN_TOOLBAR_LINK_BUTTON, PLUGIN_TOOLBAR_SETTINGS_BUTTON } from './../../_shared/data-hooks.js';\nimport type { LinkModalUnidriver } from './../../_shared/link-modal/create-link-modal-unidriver.js';\nimport { createLinkModalUnidriver } from './../../_shared/link-modal/create-link-modal-unidriver.js';\nimport { dataHook } from './../../wix-rich-content-common/index.js';\nimport type { ButtonColorSwatchesUniDriver } from './../../ui-components/testkit.js';\nimport {\n  createButtonColorSwatchesUniDriver,\n  createNewColorPickerUniDriver,\n} from './../../ui-components/testkit.js';\n\nimport {\n  DESIGN_SETTINGS_BACKGROUND_COLOR_INPUT,\n  DESIGN_SETTINGS_BORDER_COLOR_INPUT,\n  DESIGN_SETTINGS_TEXT_COLOR_INPUT,\n  GENERAL_SETTINGS_BUTTON_TEXT_INPUT,\n  PLUGIN_TOOLBAR_TEXT_BUTTON,\n  SETTINGS_MODAL,\n  TEXT_MODAL,\n} from '../data-hooks.js';\n\ntype TextInputUniDriver = ReturnType<typeof InputUniDriver> & {\n  waitForElement: () => Promise<void>;\n};\n\nexport type ButtonSettingsUniDriver = {\n  settingsModal: {\n    /** Also matches the action button text modal, which used to be part of this modal. */\n    waitForElement: () => Promise<void>;\n    /** Also matches the action button text modal, which used to be part of this modal. */\n    exists: () => Promise<boolean>;\n    settings: {\n      /**\n       * @deprecated The settings modal has no tabs anymore. `clickTabAt(0)` opens the modal\n       * holding `textInput`, `clickTabAt(1)` the settings modal with `settingsModal.design`.\n       */\n      tabs: ReturnType<typeof TabsUniDriver> & { waitForElement: () => Promise<void> };\n      /**\n       * @deprecated Use `textInput`. The field moved out of the settings modal, so this\n       * opens the modal that holds it now before every call.\n       */\n      textInput: TextInputUniDriver;\n    };\n    design: {\n      textColor: ButtonColorSwatchesUniDriver;\n      borderColor: ButtonColorSwatchesUniDriver;\n      backgroundColor: ButtonColorSwatchesUniDriver;\n    };\n  };\n  /** The button text field — in the link modal for link buttons, the text modal for action buttons. */\n  textInput: TextInputUniDriver;\n  linkModal: LinkModalUnidriver;\n  colorPickerModal: ReturnType<typeof createNewColorPickerUniDriver>;\n};\n\nexport const createButtonSettingsUniDriver: BaseUniDriver<ButtonSettingsUniDriver> = getBase => {\n  // Plugin panels are exclusive, so at most one of the two is open.\n  const settingsModal = `div${dataHook(SETTINGS_MODAL)}, div${dataHook(TEXT_MODAL)}`;\n  const waitForSettingsModal = async () => {\n    const modal = await getBase().get(settingsModal);\n    await modal.wait();\n  };\n  const textInput: TextInputUniDriver = {\n    waitForElement: async () => {\n      await getBase().get(dataHook(GENERAL_SETTINGS_BUTTON_TEXT_INPUT));\n    },\n    ...InputUniDriver(getBase().$(dataHook(GENERAL_SETTINGS_BUTTON_TEXT_INPUT)), getBase()),\n  };\n  const openTextField = async () => {\n    if (await getBase().$(dataHook(GENERAL_SETTINGS_BUTTON_TEXT_INPUT)).exists()) {\n      return;\n    }\n    // Action buttons have a text modal of their own, link buttons keep the field in the link modal.\n    const textButton = getBase().$(dataHook(PLUGIN_TOOLBAR_TEXT_BUTTON));\n    const linkButton = getBase().$(dataHook(PLUGIN_TOOLBAR_LINK_BUTTON));\n    await ((await textButton.exists()) ? textButton : linkButton).click();\n    await textInput.waitForElement();\n  };\n  const openDesign = async () => {\n    if (await getBase().$(dataHook(DESIGN_SETTINGS_TEXT_COLOR_INPUT)).exists()) {\n      return;\n    }\n    await getBase().$(dataHook(PLUGIN_TOOLBAR_SETTINGS_BUTTON)).click();\n    await getBase().get(dataHook(DESIGN_SETTINGS_TEXT_COLOR_INPUT));\n  };\n  // In the old tab order.\n  const openTab = [openTextField, openDesign];\n\n  return {\n    settingsModal: {\n      waitForElement: waitForSettingsModal,\n      exists: async () => {\n        try {\n          const modal = await getBase().get(settingsModal);\n          return modal.exists();\n        } catch {\n          return false;\n        }\n      },\n      settings: {\n        tabs: {\n          ...TabsUniDriver(getBase(), getBase()),\n          waitForElement: waitForSettingsModal,\n          clickTabAt: async index => {\n            const open = openTab[index];\n            if (!open) {\n              throw new Error(`The button settings modal had no tab at index ${index}`);\n            }\n            await open();\n          },\n        },\n        textInput: Object.fromEntries(\n          Object.entries(textInput).map(([key, value]) => [\n            key,\n            typeof value === 'function'\n              ? async (...args: unknown[]) => {\n                  await openTextField();\n                  return (value as (...args: unknown[]) => unknown)(...args);\n                }\n              : value,\n          ])\n        ) as TextInputUniDriver,\n      },\n      design: {\n        textColor: createButtonColorSwatchesUniDriver(() =>\n          getBase().$(dataHook(DESIGN_SETTINGS_TEXT_COLOR_INPUT))\n        ),\n        borderColor: createButtonColorSwatchesUniDriver(() =>\n          getBase().$(dataHook(DESIGN_SETTINGS_BORDER_COLOR_INPUT))\n        ),\n        backgroundColor: createButtonColorSwatchesUniDriver(() =>\n          getBase().$(dataHook(DESIGN_SETTINGS_BACKGROUND_COLOR_INPUT))\n        ),\n      },\n    },\n    textInput,\n    linkModal: createLinkModalUnidriver(getBase),\n    colorPickerModal: createNewColorPickerUniDriver(getBase),\n  };\n};\n"],
+  "mappings": "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",
+  "names": ["import_data_hooks"]
 }

package/dist/cjs/plugin-button/testkit/button.testkit.js CHANGED Viewed

@@ -44,7 +44,15 @@ const createButtonTestkit = (buttonType, tag) => (getBase) => {
             }
           },
           click: async () => (await getButton(index)).click(),
-          getText: async () => (await getButton(index)).text(),
+          getText: async () => {
+            const button = await getButton(index);
+            const input = button.$((0, import_wix_rich_content_common.dataHook)(import_data_hooks2.INLINE_TEXT_INPUT));
+            return await input.exists() ? input.value() : button.text();
+          },
+          getTextInputElement: async () => {
+            const input = await (await getButton(index)).get((0, import_wix_rich_content_common.dataHook)(import_data_hooks2.INLINE_TEXT_INPUT));
+            return await input.getNative();
+          },
           getLink: async () => (await getButton(index)).attr("href"),
           getStyles: async () => {
             const btn = await getButton(index);
@@ -74,6 +82,12 @@ const createButtonTestkit = (buttonType, tag) => (getBase) => {
           );
           await settings.click();
         },
+        openTextModal: async () => {
+          const text = await getPluginToolbarBase(buttonType).get(
+            (0, import_wix_rich_content_common.dataHook)(import_data_hooks2.PLUGIN_TOOLBAR_TEXT_BUTTON)
+          );
+          await text.click();
+        },
         openLinkModal: async () => {
           const link = await getPluginToolbarBase(buttonType).get(
             (0, import_wix_rich_content_common.dataHook)(import_data_hooks.PLUGIN_TOOLBAR_LINK_BUTTON)

package/dist/cjs/plugin-button/testkit/button.testkit.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-button/testkit/button.testkit.ts"],
-  "sourcesContent": ["import type { RicosPluginToolbarNames } from './../../ricos-types/index.js';\nimport type { GetOptions, Testkit, UniDriver } from './../../ricos-types/testkit.js';\nimport {\n  ALIGNMENT_DROPDOWN_OPTION_LEFT,\n  PLUGIN_TOOLBAR_ALIGNMENT_BUTTON,\n  PLUGIN_TOOLBAR_DELETE_BUTTON,\n  PLUGIN_TOOLBAR_LINK_BUTTON,\n  PLUGIN_TOOLBAR_SETTINGS_BUTTON,\n} from './../../_shared/data-hooks.js';\nimport { dataHook } from './../../wix-rich-content-common/index.js';\n\nimport { INSERT_BUTTON_BUTTON, ROOT } from '../data-hooks.js';\nimport { toolbarsToAddIn } from '../get-add-buttons.js';\nimport type { ButtonSettingsUniDriver } from './button-settings.uni.driver.js';\nimport { createButtonSettingsUniDriver } from './button-settings.uni.driver.js';\n\ntype ButtonTestkit = (\n  buttonType:\n    | typeof RicosPluginToolbarNames.LINK_BUTTON\n    | typeof RicosPluginToolbarNames.ACTION_BUTTON,\n  tag: 'button' | 'a'\n) => Testkit<\n  {\n    content: {\n      atIndex: (index: number) => {\n        exists: (options?: GetOptions) => Promise<boolean>;\n        click: () => Promise<void>;\n        getText: () => Promise<string>;\n        getLink: () => Promise<string | null>;\n        getStyles: () => Promise<string | null>;\n        getNativeElement: () => Promise<Element>;\n      };\n    };\n    toolbars: {\n      createAddButtonToolbars: (getAddButtonToolbarBase: () => UniDriver<Element>) => {\n        click: () => Promise<void>;\n        toolbarsToAddIn: typeof toolbarsToAddIn;\n      };\n      createPluginToolbar: (\n        getPluginToolbarBase: (pluginType: typeof buttonType) => UniDriver<Element>\n      ) => {\n        openSettingsModal: () => Promise<void>;\n        openLinkModal: () => Promise<void>;\n        clickDelete: () => Promise<void>;\n        clickAlignmentDropdown: () => Promise<void>;\n        alignment: {\n          clickLeft: () => Promise<void>;\n          toggleTextWrap: () => Promise<void>;\n          isToggleTextWrapDisabled: () => Promise<boolean>;\n        };\n        exists: () => Promise<boolean>;\n      };\n    };\n  } & ButtonSettingsUniDriver\n>;\n\nexport const createButtonTestkit: ButtonTestkit = (buttonType, tag) => getBase => {\n  const getButton = async (index: number, options?: GetOptions) => {\n    const button = await getBase().getAll(`${tag}${dataHook(ROOT)}`, options);\n    return button.at(index);\n  };\n\n  return {\n    content: {\n      atIndex: index => {\n        return {\n          exists: async options => {\n            try {\n              const button = await getButton(index, options);\n              return button.exists();\n            } catch {\n              return false;\n            }\n          },\n          click: async () => (await getButton(index)).click(),\n          getText: async () => (await getButton(index)).text(),\n          getLink: async () => (await getButton(index)).attr('href'),\n          getStyles: async () => {\n            const btn = await getButton(index);\n            return await btn.attr('style');\n          },\n          getNativeElement: async () => {\n            const file = await getButton(index);\n            return file.getNative();\n          },\n        };\n      },\n    },\n    toolbars: {\n      createAddButtonToolbars: getAddButtonToolbarBase => ({\n        click: async () => {\n          const buttonPluginButton = await getAddButtonToolbarBase().get(\n            dataHook(INSERT_BUTTON_BUTTON)\n          );\n          await buttonPluginButton.click();\n        },\n        toolbarsToAddIn,\n      }),\n      createPluginToolbar: getPluginToolbarBase => ({\n        openSettingsModal: async () => {\n          const settings = await getPluginToolbarBase(buttonType).get(\n            dataHook(PLUGIN_TOOLBAR_SETTINGS_BUTTON)\n          );\n          await settings.click();\n        },\n        openLinkModal: async () => {\n          const link = await getPluginToolbarBase(buttonType).get(\n            dataHook(PLUGIN_TOOLBAR_LINK_BUTTON)\n          );\n          await link.click();\n        },\n        clickDelete: async () => {\n          await (\n            await getPluginToolbarBase(buttonType).get(dataHook(PLUGIN_TOOLBAR_DELETE_BUTTON))\n          ).click();\n        },\n        clickAlignmentDropdown: async () => {\n          await (\n            await getPluginToolbarBase(buttonType).get(dataHook(PLUGIN_TOOLBAR_ALIGNMENT_BUTTON))\n          ).click();\n        },\n        alignment: {\n          clickLeft: async () => {\n            await (\n              await getBase().get(dataHook(ALIGNMENT_DROPDOWN_OPTION_LEFT), {\n                timeout: 5000,\n              })\n            ).click();\n          },\n          toggleTextWrap: async () => {\n            await (\n              await getBase().get(dataHook('toggle-switch-input'), {\n                timeout: 5000,\n              })\n            ).click();\n          },\n          isToggleTextWrapDisabled: async () => {\n            return (\n              (await (\n                await getBase().get(dataHook('toggle-switch-input'), {\n                  timeout: 5000,\n                })\n              ).attr('readonly')) !== null\n            );\n          },\n        },\n        exists: async () => {\n          try {\n            return getPluginToolbarBase(buttonType).exists();\n          } catch {\n            return false;\n          }\n        },\n      }),\n    },\n    ...createButtonSettingsUniDriver(getBase),\n  };\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["import type { RicosPluginToolbarNames } from './../../ricos-types/index.js';\nimport type { GetOptions, Testkit, UniDriver } from './../../ricos-types/testkit.js';\nimport {\n  ALIGNMENT_DROPDOWN_OPTION_LEFT,\n  PLUGIN_TOOLBAR_ALIGNMENT_BUTTON,\n  PLUGIN_TOOLBAR_DELETE_BUTTON,\n  PLUGIN_TOOLBAR_LINK_BUTTON,\n  PLUGIN_TOOLBAR_SETTINGS_BUTTON,\n} from './../../_shared/data-hooks.js';\nimport { dataHook } from './../../wix-rich-content-common/index.js';\n\nimport {\n  INLINE_TEXT_INPUT,\n  INSERT_BUTTON_BUTTON,\n  PLUGIN_TOOLBAR_TEXT_BUTTON,\n  ROOT,\n} from '../data-hooks.js';\nimport { toolbarsToAddIn } from '../get-add-buttons.js';\nimport type { ButtonSettingsUniDriver } from './button-settings.uni.driver.js';\nimport { createButtonSettingsUniDriver } from './button-settings.uni.driver.js';\n\ntype ButtonTestkit = (\n  buttonType:\n    | typeof RicosPluginToolbarNames.LINK_BUTTON\n    | typeof RicosPluginToolbarNames.ACTION_BUTTON,\n  tag: 'button' | 'a'\n) => Testkit<\n  {\n    content: {\n      atIndex: (index: number) => {\n        exists: (options?: GetOptions) => Promise<boolean>;\n        click: () => Promise<void>;\n        getText: () => Promise<string>;\n        /** Editor only. */\n        getTextInputElement: () => Promise<HTMLInputElement>;\n        getLink: () => Promise<string | null>;\n        getStyles: () => Promise<string | null>;\n        getNativeElement: () => Promise<Element>;\n      };\n    };\n    toolbars: {\n      createAddButtonToolbars: (getAddButtonToolbarBase: () => UniDriver<Element>) => {\n        click: () => Promise<void>;\n        toolbarsToAddIn: typeof toolbarsToAddIn;\n      };\n      createPluginToolbar: (\n        getPluginToolbarBase: (pluginType: typeof buttonType) => UniDriver<Element>\n      ) => {\n        openSettingsModal: () => Promise<void>;\n        /** Action buttons only. */\n        openTextModal: () => Promise<void>;\n        openLinkModal: () => Promise<void>;\n        clickDelete: () => Promise<void>;\n        clickAlignmentDropdown: () => Promise<void>;\n        alignment: {\n          clickLeft: () => Promise<void>;\n          toggleTextWrap: () => Promise<void>;\n          isToggleTextWrapDisabled: () => Promise<boolean>;\n        };\n        exists: () => Promise<boolean>;\n      };\n    };\n  } & ButtonSettingsUniDriver\n>;\n\nexport const createButtonTestkit: ButtonTestkit = (buttonType, tag) => getBase => {\n  const getButton = async (index: number, options?: GetOptions) => {\n    const button = await getBase().getAll(`${tag}${dataHook(ROOT)}`, options);\n    return button.at(index);\n  };\n\n  return {\n    content: {\n      atIndex: index => {\n        return {\n          exists: async options => {\n            try {\n              const button = await getButton(index, options);\n              return button.exists();\n            } catch {\n              return false;\n            }\n          },\n          click: async () => (await getButton(index)).click(),\n          getText: async () => {\n            const button = await getButton(index);\n            // The editor renders the text in an inline input.\n            const input = button.$(dataHook(INLINE_TEXT_INPUT));\n            return (await input.exists()) ? input.value() : button.text();\n          },\n          getTextInputElement: async () => {\n            const input = await (await getButton(index)).get(dataHook(INLINE_TEXT_INPUT));\n            return (await input.getNative()) as HTMLInputElement;\n          },\n          getLink: async () => (await getButton(index)).attr('href'),\n          getStyles: async () => {\n            const btn = await getButton(index);\n            return await btn.attr('style');\n          },\n          getNativeElement: async () => {\n            const file = await getButton(index);\n            return file.getNative();\n          },\n        };\n      },\n    },\n    toolbars: {\n      createAddButtonToolbars: getAddButtonToolbarBase => ({\n        click: async () => {\n          const buttonPluginButton = await getAddButtonToolbarBase().get(\n            dataHook(INSERT_BUTTON_BUTTON)\n          );\n          await buttonPluginButton.click();\n        },\n        toolbarsToAddIn,\n      }),\n      createPluginToolbar: getPluginToolbarBase => ({\n        openSettingsModal: async () => {\n          const settings = await getPluginToolbarBase(buttonType).get(\n            dataHook(PLUGIN_TOOLBAR_SETTINGS_BUTTON)\n          );\n          await settings.click();\n        },\n        openTextModal: async () => {\n          const text = await getPluginToolbarBase(buttonType).get(\n            dataHook(PLUGIN_TOOLBAR_TEXT_BUTTON)\n          );\n          await text.click();\n        },\n        openLinkModal: async () => {\n          const link = await getPluginToolbarBase(buttonType).get(\n            dataHook(PLUGIN_TOOLBAR_LINK_BUTTON)\n          );\n          await link.click();\n        },\n        clickDelete: async () => {\n          await (\n            await getPluginToolbarBase(buttonType).get(dataHook(PLUGIN_TOOLBAR_DELETE_BUTTON))\n          ).click();\n        },\n        clickAlignmentDropdown: async () => {\n          await (\n            await getPluginToolbarBase(buttonType).get(dataHook(PLUGIN_TOOLBAR_ALIGNMENT_BUTTON))\n          ).click();\n        },\n        alignment: {\n          clickLeft: async () => {\n            await (\n              await getBase().get(dataHook(ALIGNMENT_DROPDOWN_OPTION_LEFT), {\n                timeout: 5000,\n              })\n            ).click();\n          },\n          toggleTextWrap: async () => {\n            await (\n              await getBase().get(dataHook('toggle-switch-input'), {\n                timeout: 5000,\n              })\n            ).click();\n          },\n          isToggleTextWrapDisabled: async () => {\n            return (\n              (await (\n                await getBase().get(dataHook('toggle-switch-input'), {\n                  timeout: 5000,\n                })\n              ).attr('readonly')) !== null\n            );\n          },\n        },\n        exists: async () => {\n          try {\n            return getPluginToolbarBase(buttonType).exists();\n          } catch {\n            return false;\n          }\n        },\n      }),\n    },\n    ...createButtonSettingsUniDriver(getBase),\n  };\n};\n"],
+  "mappings": "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",
   "names": ["import_data_hooks"]
 }

package/dist/cjs/plugin-button/tiptap/component.js CHANGED Viewed

@@ -39,6 +39,9 @@ var import_draggable_hoc = require("./../../_shared/draggable-hoc.js");
 var import_is_node_selected = require("./../../_shared/is-node-selected.js");
 var import_node_styles = require("./../../_shared/node-styles.js");
 var import_overlay_hoc = require("./../../_shared/overlay-hoc/overlay-hoc.js");
+var import_state = require("./../../tiptap/pm/state.js");
+var import_data_hooks = require("../data-hooks.js");
+var import_default_styles_scss = __toESM(require("../statics/styles/default-styles-scss.js"));
 var import_button_viewer = require("../viewer/button-viewer.js");
 const createStylesHOC = (extraClassName) => (Component) => {
   return (props) => {
@@ -77,6 +80,50 @@ const SelectionHOC = (Component) => {
     return /* @__PURE__ */ import_react.default.createElement("div", { className }, /* @__PURE__ */ import_react.default.createElement(Component, { ...props }));
   };
 };
+const ButtonTextInput = ({
+  componentData,
+  editor,
+  node,
+  getPos,
+  updateAttributes
+}) => {
+  const { t, tabIndex } = (0, import_react.useContext)(import_ricos_context.RicosContext);
+  const text = componentData.text ?? "";
+  const label = t("ButtonPlugin_InlineText_Placeholder");
+  const onKeyDown = (event) => {
+    const { view } = editor;
+    const dir = event.key === "ArrowUp" ? -1 : event.key === "ArrowDown" ? 1 : 0;
+    if (dir) {
+      const { state } = view;
+      const $edge = state.doc.resolve(dir > 0 ? getPos() + node.nodeSize : getPos());
+      const next = import_state.Selection.findFrom($edge, dir);
+      if (!next) {
+        return;
+      }
+      view.dispatch(state.tr.setSelection(next));
+    } else if (!["Escape", "Enter"].includes(event.key)) {
+      return;
+    }
+    event.preventDefault();
+    view.focus();
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(import_default_styles_scss.default.button_text, import_default_styles_scss.default.button_text_editor) }, text || label, /* @__PURE__ */ import_react.default.createElement(
+    "input",
+    {
+      "data-hook": import_data_hooks.INLINE_TEXT_INPUT,
+      className: import_default_styles_scss.default.button_text_input,
+      value: text,
+      onChange: (e) => updateAttributes({ text: e.target.value }),
+      onKeyDown,
+      onClick: (e) => e.preventDefault(),
+      placeholder: label,
+      "aria-label": label,
+      tabIndex,
+      readOnly: !editor.isEditable,
+      dir: "auto"
+    }
+  ));
+};
 const Button = (
   // We lift button margin to the plugin container so that resizer and selection are not affected
   createStylesHOC()(
@@ -85,14 +132,15 @@ const Button = (
       // boundaries (previously erased by flowRight).
       (0, import_draggable_hoc.DraggableHOC)(
         SelectionHOC(
-          (0, import_overlay_hoc.OverlayHoc)(({ componentData, settings, node }) => {
+          (0, import_overlay_hoc.OverlayHoc)((props) => {
             return /* @__PURE__ */ import_react.default.createElement(
               import_button_viewer.ButtonViewer,
               {
-                nodeId: node.attrs.id,
-                buttonData: componentData,
-                settings
-              }
+                nodeId: props.node.attrs.id,
+                buttonData: props.componentData,
+                settings: props.settings
+              },
+              /* @__PURE__ */ import_react.default.createElement(ButtonTextInput, { ...props })
             );
           })
         )

package/dist/cjs/plugin-button/tiptap/component.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-button/tiptap/component.tsx"],
-  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useContext } from 'react';\n\nimport { ResizerHOC } from './../../ricos-common-plugins/resizable/react-resizer.js';\nimport { RicosContext } from './../../ricos-context/ricos-context.js';\nimport type { ButtonData } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { PluginProps } from './../../ricos-types/index.js';\nimport { DraggableHOC } from './../../_shared/draggable-hoc.js';\nimport { isNodeSelected } from './../../_shared/is-node-selected.js';\nimport {\n  getNodeWidth,\n  getPluginAlignmentAttribute,\n  getPluginContainerClassNames,\n  getPluginFocusClassNames,\n  getPluginPlacementClassNames,\n} from './../../_shared/node-styles.js';\nimport { OverlayHoc } from './../../_shared/overlay-hoc/overlay-hoc.js';\n\nimport { ButtonViewer } from '../viewer/button-viewer.js';\n\nconst createStylesHOC = (extraClassName?: string) => (Component: React.FC<PluginProps>) => {\n  return (props: PluginProps) => {\n    const { isMobile } = useContext(RicosContext);\n    const isTextWrapEnabled = props.extension.config.isTextWrap ?? true;\n\n    const className = classNames(\n      getPluginContainerClassNames(isMobile),\n      getPluginPlacementClassNames(props.node, isTextWrapEnabled),\n      extraClassName\n    );\n\n    const width = getNodeWidth(props.node, isMobile);\n\n    const style: React.CSSProperties = {\n      width: width ? `min(100%, ${width}px)` : undefined,\n    };\n\n    return (\n      <div\n        className={className}\n        style={style}\n        data-plugin-alignment={getPluginAlignmentAttribute(props.node.attrs?.containerData)}\n      >\n        <Component {...props} />\n      </div>\n    );\n  };\n};\n\nconst ButtonResizerHOC = (Component: React.FC<PluginProps>) => {\n  const ResizableComponent = ResizerHOC(Component);\n\n  return (props: PluginProps) => {\n    return props.extension.config.disableResize ? (\n      <Component {...props} />\n    ) : (\n      <ResizableComponent {...props} />\n    );\n  };\n};\n\nconst SelectionHOC = (Component: React.FC<PluginProps>) => {\n  return (props: PluginProps) => {\n    const isFocused = isNodeSelected(props.editor.state, props.node.attrs.id);\n    const className = getPluginFocusClassNames(isFocused);\n\n    return (\n      <div className={className}>\n        <Component {...props} />\n      </div>\n    );\n  };\n};\n\nexport const Button: React.FC<PluginProps> =\n  // We lift button margin to the plugin container so that resizer and selection are not affected\n  createStylesHOC()(\n    ButtonResizerHOC(\n      // Each HOC adds its own props, so the chain composes through loosely-typed\n      // boundaries (previously erased by flowRight).\n      DraggableHOC(\n        SelectionHOC(\n          OverlayHoc(({ componentData, settings, node }: PluginProps) => {\n            return (\n              <ButtonViewer\n                nodeId={node.attrs.id}\n                buttonData={componentData as ButtonData}\n                settings={settings}\n              />\n            );\n          }) as unknown as React.FC<PluginProps>\n        ) as unknown as React.FC<PluginProps>\n      ) as unknown as React.FC<PluginProps>\n    ) as unknown as React.FC<PluginProps>\n  );\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,mBAAkC;AAElC,2BAA2B;AAC3B,2BAA6B;AAG7B,2BAA6B;AAC7B,8BAA+B;AAC/B,yBAMO;AACP,yBAA2B;AAE3B,2BAA6B;AAE7B,MAAM,kBAAkB,CAAC,mBAA4B,CAAC,cAAqC;AACzF,SAAO,CAAC,UAAuB;AAC7B,UAAM,EAAE,SAAS,QAAI,yBAAW,iCAAY;AAC5C,UAAM,oBAAoB,MAAM,UAAU,OAAO,cAAc;AAE/D,UAAM,gBAAY,kBAAAA;AAAA,UAChB,iDAA6B,QAAQ;AAAA,UACrC,iDAA6B,MAAM,MAAM,iBAAiB;AAAA,MAC1D;AAAA,IACF;AAEA,UAAM,YAAQ,iCAAa,MAAM,MAAM,QAAQ;AAE/C,UAAM,QAA6B;AAAA,MACjC,OAAO,QAAQ,aAAa,KAAK,QAAQ;AAAA,IAC3C;AAEA,WACE,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,6BAAuB,gDAA4B,MAAM,KAAK,OAAO,aAAa;AAAA;AAAA,MAElF,6BAAAA,QAAA,cAAC,aAAW,GAAG,OAAO;AAAA,IACxB;AAAA,EAEJ;AACF;AAEA,MAAM,mBAAmB,CAAC,cAAqC;AAC7D,QAAM,yBAAqB,iCAAW,SAAS;AAE/C,SAAO,CAAC,UAAuB;AAC7B,WAAO,MAAM,UAAU,OAAO,gBAC5B,6BAAAA,QAAA,cAAC,aAAW,GAAG,OAAO,IAEtB,6BAAAA,QAAA,cAAC,sBAAoB,GAAG,OAAO;AAAA,EAEnC;AACF;AAEA,MAAM,eAAe,CAAC,cAAqC;AACzD,SAAO,CAAC,UAAuB;AAC7B,UAAM,gBAAY,wCAAe,MAAM,OAAO,OAAO,MAAM,KAAK,MAAM,EAAE;AACxE,UAAM,gBAAY,6CAAyB,SAAS;AAEpD,WACE,6BAAAA,QAAA,cAAC,SAAI,aACH,6BAAAA,QAAA,cAAC,aAAW,GAAG,OAAO,CACxB;AAAA,EAEJ;AACF;AAEO,MAAM;AAAA;AAAA,EAEX,gBAAgB;AAAA,IACd;AAAA;AAAA;AAAA,UAGE;AAAA,QACE;AAAA,cACE,+BAAW,CAAC,EAAE,eAAe,UAAU,KAAK,MAAmB;AAC7D,mBACE,6BAAAA,QAAA;AAAA,cAAC;AAAA;AAAA,gBACC,QAAQ,KAAK,MAAM;AAAA,gBACnB,YAAY;AAAA,gBACZ;AAAA;AAAA,YACF;AAAA,UAEJ,CAAC;AAAA,QACH;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA;",
-  "names": ["classNames", "React"]
+  "sourcesContent": ["import classNames from 'classnames';\nimport React, { useContext } from 'react';\n\nimport { ResizerHOC } from './../../ricos-common-plugins/resizable/react-resizer.js';\nimport { RicosContext } from './../../ricos-context/ricos-context.js';\nimport type { ButtonData } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { PluginProps } from './../../ricos-types/index.js';\nimport { DraggableHOC } from './../../_shared/draggable-hoc.js';\nimport { isNodeSelected } from './../../_shared/is-node-selected.js';\nimport {\n  getNodeWidth,\n  getPluginAlignmentAttribute,\n  getPluginContainerClassNames,\n  getPluginFocusClassNames,\n  getPluginPlacementClassNames,\n} from './../../_shared/node-styles.js';\nimport { OverlayHoc } from './../../_shared/overlay-hoc/overlay-hoc.js';\nimport { Selection } from './../../tiptap/pm/state.js';\n\nimport { INLINE_TEXT_INPUT } from '../data-hooks.js';\nimport styles from '../statics/styles/default-styles-scss.js';\nimport { ButtonViewer } from '../viewer/button-viewer.js';\n\nconst createStylesHOC = (extraClassName?: string) => (Component: React.FC<PluginProps>) => {\n  return (props: PluginProps) => {\n    const { isMobile } = useContext(RicosContext);\n    const isTextWrapEnabled = props.extension.config.isTextWrap ?? true;\n\n    const className = classNames(\n      getPluginContainerClassNames(isMobile),\n      getPluginPlacementClassNames(props.node, isTextWrapEnabled),\n      extraClassName\n    );\n\n    const width = getNodeWidth(props.node, isMobile);\n\n    const style: React.CSSProperties = {\n      width: width ? `min(100%, ${width}px)` : undefined,\n    };\n\n    return (\n      <div\n        className={className}\n        style={style}\n        data-plugin-alignment={getPluginAlignmentAttribute(props.node.attrs?.containerData)}\n      >\n        <Component {...props} />\n      </div>\n    );\n  };\n};\n\nconst ButtonResizerHOC = (Component: React.FC<PluginProps>) => {\n  const ResizableComponent = ResizerHOC(Component);\n\n  return (props: PluginProps) => {\n    return props.extension.config.disableResize ? (\n      <Component {...props} />\n    ) : (\n      <ResizableComponent {...props} />\n    );\n  };\n};\n\nconst SelectionHOC = (Component: React.FC<PluginProps>) => {\n  return (props: PluginProps) => {\n    const isFocused = isNodeSelected(props.editor.state, props.node.attrs.id);\n    const className = getPluginFocusClassNames(isFocused);\n\n    return (\n      <div className={className}>\n        <Component {...props} />\n      </div>\n    );\n  };\n};\n\n/**\n * Clicks reach it through `OverlayHoc` (which also node-selects the button); ArrowUp/ArrowDown on\n * a selected button focus it (see `tiptap.ts`). Escape/Enter return to the selected button,\n * ArrowUp/ArrowDown leave above/below it.\n */\nconst ButtonTextInput = ({\n  componentData,\n  editor,\n  node,\n  getPos,\n  updateAttributes,\n}: PluginProps) => {\n  const { t, tabIndex } = useContext(RicosContext);\n  const text = (componentData as ButtonData).text ?? '';\n  // Also the input's accessible name: the placeholder disappears once there's text.\n  const label = t('ButtonPlugin_InlineText_Placeholder');\n\n  const onKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { view } = editor;\n    const dir = event.key === 'ArrowUp' ? -1 : event.key === 'ArrowDown' ? 1 : 0;\n\n    if (dir) {\n      const { state } = view;\n      const $edge = state.doc.resolve(dir > 0 ? getPos() + node.nodeSize : getPos());\n      const next = Selection.findFrom($edge, dir);\n      // Nothing there (e.g. a first-node button): the caret moves within the input instead.\n      if (!next) {\n        return;\n      }\n      view.dispatch(state.tr.setSelection(next));\n    } else if (!['Escape', 'Enter'].includes(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n    view.focus();\n  };\n\n  // An input's width ignores its value, so the (hidden) text sizes the button like the viewer\n  // does and the input is laid over it.\n  return (\n    <div className={classNames(styles.button_text, styles.button_text_editor)}>\n      {text || label}\n      <input\n        data-hook={INLINE_TEXT_INPUT}\n        className={styles.button_text_input}\n        value={text}\n        onChange={e => updateAttributes({ text: e.target.value })}\n        onKeyDown={onKeyDown}\n        // A link button is an `<a href>` — clicking its text would navigate.\n        onClick={e => e.preventDefault()}\n        placeholder={label}\n        aria-label={label}\n        tabIndex={tabIndex}\n        readOnly={!editor.isEditable}\n        dir=\"auto\"\n      />\n    </div>\n  );\n};\n\nexport const Button: React.FC<PluginProps> =\n  // We lift button margin to the plugin container so that resizer and selection are not affected\n  createStylesHOC()(\n    ButtonResizerHOC(\n      // Each HOC adds its own props, so the chain composes through loosely-typed\n      // boundaries (previously erased by flowRight).\n      DraggableHOC(\n        SelectionHOC(\n          OverlayHoc((props: PluginProps) => {\n            return (\n              <ButtonViewer\n                nodeId={props.node.attrs.id}\n                buttonData={props.componentData as ButtonData}\n                settings={props.settings}\n              >\n                <ButtonTextInput {...props} />\n              </ButtonViewer>\n            );\n          }) as unknown as React.FC<PluginProps>\n        ) as unknown as React.FC<PluginProps>\n      ) as unknown as React.FC<PluginProps>\n    ) as unknown as React.FC<PluginProps>\n  );\n"],
+  "mappings": "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",
+  "names": ["classNames", "React", "styles"]
 }

package/dist/cjs/plugin-button/tiptap/tiptap.js CHANGED Viewed

@@ -29,7 +29,7 @@ var import_types = require("../types.js");
 var import_component = require("./component.js");
 const getButtonExtension = (name, disableResize) => [
   (0, import_plugin_commons.createRicosNodeExtension)({
-    groups: ["custom-styles", "not-overtypable"],
+    groups: ["custom-styles", "not-overtypable", "shortcuts-enabled"],
     type: "react-node",
     reconfigure: (config, _extensions, props, settings) => {
       return {
@@ -45,6 +45,8 @@ const getButtonExtension = (name, disableResize) => [
       const HOVER_PREVIEW_PLUGIN_KEY = new import_state.PluginKey(this.name + "hoverPreview");
       return {
         name: this.name,
+        // Above ricos-keymap and gap-spacer (100) so the arrows reach the button first.
+        priority: 105,
         group: "block smartBlockCellContent layoutCellContent collapsibleListItemBodyContent tableCellContent",
         selectable: true,
         draggable: true,
@@ -55,6 +57,22 @@ const getButtonExtension = (name, disableResize) => [
           text: null,
           link: null
         }),
+        addKeyboardShortcuts() {
+          const focusText = () => {
+            const { selection } = this.editor.state;
+            if (!(selection instanceof import_state.NodeSelection) || selection.node.type.name !== this.name) {
+              return false;
+            }
+            const input = this.editor.view.nodeDOM(selection.from)?.querySelector("input");
+            if (!input) {
+              return false;
+            }
+            input.focus();
+            input.setSelectionRange(input.value.length, input.value.length);
+            return true;
+          };
+          return { ArrowDown: focusText, ArrowUp: focusText };
+        },
         addCommands() {
           return {
             setHoverPreview: (applyPreview) => ({ tr, dispatch }) => {

package/dist/cjs/plugin-button/tiptap/tiptap.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-button/tiptap/tiptap.ts"],
-  "sourcesContent": ["import { TIPTAP_ACTION_BUTTON_TYPE, TIPTAP_LINK_BUTTON_TYPE } from './../../ricos-content/index.js';\nimport type { CommandProps } from './../../tiptap/core/index.js';\nimport { Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\nimport { createRicosNodeExtension } from './../../plugin-commons/index.js';\n\nimport { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from '../types.js';\nimport { Button as Component } from './component.js';\n\ndeclare module './../../tiptap/core' {\n  interface Commands<ReturnType> {\n    button: {\n      /**\n       * Sets value of temporary hover preview in Button settings.\n       */\n      setHoverPreview: (applyPreview: boolean) => ReturnType;\n    };\n  }\n}\n\nconst getButtonExtension = (name: string, disableResize: boolean) => [\n  createRicosNodeExtension({\n    groups: ['custom-styles', 'not-overtypable'],\n    type: 'react-node',\n    reconfigure: (config, _extensions, props, settings) => {\n      return {\n        ...config,\n        disableResize,\n        isTextWrap: props.isTextWrap ?? true,\n        addOptions: () => settings,\n      };\n    },\n    Component,\n    name,\n    createExtensionConfig() {\n      const HOVER_PREVIEW_PLUGIN_KEY = new PluginKey(this.name + 'hoverPreview');\n\n      return {\n        name: this.name,\n        group:\n          'block smartBlockCellContent layoutCellContent collapsibleListItemBodyContent tableCellContent',\n        selectable: true,\n        draggable: true,\n        addAttributes: () => ({\n          type: null,\n          containerData: null,\n          styles: null,\n          text: null,\n          link: null,\n        }),\n        addCommands() {\n          return {\n            setHoverPreview:\n              applyPreview =>\n              ({ tr, dispatch }: CommandProps) => {\n                dispatch?.(tr.setMeta(HOVER_PREVIEW_PLUGIN_KEY, applyPreview));\n\n                return true;\n              },\n          };\n        },\n        addProseMirrorPlugins() {\n          return [\n            new Plugin({\n              key: HOVER_PREVIEW_PLUGIN_KEY,\n\n              state: {\n                init() {\n                  return { applyPreview: false };\n                },\n                apply(tr, value) {\n                  const applyPreview = tr.getMeta(HOVER_PREVIEW_PLUGIN_KEY);\n\n                  if (applyPreview === undefined) {\n                    return value;\n                  }\n\n                  return { applyPreview };\n                },\n              },\n\n              props: {\n                decorations(state) {\n                  const { applyPreview } = HOVER_PREVIEW_PLUGIN_KEY.getState(state);\n                  const { from, to } = state.selection;\n\n                  if (!applyPreview) {\n                    return null;\n                  }\n\n                  return DecorationSet.create(state.doc, [\n                    Decoration.node(from, to, {\n                      class: 'forced-hover',\n                    }),\n                  ]);\n                },\n              },\n            }),\n          ];\n        },\n      };\n    },\n  }),\n];\n\nexport const tiptapExtensionsMap = ({ disableResize }: { disableResize: boolean }) => ({\n  [LINK_BUTTON_TYPE]: getButtonExtension(TIPTAP_LINK_BUTTON_TYPE, disableResize),\n  [ACTION_BUTTON_TYPE]: getButtonExtension(TIPTAP_ACTION_BUTTON_TYPE, disableResize),\n});\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAmE;AAEnE,mBAAkC;AAClC,kBAA0C;AAC1C,4BAAyC;AAEzC,mBAAqD;AACrD,uBAAoC;AAapC,MAAM,qBAAqB,CAAC,MAAc,kBAA2B;AAAA,MACnE,gDAAyB;AAAA,IACvB,QAAQ,CAAC,iBAAiB,iBAAiB;AAAA,IAC3C,MAAM;AAAA,IACN,aAAa,CAAC,QAAQ,aAAa,OAAO,aAAa;AACrD,aAAO;AAAA,QACL,GAAG;AAAA,QACH;AAAA,QACA,YAAY,MAAM,cAAc;AAAA,QAChC,YAAY,MAAM;AAAA,MACpB;AAAA,IACF;AAAA,IACA,4BAAAA;AAAA,IACA;AAAA,IACA,wBAAwB;AACtB,YAAM,2BAA2B,IAAI,uBAAU,KAAK,OAAO,cAAc;AAEzE,aAAO;AAAA,QACL,MAAM,KAAK;AAAA,QACX,OACE;AAAA,QACF,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,eAAe,OAAO;AAAA,UACpB,MAAM;AAAA,UACN,eAAe;AAAA,UACf,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,QACR;AAAA,QACA,cAAc;AACZ,iBAAO;AAAA,YACL,iBACE,kBACA,CAAC,EAAE,IAAI,SAAS,MAAoB;AAClC,yBAAW,GAAG,QAAQ,0BAA0B,YAAY,CAAC;AAE7D,qBAAO;AAAA,YACT;AAAA,UACJ;AAAA,QACF;AAAA,QACA,wBAAwB;AACtB,iBAAO;AAAA,YACL,IAAI,oBAAO;AAAA,cACT,KAAK;AAAA,cAEL,OAAO;AAAA,gBACL,OAAO;AACL,yBAAO,EAAE,cAAc,MAAM;AAAA,gBAC/B;AAAA,gBACA,MAAM,IAAI,OAAO;AACf,wBAAM,eAAe,GAAG,QAAQ,wBAAwB;AAExD,sBAAI,iBAAiB,QAAW;AAC9B,2BAAO;AAAA,kBACT;AAEA,yBAAO,EAAE,aAAa;AAAA,gBACxB;AAAA,cACF;AAAA,cAEA,OAAO;AAAA,gBACL,YAAY,OAAO;AACjB,wBAAM,EAAE,aAAa,IAAI,yBAAyB,SAAS,KAAK;AAChE,wBAAM,EAAE,MAAM,GAAG,IAAI,MAAM;AAE3B,sBAAI,CAAC,cAAc;AACjB,2BAAO;AAAA,kBACT;AAEA,yBAAO,0BAAc,OAAO,MAAM,KAAK;AAAA,oBACrC,uBAAW,KAAK,MAAM,IAAI;AAAA,sBACxB,OAAO;AAAA,oBACT,CAAC;AAAA,kBACH,CAAC;AAAA,gBACH;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;AAEO,MAAM,sBAAsB,CAAC,EAAE,cAAc,OAAmC;AAAA,EACrF,CAAC,6BAAgB,GAAG,mBAAmB,8CAAyB,aAAa;AAAA,EAC7E,CAAC,+BAAkB,GAAG,mBAAmB,gDAA2B,aAAa;AACnF;",
+  "sourcesContent": ["import { TIPTAP_ACTION_BUTTON_TYPE, TIPTAP_LINK_BUTTON_TYPE } from './../../ricos-content/index.js';\nimport type { CommandProps } from './../../tiptap/core/index.js';\nimport { NodeSelection, Plugin, PluginKey } from './../../tiptap/pm/state.js';\nimport { Decoration, DecorationSet } from './../../tiptap/pm/view.js';\nimport { createRicosNodeExtension } from './../../plugin-commons/index.js';\n\nimport { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from '../types.js';\nimport { Button as Component } from './component.js';\n\ndeclare module './../../tiptap/core' {\n  interface Commands<ReturnType> {\n    button: {\n      /**\n       * Sets value of temporary hover preview in Button settings.\n       */\n      setHoverPreview: (applyPreview: boolean) => ReturnType;\n    };\n  }\n}\n\nconst getButtonExtension = (name: string, disableResize: boolean) => [\n  createRicosNodeExtension({\n    groups: ['custom-styles', 'not-overtypable', 'shortcuts-enabled'],\n    type: 'react-node',\n    reconfigure: (config, _extensions, props, settings) => {\n      return {\n        ...config,\n        disableResize,\n        isTextWrap: props.isTextWrap ?? true,\n        addOptions: () => settings,\n      };\n    },\n    Component,\n    name,\n    createExtensionConfig() {\n      const HOVER_PREVIEW_PLUGIN_KEY = new PluginKey(this.name + 'hoverPreview');\n\n      return {\n        name: this.name,\n        // Above ricos-keymap and gap-spacer (100) so the arrows reach the button first.\n        priority: 105,\n        group:\n          'block smartBlockCellContent layoutCellContent collapsibleListItemBodyContent tableCellContent',\n        selectable: true,\n        draggable: true,\n        addAttributes: () => ({\n          type: null,\n          containerData: null,\n          styles: null,\n          text: null,\n          link: null,\n        }),\n        addKeyboardShortcuts() {\n          // Like ArrowDown from a selected image into its caption — ArrowUp too, so the text is\n          // reachable coming from below.\n          const focusText = () => {\n            const { selection } = this.editor.state;\n            if (!(selection instanceof NodeSelection) || selection.node.type.name !== this.name) {\n              return false;\n            }\n            const input = (\n              this.editor.view.nodeDOM(selection.from) as HTMLElement | null\n            )?.querySelector('input');\n            if (!input) {\n              return false;\n            }\n            input.focus();\n            input.setSelectionRange(input.value.length, input.value.length);\n            return true;\n          };\n          return { ArrowDown: focusText, ArrowUp: focusText };\n        },\n        addCommands() {\n          return {\n            setHoverPreview:\n              applyPreview =>\n              ({ tr, dispatch }: CommandProps) => {\n                dispatch?.(tr.setMeta(HOVER_PREVIEW_PLUGIN_KEY, applyPreview));\n\n                return true;\n              },\n          };\n        },\n        addProseMirrorPlugins() {\n          return [\n            new Plugin({\n              key: HOVER_PREVIEW_PLUGIN_KEY,\n\n              state: {\n                init() {\n                  return { applyPreview: false };\n                },\n                apply(tr, value) {\n                  const applyPreview = tr.getMeta(HOVER_PREVIEW_PLUGIN_KEY);\n\n                  if (applyPreview === undefined) {\n                    return value;\n                  }\n\n                  return { applyPreview };\n                },\n              },\n\n              props: {\n                decorations(state) {\n                  const { applyPreview } = HOVER_PREVIEW_PLUGIN_KEY.getState(state);\n                  const { from, to } = state.selection;\n\n                  if (!applyPreview) {\n                    return null;\n                  }\n\n                  return DecorationSet.create(state.doc, [\n                    Decoration.node(from, to, {\n                      class: 'forced-hover',\n                    }),\n                  ]);\n                },\n              },\n            }),\n          ];\n        },\n      };\n    },\n  }),\n];\n\nexport const tiptapExtensionsMap = ({ disableResize }: { disableResize: boolean }) => ({\n  [LINK_BUTTON_TYPE]: getButtonExtension(TIPTAP_LINK_BUTTON_TYPE, disableResize),\n  [ACTION_BUTTON_TYPE]: getButtonExtension(TIPTAP_ACTION_BUTTON_TYPE, disableResize),\n});\n"],
+  "mappings": "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",
   "names": ["Component"]
 }

package/dist/cjs/plugin-button/viewer/button-viewer.js CHANGED Viewed

@@ -50,7 +50,8 @@ const ButtonViewer = ({
   settings = {},
   buttonData,
   nodeId,
-  baseUrl
+  baseUrl,
+  children
 }) => {
   const { tabIndex, theme } = (0, import_react.useContext)(import_ricos_context.RicosContext);
   const isActionButton = buttonData.type === import_v1.ButtonData_Type.ACTION;
@@ -118,11 +119,12 @@ const ButtonViewer = ({
       href: link ? (0, import_get_link_href_url.getLinkHrefUrl)(link, baseUrl) : void 0,
       target: link?.target && `_${link.target.toLowerCase()}`,
       rel: link?.rel?.nofollow ? (0, import_wix_rich_content_common.getRelValue)("nofollow") : void 0
-    }
+    },
+    children
   );
 };
 const LinkButton = (props) => {
-  const { buttonData, ...rest } = props;
+  const { buttonData, children, ...rest } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     "a",
     {
@@ -133,11 +135,11 @@ const LinkButton = (props) => {
         }
       }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: import_default_styles_scss.default.button_text }, buttonData.text)
+    children ?? /* @__PURE__ */ import_react.default.createElement("div", { className: import_default_styles_scss.default.button_text }, buttonData.text)
   );
 };
 const ActionButton = (props) => {
-  const { buttonData, ...rest } = props;
+  const { buttonData, children, ...rest } = props;
   return /* @__PURE__ */ import_react.default.createElement(
     "button",
     {
@@ -149,7 +151,7 @@ const ActionButton = (props) => {
         }
       }
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: import_default_styles_scss.default.button_text }, buttonData.text)
+    children ?? /* @__PURE__ */ import_react.default.createElement("div", { className: import_default_styles_scss.default.button_text }, buttonData.text)
   );
 };
 //# sourceMappingURL=button-viewer.js.map

package/dist/cjs/plugin-button/viewer/button-viewer.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/plugin-button/viewer/button-viewer.tsx"],
-  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-static-element-interactions */\nimport classNames from 'classnames';\nimport type { FC } from 'react';\nimport React, { useCallback, useContext } from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type { ButtonData } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { ButtonData_Type, Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { Gradient, Helpers, LegacyEditorPluginConfig } from './../../ricos-types/index.js';\nimport { getLinkHrefUrl } from './../../_shared/link/get-link-href-url.js';\nimport { resolveCssColor } from './../../_shared/resolve-css-color.js';\nimport { schemaGradientToCss } from './../../_shared/schema-gradient-to-css.js';\nimport { getRelValue } from './../../wix-rich-content-common/index.js';\n\nimport { ROOT } from '../data-hooks.js';\nimport styles from '../statics/styles/default-styles-scss.js';\nimport { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from '../types.js';\n\ninterface ButtonViewerProps {\n  /** Renders the button inert — the paywall fallback's editor decoration. */\n  disabled?: boolean;\n  onClick?: (event?: React.MouseEvent) => void;\n  className?: string;\n  helpers?: Helpers;\n  settings: LegacyEditorPluginConfig;\n  buttonData: ButtonData;\n  nodeId: string;\n  baseUrl?: string;\n}\n\nexport const ButtonViewer: FC<ButtonViewerProps> = ({\n  disabled,\n  onClick,\n  className,\n  helpers,\n  settings = {},\n  buttonData,\n  nodeId,\n  baseUrl,\n}) => {\n  const { tabIndex, theme } = useContext(RicosContext);\n  const isActionButton = buttonData.type === ButtonData_Type.ACTION;\n  const rendersAnchor = !isActionButton || !!buttonData.link;\n  const onClickHandler = useCallback(\n    (event?: React.MouseEvent) => {\n      helpers?.onViewerAction?.(\n        isActionButton ? ACTION_BUTTON_TYPE : LINK_BUTTON_TYPE,\n        'Click',\n        '',\n        nodeId,\n        {\n          type: Node_Type.BUTTON,\n          buttonData,\n        }\n      );\n      onClick?.(event);\n    },\n    [helpers?.onViewerAction, isActionButton, nodeId, buttonData, onClick]\n  );\n  const ButtonComponent = settings.customComponent\n    ? settings.customComponent\n    : rendersAnchor\n      ? LinkButton\n      : ActionButton;\n\n  const btnStyles = buttonData?.styles;\n\n  const borderWidth = btnStyles?.borderWidth ?? btnStyles?.border?.width ?? 0;\n  const borderRadius = btnStyles?.borderRadius ?? btnStyles?.border?.radius;\n  const normalBorderColor =\n    btnStyles?.borderColor ?? btnStyles?.colors?.border ?? settings.colors?.color8 ?? '';\n  const hoverBorderColor =\n    btnStyles?.borderColorHover ??\n    (theme?.customStyles?.button?.borderColorHover ? undefined : normalBorderColor);\n  const normalTextColor =\n    btnStyles?.textColor ?? btnStyles?.colors?.text ?? settings.colors?.color1;\n  const hoverTextColor =\n    btnStyles?.textColorHover ??\n    (theme?.customStyles?.button?.colorHover ? undefined : normalTextColor);\n\n  const background = btnStyles?.background;\n  const backgroundHover = btnStyles?.backgroundHover;\n\n  const normalBackgroundColor =\n    (background?.type === 'COLOR' ? background.color : undefined) ??\n    btnStyles?.backgroundColor ??\n    btnStyles?.colors?.background ??\n    settings.colors?.color8;\n  const hoverBackgroundColor =\n    (backgroundHover?.type === 'COLOR' ? backgroundHover.color : undefined) ??\n    btnStyles?.backgroundColorHover ??\n    (theme?.customStyles?.button?.backgroundColorHover ? undefined : normalBackgroundColor);\n  const customWidth = buttonData.containerData?.width?.custom;\n  const isSmallButton = btnStyles?.buttonSize\n    ? btnStyles?.buttonSize === 'SMALL'\n    : theme?.customStyles?.button?.buttonSize === 'small';\n  const isLargeButton = btnStyles?.buttonSize\n    ? btnStyles?.buttonSize === 'LARGE'\n    : theme?.customStyles?.button?.buttonSize === 'large';\n  const fontSize = isSmallButton ? 12 : isLargeButton ? 16 : undefined;\n  const padding = isSmallButton ? '6px 9px' : isLargeButton ? '15px 24px' : undefined;\n\n  const normalBackground =\n    background?.type === 'GRADIENT'\n      ? schemaGradientToCss(background.gradient as Gradient)\n      : normalBackgroundColor;\n  const hoverBackground =\n    backgroundHover?.type === 'GRADIENT'\n      ? schemaGradientToCss(backgroundHover.gradient as Gradient)\n      : resolveCssColor(hoverBackgroundColor);\n\n  const style = {\n    '--ricos-internal-button-color': resolveCssColor(normalTextColor),\n    ...(hoverTextColor\n      ? { '--ricos-internal-button-color-hover': resolveCssColor(hoverTextColor) }\n      : {}),\n    '--ricos-internal-button-background':\n      background?.type === 'GRADIENT' ? normalBackground : resolveCssColor(normalBackgroundColor),\n    ...(hoverBackground ? { '--ricos-internal-button-background-hover': hoverBackground } : {}),\n    ...(normalBorderColor\n      ? { '--ricos-internal-button-border-color': resolveCssColor(normalBorderColor) }\n      : {}),\n    ...(hoverBorderColor\n      ? { '--ricos-internal-button-border-color-hover': resolveCssColor(hoverBorderColor) }\n      : {}),\n    '--ricos-internal-button-border-radius': borderRadius ? `${borderRadius}px` : undefined,\n    '--ricos-internal-button-border-width': borderWidth ? `${borderWidth}px` : undefined,\n    '--ricos-internal-button-custom-width': customWidth ? `${customWidth}px` : undefined,\n    '--ricos-internal-button-font-size': fontSize ? `${fontSize}px` : undefined,\n    '--ricos-internal-button-padding': padding,\n    printColorAdjust: 'exact',\n  };\n\n  const { link } = buttonData;\n\n  return (\n    <ButtonComponent\n      className={classNames(styles.button_container, className)}\n      style={style}\n      data-hook={`${ROOT} ${ROOT}-${nodeId}`}\n      onClick={onClickHandler}\n      tabIndex={tabIndex}\n      buttonData={buttonData}\n      // Only a `<button>` has a disabled state; an anchor would render a dead\n      // `disabled` attribute instead of becoming inert.\n      disabled={rendersAnchor ? undefined : disabled}\n      href={link ? getLinkHrefUrl(link, baseUrl) : undefined}\n      target={link?.target && `_${link.target.toLowerCase()}`}\n      rel={link?.rel?.nofollow ? getRelValue('nofollow') : undefined}\n    />\n  );\n};\n\nconst LinkButton: React.FC<ButtonViewerProps> = props => {\n  const { buttonData, ...rest } = props;\n  return (\n    <a\n      {...rest}\n      onKeyDown={e => {\n        if (e.key === 'Enter') {\n          props.onClick?.();\n        }\n      }}\n    >\n      <div className={styles.button_text}>{buttonData.text}</div>\n    </a>\n  );\n};\n\nconst ActionButton: React.FC<ButtonViewerProps> = props => {\n  const { buttonData, ...rest } = props;\n  return (\n    <button\n      {...rest}\n      type=\"button\"\n      onKeyDown={e => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          props.onClick?.();\n        }\n      }}\n    >\n      <div className={styles.button_text}>{buttonData.text}</div>\n    </button>\n  );\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["/* oxlint-disable jsx-a11y/no-static-element-interactions */\nimport classNames from 'classnames';\nimport type { FC, ReactNode } from 'react';\nimport React, { useCallback, useContext } from 'react';\n\nimport { RicosContext } from './../../ricos-context/index.js';\nimport type { ButtonData } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport { ButtonData_Type, Node_Type } from './../../ricos-schema/legacy/wix/rich_content/v1/index.js';\nimport type { Gradient, Helpers, LegacyEditorPluginConfig } from './../../ricos-types/index.js';\nimport { getLinkHrefUrl } from './../../_shared/link/get-link-href-url.js';\nimport { resolveCssColor } from './../../_shared/resolve-css-color.js';\nimport { schemaGradientToCss } from './../../_shared/schema-gradient-to-css.js';\nimport { getRelValue } from './../../wix-rich-content-common/index.js';\n\nimport { ROOT } from '../data-hooks.js';\nimport styles from '../statics/styles/default-styles-scss.js';\nimport { ACTION_BUTTON_TYPE, LINK_BUTTON_TYPE } from '../types.js';\n\ninterface ButtonViewerProps {\n  /** Renders the button inert — the paywall fallback's editor decoration. */\n  disabled?: boolean;\n  onClick?: (event?: React.MouseEvent) => void;\n  className?: string;\n  helpers?: Helpers;\n  settings: LegacyEditorPluginConfig;\n  buttonData: ButtonData;\n  nodeId: string;\n  baseUrl?: string;\n  /** Replaces the default text element — the editor renders an inline text input here. */\n  children?: ReactNode;\n}\n\nexport const ButtonViewer: FC<ButtonViewerProps> = ({\n  disabled,\n  onClick,\n  className,\n  helpers,\n  settings = {},\n  buttonData,\n  nodeId,\n  baseUrl,\n  children,\n}) => {\n  const { tabIndex, theme } = useContext(RicosContext);\n  const isActionButton = buttonData.type === ButtonData_Type.ACTION;\n  const rendersAnchor = !isActionButton || !!buttonData.link;\n  const onClickHandler = useCallback(\n    (event?: React.MouseEvent) => {\n      helpers?.onViewerAction?.(\n        isActionButton ? ACTION_BUTTON_TYPE : LINK_BUTTON_TYPE,\n        'Click',\n        '',\n        nodeId,\n        {\n          type: Node_Type.BUTTON,\n          buttonData,\n        }\n      );\n      onClick?.(event);\n    },\n    [helpers?.onViewerAction, isActionButton, nodeId, buttonData, onClick]\n  );\n  const ButtonComponent = settings.customComponent\n    ? settings.customComponent\n    : rendersAnchor\n      ? LinkButton\n      : ActionButton;\n\n  const btnStyles = buttonData?.styles;\n\n  const borderWidth = btnStyles?.borderWidth ?? btnStyles?.border?.width ?? 0;\n  const borderRadius = btnStyles?.borderRadius ?? btnStyles?.border?.radius;\n  const normalBorderColor =\n    btnStyles?.borderColor ?? btnStyles?.colors?.border ?? settings.colors?.color8 ?? '';\n  const hoverBorderColor =\n    btnStyles?.borderColorHover ??\n    (theme?.customStyles?.button?.borderColorHover ? undefined : normalBorderColor);\n  const normalTextColor =\n    btnStyles?.textColor ?? btnStyles?.colors?.text ?? settings.colors?.color1;\n  const hoverTextColor =\n    btnStyles?.textColorHover ??\n    (theme?.customStyles?.button?.colorHover ? undefined : normalTextColor);\n\n  const background = btnStyles?.background;\n  const backgroundHover = btnStyles?.backgroundHover;\n\n  const normalBackgroundColor =\n    (background?.type === 'COLOR' ? background.color : undefined) ??\n    btnStyles?.backgroundColor ??\n    btnStyles?.colors?.background ??\n    settings.colors?.color8;\n  const hoverBackgroundColor =\n    (backgroundHover?.type === 'COLOR' ? backgroundHover.color : undefined) ??\n    btnStyles?.backgroundColorHover ??\n    (theme?.customStyles?.button?.backgroundColorHover ? undefined : normalBackgroundColor);\n  const customWidth = buttonData.containerData?.width?.custom;\n  const isSmallButton = btnStyles?.buttonSize\n    ? btnStyles?.buttonSize === 'SMALL'\n    : theme?.customStyles?.button?.buttonSize === 'small';\n  const isLargeButton = btnStyles?.buttonSize\n    ? btnStyles?.buttonSize === 'LARGE'\n    : theme?.customStyles?.button?.buttonSize === 'large';\n  const fontSize = isSmallButton ? 12 : isLargeButton ? 16 : undefined;\n  const padding = isSmallButton ? '6px 9px' : isLargeButton ? '15px 24px' : undefined;\n\n  const normalBackground =\n    background?.type === 'GRADIENT'\n      ? schemaGradientToCss(background.gradient as Gradient)\n      : normalBackgroundColor;\n  const hoverBackground =\n    backgroundHover?.type === 'GRADIENT'\n      ? schemaGradientToCss(backgroundHover.gradient as Gradient)\n      : resolveCssColor(hoverBackgroundColor);\n\n  const style = {\n    '--ricos-internal-button-color': resolveCssColor(normalTextColor),\n    ...(hoverTextColor\n      ? { '--ricos-internal-button-color-hover': resolveCssColor(hoverTextColor) }\n      : {}),\n    '--ricos-internal-button-background':\n      background?.type === 'GRADIENT' ? normalBackground : resolveCssColor(normalBackgroundColor),\n    ...(hoverBackground ? { '--ricos-internal-button-background-hover': hoverBackground } : {}),\n    ...(normalBorderColor\n      ? { '--ricos-internal-button-border-color': resolveCssColor(normalBorderColor) }\n      : {}),\n    ...(hoverBorderColor\n      ? { '--ricos-internal-button-border-color-hover': resolveCssColor(hoverBorderColor) }\n      : {}),\n    '--ricos-internal-button-border-radius': borderRadius ? `${borderRadius}px` : undefined,\n    '--ricos-internal-button-border-width': borderWidth ? `${borderWidth}px` : undefined,\n    '--ricos-internal-button-custom-width': customWidth ? `${customWidth}px` : undefined,\n    '--ricos-internal-button-font-size': fontSize ? `${fontSize}px` : undefined,\n    '--ricos-internal-button-padding': padding,\n    printColorAdjust: 'exact',\n  };\n\n  const { link } = buttonData;\n\n  return (\n    <ButtonComponent\n      className={classNames(styles.button_container, className)}\n      style={style}\n      data-hook={`${ROOT} ${ROOT}-${nodeId}`}\n      onClick={onClickHandler}\n      tabIndex={tabIndex}\n      buttonData={buttonData}\n      // Only a `<button>` has a disabled state; an anchor would render a dead\n      // `disabled` attribute instead of becoming inert.\n      disabled={rendersAnchor ? undefined : disabled}\n      href={link ? getLinkHrefUrl(link, baseUrl) : undefined}\n      target={link?.target && `_${link.target.toLowerCase()}`}\n      rel={link?.rel?.nofollow ? getRelValue('nofollow') : undefined}\n    >\n      {children}\n    </ButtonComponent>\n  );\n};\n\nconst LinkButton: React.FC<ButtonViewerProps> = props => {\n  const { buttonData, children, ...rest } = props;\n  return (\n    <a\n      {...rest}\n      onKeyDown={e => {\n        if (e.key === 'Enter') {\n          props.onClick?.();\n        }\n      }}\n    >\n      {children ?? <div className={styles.button_text}>{buttonData.text}</div>}\n    </a>\n  );\n};\n\nconst ActionButton: React.FC<ButtonViewerProps> = props => {\n  const { buttonData, children, ...rest } = props;\n  return (\n    <button\n      {...rest}\n      type=\"button\"\n      onKeyDown={e => {\n        if (e.key === ' ' || e.key === 'Enter') {\n          props.onClick?.();\n        }\n      }}\n    >\n      {children ?? <div className={styles.button_text}>{buttonData.text}</div>}\n    </button>\n  );\n};\n"],
+  "mappings": "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",
   "names": ["React", "classNames", "styles"]
 }

package/dist/cjs/plugin-card/card-scss.js CHANGED Viewed

@@ -22,24 +22,24 @@ __export(card_exports, {
 });
 module.exports = __toCommonJS(card_exports);
 var card_default = {
-  "cardWrapper": "_0z97H",
-  "cardGap": "_94HiB",
-  "cardHeaderContainer": "_6qoES",
-  "cardContainer": "rTrwN",
-  "fluid": "kN6-q",
-  "selectionSvg": "NFN7J",
-  "selectionRect": "AWVs4",
-  "selectionRectActive": "l-T3j",
-  "last": "eeI8J",
-  "cardGapAddButtonWrapper": "_5NqY9",
-  "mergeHover": "-Wvm-",
-  "cardContent": "a3cbi",
-  "fluidContent": "KHXLi",
-  "cardBoundaryLineWrapper": "DZ00t",
-  "visible": "CqNNe",
-  "cardBoundaryLineContent": "_9NaxC",
-  "hovered": "OjzP1",
-  "cardBoundaryLine": "z4-X-",
-  "cardBoundaryWarning": "ERxVV"
+  "cardWrapper": "UpL6x",
+  "cardGap": "_6yQMS",
+  "cardHeaderContainer": "kxvGC",
+  "cardContainer": "MxvUj",
+  "fluid": "jjj7V",
+  "selectionSvg": "bX2Hb",
+  "selectionRect": "Lt51f",
+  "selectionRectActive": "_0Ay6w",
+  "last": "A-vGE",
+  "cardGapAddButtonWrapper": "s6XIB",
+  "mergeHover": "Fcgw0",
+  "cardContent": "PmCB8",
+  "fluidContent": "IqzPT",
+  "cardBoundaryLineWrapper": "ee4Bz",
+  "visible": "slGtL",
+  "cardBoundaryLineContent": "s5hS5",
+  "hovered": "ywq5l",
+  "cardBoundaryLine": "g-WEd",
+  "cardBoundaryWarning": "Z1rJG"
 };
 //# sourceMappingURL=card-scss.js.map

package/dist/cjs/plugin-card/card-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-card/card.scss"],
-  "sourcesContent": ["export default {\n  \"cardWrapper\": \"_0z97H\",\n  \"cardGap\": \"_94HiB\",\n  \"cardHeaderContainer\": \"_6qoES\",\n  \"cardContainer\": \"rTrwN\",\n  \"fluid\": \"kN6-q\",\n  \"selectionSvg\": \"NFN7J\",\n  \"selectionRect\": \"AWVs4\",\n  \"selectionRectActive\": \"l-T3j\",\n  \"last\": \"eeI8J\",\n  \"cardGapAddButtonWrapper\": \"_5NqY9\",\n  \"mergeHover\": \"-Wvm-\",\n  \"cardContent\": \"a3cbi\",\n  \"fluidContent\": \"KHXLi\",\n  \"cardBoundaryLineWrapper\": \"DZ00t\",\n  \"visible\": \"CqNNe\",\n  \"cardBoundaryLineContent\": \"_9NaxC\",\n  \"hovered\": \"OjzP1\",\n  \"cardBoundaryLine\": \"z4-X-\",\n  \"cardBoundaryWarning\": \"ERxVV\"\n};"],
+  "sourcesContent": ["export default {\n  \"cardWrapper\": \"UpL6x\",\n  \"cardGap\": \"_6yQMS\",\n  \"cardHeaderContainer\": \"kxvGC\",\n  \"cardContainer\": \"MxvUj\",\n  \"fluid\": \"jjj7V\",\n  \"selectionSvg\": \"bX2Hb\",\n  \"selectionRect\": \"Lt51f\",\n  \"selectionRectActive\": \"_0Ay6w\",\n  \"last\": \"A-vGE\",\n  \"cardGapAddButtonWrapper\": \"s6XIB\",\n  \"mergeHover\": \"Fcgw0\",\n  \"cardContent\": \"PmCB8\",\n  \"fluidContent\": \"IqzPT\",\n  \"cardBoundaryLineWrapper\": \"ee4Bz\",\n  \"visible\": \"slGtL\",\n  \"cardBoundaryLineContent\": \"s5hS5\",\n  \"hovered\": \"ywq5l\",\n  \"cardBoundaryLine\": \"g-WEd\",\n  \"cardBoundaryWarning\": \"Z1rJG\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,eAAQ;AAAA,EACb,eAAe;AAAA,EACf,WAAW;AAAA,EACX,uBAAuB;AAAA,EACvB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,QAAQ;AAAA,EACR,2BAA2B;AAAA,EAC3B,cAAc;AAAA,EACd,eAAe;AAAA,EACf,gBAAgB;AAAA,EAChB,2BAA2B;AAAA,EAC3B,WAAW;AAAA,EACX,2BAA2B;AAAA,EAC3B,WAAW;AAAA,EACX,oBAAoB;AAAA,EACpB,uBAAuB;AACzB;",
   "names": []
 }

package/dist/cjs/plugin-card/card-viewer-scss.js CHANGED Viewed

@@ -22,11 +22,11 @@ __export(card_viewer_exports, {
 });
 module.exports = __toCommonJS(card_viewer_exports);
 var card_viewer_default = {
-  "cardWrapper": "d1cnn",
-  "cardContainer": "CtVld",
-  "cardContent": "_83hGX",
-  "pageSeparator": "CgWj-",
-  "fluid": "f3bj5",
-  "print": "w3rQR"
+  "cardWrapper": "DpQJq",
+  "cardContainer": "wxBna",
+  "cardContent": "DaQr9",
+  "pageSeparator": "Qxhwk",
+  "fluid": "DHIHW",
+  "print": "_4NPDU"
 };
 //# sourceMappingURL=card-viewer-scss.js.map

package/dist/cjs/plugin-card/card-viewer-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/plugin-card/card-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"cardWrapper\": \"d1cnn\",\n  \"cardContainer\": \"CtVld\",\n  \"cardContent\": \"_83hGX\",\n  \"pageSeparator\": \"CgWj-\",\n  \"fluid\": \"f3bj5\",\n  \"print\": \"w3rQR\"\n};"],
+  "sourcesContent": ["export default {\n  \"cardWrapper\": \"DpQJq\",\n  \"cardContainer\": \"wxBna\",\n  \"cardContent\": \"DaQr9\",\n  \"pageSeparator\": \"Qxhwk\",\n  \"fluid\": \"DHIHW\",\n  \"print\": \"_4NPDU\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/plugin-code-block/statics/styles/code-block-scss.js CHANGED Viewed

@@ -22,11 +22,11 @@ __export(code_block_exports, {
 });
 module.exports = __toCommonJS(code_block_exports);
 var code_block_default = {
-  "fontElementMap": "CQSom",
-  "blockStyleSpacing": "FP5vU",
-  "codeParent": "bwFf1",
-  "codeBlock": "wElqT FP5vU",
-  "code": "Lfuk5 FP5vU",
-  "renderedInTable": "aw87-"
+  "fontElementMap": "uAT9j",
+  "blockStyleSpacing": "Ka-Yy",
+  "codeParent": "_1EKzE",
+  "codeBlock": "_1fXNL Ka-Yy",
+  "code": "i8QRr Ka-Yy",
+  "renderedInTable": "gAeOk"
 };
 //# sourceMappingURL=code-block-scss.js.map

package/dist/cjs/plugin-code-block/statics/styles/code-block-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-code-block/statics/styles/code-block.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"CQSom\",\n  \"blockStyleSpacing\": \"FP5vU\",\n  \"codeParent\": \"bwFf1\",\n  \"codeBlock\": \"wElqT FP5vU\",\n  \"code\": \"Lfuk5 FP5vU\",\n  \"renderedInTable\": \"aw87-\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"uAT9j\",\n  \"blockStyleSpacing\": \"Ka-Yy\",\n  \"codeParent\": \"_1EKzE\",\n  \"codeBlock\": \"_1fXNL Ka-Yy\",\n  \"code\": \"i8QRr Ka-Yy\",\n  \"renderedInTable\": \"gAeOk\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,qBAAqB;AAAA,EACrB,cAAc;AAAA,EACd,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,mBAAmB;AACrB;",
   "names": []
 }

package/dist/cjs/plugin-collapsible-list/statics/styles/collapsible-list-component-scss.js CHANGED Viewed

@@ -22,11 +22,11 @@ __export(collapsible_list_component_exports, {
 });
 module.exports = __toCommonJS(collapsible_list_component_exports);
 var collapsible_list_component_default = {
-  "ltr": "Q5CeZ",
-  "rtl": "_1TVIy",
-  "iconContainer": "VjBHf",
-  "icon": "QY5SO",
-  "isExpanded": "_8Wzhz",
-  "listDimensions": "normT"
+  "ltr": "s2gsi",
+  "rtl": "lRc2R",
+  "iconContainer": "_9L4kr",
+  "icon": "FEtya",
+  "isExpanded": "mUPSf",
+  "listDimensions": "xaQy-"
 };
 //# sourceMappingURL=collapsible-list-component-scss.js.map

package/dist/cjs/plugin-collapsible-list/statics/styles/collapsible-list-component-scss.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-collapsible-list/statics/styles/collapsible-list-component.scss"],
-  "sourcesContent": ["export default {\n  \"ltr\": \"Q5CeZ\",\n  \"rtl\": \"_1TVIy\",\n  \"iconContainer\": \"VjBHf\",\n  \"icon\": \"QY5SO\",\n  \"isExpanded\": \"_8Wzhz\",\n  \"listDimensions\": \"normT\"\n};"],
+  "sourcesContent": ["export default {\n  \"ltr\": \"s2gsi\",\n  \"rtl\": \"lRc2R\",\n  \"iconContainer\": \"_9L4kr\",\n  \"icon\": \"FEtya\",\n  \"isExpanded\": \"mUPSf\",\n  \"listDimensions\": \"xaQy-\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qCAAQ;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,kBAAkB;AACpB;",
   "names": []
 }