@measured/puck-plugin-heading-analyzer 0.21.0-canary.77444503 → 0.21.0-canary.7c2f9283
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/dist/index.css +5 -149
- package/dist/index.d.mts +21 -9
- package/dist/index.d.ts +21 -9
- package/dist/index.js +152 -252
- package/dist/index.mjs +149 -249
- package/package.json +2 -2
package/dist/index.css
CHANGED
|
@@ -1,162 +1,18 @@
|
|
|
1
1
|
/* css-module:/home/runner/work/puck/puck/packages/plugin-heading-analyzer/src/HeadingAnalyzer.module.css/#css-module-data */
|
|
2
|
-
.
|
|
2
|
+
._HeadingAnalyzer_yg0s7_1 {
|
|
3
3
|
display: block;
|
|
4
|
+
padding: 16px;
|
|
4
5
|
}
|
|
5
|
-
._HeadingAnalyzer-
|
|
6
|
+
._HeadingAnalyzer-cssWarning_yg0s7_6 {
|
|
6
7
|
display: none !important;
|
|
7
8
|
}
|
|
8
|
-
.
|
|
9
|
+
._HeadingAnalyzerItem_yg0s7_10 {
|
|
9
10
|
display: inline;
|
|
10
11
|
}
|
|
11
|
-
._HeadingAnalyzerItem--
|
|
12
|
+
._HeadingAnalyzerItem--missing_yg0s7_14 {
|
|
12
13
|
color: var(--puck-color-red-04);
|
|
13
14
|
}
|
|
14
15
|
|
|
15
|
-
/* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
|
|
16
|
-
._SidebarSection_8boj8_1 {
|
|
17
|
-
display: flex;
|
|
18
|
-
position: relative;
|
|
19
|
-
flex-direction: column;
|
|
20
|
-
color: var(--puck-color-black);
|
|
21
|
-
}
|
|
22
|
-
._SidebarSection_8boj8_1:last-of-type {
|
|
23
|
-
flex-grow: 1;
|
|
24
|
-
}
|
|
25
|
-
._SidebarSection-title_8boj8_12 {
|
|
26
|
-
background: var(--puck-color-white);
|
|
27
|
-
padding: 16px;
|
|
28
|
-
border-bottom: 1px solid var(--puck-color-grey-09);
|
|
29
|
-
border-top: 1px solid var(--puck-color-grey-09);
|
|
30
|
-
overflow-x: auto;
|
|
31
|
-
}
|
|
32
|
-
._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 {
|
|
33
|
-
border-top: 0px;
|
|
34
|
-
}
|
|
35
|
-
._SidebarSection-content_8boj8_24 {
|
|
36
|
-
padding: 16px;
|
|
37
|
-
}
|
|
38
|
-
._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 {
|
|
39
|
-
padding: 0px;
|
|
40
|
-
}
|
|
41
|
-
._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child {
|
|
42
|
-
padding-bottom: 4px;
|
|
43
|
-
}
|
|
44
|
-
._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 {
|
|
45
|
-
border-bottom: none;
|
|
46
|
-
flex-grow: 1;
|
|
47
|
-
}
|
|
48
|
-
._SidebarSection-breadcrumbLabel_8boj8_41 {
|
|
49
|
-
background: none;
|
|
50
|
-
border: 0;
|
|
51
|
-
border-radius: 2px;
|
|
52
|
-
color: var(--puck-color-azure-04);
|
|
53
|
-
cursor: pointer;
|
|
54
|
-
font: inherit;
|
|
55
|
-
flex-shrink: 0;
|
|
56
|
-
padding: 0;
|
|
57
|
-
transition: color 50ms ease-in;
|
|
58
|
-
}
|
|
59
|
-
._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible {
|
|
60
|
-
outline: 2px solid var(--puck-color-azure-05);
|
|
61
|
-
outline-offset: 2px;
|
|
62
|
-
}
|
|
63
|
-
@media (hover: hover) and (pointer: fine) {
|
|
64
|
-
._SidebarSection-breadcrumbLabel_8boj8_41:hover {
|
|
65
|
-
color: var(--puck-color-azure-03);
|
|
66
|
-
transition: none;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
._SidebarSection-breadcrumbLabel_8boj8_41:active {
|
|
70
|
-
color: var(--puck-color-azure-02);
|
|
71
|
-
transition: none;
|
|
72
|
-
}
|
|
73
|
-
._SidebarSection-breadcrumbs_8boj8_70 {
|
|
74
|
-
align-items: center;
|
|
75
|
-
display: flex;
|
|
76
|
-
gap: 4px;
|
|
77
|
-
}
|
|
78
|
-
._SidebarSection-breadcrumb_8boj8_41 {
|
|
79
|
-
align-items: center;
|
|
80
|
-
display: flex;
|
|
81
|
-
gap: 4px;
|
|
82
|
-
}
|
|
83
|
-
._SidebarSection-heading_8boj8_82 {
|
|
84
|
-
padding-inline-end: 16px;
|
|
85
|
-
}
|
|
86
|
-
._SidebarSection-loadingOverlay_8boj8_86 {
|
|
87
|
-
background: var(--puck-color-white);
|
|
88
|
-
display: flex;
|
|
89
|
-
justify-content: center;
|
|
90
|
-
align-items: center;
|
|
91
|
-
height: 100%;
|
|
92
|
-
width: 100%;
|
|
93
|
-
top: 0;
|
|
94
|
-
position: absolute;
|
|
95
|
-
z-index: 1;
|
|
96
|
-
pointer-events: all;
|
|
97
|
-
box-sizing: border-box;
|
|
98
|
-
opacity: 0.8;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
/* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
|
|
102
|
-
._Heading_qxrry_1 {
|
|
103
|
-
display: block;
|
|
104
|
-
color: var(--puck-color-black);
|
|
105
|
-
font-weight: 700;
|
|
106
|
-
margin: 0;
|
|
107
|
-
}
|
|
108
|
-
._Heading_qxrry_1 b {
|
|
109
|
-
font-weight: 700;
|
|
110
|
-
}
|
|
111
|
-
._Heading--xxxxl_qxrry_12 {
|
|
112
|
-
font-size: var(--puck-font-size-xxxxl);
|
|
113
|
-
letter-spacing: 0.08ch;
|
|
114
|
-
font-weight: 800;
|
|
115
|
-
}
|
|
116
|
-
._Heading--xxxl_qxrry_18 {
|
|
117
|
-
font-size: var(--puck-font-size-xxxl);
|
|
118
|
-
}
|
|
119
|
-
._Heading--xxl_qxrry_22 {
|
|
120
|
-
font-size: var(--puck-font-size-xxl);
|
|
121
|
-
}
|
|
122
|
-
._Heading--xl_qxrry_26 {
|
|
123
|
-
font-size: var(--puck-font-size-xl);
|
|
124
|
-
}
|
|
125
|
-
._Heading--l_qxrry_30 {
|
|
126
|
-
font-size: var(--puck-font-size-l);
|
|
127
|
-
}
|
|
128
|
-
._Heading--m_qxrry_34 {
|
|
129
|
-
font-size: var(--puck-font-size-m);
|
|
130
|
-
}
|
|
131
|
-
._Heading--s_qxrry_38 {
|
|
132
|
-
font-size: var(--puck-font-size-s);
|
|
133
|
-
}
|
|
134
|
-
._Heading--xs_qxrry_42 {
|
|
135
|
-
font-size: var(--puck-font-size-xs);
|
|
136
|
-
}
|
|
137
|
-
|
|
138
|
-
/* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */
|
|
139
|
-
@keyframes _loader-animation_nacdm_1 {
|
|
140
|
-
0% {
|
|
141
|
-
transform: rotate(0deg) scale(1);
|
|
142
|
-
}
|
|
143
|
-
50% {
|
|
144
|
-
transform: rotate(180deg) scale(0.8);
|
|
145
|
-
}
|
|
146
|
-
100% {
|
|
147
|
-
transform: rotate(360deg) scale(1);
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
._Loader_nacdm_13 {
|
|
151
|
-
background: transparent;
|
|
152
|
-
border-radius: 100%;
|
|
153
|
-
border: 2px solid currentColor;
|
|
154
|
-
border-bottom-color: transparent;
|
|
155
|
-
display: inline-block;
|
|
156
|
-
animation: _loader-animation_nacdm_1 1s 0s infinite linear;
|
|
157
|
-
animation-fill-mode: both;
|
|
158
|
-
}
|
|
159
|
-
|
|
160
16
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css/#css-module-data */
|
|
161
17
|
._OutlineList_w4lzv_1 {
|
|
162
18
|
color: var(--puck-color-grey-03);
|
package/dist/index.d.mts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactElement, CSSProperties, ReactNode, ElementType, JSX } from 'react';
|
|
1
|
+
import { ReactElement, CSSProperties, ReactNode, ElementType, Ref, JSX } from 'react';
|
|
2
2
|
import { EditorStateSnapshot, Editor, Extensions } from '@tiptap/react';
|
|
3
3
|
import { BlockquoteOptions } from '@tiptap/extension-blockquote';
|
|
4
4
|
import { BoldOptions } from '@tiptap/extension-bold';
|
|
@@ -347,6 +347,7 @@ type DropZoneProps = {
|
|
|
347
347
|
className?: string;
|
|
348
348
|
collisionAxis?: DragAxis;
|
|
349
349
|
as?: ElementType;
|
|
350
|
+
ref?: Ref<any>;
|
|
350
351
|
};
|
|
351
352
|
|
|
352
353
|
type PuckContext = {
|
|
@@ -394,7 +395,7 @@ type SlotComponent = (props?: Omit<DropZoneProps, "zone">) => ReactNode;
|
|
|
394
395
|
type PuckComponent<Props> = (props: WithId<WithPuckProps<{
|
|
395
396
|
[K in keyof Props]: WithDeepSlots<Props[K], SlotComponent>;
|
|
396
397
|
}>>) => JSX.Element;
|
|
397
|
-
type ResolveDataTrigger = "insert" | "replace" | "load" | "force";
|
|
398
|
+
type ResolveDataTrigger = "insert" | "replace" | "load" | "force" | "move";
|
|
398
399
|
type WithPartialProps<T, Props extends DefaultComponentProps> = Omit<T, "props"> & {
|
|
399
400
|
props?: Partial<Props>;
|
|
400
401
|
};
|
|
@@ -426,6 +427,7 @@ UserField extends BaseField = {}> = {
|
|
|
426
427
|
lastData: DataShape | null;
|
|
427
428
|
metadata: ComponentMetadata;
|
|
428
429
|
trigger: ResolveDataTrigger;
|
|
430
|
+
parent: ComponentData | null;
|
|
429
431
|
}) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
|
|
430
432
|
resolvePermissions?: (data: DataShape, params: {
|
|
431
433
|
changed: Partial<Record<keyof FieldProps, boolean> & {
|
|
@@ -520,6 +522,7 @@ interface FieldMetadata extends Metadata {
|
|
|
520
522
|
type ItemWithId = {
|
|
521
523
|
_arrayId: string;
|
|
522
524
|
_originalIndex: number;
|
|
525
|
+
_currentIndex: number;
|
|
523
526
|
};
|
|
524
527
|
type ArrayState = {
|
|
525
528
|
items: ItemWithId[];
|
|
@@ -530,6 +533,7 @@ type UiState = {
|
|
|
530
533
|
rightSideBarVisible: boolean;
|
|
531
534
|
leftSideBarWidth?: number | null;
|
|
532
535
|
rightSideBarWidth?: number | null;
|
|
536
|
+
mobilePanelExpanded?: boolean;
|
|
533
537
|
itemSelector: ItemSelector | null;
|
|
534
538
|
arrayState: Record<string, ArrayState | undefined>;
|
|
535
539
|
previewMode: "interactive" | "edit";
|
|
@@ -542,7 +546,7 @@ type UiState = {
|
|
|
542
546
|
isDragging: boolean;
|
|
543
547
|
viewports: {
|
|
544
548
|
current: {
|
|
545
|
-
width: number;
|
|
549
|
+
width: number | "100%";
|
|
546
550
|
height: number | "auto";
|
|
547
551
|
};
|
|
548
552
|
controlsVisible: boolean;
|
|
@@ -552,6 +556,9 @@ type UiState = {
|
|
|
552
556
|
focus?: string | null;
|
|
553
557
|
metadata?: Record<string, any>;
|
|
554
558
|
};
|
|
559
|
+
plugin: {
|
|
560
|
+
current: string | null;
|
|
561
|
+
};
|
|
555
562
|
};
|
|
556
563
|
type AppState<UserData extends Data = Data> = {
|
|
557
564
|
data: UserData;
|
|
@@ -595,6 +602,11 @@ type LeftOrExactRight<Union, Left, Right> = (Left & Union extends Right ? Exact<
|
|
|
595
602
|
type AssertHasValue<T, True = T, False = never> = [keyof T] extends [
|
|
596
603
|
never
|
|
597
604
|
] ? False : True;
|
|
605
|
+
type RenderFunc<Props extends {
|
|
606
|
+
[key: string]: any;
|
|
607
|
+
} = {
|
|
608
|
+
children: ReactNode;
|
|
609
|
+
}> = (props: Props) => ReactElement;
|
|
598
610
|
|
|
599
611
|
type MapFnParams<ThisField = Field> = {
|
|
600
612
|
value: any;
|
|
@@ -618,11 +630,6 @@ G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>, UserField extends
|
|
|
618
630
|
[Type in UserField["type"]]: FieldTransformFn<ExtractField<UserField, Type>>;
|
|
619
631
|
}>;
|
|
620
632
|
|
|
621
|
-
type RenderFunc<Props extends {
|
|
622
|
-
[key: string]: any;
|
|
623
|
-
} = {
|
|
624
|
-
children: ReactNode;
|
|
625
|
-
}> = (props: Props) => ReactElement;
|
|
626
633
|
declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
|
|
627
634
|
type OverrideKey = (typeof overrideKeys)[number];
|
|
628
635
|
type OverridesGeneric<Shape extends {
|
|
@@ -693,7 +700,7 @@ type DragAxis = "dynamic" | "y" | "x";
|
|
|
693
700
|
|
|
694
701
|
type iconTypes = "Smartphone" | "Monitor" | "Tablet";
|
|
695
702
|
type Viewport = {
|
|
696
|
-
width: number;
|
|
703
|
+
width: number | "100%";
|
|
697
704
|
height?: number | "auto";
|
|
698
705
|
label?: string;
|
|
699
706
|
icon?: iconTypes | ReactNode;
|
|
@@ -707,8 +714,13 @@ type Permissions = {
|
|
|
707
714
|
insert: boolean;
|
|
708
715
|
} & Record<string, boolean>;
|
|
709
716
|
type Plugin<UserConfig extends Config = Config> = {
|
|
717
|
+
name?: string;
|
|
718
|
+
label?: string;
|
|
719
|
+
icon?: ReactNode;
|
|
720
|
+
render?: () => ReactElement;
|
|
710
721
|
overrides?: Partial<Overrides<UserConfig>>;
|
|
711
722
|
fieldTransforms?: FieldTransforms<UserConfig>;
|
|
723
|
+
mobilePanelHeight?: "toggle" | "min-content";
|
|
712
724
|
};
|
|
713
725
|
type Slot<Props extends {
|
|
714
726
|
[key: string]: DefaultComponentProps;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ReactElement, CSSProperties, ReactNode, ElementType, JSX } from 'react';
|
|
1
|
+
import { ReactElement, CSSProperties, ReactNode, ElementType, Ref, JSX } from 'react';
|
|
2
2
|
import { EditorStateSnapshot, Editor, Extensions } from '@tiptap/react';
|
|
3
3
|
import { BlockquoteOptions } from '@tiptap/extension-blockquote';
|
|
4
4
|
import { BoldOptions } from '@tiptap/extension-bold';
|
|
@@ -347,6 +347,7 @@ type DropZoneProps = {
|
|
|
347
347
|
className?: string;
|
|
348
348
|
collisionAxis?: DragAxis;
|
|
349
349
|
as?: ElementType;
|
|
350
|
+
ref?: Ref<any>;
|
|
350
351
|
};
|
|
351
352
|
|
|
352
353
|
type PuckContext = {
|
|
@@ -394,7 +395,7 @@ type SlotComponent = (props?: Omit<DropZoneProps, "zone">) => ReactNode;
|
|
|
394
395
|
type PuckComponent<Props> = (props: WithId<WithPuckProps<{
|
|
395
396
|
[K in keyof Props]: WithDeepSlots<Props[K], SlotComponent>;
|
|
396
397
|
}>>) => JSX.Element;
|
|
397
|
-
type ResolveDataTrigger = "insert" | "replace" | "load" | "force";
|
|
398
|
+
type ResolveDataTrigger = "insert" | "replace" | "load" | "force" | "move";
|
|
398
399
|
type WithPartialProps<T, Props extends DefaultComponentProps> = Omit<T, "props"> & {
|
|
399
400
|
props?: Partial<Props>;
|
|
400
401
|
};
|
|
@@ -426,6 +427,7 @@ UserField extends BaseField = {}> = {
|
|
|
426
427
|
lastData: DataShape | null;
|
|
427
428
|
metadata: ComponentMetadata;
|
|
428
429
|
trigger: ResolveDataTrigger;
|
|
430
|
+
parent: ComponentData | null;
|
|
429
431
|
}) => Promise<WithPartialProps<DataShape, FieldProps>> | WithPartialProps<DataShape, FieldProps>;
|
|
430
432
|
resolvePermissions?: (data: DataShape, params: {
|
|
431
433
|
changed: Partial<Record<keyof FieldProps, boolean> & {
|
|
@@ -520,6 +522,7 @@ interface FieldMetadata extends Metadata {
|
|
|
520
522
|
type ItemWithId = {
|
|
521
523
|
_arrayId: string;
|
|
522
524
|
_originalIndex: number;
|
|
525
|
+
_currentIndex: number;
|
|
523
526
|
};
|
|
524
527
|
type ArrayState = {
|
|
525
528
|
items: ItemWithId[];
|
|
@@ -530,6 +533,7 @@ type UiState = {
|
|
|
530
533
|
rightSideBarVisible: boolean;
|
|
531
534
|
leftSideBarWidth?: number | null;
|
|
532
535
|
rightSideBarWidth?: number | null;
|
|
536
|
+
mobilePanelExpanded?: boolean;
|
|
533
537
|
itemSelector: ItemSelector | null;
|
|
534
538
|
arrayState: Record<string, ArrayState | undefined>;
|
|
535
539
|
previewMode: "interactive" | "edit";
|
|
@@ -542,7 +546,7 @@ type UiState = {
|
|
|
542
546
|
isDragging: boolean;
|
|
543
547
|
viewports: {
|
|
544
548
|
current: {
|
|
545
|
-
width: number;
|
|
549
|
+
width: number | "100%";
|
|
546
550
|
height: number | "auto";
|
|
547
551
|
};
|
|
548
552
|
controlsVisible: boolean;
|
|
@@ -552,6 +556,9 @@ type UiState = {
|
|
|
552
556
|
focus?: string | null;
|
|
553
557
|
metadata?: Record<string, any>;
|
|
554
558
|
};
|
|
559
|
+
plugin: {
|
|
560
|
+
current: string | null;
|
|
561
|
+
};
|
|
555
562
|
};
|
|
556
563
|
type AppState<UserData extends Data = Data> = {
|
|
557
564
|
data: UserData;
|
|
@@ -595,6 +602,11 @@ type LeftOrExactRight<Union, Left, Right> = (Left & Union extends Right ? Exact<
|
|
|
595
602
|
type AssertHasValue<T, True = T, False = never> = [keyof T] extends [
|
|
596
603
|
never
|
|
597
604
|
] ? False : True;
|
|
605
|
+
type RenderFunc<Props extends {
|
|
606
|
+
[key: string]: any;
|
|
607
|
+
} = {
|
|
608
|
+
children: ReactNode;
|
|
609
|
+
}> = (props: Props) => ReactElement;
|
|
598
610
|
|
|
599
611
|
type MapFnParams<ThisField = Field> = {
|
|
600
612
|
value: any;
|
|
@@ -618,11 +630,6 @@ G extends UserGenerics<UserConfig> = UserGenerics<UserConfig>, UserField extends
|
|
|
618
630
|
[Type in UserField["type"]]: FieldTransformFn<ExtractField<UserField, Type>>;
|
|
619
631
|
}>;
|
|
620
632
|
|
|
621
|
-
type RenderFunc<Props extends {
|
|
622
|
-
[key: string]: any;
|
|
623
|
-
} = {
|
|
624
|
-
children: ReactNode;
|
|
625
|
-
}> = (props: Props) => ReactElement;
|
|
626
633
|
declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "drawer", "drawerItem", "componentOverlay", "outline", "puck", "preview"];
|
|
627
634
|
type OverrideKey = (typeof overrideKeys)[number];
|
|
628
635
|
type OverridesGeneric<Shape extends {
|
|
@@ -693,7 +700,7 @@ type DragAxis = "dynamic" | "y" | "x";
|
|
|
693
700
|
|
|
694
701
|
type iconTypes = "Smartphone" | "Monitor" | "Tablet";
|
|
695
702
|
type Viewport = {
|
|
696
|
-
width: number;
|
|
703
|
+
width: number | "100%";
|
|
697
704
|
height?: number | "auto";
|
|
698
705
|
label?: string;
|
|
699
706
|
icon?: iconTypes | ReactNode;
|
|
@@ -707,8 +714,13 @@ type Permissions = {
|
|
|
707
714
|
insert: boolean;
|
|
708
715
|
} & Record<string, boolean>;
|
|
709
716
|
type Plugin<UserConfig extends Config = Config> = {
|
|
717
|
+
name?: string;
|
|
718
|
+
label?: string;
|
|
719
|
+
icon?: ReactNode;
|
|
720
|
+
render?: () => ReactElement;
|
|
710
721
|
overrides?: Partial<Overrides<UserConfig>>;
|
|
711
722
|
fieldTransforms?: FieldTransforms<UserConfig>;
|
|
723
|
+
mobilePanelHeight?: "toggle" | "min-content";
|
|
712
724
|
};
|
|
713
725
|
type Slot<Props extends {
|
|
714
726
|
[key: string]: DefaultComponentProps;
|