@frontify/guideline-blocks-settings 0.29.1 → 0.29.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/dist/components/BlockItemWrapper/BlockItemWrapper.es.js +14 -14
  3. package/dist/components/BlockItemWrapper/BlockItemWrapper.es.js.map +1 -1
  4. package/dist/components/BlockItemWrapper/Toolbar.es.js +27 -24
  5. package/dist/components/BlockItemWrapper/Toolbar.es.js.map +1 -1
  6. package/dist/components/Link/utils/getUrl.es.js +10 -9
  7. package/dist/components/Link/utils/getUrl.es.js.map +1 -1
  8. package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js +1 -1
  9. package/dist/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.es.js.map +1 -1
  10. package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.es.js +5 -5
  11. package/dist/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js +6 -6
  12. package/dist/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.es.js.map +1 -1
  13. package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/useFloatingLinkEdit.es.js +7 -7
  14. package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/useFloatingLinkEdit.es.js.map +1 -1
  15. package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js +1 -1
  16. package/dist/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.es.js.map +1 -1
  17. package/dist/index.cjs.js +3 -3
  18. package/dist/index.cjs.js.map +1 -1
  19. package/dist/index.d.ts +4 -2
  20. package/dist/index.es.js +90 -89
  21. package/dist/index.umd.js +3 -3
  22. package/dist/index.umd.js.map +1 -1
  23. package/dist/styles.css +1 -1
  24. package/package.json +3 -3
  25. package/src/components/BlockItemWrapper/BlockItemWrapper.tsx +4 -3
  26. package/src/components/BlockItemWrapper/Toolbar.tsx +8 -4
  27. package/src/components/Link/utils/getUrl.ts +4 -0
  28. package/src/components/RichTextEditor/RichTextEditor.spec.ct.tsx +28 -1
  29. package/src/components/RichTextEditor/plugins/ButtonPlugin/ButtonMarkupElement/ButtonMarkupElementNode.tsx +1 -1
  30. package/src/components/RichTextEditor/plugins/ButtonPlugin/createButtonPlugin.ts +1 -1
  31. package/src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/useFloatingLinkEdit.ts +2 -2
  32. package/src/components/RichTextEditor/plugins/LinkPlugin/LinkMarkupElement/LinkMarkupElementNode.tsx +1 -1
package/dist/index.d.ts CHANGED
@@ -41,7 +41,7 @@ import { PluginComposer } from '@frontify/fondue';
41
41
  import { PluginProps } from '@frontify/fondue';
42
42
  import { RangeBeforeOptions } from '@udecode/plate';
43
43
  import { ReactElement } from 'react';
44
- import { ReactNode } from 'react';
44
+ import type { ReactNode } from 'react';
45
45
  import type { SectionHeadingBlock as SectionHeadingBlock_2 } from '@frontify/sidebar-settings';
46
46
  import type { SegmentedControlsBlock as SegmentedControlsBlock_2 } from '@frontify/sidebar-settings';
47
47
  import { SensorDescriptor } from '@dnd-kit/core';
@@ -168,7 +168,7 @@ export declare type BlockInjectButtonProps = {
168
168
  verticalLayout?: boolean;
169
169
  };
170
170
 
171
- export declare const BlockItemWrapper: ({ children, toolbarFlyoutItems, toolbarItems, shouldHideWrapper, shouldHideComponent, isDragging, shouldFillContainer, outlineOffset, shouldBeShown, }: BlockItemWrapperProps) => string | number | boolean | JSX_2.Element | Iterable<ReactNode> | null | undefined;
171
+ export declare const BlockItemWrapper: ({ children, toolbarFlyoutItems, toolbarItems, shouldHideWrapper, shouldHideComponent, isDragging, shouldFillContainer, outlineOffset, shouldBeShown, }: BlockItemWrapperProps) => ReactElement;
172
172
 
173
173
  export declare type BlockItemWrapperProps = {
174
174
  children: ReactNode;
@@ -433,6 +433,8 @@ export declare const getGutterSettings: (options?: GutterSettingsType) => Settin
433
433
 
434
434
  export declare const getLegacyUrl: (editor: PlateEditor) => string;
435
435
 
436
+ export declare const getLinkFromEditor: (editor: PlateEditor) => string;
437
+
436
438
  /**
437
439
  * Returns margin settings: margin switch, margin slider, custom margin input for every direction
438
440
  *
package/dist/index.es.js CHANGED
@@ -24,7 +24,7 @@ import { BlockButtonStyles as $ } from "./components/RichTextEditor/plugins/Butt
24
24
  import { Custom1Plugin as rt } from "./components/RichTextEditor/plugins/TextStylePlugins/custom1Plugin.es.js";
25
25
  import { Custom2Plugin as ot } from "./components/RichTextEditor/plugins/TextStylePlugins/custom2Plugin.es.js";
26
26
  import { Custom3Plugin as pt } from "./components/RichTextEditor/plugins/TextStylePlugins/custom3Plugin.es.js";
27
- import { Heading1Plugin as it } from "./components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js";
27
+ import { Heading1Plugin as at } from "./components/RichTextEditor/plugins/TextStylePlugins/heading1Plugin.es.js";
28
28
  import { Heading2Plugin as mt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading2Plugin.es.js";
29
29
  import { Heading3Plugin as xt } from "./components/RichTextEditor/plugins/TextStylePlugins/heading3Plugin.es.js";
30
30
  import { Heading4Plugin as ft } from "./components/RichTextEditor/plugins/TextStylePlugins/heading4Plugin.es.js";
@@ -38,42 +38,42 @@ import { getDefaultPluginsWithLinkChooser as Nt } from "./components/RichTextEdi
38
38
  import { THEME_PREFIX as _t } from "./components/RichTextEditor/constants.es.js";
39
39
  import { LinkSelector as vt } from "./components/Link/LinkSelector/LinkSelector.es.js";
40
40
  import { LinkInput as Wt } from "./components/Link/LinkInput.es.js";
41
- import { getLegacyUrl as Qt, getUrl as Xt, getUrlFromLinkOrLegacyLink as qt } from "./components/Link/utils/getUrl.es.js";
42
- import { relativeUrlRegex as Jt } from "./components/Link/utils/relativeUrlRegex.es.js";
43
- import { isValidUrl as Yt, isValidUrlOrEmpty as Zt } from "./components/Link/utils/url.es.js";
44
- import { convertToRteValue as tr } from "./helpers/convertToRichTextValue.es.js";
45
- import { customCoordinatesGetterFactory as er } from "./helpers/customCoordinatesGetterFactory.es.js";
46
- import { hasRichTextValue as nr } from "./helpers/hasRichTextValue.es.js";
41
+ import { getLegacyUrl as Qt, getLinkFromEditor as Xt, getUrl as qt, getUrlFromLinkOrLegacyLink as zt } from "./components/Link/utils/getUrl.es.js";
42
+ import { relativeUrlRegex as Kt } from "./components/Link/utils/relativeUrlRegex.es.js";
43
+ import { isValidUrl as Zt, isValidUrlOrEmpty as $t } from "./components/Link/utils/url.es.js";
44
+ import { convertToRteValue as rr } from "./helpers/convertToRichTextValue.es.js";
45
+ import { customCoordinatesGetterFactory as or } from "./helpers/customCoordinatesGetterFactory.es.js";
46
+ import { hasRichTextValue as pr } from "./helpers/hasRichTextValue.es.js";
47
47
  import { isDownloadable as ar } from "./helpers/isDownloadable.es.js";
48
- import { mapAppBridgeColorPaletteToFonduePalette as gr, mapAppBridgeColorPalettesToFonduePalettes as mr } from "./helpers/mapColorPalettes.es.js";
49
- import { addHttps as xr } from "./helpers/addHttps.es.js";
50
- import { useAttachments as fr } from "./hooks/useAttachments.es.js";
51
- import { useDndSensors as sr } from "./hooks/useDndSensors.es.js";
52
- import { getBackgroundSettings as Pr } from "./settings/background.es.js";
53
- import { getBorderSettings as cr } from "./settings/border.es.js";
54
- import { getBorderRadiusSettings as Tr, getBorderRadiusSlider as Er } from "./settings/borderRadius.es.js";
55
- import { getExtendedBorderRadiusSettings as Lr } from "./settings/borderRadiusExtended.es.js";
56
- import { getGutterSettings as hr } from "./settings/gutter.es.js";
57
- import { getMarginSettings as Ir, getMarginSlider as Cr } from "./settings/margin.es.js";
58
- import { getMarginExtendedSettings as Fr } from "./settings/marginExtended.es.js";
59
- import { getPaddingSettings as br, getPaddingSlider as Gr } from "./settings/padding.es.js";
60
- import { getPaddingExtendedSettings as Hr } from "./settings/paddingExtended.es.js";
61
- 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";
62
- import { getSecurityDownloadableSetting as Kr, getSecurityGlobalControlId as Yr } from "./settings/securityDownloadable.es.js";
63
- import { getSecurityGlobalControlSetting as $r } from "./settings/securityGlobalControl.es.js";
64
- import { isDark as re } from "./utilities/color/isDark.es.js";
65
- import { toHex8String as oe } from "./utilities/color/toHex8String.es.js";
66
- import { toHexString as pe } from "./utilities/color/toHexString.es.js";
67
- import { toRgbaString as ie } from "./utilities/color/toRgbaString.es.js";
68
- import { setAlpha as me } from "./utilities/color/setAlpha.es.js";
69
- import { toColorObject as xe } from "./utilities/color/toColorObject.es.js";
70
- import { getReadableColor as fe } from "./utilities/color/getReadableColor.es.js";
71
- import { toShortRgba as se } from "./utilities/color/toShortRgba.es.js";
72
- import { moveItemInArray as Pe } from "./utilities/moveItemInArray.es.js";
73
- import { getBackgroundColorStyles as ce } from "./utilities/react/getBackgroundColorStyles.es.js";
74
- import { getBorderStyles as Te } from "./utilities/react/getBorderStyles.es.js";
75
- import { getRadiusStyles as ke } from "./utilities/react/getRadiusStyles.es.js";
76
- import { joinClassNames as Re } from "./utilities/react/joinClassNames.es.js";
48
+ import { mapAppBridgeColorPaletteToFonduePalette as mr, mapAppBridgeColorPalettesToFonduePalettes as lr } from "./helpers/mapColorPalettes.es.js";
49
+ import { addHttps as ur } from "./helpers/addHttps.es.js";
50
+ import { useAttachments as dr } from "./hooks/useAttachments.es.js";
51
+ import { useDndSensors as Sr } from "./hooks/useDndSensors.es.js";
52
+ import { getBackgroundSettings as Br } from "./settings/background.es.js";
53
+ import { getBorderSettings as yr } from "./settings/border.es.js";
54
+ import { getBorderRadiusSettings as Er, getBorderRadiusSlider as kr } from "./settings/borderRadius.es.js";
55
+ import { getExtendedBorderRadiusSettings as Rr } from "./settings/borderRadiusExtended.es.js";
56
+ import { getGutterSettings as Ar } from "./settings/gutter.es.js";
57
+ import { getMarginSettings as Cr, getMarginSlider as Mr } from "./settings/margin.es.js";
58
+ import { getMarginExtendedSettings as Ur } from "./settings/marginExtended.es.js";
59
+ import { getPaddingSettings as Gr, getPaddingSlider as Dr } from "./settings/padding.es.js";
60
+ import { getPaddingExtendedSettings as Nr } from "./settings/paddingExtended.es.js";
61
+ import { BorderStyle as _r, GutterSpacing as wr, Margin as vr, Padding as Vr, Radius as Wr, Security as jr, borderStyleMap as Qr, gutterSpacingStyleMap as Xr, marginStyleMap as qr, paddingStyleMap as zr, radiusStyleMap as Jr } from "./settings/types.es.js";
62
+ import { getSecurityDownloadableSetting as Yr, getSecurityGlobalControlId as Zr } from "./settings/securityDownloadable.es.js";
63
+ import { getSecurityGlobalControlSetting as te } from "./settings/securityGlobalControl.es.js";
64
+ import { isDark as ee } from "./utilities/color/isDark.es.js";
65
+ import { toHex8String as ne } from "./utilities/color/toHex8String.es.js";
66
+ import { toHexString as ie } from "./utilities/color/toHexString.es.js";
67
+ import { toRgbaString as ge } from "./utilities/color/toRgbaString.es.js";
68
+ import { setAlpha as le } from "./utilities/color/setAlpha.es.js";
69
+ import { toColorObject as ue } from "./utilities/color/toColorObject.es.js";
70
+ import { getReadableColor as de } from "./utilities/color/getReadableColor.es.js";
71
+ import { toShortRgba as Se } from "./utilities/color/toShortRgba.es.js";
72
+ import { moveItemInArray as Be } from "./utilities/moveItemInArray.es.js";
73
+ import { getBackgroundColorStyles as ye } from "./utilities/react/getBackgroundColorStyles.es.js";
74
+ import { getBorderStyles as Ee } from "./utilities/react/getBorderStyles.es.js";
75
+ import { getRadiusStyles as Le } from "./utilities/react/getRadiusStyles.es.js";
76
+ import { joinClassNames as he } from "./utilities/react/joinClassNames.es.js";
77
77
  var r = /* @__PURE__ */ ((t) => (t.Main = "main", t.Basics = "basics", t.Layout = "layout", t.Style = "style", t.Security = "security", t.Targets = "targets", t))(r || {});
78
78
  const o = (t) => t, n = (t) => t;
79
79
  export {
@@ -85,7 +85,7 @@ export {
85
85
  g as BlockInjectButton,
86
86
  l as BlockItemWrapper,
87
87
  Gt as BlockStyles,
88
- Or as BorderStyle,
88
+ _r as BorderStyle,
89
89
  R as ButtonPlugin,
90
90
  rt as Custom1Plugin,
91
91
  ot as Custom2Plugin,
@@ -94,8 +94,8 @@ export {
94
94
  f as DEFAULT_DRAG_TOOLTIP,
95
95
  P as DownloadButton,
96
96
  h as ELEMENT_BUTTON,
97
- _r as GutterSpacing,
98
- it as Heading1Plugin,
97
+ wr as GutterSpacing,
98
+ at as Heading1Plugin,
99
99
  mt as Heading2Plugin,
100
100
  xt as Heading3Plugin,
101
101
  ft as Heading4Plugin,
@@ -104,87 +104,88 @@ export {
104
104
  Wt as LinkInput,
105
105
  T as LinkPlugin,
106
106
  vt as LinkSelector,
107
- wr as Margin,
107
+ vr as Margin,
108
108
  ct as PARAGRAPH_CLASSES,
109
- vr as Padding,
109
+ Vr as Padding,
110
110
  yt as ParagraphMarkupElement,
111
111
  Tt as ParagraphMarkupElementNode,
112
112
  Et as ParagraphPlugin,
113
113
  Rt as QuoteMarkupElementNode,
114
114
  ht as QuotePlugin,
115
- Vr as Radius,
115
+ Wr as Radius,
116
116
  c as RichTextEditor,
117
117
  r as Sections,
118
- Wr as Security,
118
+ jr as Security,
119
119
  _t as THEME_PREFIX,
120
120
  Ft as TextStylePluginsWithoutImage,
121
121
  Dt as TextStyles,
122
122
  Ut as TextStylesWithoutImage,
123
- xr as addHttps,
124
- jr as borderStyleMap,
125
- tr as convertToRteValue,
123
+ ur as addHttps,
124
+ Qr as borderStyleMap,
125
+ rr as convertToRteValue,
126
126
  Q as createButtonNode,
127
127
  A as createButtonPlugin,
128
128
  E as createLinkPlugin,
129
129
  kt as createParagraphPlugin,
130
130
  At as createQuotePlugin,
131
- er as customCoordinatesGetterFactory,
131
+ or as customCoordinatesGetterFactory,
132
132
  o as defineBlock,
133
133
  n as defineSettings,
134
- ce as getBackgroundColorStyles,
135
- Pr as getBackgroundSettings,
136
- Tr as getBorderRadiusSettings,
137
- Er as getBorderRadiusSlider,
138
- cr as getBorderSettings,
139
- Te as getBorderStyles,
134
+ ye as getBackgroundColorStyles,
135
+ Br as getBackgroundSettings,
136
+ Er as getBorderRadiusSettings,
137
+ kr as getBorderRadiusSlider,
138
+ yr as getBorderSettings,
139
+ Ee as getBorderStyles,
140
140
  Nt as getDefaultPluginsWithLinkChooser,
141
- Lr as getExtendedBorderRadiusSettings,
142
- hr as getGutterSettings,
141
+ Rr as getExtendedBorderRadiusSettings,
142
+ Ar as getGutterSettings,
143
143
  Qt as getLegacyUrl,
144
- Fr as getMarginExtendedSettings,
145
- Ir as getMarginSettings,
146
- Cr as getMarginSlider,
147
- Hr as getPaddingExtendedSettings,
148
- br as getPaddingSettings,
149
- Gr as getPaddingSlider,
150
- ke as getRadiusStyles,
151
- fe as getReadableColor,
152
- Kr as getSecurityDownloadableSetting,
153
- Yr as getSecurityGlobalControlId,
154
- $r as getSecurityGlobalControlSetting,
155
- Xt as getUrl,
144
+ Xt as getLinkFromEditor,
145
+ Ur as getMarginExtendedSettings,
146
+ Cr as getMarginSettings,
147
+ Mr as getMarginSlider,
148
+ Nr as getPaddingExtendedSettings,
149
+ Gr as getPaddingSettings,
150
+ Dr as getPaddingSlider,
151
+ Le as getRadiusStyles,
152
+ de as getReadableColor,
153
+ Yr as getSecurityDownloadableSetting,
154
+ Zr as getSecurityGlobalControlId,
155
+ te as getSecurityGlobalControlSetting,
156
+ qt as getUrl,
156
157
  W as getUrlFromEditor,
157
- qt as getUrlFromLinkOrLegacyLink,
158
- Qr as gutterSpacingStyleMap,
159
- nr as hasRichTextValue,
158
+ zt as getUrlFromLinkOrLegacyLink,
159
+ Xr as gutterSpacingStyleMap,
160
+ pr as hasRichTextValue,
160
161
  F as insertButton,
161
- re as isDark,
162
+ ee as isDark,
162
163
  ar as isDownloadable,
163
- Yt as isValidUrl,
164
- Zt as isValidUrlOrEmpty,
165
- Re as joinClassNames,
166
- gr as mapAppBridgeColorPaletteToFonduePalette,
167
- mr as mapAppBridgeColorPalettesToFonduePalettes,
168
- Xr as marginStyleMap,
169
- Pe as moveItemInArray,
170
- qr as paddingStyleMap,
171
- zr as radiusStyleMap,
172
- Jt as relativeUrlRegex,
173
- me as setAlpha,
164
+ Zt as isValidUrl,
165
+ $t as isValidUrlOrEmpty,
166
+ he as joinClassNames,
167
+ mr as mapAppBridgeColorPaletteToFonduePalette,
168
+ lr as mapAppBridgeColorPalettesToFonduePalettes,
169
+ qr as marginStyleMap,
170
+ Be as moveItemInArray,
171
+ zr as paddingStyleMap,
172
+ Jr as radiusStyleMap,
173
+ Kt as relativeUrlRegex,
174
+ le as setAlpha,
174
175
  b as submitFloatingButton,
175
- xe as toColorObject,
176
- oe as toHex8String,
177
- pe as toHexString,
178
- ie as toRgbaString,
179
- se as toShortRgba,
176
+ ue as toColorObject,
177
+ ne as toHex8String,
178
+ ie as toHexString,
179
+ ge as toRgbaString,
180
+ Se as toShortRgba,
180
181
  q as triggerFloatingButton,
181
182
  J as triggerFloatingButtonEdit,
182
183
  Y as triggerFloatingButtonInsert,
183
184
  D as unwrapButton,
184
185
  N as upsertButton,
185
186
  _ as upsertButtonText,
186
- fr as useAttachments,
187
- sr as useDndSensors,
187
+ dr as useAttachments,
188
+ Sr as useDndSensors,
188
189
  C as withButton,
189
190
  v as wrapButton
190
191
  };