@frontify/guideline-blocks-settings 0.29.0 → 0.29.2
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.
- package/CHANGELOG.md +23 -0
- package/dist/components/BlockItemWrapper/BlockItemWrapper.es.js +14 -14
- package/dist/components/BlockItemWrapper/BlockItemWrapper.es.js.map +1 -1
- package/dist/components/BlockItemWrapper/Toolbar.es.js +27 -24
- package/dist/components/BlockItemWrapper/Toolbar.es.js.map +1 -1
- package/dist/components/Link/utils/getUrl.es.js +10 -9
- package/dist/components/Link/utils/getUrl.es.js.map +1 -1
- package/dist/components/RichTextEditor/plugins/ButtonPlugin/components/FloatingButton/useFloatingButtonEdit.es.js +5 -5
- package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/useFloatingLinkEdit.es.js +7 -7
- package/dist/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/useFloatingLinkEdit.es.js.map +1 -1
- package/dist/components/RichTextEditor/plugins/styles.es.js.map +1 -1
- package/dist/index.cjs.js +3 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +8 -4
- package/dist/index.es.js +90 -89
- package/dist/index.umd.js +3 -3
- package/dist/index.umd.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/utilities/color/getReadableColor.es.js +8 -8
- package/dist/utilities/color/getReadableColor.es.js.map +1 -1
- package/dist/utilities/color/isDark.es.js +2 -2
- package/dist/utilities/color/isDark.es.js.map +1 -1
- package/dist/utilities/color/setAlpha.es.js +2 -2
- package/dist/utilities/color/setAlpha.es.js.map +1 -1
- package/dist/utilities/color/toColorObject.es.js +5 -5
- package/dist/utilities/color/toColorObject.es.js.map +1 -1
- package/dist/utilities/color/toHex8String.es.js +3 -3
- package/dist/utilities/color/toHex8String.es.js.map +1 -1
- package/dist/utilities/color/toHexString.es.js +3 -3
- package/dist/utilities/color/toHexString.es.js.map +1 -1
- package/dist/utilities/color/toRgbaString.es.js +3 -3
- package/dist/utilities/color/toRgbaString.es.js.map +1 -1
- package/package.json +11 -11
- package/src/components/Attachments/Attachments.spec.ct.tsx +1 -1
- package/src/components/BlockItemWrapper/BlockItemWrapper.tsx +4 -3
- package/src/components/BlockItemWrapper/Toolbar.tsx +8 -4
- package/src/components/BlockItemWrapper/types.ts +2 -0
- package/src/components/Link/LinkSelector/LinkSelector.spec.ct.tsx +1 -1
- package/src/components/Link/utils/getUrl.ts +4 -0
- package/src/components/RichTextEditor/RichTextEditor.spec.ct.tsx +1 -1
- package/src/components/RichTextEditor/plugins/LinkPlugin/FloatingLink/EditLinkModal/useFloatingLinkEdit.ts +2 -2
- package/src/components/RichTextEditor/plugins/styles.ts +1 -1
- package/src/utilities/color/getReadableColor.ts +3 -3
- package/src/utilities/color/isDark.ts +2 -2
- package/src/utilities/color/setAlpha.ts +2 -2
- package/src/utilities/color/toColorObject.ts +2 -2
- package/src/utilities/color/toHex8String.ts +2 -2
- package/src/utilities/color/toHexString.ts +2 -2
- package/src/utilities/color/toRgbaString.ts +2 -2
- package/tsconfig.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
|
|
1
3
|
import { AnyObject } from '@udecode/plate';
|
|
2
4
|
import { AppBridgeBlock } from '@frontify/app-bridge';
|
|
3
5
|
import type { AppBridgeTheme } from '@frontify/app-bridge';
|
|
@@ -37,10 +39,9 @@ import { PlatePlugin } from '@udecode/plate';
|
|
|
37
39
|
import { Plugin as Plugin_2 } from '@frontify/fondue';
|
|
38
40
|
import { PluginComposer } from '@frontify/fondue';
|
|
39
41
|
import { PluginProps } from '@frontify/fondue';
|
|
40
|
-
import { PropsWithChildren } from 'react';
|
|
41
42
|
import { RangeBeforeOptions } from '@udecode/plate';
|
|
42
43
|
import { ReactElement } from 'react';
|
|
43
|
-
import { ReactNode } from 'react';
|
|
44
|
+
import type { ReactNode } from 'react';
|
|
44
45
|
import type { SectionHeadingBlock as SectionHeadingBlock_2 } from '@frontify/sidebar-settings';
|
|
45
46
|
import type { SegmentedControlsBlock as SegmentedControlsBlock_2 } from '@frontify/sidebar-settings';
|
|
46
47
|
import { SensorDescriptor } from '@dnd-kit/core';
|
|
@@ -167,9 +168,10 @@ export declare type BlockInjectButtonProps = {
|
|
|
167
168
|
verticalLayout?: boolean;
|
|
168
169
|
};
|
|
169
170
|
|
|
170
|
-
export declare const BlockItemWrapper: ({ children, toolbarFlyoutItems, toolbarItems, shouldHideWrapper, shouldHideComponent, isDragging, shouldFillContainer, outlineOffset, shouldBeShown, }:
|
|
171
|
+
export declare const BlockItemWrapper: ({ children, toolbarFlyoutItems, toolbarItems, shouldHideWrapper, shouldHideComponent, isDragging, shouldFillContainer, outlineOffset, shouldBeShown, }: BlockItemWrapperProps) => ReactElement;
|
|
171
172
|
|
|
172
173
|
export declare type BlockItemWrapperProps = {
|
|
174
|
+
children: ReactNode;
|
|
173
175
|
shouldHideWrapper?: boolean;
|
|
174
176
|
shouldHideComponent?: boolean;
|
|
175
177
|
toolbarItems: (ToolbarItem | undefined)[];
|
|
@@ -431,6 +433,8 @@ export declare const getGutterSettings: (options?: GutterSettingsType) => Settin
|
|
|
431
433
|
|
|
432
434
|
export declare const getLegacyUrl: (editor: PlateEditor) => string;
|
|
433
435
|
|
|
436
|
+
export declare const getLinkFromEditor: (editor: PlateEditor) => string;
|
|
437
|
+
|
|
434
438
|
/**
|
|
435
439
|
* Returns margin settings: margin switch, margin slider, custom margin input for every direction
|
|
436
440
|
*
|
|
@@ -855,7 +859,7 @@ export declare type TextareaBlock = TextareaBlock_2<AppBridgeBlock>;
|
|
|
855
859
|
|
|
856
860
|
export declare const TextStylePluginsWithoutImage: (Custom1Plugin | Custom2Plugin | Custom3Plugin | Heading1Plugin | Heading2Plugin | Heading3Plugin | Heading4Plugin | ParagraphPlugin | QuotePlugin)[];
|
|
857
861
|
|
|
858
|
-
export declare
|
|
862
|
+
export declare enum TextStyles {
|
|
859
863
|
heading1 = "heading1",
|
|
860
864
|
heading2 = "heading2",
|
|
861
865
|
heading3 = "heading3",
|
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
|
|
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,
|
|
42
|
-
import { relativeUrlRegex as
|
|
43
|
-
import { isValidUrl as
|
|
44
|
-
import { convertToRteValue as
|
|
45
|
-
import { customCoordinatesGetterFactory as
|
|
46
|
-
import { hasRichTextValue as
|
|
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
|
|
49
|
-
import { addHttps as
|
|
50
|
-
import { useAttachments as
|
|
51
|
-
import { useDndSensors as
|
|
52
|
-
import { getBackgroundSettings as
|
|
53
|
-
import { getBorderSettings as
|
|
54
|
-
import { getBorderRadiusSettings as
|
|
55
|
-
import { getExtendedBorderRadiusSettings as
|
|
56
|
-
import { getGutterSettings as
|
|
57
|
-
import { getMarginSettings as
|
|
58
|
-
import { getMarginExtendedSettings as
|
|
59
|
-
import { getPaddingSettings as
|
|
60
|
-
import { getPaddingExtendedSettings as
|
|
61
|
-
import { BorderStyle as
|
|
62
|
-
import { getSecurityDownloadableSetting as
|
|
63
|
-
import { getSecurityGlobalControlSetting as
|
|
64
|
-
import { isDark as
|
|
65
|
-
import { toHex8String as
|
|
66
|
-
import { toHexString as
|
|
67
|
-
import { toRgbaString as
|
|
68
|
-
import { setAlpha as
|
|
69
|
-
import { toColorObject as
|
|
70
|
-
import { getReadableColor as
|
|
71
|
-
import { toShortRgba as
|
|
72
|
-
import { moveItemInArray as
|
|
73
|
-
import { getBackgroundColorStyles as
|
|
74
|
-
import { getBorderStyles as
|
|
75
|
-
import { getRadiusStyles as
|
|
76
|
-
import { joinClassNames as
|
|
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
|
-
|
|
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
|
-
|
|
98
|
-
|
|
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
|
-
|
|
107
|
+
vr as Margin,
|
|
108
108
|
ct as PARAGRAPH_CLASSES,
|
|
109
|
-
|
|
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
|
-
|
|
115
|
+
Wr as Radius,
|
|
116
116
|
c as RichTextEditor,
|
|
117
117
|
r as Sections,
|
|
118
|
-
|
|
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
|
-
|
|
124
|
-
|
|
125
|
-
|
|
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
|
-
|
|
131
|
+
or as customCoordinatesGetterFactory,
|
|
132
132
|
o as defineBlock,
|
|
133
133
|
n as defineSettings,
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
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
|
-
|
|
142
|
-
|
|
141
|
+
Rr as getExtendedBorderRadiusSettings,
|
|
142
|
+
Ar as getGutterSettings,
|
|
143
143
|
Qt as getLegacyUrl,
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
Cr as
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
Gr as
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
Yr as
|
|
154
|
-
|
|
155
|
-
|
|
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
|
-
|
|
158
|
-
|
|
159
|
-
|
|
158
|
+
zt as getUrlFromLinkOrLegacyLink,
|
|
159
|
+
Xr as gutterSpacingStyleMap,
|
|
160
|
+
pr as hasRichTextValue,
|
|
160
161
|
F as insertButton,
|
|
161
|
-
|
|
162
|
+
ee as isDark,
|
|
162
163
|
ar as isDownloadable,
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
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
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
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
|
-
|
|
187
|
-
|
|
187
|
+
dr as useAttachments,
|
|
188
|
+
Sr as useDndSensors,
|
|
188
189
|
C as withButton,
|
|
189
190
|
v as wrapButton
|
|
190
191
|
};
|