@frontify/guideline-blocks-settings 0.28.4 → 0.28.5

package/dist/index.d.ts

@@ -6,6 +6,8 @@ import { Asset } from '@frontify/app-bridge';
 import type { AssetInputBlock as AssetInputBlock_2 } from '@frontify/sidebar-settings';
 import type { BaseBlock as BaseBlock_2 } from '@frontify/sidebar-settings';
 import type { Bundle as Bundle_2 } from '@frontify/sidebar-settings';
+import { ButtonSize } from '@frontify/fondue';
+import { CheckboxState } from '@frontify/fondue';
 import type { ChecklistBlock as ChecklistBlock_2 } from '@frontify/sidebar-settings';
 import type { ChoicesType as ChoicesType_2 } from '@frontify/sidebar-settings';
 import { Color } from '@frontify/fondue';
@@ -24,6 +26,7 @@ import { InsertNodesOptions } from '@udecode/plate';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { KeyboardCoordinateGetter } from '@dnd-kit/core';
 import type { LegacyAssetInputBlock as LegacyAssetInputBlock_2 } from '@frontify/sidebar-settings';
+import type { LinkBlock as LinkBlock_2 } from '@frontify/sidebar-settings';
 import type { LinkChooserBlock as LinkChooserBlock_2 } from '@frontify/sidebar-settings';
 import { MarkupElement } from '@frontify/fondue';
 import { MenuItemStyle } from '@frontify/fondue';
@@ -37,6 +40,7 @@ import { PluginComposer } from '@frontify/fondue';
 import { PluginProps } from '@frontify/fondue';
 import { PropsWithChildren } from 'react';
 import { RangeBeforeOptions } from '@udecode/plate';
+import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import type { SectionHeadingBlock as SectionHeadingBlock_2 } from '@frontify/sidebar-settings';
 import type { SegmentedControlsBlock as SegmentedControlsBlock_2 } from '@frontify/sidebar-settings';
@@ -426,6 +430,8 @@ export declare const getExtendedBorderRadiusSettings: (options?: BorderRadiusSet
 
 export declare const getGutterSettings: (options?: GutterSettingsType) => SettingBlock;
 
+export declare const getLegacyUrl: (editor: PlateEditor) => string;
+
 /**
  * Returns margin settings: margin switch, margin slider, custom margin input for every direction
  *
@@ -482,8 +488,12 @@ export declare const getSecurityGlobalControlId: (id?: string) => string;
  */
 export declare const getSecurityGlobalControlSetting: (id?: string) => SettingBlock[];
 
+export declare const getUrl: (editor: PlateEditor) => string;
+
 export declare const getUrlFromEditor: (editor: PlateEditor) => string;
 
+export declare const getUrlFromLinkOrLegacyLink: (link: TLinkElement_2) => string;
+
 /**
  * Returns gutter settings: gutter switch, gutter choices or gutter custom input
  *
@@ -549,6 +559,11 @@ export declare class ImageTitlePlugin extends Plugin_2 {
     plugins(): PlatePlugin<AnyObject, Value, PlateEditor<Value>>[];
 }
 
+export declare type InitiallyExpandedItems = {
+    documentId?: number;
+    pageId?: number;
+};
+
 export declare type InputBlock = InputBlock_2<AppBridgeBlock>;
 
 export declare const insertButton: <V extends Value>(editor: PlateEditor<V>, createButtonNodeOptions: CreateButtonNodeOptions, options?: InsertNodesOptions<V> | undefined) => void;
@@ -557,6 +572,10 @@ export declare const isDark: (color: unknown, threshold?: number) => boolean;
 
 export declare const isDownloadable: (security: Security, downloadable: boolean, globalAssetDownloadEnabled: boolean) => boolean;
 
+export declare const isValidUrl: (url: string) => boolean;
+
+export declare const isValidUrlOrEmpty: (url: string) => boolean;
+
 /**
  * Cleans and joins an array of inputs with possible undefined or boolean values.
  *
@@ -567,8 +586,29 @@ export declare const joinClassNames: (classNames: (string | undefined | boolean)
 
 export declare type LegacyAssetInputBlock = LegacyAssetInputBlock_2<AppBridgeBlock>;
 
+export declare type LinkBlock = LinkBlock_2<AppBridgeBlock>;
+
 export declare type LinkChooserBlock = LinkChooserBlock_2<AppBridgeBlock>;
 
+export declare const LinkInput: ({ onUrlChange, onToggleTab, isValidUrlOrEmpty, appBridge, clearable, placeholder, newTab, openInNewTab, url, required, info, label, buttonSize, hideInternalLinkButton, }: LinkInputProps) => JSX_2.Element;
+
+declare type LinkInputProps = {
+    url?: string;
+    info?: string;
+    label?: string;
+    required?: boolean;
+    newTab?: CheckboxState;
+    openInNewTab?: boolean;
+    onUrlChange?: (value: string) => void;
+    onToggleTab?: (checked: boolean) => void;
+    isValidUrlOrEmpty?: (url: string) => boolean;
+    appBridge: AppBridgeBlock;
+    clearable?: boolean;
+    placeholder?: string;
+    buttonSize?: ButtonSize;
+    hideInternalLinkButton?: boolean;
+};
+
 export declare class LinkPlugin extends Plugin_2 {
     private appBridge;
     styles: CSSProperties;
@@ -582,6 +622,15 @@ export declare type LinkPluginProps = PluginProps & {
     appBridge: AppBridgeBlock;
 };
 
+export declare const LinkSelector: ({ appBridge, url, onUrlChange, buttonSize, }: LinkSelectorProps) => ReactElement;
+
+declare type LinkSelectorProps = {
+    appBridge: AppBridgeBlock;
+    url: string;
+    onUrlChange?: (value: string) => void;
+    buttonSize?: ButtonSize;
+};
+
 export declare const mapAppBridgeColorPalettesToFonduePalettes: (colorPalettes: ColorPalette[]) => Palette[];
 
 export declare const mapAppBridgeColorPaletteToFonduePalette: (colorPalette: ColorPalette) => Palette;
@@ -712,6 +761,8 @@ export declare type RadiusSettings = {
 
 export declare const radiusStyleMap: Record<Radius, string>;
 
+export declare const relativeUrlRegex: RegExp;
+
 export declare type RichTextButtonStyle = 'primary' | 'secondary' | 'tertiary';
 
 export declare const RichTextEditor: ({ id, isEditing, value, columns, gap, placeholder, plugins, onTextChange, showSerializedText, }: RichTextEditorProps) => JSX_2.Element;
@@ -823,6 +874,15 @@ export declare const TextStylesWithoutImage: TextStyles[];
 
 export declare const THEME_PREFIX = "--f-theme-settings-";
 
+declare type TLinkElement_2 = TLinkElement & {
+    chosenLink?: {
+        searchResult?: {
+            link?: string;
+        };
+        openInNewTab?: boolean;
+    };
+};
+
 /**
  * Maps color strings to color objects.
  *

package/dist/index.es.js

@@ -1,22 +1,22 @@
 import "./styles.css.es.js";
 export * from "@frontify/sidebar-settings";
-import { BlockInjectButton as i } from "./components/BlockInjectButton/BlockInjectButton.es.js";
+import { BlockInjectButton as g } from "./components/BlockInjectButton/BlockInjectButton.es.js";
 import { BlockItemWrapper as l } from "./components/BlockItemWrapper/BlockItemWrapper.es.js";
 import { DEFAULT_DRAGGING_TOOLTIP as u, DEFAULT_DRAG_TOOLTIP as f } from "./components/BlockItemWrapper/constants.es.js";
 import { Attachments as s } from "./components/Attachments/Attachments.es.js";
 import { DownloadButton as P } from "./components/DownloadButton/DownloadButton.es.js";
 import { RichTextEditor as c } from "./components/RichTextEditor/RichTextEditor.es.js";
 import { LinkPlugin as T, createLinkPlugin as E } from "./components/RichTextEditor/plugins/LinkPlugin/index.es.js";
-import { BUTTON_PLUGIN as A, ButtonPlugin as R, ELEMENT_BUTTON as C, createButtonPlugin as I } from "./components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js";
-import { withButton as k } from "./components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js";
+import { BUTTON_PLUGIN as L, ButtonPlugin as R, ELEMENT_BUTTON as h, createButtonPlugin as A } from "./components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js";
+import { withButton as C } from "./components/RichTextEditor/plugins/ButtonPlugin/withButton.es.js";
 import { insertButton as F } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/insertButton.es.js";
-import { submitFloatingButton as L } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.es.js";
-import { unwrapButton as H } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.es.js";
-import { upsertButton as _ } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.es.js";
-import { upsertButtonText as w } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButtonText.es.js";
-import { wrapButton as W } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.es.js";
-import { getUrlFromEditor as v } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/getUrl.es.js";
-import { createButtonNode as V } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.es.js";
+import { submitFloatingButton as b } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/submitFloatingButton.es.js";
+import { unwrapButton as D } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/unwrapButton.es.js";
+import { upsertButton as N } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButton.es.js";
+import { upsertButtonText as _ } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/upsertButtonText.es.js";
+import { wrapButton as v } from "./components/RichTextEditor/plugins/ButtonPlugin/transforms/wrapButton.es.js";
+import { getUrlFromEditor as W } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/getUrl.es.js";
+import { createButtonNode as Q } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/createButtonNode.es.js";
 import { triggerFloatingButton as q } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButton.es.js";
 import { triggerFloatingButtonEdit as J } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonEdit.es.js";
 import { triggerFloatingButtonInsert as Y } from "./components/RichTextEditor/plugins/ButtonPlugin/utils/triggerFloatingButtonInsert.es.js";
@@ -24,63 +24,68 @@ import { BlockButtonStyles as $ } from "./components/RichTextEditor/plugins/Butt
 import { Custom1Plugin as rt } from "./components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js";
 import { Custom2Plugin as ot } from "./components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js";
 import { Custom3Plugin as pt } from "./components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js";
-import { Heading1Plugin as gt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js";
+import { Heading1Plugin as it } from "./components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js";
 import { Heading2Plugin as mt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js";
 import { Heading3Plugin as xt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js";
 import { Heading4Plugin as ft } from "./components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js";
 import { ImageCaptionPlugin as st } from "./components/RichTextEditor/plugins/TextStylePlugins/imageCaptionPlugin.es.js";
 import { ImageTitlePlugin as Pt } from "./components/RichTextEditor/plugins/TextStylePlugins/imageTitlePlugin.es.js";
-import { PARAGRAPH_CLASSES as ct, ParagraphMarkupElement as yt, ParagraphMarkupElementNode as Tt, ParagraphPlugin as Et, createParagraphPlugin as ht } from "./components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js";
-import { QuoteMarkupElementNode as Rt, QuotePlugin as Ct, createQuotePlugin as It } from "./components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.es.js";
-import { AllTextStylePlugins as kt, AllTextStyles as bt, TextStylePluginsWithoutImage as Ft, TextStylesWithoutImage as Gt } from "./components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js";
-import { BlockStyles as Dt, TextStyles as Ht } from "./components/RichTextEditor/plugins/styles.es.js";
-import { getDefaultPluginsWithLinkChooser as _t } from "./components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js";
-import { THEME_PREFIX as wt } from "./components/RichTextEditor/constants.es.js";
-import { convertToRteValue as Wt } from "./helpers/convertToRichTextValue.es.js";
-import { customCoordinatesGetterFactory as vt } from "./helpers/customCoordinatesGetterFactory.es.js";
-import { hasRichTextValue as Vt } from "./helpers/hasRichTextValue.es.js";
-import { isDownloadable as qt } from "./helpers/isDownloadable.es.js";
-import { mapAppBridgeColorPaletteToFonduePalette as Jt, mapAppBridgeColorPalettesToFonduePalettes as Kt } from "./helpers/mapColorPalettes.es.js";
-import { addHttps as Zt } from "./helpers/addHttps.es.js";
-import { useAttachments as tr } from "./hooks/useAttachments.es.js";
-import { useDndSensors as er } from "./hooks/useDndSensors.es.js";
-import { getBackgroundSettings as nr } from "./settings/background.es.js";
-import { getBorderSettings as ar } from "./settings/border.es.js";
-import { getBorderRadiusSettings as ir, getBorderRadiusSlider as mr } from "./settings/borderRadius.es.js";
-import { getExtendedBorderRadiusSettings as xr } from "./settings/borderRadiusExtended.es.js";
-import { getGutterSettings as fr } from "./settings/gutter.es.js";
-import { getMarginSettings as sr, getMarginSlider as Sr } from "./settings/margin.es.js";
-import { getMarginExtendedSettings as Br } from "./settings/marginExtended.es.js";
-import { getPaddingSettings as yr, getPaddingSlider as Tr } from "./settings/padding.es.js";
-import { getPaddingExtendedSettings as hr } from "./settings/paddingExtended.es.js";
-import { BorderStyle as Rr, GutterSpacing as Cr, Margin as Ir, Padding as Mr, Radius as kr, Security as br, borderStyleMap as Fr, gutterSpacingStyleMap as Gr, marginStyleMap as Lr, paddingStyleMap as Dr, radiusStyleMap as Hr } from "./settings/types.es.js";
-import { getSecurityDownloadableSetting as _r, getSecurityGlobalControlId as Or } from "./settings/securityDownloadable.es.js";
-import { getSecurityGlobalControlSetting as Ur } from "./settings/securityGlobalControl.es.js";
-import { isDark as jr } from "./utilities/color/isDark.es.js";
-import { toHex8String as Qr } from "./utilities/color/toHex8String.es.js";
-import { toHexString as Xr } from "./utilities/color/toHexString.es.js";
-import { toRgbaString as zr } from "./utilities/color/toRgbaString.es.js";
-import { setAlpha as Kr } from "./utilities/color/setAlpha.es.js";
-import { toColorObject as Zr } from "./utilities/color/toColorObject.es.js";
-import { getReadableColor as te } from "./utilities/color/getReadableColor.es.js";
-import { toShortRgba as ee } from "./utilities/color/toShortRgba.es.js";
-import { moveItemInArray as ne } from "./utilities/moveItemInArray.es.js";
-import { getBackgroundColorStyles as ae } from "./utilities/react/getBackgroundColorStyles.es.js";
-import { getBorderStyles as ie } from "./utilities/react/getBorderStyles.es.js";
-import { getRadiusStyles as le } from "./utilities/react/getRadiusStyles.es.js";
-import { joinClassNames as ue } from "./utilities/react/joinClassNames.es.js";
+import { PARAGRAPH_CLASSES as ct, ParagraphMarkupElement as yt, ParagraphMarkupElementNode as Tt, ParagraphPlugin as Et, createParagraphPlugin as kt } from "./components/RichTextEditor/plugins/TextStylePlugins/paragraphPlugin.es.js";
+import { QuoteMarkupElementNode as Rt, QuotePlugin as ht, createQuotePlugin as At } from "./components/RichTextEditor/plugins/TextStylePlugins/quotePlugin.es.js";
+import { AllTextStylePlugins as Ct, AllTextStyles as Mt, TextStylePluginsWithoutImage as Ft, TextStylesWithoutImage as Ut } from "./components/RichTextEditor/plugins/TextStylePlugins/helpers.es.js";
+import { BlockStyles as Gt, TextStyles as Dt } from "./components/RichTextEditor/plugins/styles.es.js";
+import { getDefaultPluginsWithLinkChooser as Nt } from "./components/RichTextEditor/pluginPresets/defaultPluginsWithLinkChooser.es.js";
+import { THEME_PREFIX as _t } from "./components/RichTextEditor/constants.es.js";
+import { LinkSelector as vt } from "./components/Link/LinkSelector/LinkSelector.es.js";
+import { LinkInput as Wt } from "./components/Link/LinkInput.es.js";
+import { getLegacyUrl as Qt, getUrl as Xt, getUrlFromLinkOrLegacyLink as qt } from "./components/Link/utils/getUrl.es.js";
+import { relativeUrlRegex as Jt } from "./components/Link/utils/relativeUrlRegex.es.js";
+import { isValidUrl as Yt, isValidUrlOrEmpty as Zt } from "./components/Link/utils/url.es.js";
+import { convertToRteValue as tr } from "./helpers/convertToRichTextValue.es.js";
+import { customCoordinatesGetterFactory as er } from "./helpers/customCoordinatesGetterFactory.es.js";
+import { hasRichTextValue as nr } from "./helpers/hasRichTextValue.es.js";
+import { isDownloadable as ar } from "./helpers/isDownloadable.es.js";
+import { mapAppBridgeColorPaletteToFonduePalette as gr, mapAppBridgeColorPalettesToFonduePalettes as mr } from "./helpers/mapColorPalettes.es.js";
+import { addHttps as xr } from "./helpers/addHttps.es.js";
+import { useAttachments as fr } from "./hooks/useAttachments.es.js";
+import { useDndSensors as sr } from "./hooks/useDndSensors.es.js";
+import { getBackgroundSettings as Pr } from "./settings/background.es.js";
+import { getBorderSettings as cr } from "./settings/border.es.js";
+import { getBorderRadiusSettings as Tr, getBorderRadiusSlider as Er } from "./settings/borderRadius.es.js";
+import { getExtendedBorderRadiusSettings as Lr } from "./settings/borderRadiusExtended.es.js";
+import { getGutterSettings as hr } from "./settings/gutter.es.js";
+import { getMarginSettings as Ir, getMarginSlider as Cr } from "./settings/margin.es.js";
+import { getMarginExtendedSettings as Fr } from "./settings/marginExtended.es.js";
+import { getPaddingSettings as br, getPaddingSlider as Gr } from "./settings/padding.es.js";
+import { getPaddingExtendedSettings as Hr } from "./settings/paddingExtended.es.js";
+import { BorderStyle as Or, GutterSpacing as _r, Margin as wr, Padding as vr, Radius as Vr, Security as Wr, borderStyleMap as jr, gutterSpacingStyleMap as Qr, marginStyleMap as Xr, paddingStyleMap as qr, radiusStyleMap as zr } from "./settings/types.es.js";
+import { getSecurityDownloadableSetting as Kr, getSecurityGlobalControlId as Yr } from "./settings/securityDownloadable.es.js";
+import { getSecurityGlobalControlSetting as $r } from "./settings/securityGlobalControl.es.js";
+import { isDark as re } from "./utilities/color/isDark.es.js";
+import { toHex8String as oe } from "./utilities/color/toHex8String.es.js";
+import { toHexString as pe } from "./utilities/color/toHexString.es.js";
+import { toRgbaString as ie } from "./utilities/color/toRgbaString.es.js";
+import { setAlpha as me } from "./utilities/color/setAlpha.es.js";
+import { toColorObject as xe } from "./utilities/color/toColorObject.es.js";
+import { getReadableColor as fe } from "./utilities/color/getReadableColor.es.js";
+import { toShortRgba as se } from "./utilities/color/toShortRgba.es.js";
+import { moveItemInArray as Pe } from "./utilities/moveItemInArray.es.js";
+import { getBackgroundColorStyles as ce } from "./utilities/react/getBackgroundColorStyles.es.js";
+import { getBorderStyles as Te } from "./utilities/react/getBorderStyles.es.js";
+import { getRadiusStyles as ke } from "./utilities/react/getRadiusStyles.es.js";
+import { joinClassNames as Re } from "./utilities/react/joinClassNames.es.js";
 var r = /* @__PURE__ */ ((t) => (t.Main = "main", t.Basics = "basics", t.Layout = "layout", t.Style = "style", t.Security = "security", t.Targets = "targets", t))(r || {});
 const o = (t) => t, n = (t) => t;
 export {
-  kt as AllTextStylePlugins,
-  bt as AllTextStyles,
+  Ct as AllTextStylePlugins,
+  Mt as AllTextStyles,
   s as Attachments,
-  A as BUTTON_PLUGIN,
+  L as BUTTON_PLUGIN,
   $ as BlockButtonStyles,
-  i as BlockInjectButton,
+  g as BlockInjectButton,
   l as BlockItemWrapper,
-  Dt as BlockStyles,
-  Rr as BorderStyle,
+  Gt as BlockStyles,
+  Or as BorderStyle,
   R as ButtonPlugin,
   rt as Custom1Plugin,
   ot as Custom2Plugin,
@@ -88,91 +93,99 @@ export {
   u as DEFAULT_DRAGGING_TOOLTIP,
   f as DEFAULT_DRAG_TOOLTIP,
   P as DownloadButton,
-  C as ELEMENT_BUTTON,
-  Cr as GutterSpacing,
-  gt as Heading1Plugin,
+  h as ELEMENT_BUTTON,
+  _r as GutterSpacing,
+  it as Heading1Plugin,
   mt as Heading2Plugin,
   xt as Heading3Plugin,
   ft as Heading4Plugin,
   st as ImageCaptionPlugin,
   Pt as ImageTitlePlugin,
+  Wt as LinkInput,
   T as LinkPlugin,
-  Ir as Margin,
+  vt as LinkSelector,
+  wr as Margin,
   ct as PARAGRAPH_CLASSES,
-  Mr as Padding,
+  vr as Padding,
   yt as ParagraphMarkupElement,
   Tt as ParagraphMarkupElementNode,
   Et as ParagraphPlugin,
   Rt as QuoteMarkupElementNode,
-  Ct as QuotePlugin,
-  kr as Radius,
+  ht as QuotePlugin,
+  Vr as Radius,
   c as RichTextEditor,
   r as Sections,
-  br as Security,
-  wt as THEME_PREFIX,
+  Wr as Security,
+  _t as THEME_PREFIX,
   Ft as TextStylePluginsWithoutImage,
-  Ht as TextStyles,
-  Gt as TextStylesWithoutImage,
-  Zt as addHttps,
-  Fr as borderStyleMap,
-  Wt as convertToRteValue,
-  V as createButtonNode,
-  I as createButtonPlugin,
+  Dt as TextStyles,
+  Ut as TextStylesWithoutImage,
+  xr as addHttps,
+  jr as borderStyleMap,
+  tr as convertToRteValue,
+  Q as createButtonNode,
+  A as createButtonPlugin,
   E as createLinkPlugin,
-  ht as createParagraphPlugin,
-  It as createQuotePlugin,
-  vt as customCoordinatesGetterFactory,
+  kt as createParagraphPlugin,
+  At as createQuotePlugin,
+  er as customCoordinatesGetterFactory,
   o as defineBlock,
   n as defineSettings,
-  ae as getBackgroundColorStyles,
-  nr as getBackgroundSettings,
-  ir as getBorderRadiusSettings,
-  mr as getBorderRadiusSlider,
-  ar as getBorderSettings,
-  ie as getBorderStyles,
-  _t as getDefaultPluginsWithLinkChooser,
-  xr as getExtendedBorderRadiusSettings,
-  fr as getGutterSettings,
-  Br as getMarginExtendedSettings,
-  sr as getMarginSettings,
-  Sr as getMarginSlider,
-  hr as getPaddingExtendedSettings,
-  yr as getPaddingSettings,
-  Tr as getPaddingSlider,
-  le as getRadiusStyles,
-  te as getReadableColor,
-  _r as getSecurityDownloadableSetting,
-  Or as getSecurityGlobalControlId,
-  Ur as getSecurityGlobalControlSetting,
-  v as getUrlFromEditor,
-  Gr as gutterSpacingStyleMap,
-  Vt as hasRichTextValue,
+  ce as getBackgroundColorStyles,
+  Pr as getBackgroundSettings,
+  Tr as getBorderRadiusSettings,
+  Er as getBorderRadiusSlider,
+  cr as getBorderSettings,
+  Te as getBorderStyles,
+  Nt as getDefaultPluginsWithLinkChooser,
+  Lr as getExtendedBorderRadiusSettings,
+  hr as getGutterSettings,
+  Qt as getLegacyUrl,
+  Fr as getMarginExtendedSettings,
+  Ir as getMarginSettings,
+  Cr as getMarginSlider,
+  Hr as getPaddingExtendedSettings,
+  br as getPaddingSettings,
+  Gr as getPaddingSlider,
+  ke as getRadiusStyles,
+  fe as getReadableColor,
+  Kr as getSecurityDownloadableSetting,
+  Yr as getSecurityGlobalControlId,
+  $r as getSecurityGlobalControlSetting,
+  Xt as getUrl,
+  W as getUrlFromEditor,
+  qt as getUrlFromLinkOrLegacyLink,
+  Qr as gutterSpacingStyleMap,
+  nr as hasRichTextValue,
   F as insertButton,
-  jr as isDark,
-  qt as isDownloadable,
-  ue as joinClassNames,
-  Jt as mapAppBridgeColorPaletteToFonduePalette,
-  Kt as mapAppBridgeColorPalettesToFonduePalettes,
-  Lr as marginStyleMap,
-  ne as moveItemInArray,
-  Dr as paddingStyleMap,
-  Hr as radiusStyleMap,
-  Kr as setAlpha,
-  L as submitFloatingButton,
-  Zr as toColorObject,
-  Qr as toHex8String,
-  Xr as toHexString,
-  zr as toRgbaString,
-  ee as toShortRgba,
+  re as isDark,
+  ar as isDownloadable,
+  Yt as isValidUrl,
+  Zt as isValidUrlOrEmpty,
+  Re as joinClassNames,
+  gr as mapAppBridgeColorPaletteToFonduePalette,
+  mr as mapAppBridgeColorPalettesToFonduePalettes,
+  Xr as marginStyleMap,
+  Pe as moveItemInArray,
+  qr as paddingStyleMap,
+  zr as radiusStyleMap,
+  Jt as relativeUrlRegex,
+  me as setAlpha,
+  b as submitFloatingButton,
+  xe as toColorObject,
+  oe as toHex8String,
+  pe as toHexString,
+  ie as toRgbaString,
+  se as toShortRgba,
   q as triggerFloatingButton,
   J as triggerFloatingButtonEdit,
   Y as triggerFloatingButtonInsert,
-  H as unwrapButton,
-  _ as upsertButton,
-  w as upsertButtonText,
-  tr as useAttachments,
-  er as useDndSensors,
-  k as withButton,
-  W as wrapButton
+  D as unwrapButton,
+  N as upsertButton,
+  _ as upsertButtonText,
+  fr as useAttachments,
+  sr as useDndSensors,
+  C as withButton,
+  v as wrapButton
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport './styles.css';\n\nimport type { FC } from 'react';\nimport type { AppBridgeBlock } from '@frontify/app-bridge';\nimport type {\n    AssetInputBlock as AssetInputBlockSidebarSettings,\n    BaseBlock as BaseBlockSidebarSettings,\n    Bundle as BundleSidebarSettings,\n    ChecklistBlock as ChecklistBlockSidebarSettings,\n    ChoicesType as ChoicesTypeSidebarSettings,\n    ColorInputBlock as ColorInputBlockSidebarSettings,\n    DropdownBlock as DropdownBlockSidebarSettings,\n    DynamicSettingBlock as DynamicSettingBlockSidebarSettings,\n    DynamicSupportedBlock as DynamicSupportedBlockSidebarSettings,\n    FontInputBlock as FontInputBlockSidebarSettings,\n    InputBlock as InputBlockSidebarSettings,\n    LegacyAssetInputBlock as LegacyAssetInputBlockSidebarSettings,\n    LinkChooserBlock as LinkChooserBlockSidebarSettings,\n    MultiInputBlock as MultiInputBlockSidebarSettings,\n    NotificationBlock as NotificationBlockSidebarSettings,\n    SectionHeadingBlock as SectionHeadingBlockSidebarSettings,\n    SegmentedControlsBlock as SegmentedControlsBlockSidebarSettings,\n    SettingBlock as SettingBlockSidebarSettings,\n    SimpleSettingBlock as SimpleSettingBlockSidebarSettings,\n    SwitchBlock as SwitchBlockSidebarSettings,\n    TemplateInputBlock as TemplateInputBlockSidebarSettings,\n    TextareaBlock as TextareaBlockSidebarSettings,\n    ValueOrPromisedValue as ValueOrPromisedValueSidebarSettings,\n} from '@frontify/sidebar-settings';\n\nexport * from '@frontify/sidebar-settings';\n\nexport type AssetInputBlock = AssetInputBlockSidebarSettings<AppBridgeBlock>;\nexport type BaseBlock<T = undefined> = BaseBlockSidebarSettings<AppBridgeBlock, T>;\nexport type Bundle = BundleSidebarSettings<AppBridgeBlock>;\nexport type ChecklistBlock = ChecklistBlockSidebarSettings<AppBridgeBlock>;\nexport type ChoicesType = ChoicesTypeSidebarSettings<AppBridgeBlock>;\nexport type ColorInputBlock = ColorInputBlockSidebarSettings<AppBridgeBlock>;\nexport type DropdownBlock = DropdownBlockSidebarSettings<AppBridgeBlock>;\nexport type DynamicSettingBlock<Block extends DynamicSupportedBlock = DynamicSupportedBlock> =\n    DynamicSettingBlockSidebarSettings<AppBridgeBlock, Block>;\nexport type DynamicSupportedBlock = DynamicSupportedBlockSidebarSettings<AppBridgeBlock>;\nexport type FontInputBlock = FontInputBlockSidebarSettings<AppBridgeBlock>;\nexport type InputBlock = InputBlockSidebarSettings<AppBridgeBlock>;\nexport type LegacyAssetInputBlock = LegacyAssetInputBlockSidebarSettings<AppBridgeBlock>;\nexport type LinkChooserBlock = LinkChooserBlockSidebarSettings<AppBridgeBlock>;\nexport type MultiInputBlock = MultiInputBlockSidebarSettings<AppBridgeBlock>;\nexport type NotificationBlock = NotificationBlockSidebarSettings<AppBridgeBlock>;\nexport type SectionHeadingBlock = SectionHeadingBlockSidebarSettings<AppBridgeBlock>;\nexport type SegmentedControlsBlock = SegmentedControlsBlockSidebarSettings<AppBridgeBlock>;\nexport type SettingBlock = SettingBlockSidebarSettings<AppBridgeBlock>;\nexport type SimpleSettingBlock = SimpleSettingBlockSidebarSettings<AppBridgeBlock>;\nexport type SwitchBlock = SwitchBlockSidebarSettings<AppBridgeBlock>;\nexport type TemplateInputBlock = TemplateInputBlockSidebarSettings<AppBridgeBlock>;\nexport type TextareaBlock = TextareaBlockSidebarSettings<AppBridgeBlock>;\nexport type ValueOrPromisedValue<T> = ValueOrPromisedValueSidebarSettings<AppBridgeBlock, T>;\n\nexport enum Sections {\n    Main = 'main',\n    Basics = 'basics',\n    Layout = 'layout',\n    Style = 'style',\n    Security = 'security',\n    Targets = 'targets',\n}\n\nexport type BlockSettingsStructureExport = {\n    [Sections.Main]?: SettingBlock[];\n    [Sections.Basics]?: SettingBlock[];\n    [Sections.Layout]?: SettingBlock[];\n    [Sections.Style]?: SettingBlock[];\n    [Sections.Security]?: SettingBlock[];\n} & { [customSectionName: string]: SettingBlock[] };\n\nexport type BlockProps = {\n    /**\n     * The Frontify App Bridge provides an interface to the Frontify app internals.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/content-blocks/introducing-the-app-bridge}\n     */\n    appBridge: AppBridgeBlock;\n};\n\nexport type BlockConfigExport = {\n    /**\n     * Block component to render.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/content-blocks}\n     */\n    block: FC<BlockProps>;\n    /**\n     * Contains the block settings and its structure.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-settings-1}\n     */\n    settings: ReturnType<typeof defineSettings>;\n    /**\n     * Block lifecycle hook ran before the block gets added in the Guideline.\n     * The hook support both synchronous or asynchronous execution.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-lifecycle/on-block-creation}\n     */\n    onBlockCreated?:\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => void)\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => Promise<void>);\n    /**\n     * Block lifecycle hook ran before the block gets deleted from the Guideline.\n     * The hook support both synchronous or asynchronous execution.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-lifecycle/on-block-deletion}\n     */\n    onBlockDeleted?:\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => void)\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => Promise<void>);\n};\n\n/**\n * Type helper to make it easier to export a theme, accepts a direct {@link BlockConfigExport} object.\n */\nexport const defineBlock = (config: BlockConfigExport): BlockConfigExport => config;\n\n/**\n * Type helper to make it easier to export block's settings structure, accepts a direct {@link BlockSettingsStructureExport} object\n * or a function return a direct {@link BlockSettingsStructureExport} or a function returning a Promise of {@link BlockSettingsStructureExport}.\n */\nexport const defineSettings = <\n    T extends\n        | BlockSettingsStructureExport\n        | (() => Promise<BlockSettingsStructureExport>)\n        | (() => BlockSettingsStructureExport),\n>(\n    settingsStructure: T,\n): T => settingsStructure;\n\nexport * from './components';\nexport * from './helpers';\nexport * from './hooks';\nexport * from './settings';\nexport * from './utilities';\n"],"names":["Sections","defineBlock","config","defineSettings","settingsStructure"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DY,IAAAA,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,UAAU,WANFA,IAAAA,KAAA,CAAA,CAAA;AAyDC,MAAAC,IAAc,CAACC,MAAiDA,GAMhEC,IAAiB,CAM1BC,MACIA;"}
+{"version":3,"file":"index.es.js","sources":["../src/index.ts"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport './styles.css';\n\nimport type { FC } from 'react';\nimport type { AppBridgeBlock } from '@frontify/app-bridge';\nimport type {\n    AssetInputBlock as AssetInputBlockSidebarSettings,\n    BaseBlock as BaseBlockSidebarSettings,\n    Bundle as BundleSidebarSettings,\n    ChecklistBlock as ChecklistBlockSidebarSettings,\n    ChoicesType as ChoicesTypeSidebarSettings,\n    ColorInputBlock as ColorInputBlockSidebarSettings,\n    DropdownBlock as DropdownBlockSidebarSettings,\n    DynamicSettingBlock as DynamicSettingBlockSidebarSettings,\n    DynamicSupportedBlock as DynamicSupportedBlockSidebarSettings,\n    FontInputBlock as FontInputBlockSidebarSettings,\n    InputBlock as InputBlockSidebarSettings,\n    LegacyAssetInputBlock as LegacyAssetInputBlockSidebarSettings,\n    LinkBlock as LinkBlockSidebarSettings,\n    LinkChooserBlock as LinkChooserBlockSidebarSettings,\n    MultiInputBlock as MultiInputBlockSidebarSettings,\n    NotificationBlock as NotificationBlockSidebarSettings,\n    SectionHeadingBlock as SectionHeadingBlockSidebarSettings,\n    SegmentedControlsBlock as SegmentedControlsBlockSidebarSettings,\n    SettingBlock as SettingBlockSidebarSettings,\n    SimpleSettingBlock as SimpleSettingBlockSidebarSettings,\n    SwitchBlock as SwitchBlockSidebarSettings,\n    TemplateInputBlock as TemplateInputBlockSidebarSettings,\n    TextareaBlock as TextareaBlockSidebarSettings,\n    ValueOrPromisedValue as ValueOrPromisedValueSidebarSettings,\n} from '@frontify/sidebar-settings';\n\nexport * from '@frontify/sidebar-settings';\n\nexport type AssetInputBlock = AssetInputBlockSidebarSettings<AppBridgeBlock>;\nexport type BaseBlock<T = undefined> = BaseBlockSidebarSettings<AppBridgeBlock, T>;\nexport type Bundle = BundleSidebarSettings<AppBridgeBlock>;\nexport type ChecklistBlock = ChecklistBlockSidebarSettings<AppBridgeBlock>;\nexport type ChoicesType = ChoicesTypeSidebarSettings<AppBridgeBlock>;\nexport type ColorInputBlock = ColorInputBlockSidebarSettings<AppBridgeBlock>;\nexport type DropdownBlock = DropdownBlockSidebarSettings<AppBridgeBlock>;\nexport type DynamicSettingBlock<Block extends DynamicSupportedBlock = DynamicSupportedBlock> =\n    DynamicSettingBlockSidebarSettings<AppBridgeBlock, Block>;\nexport type DynamicSupportedBlock = DynamicSupportedBlockSidebarSettings<AppBridgeBlock>;\nexport type FontInputBlock = FontInputBlockSidebarSettings<AppBridgeBlock>;\nexport type InputBlock = InputBlockSidebarSettings<AppBridgeBlock>;\nexport type LegacyAssetInputBlock = LegacyAssetInputBlockSidebarSettings<AppBridgeBlock>;\nexport type LinkBlock = LinkBlockSidebarSettings<AppBridgeBlock>;\nexport type LinkChooserBlock = LinkChooserBlockSidebarSettings<AppBridgeBlock>;\nexport type MultiInputBlock = MultiInputBlockSidebarSettings<AppBridgeBlock>;\nexport type NotificationBlock = NotificationBlockSidebarSettings<AppBridgeBlock>;\nexport type SectionHeadingBlock = SectionHeadingBlockSidebarSettings<AppBridgeBlock>;\nexport type SegmentedControlsBlock = SegmentedControlsBlockSidebarSettings<AppBridgeBlock>;\nexport type SettingBlock = SettingBlockSidebarSettings<AppBridgeBlock>;\nexport type SimpleSettingBlock = SimpleSettingBlockSidebarSettings<AppBridgeBlock>;\nexport type SwitchBlock = SwitchBlockSidebarSettings<AppBridgeBlock>;\nexport type TemplateInputBlock = TemplateInputBlockSidebarSettings<AppBridgeBlock>;\nexport type TextareaBlock = TextareaBlockSidebarSettings<AppBridgeBlock>;\nexport type ValueOrPromisedValue<T> = ValueOrPromisedValueSidebarSettings<AppBridgeBlock, T>;\n\nexport enum Sections {\n    Main = 'main',\n    Basics = 'basics',\n    Layout = 'layout',\n    Style = 'style',\n    Security = 'security',\n    Targets = 'targets',\n}\n\nexport type BlockSettingsStructureExport = {\n    [Sections.Main]?: SettingBlock[];\n    [Sections.Basics]?: SettingBlock[];\n    [Sections.Layout]?: SettingBlock[];\n    [Sections.Style]?: SettingBlock[];\n    [Sections.Security]?: SettingBlock[];\n} & { [customSectionName: string]: SettingBlock[] };\n\nexport type BlockProps = {\n    /**\n     * The Frontify App Bridge provides an interface to the Frontify app internals.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/content-blocks/introducing-the-app-bridge}\n     */\n    appBridge: AppBridgeBlock;\n};\n\nexport type BlockConfigExport = {\n    /**\n     * Block component to render.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/content-blocks}\n     */\n    block: FC<BlockProps>;\n    /**\n     * Contains the block settings and its structure.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-settings-1}\n     */\n    settings: ReturnType<typeof defineSettings>;\n    /**\n     * Block lifecycle hook ran before the block gets added in the Guideline.\n     * The hook support both synchronous or asynchronous execution.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-lifecycle/on-block-creation}\n     */\n    onBlockCreated?:\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => void)\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => Promise<void>);\n    /**\n     * Block lifecycle hook ran before the block gets deleted from the Guideline.\n     * The hook support both synchronous or asynchronous execution.\n     * {@link https://developer.frontify.com/d/XFPCrGNrXQQM/content-blocks#/details-concepts-1/block-lifecycle/on-block-deletion}\n     */\n    onBlockDeleted?:\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => void)\n        | (({ appBridge }: { appBridge: AppBridgeBlock }) => Promise<void>);\n};\n\n/**\n * Type helper to make it easier to export a theme, accepts a direct {@link BlockConfigExport} object.\n */\nexport const defineBlock = (config: BlockConfigExport): BlockConfigExport => config;\n\n/**\n * Type helper to make it easier to export block's settings structure, accepts a direct {@link BlockSettingsStructureExport} object\n * or a function return a direct {@link BlockSettingsStructureExport} or a function returning a Promise of {@link BlockSettingsStructureExport}.\n */\nexport const defineSettings = <\n    T extends\n        | BlockSettingsStructureExport\n        | (() => Promise<BlockSettingsStructureExport>)\n        | (() => BlockSettingsStructureExport),\n>(\n    settingsStructure: T,\n): T => settingsStructure;\n\nexport * from './components';\nexport * from './helpers';\nexport * from './hooks';\nexport * from './settings';\nexport * from './utilities';\n"],"names":["Sections","defineBlock","config","defineSettings","settingsStructure"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DY,IAAAA,sBAAAA,OACRA,EAAA,OAAO,QACPA,EAAA,SAAS,UACTA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,WAAW,YACXA,EAAA,UAAU,WANFA,IAAAA,KAAA,CAAA,CAAA;AAyDC,MAAAC,IAAc,CAACC,MAAiDA,GAMhEC,IAAiB,CAM1BC,MACIA;"}