@measured/puck-plugin-heading-analyzer 0.14.0-canary.de9c2c4 → 0.14.0-canary.deff7a7
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/README.md +1 -1
- package/dist/index.css +74 -45
- package/dist/index.d.ts +18 -10
- package/dist/index.js +559 -125
- package/package.json +8 -3
package/README.md
CHANGED
package/dist/index.css
CHANGED
@@ -1,60 +1,76 @@
|
|
1
1
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */
|
2
|
-
.
|
2
|
+
._SidebarSection_125qe_1 {
|
3
3
|
display: flex;
|
4
4
|
position: relative;
|
5
5
|
flex-direction: column;
|
6
|
-
color: black;
|
6
|
+
color: var(--puck-color-black);
|
7
7
|
}
|
8
|
-
.
|
8
|
+
._SidebarSection_125qe_1:last-of-type {
|
9
9
|
flex-grow: 1;
|
10
10
|
}
|
11
|
-
._SidebarSection-
|
12
|
-
background: white;
|
11
|
+
._SidebarSection-title_125qe_12 {
|
12
|
+
background: var(--puck-color-white);
|
13
13
|
padding: 16px;
|
14
|
-
border-bottom: 1px solid var(--puck-color-grey-
|
15
|
-
border-top: 1px solid var(--puck-color-grey-
|
14
|
+
border-bottom: 1px solid var(--puck-color-grey-09);
|
15
|
+
border-top: 1px solid var(--puck-color-grey-09);
|
16
16
|
overflow-x: auto;
|
17
17
|
}
|
18
|
-
._SidebarSection--
|
18
|
+
._SidebarSection--noBorderTop_125qe_20 > ._SidebarSection-title_125qe_12 {
|
19
19
|
border-top: 0px;
|
20
20
|
}
|
21
|
-
._SidebarSection-
|
21
|
+
._SidebarSection-content_125qe_24 {
|
22
22
|
padding: 16px;
|
23
23
|
}
|
24
|
-
._SidebarSection--
|
24
|
+
._SidebarSection--noPadding_125qe_28 > ._SidebarSection-content_125qe_24 {
|
25
25
|
padding: 0px;
|
26
26
|
}
|
27
|
-
._SidebarSection--
|
27
|
+
._SidebarSection--noPadding_125qe_28 > ._SidebarSection-content_125qe_24:last-child {
|
28
28
|
padding-bottom: 4px;
|
29
29
|
}
|
30
|
-
.
|
30
|
+
._SidebarSection_125qe_1:last-of-type ._SidebarSection-content_125qe_24 {
|
31
31
|
border-bottom: none;
|
32
32
|
flex-grow: 1;
|
33
33
|
}
|
34
|
-
._SidebarSection-
|
35
|
-
|
34
|
+
._SidebarSection-breadcrumbLabel_125qe_41 {
|
35
|
+
background: none;
|
36
|
+
border: 0;
|
37
|
+
border-radius: 2px;
|
38
|
+
color: var(--puck-color-azure-04);
|
39
|
+
cursor: pointer;
|
40
|
+
font: inherit;
|
36
41
|
flex-shrink: 0;
|
42
|
+
padding: 0;
|
43
|
+
transition: color 50ms ease-in;
|
37
44
|
}
|
38
|
-
._SidebarSection-
|
39
|
-
|
40
|
-
|
41
|
-
|
45
|
+
._SidebarSection-breadcrumbLabel_125qe_41:focus-visible {
|
46
|
+
outline: 2px solid var(--puck-color-azure-05);
|
47
|
+
outline-offset: 2px;
|
48
|
+
}
|
49
|
+
@media (hover: hover) and (pointer: fine) {
|
50
|
+
._SidebarSection-breadcrumbLabel_125qe_41:hover {
|
51
|
+
color: var(--puck-color-azure-03);
|
52
|
+
transition: none;
|
53
|
+
}
|
42
54
|
}
|
43
|
-
._SidebarSection-
|
55
|
+
._SidebarSection-breadcrumbLabel_125qe_41:active {
|
56
|
+
color: var(--puck-color-azure-02);
|
57
|
+
transition: none;
|
58
|
+
}
|
59
|
+
._SidebarSection-breadcrumbs_125qe_70 {
|
44
60
|
align-items: center;
|
45
61
|
display: flex;
|
46
62
|
gap: 4px;
|
47
63
|
}
|
48
|
-
._SidebarSection-
|
64
|
+
._SidebarSection-breadcrumb_125qe_41 {
|
49
65
|
align-items: center;
|
50
66
|
display: flex;
|
51
67
|
gap: 4px;
|
52
68
|
}
|
53
|
-
._SidebarSection-
|
69
|
+
._SidebarSection-heading_125qe_82 {
|
54
70
|
padding-right: 16px;
|
55
71
|
}
|
56
|
-
._SidebarSection-
|
57
|
-
background: white;
|
72
|
+
._SidebarSection-loadingOverlay_125qe_86 {
|
73
|
+
background: var(--puck-color-white);
|
58
74
|
display: flex;
|
59
75
|
justify-content: center;
|
60
76
|
align-items: center;
|
@@ -69,54 +85,53 @@
|
|
69
85
|
}
|
70
86
|
|
71
87
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */
|
72
|
-
.
|
88
|
+
._Heading_qxrry_1 {
|
73
89
|
display: block;
|
74
90
|
color: var(--puck-color-black);
|
75
|
-
font-family: var(--puck-font-stack);
|
76
91
|
font-weight: 700;
|
77
92
|
margin: 0;
|
78
93
|
}
|
79
|
-
.
|
94
|
+
._Heading_qxrry_1 b {
|
80
95
|
font-weight: 700;
|
81
96
|
}
|
82
|
-
._Heading--
|
97
|
+
._Heading--xxxxl_qxrry_12 {
|
83
98
|
font-size: var(--puck-font-size-xxxxl);
|
84
99
|
letter-spacing: 0.08ch;
|
85
100
|
font-weight: 800;
|
86
101
|
}
|
87
|
-
._Heading--
|
102
|
+
._Heading--xxxl_qxrry_18 {
|
88
103
|
font-size: var(--puck-font-size-xxxl);
|
89
104
|
}
|
90
|
-
._Heading--
|
105
|
+
._Heading--xxl_qxrry_22 {
|
91
106
|
font-size: var(--puck-font-size-xxl);
|
92
107
|
}
|
93
|
-
._Heading--
|
108
|
+
._Heading--xl_qxrry_26 {
|
94
109
|
font-size: var(--puck-font-size-xl);
|
95
110
|
}
|
96
|
-
._Heading--
|
111
|
+
._Heading--l_qxrry_30 {
|
97
112
|
font-size: var(--puck-font-size-l);
|
98
113
|
}
|
99
|
-
._Heading--
|
114
|
+
._Heading--m_qxrry_34 {
|
100
115
|
font-size: var(--puck-font-size-m);
|
101
116
|
}
|
102
|
-
._Heading--
|
117
|
+
._Heading--s_qxrry_38 {
|
103
118
|
font-size: var(--puck-font-size-s);
|
104
119
|
}
|
105
|
-
._Heading--
|
120
|
+
._Heading--xs_qxrry_42 {
|
106
121
|
font-size: var(--puck-font-size-xs);
|
107
122
|
}
|
108
123
|
|
109
124
|
/* css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css/#css-module-data */
|
110
|
-
.
|
111
|
-
color: var(--puck-color-grey-
|
112
|
-
font-family: var(--puck-font-
|
125
|
+
._OutlineList_18bgy_1 {
|
126
|
+
color: var(--puck-color-grey-03);
|
127
|
+
font-family: var(--puck-font-family);
|
113
128
|
margin: 0;
|
114
129
|
padding-left: 16px;
|
115
130
|
position: relative;
|
116
131
|
list-style: none;
|
117
132
|
}
|
118
|
-
.
|
119
|
-
background: var(--puck-color-grey-
|
133
|
+
._OutlineList_18bgy_1::before {
|
134
|
+
background: var(--puck-color-grey-08);
|
120
135
|
position: absolute;
|
121
136
|
left: -1px;
|
122
137
|
top: 0px;
|
@@ -124,12 +139,12 @@
|
|
124
139
|
height: calc(100% - 9px);
|
125
140
|
content: "";
|
126
141
|
}
|
127
|
-
.
|
142
|
+
._OutlineListItem_18bgy_20 {
|
128
143
|
position: relative;
|
129
144
|
margin-bottom: 4px;
|
130
145
|
}
|
131
|
-
.
|
132
|
-
background: var(--puck-color-grey-
|
146
|
+
._OutlineListItem_18bgy_20::before {
|
147
|
+
background: var(--puck-color-grey-08);
|
133
148
|
position: absolute;
|
134
149
|
left: -17px;
|
135
150
|
top: 9px;
|
@@ -137,10 +152,24 @@
|
|
137
152
|
height: 1px;
|
138
153
|
content: "";
|
139
154
|
}
|
140
|
-
._OutlineListItem--
|
141
|
-
color: var(--puck-color-blue);
|
155
|
+
._OutlineListItem--clickable_18bgy_35 {
|
142
156
|
cursor: pointer;
|
157
|
+
transition: color 50ms ease-in;
|
158
|
+
}
|
159
|
+
._OutlineListItem--clickable_18bgy_35:focus-visible {
|
160
|
+
outline: 2px solid var(--puck-color-azure-05);
|
161
|
+
outline-offset: 2px;
|
162
|
+
}
|
163
|
+
@media (hover: hover) and (pointer: fine) {
|
164
|
+
._OutlineListItem--clickable_18bgy_35:hover {
|
165
|
+
color: var(--puck-color-azure-04);
|
166
|
+
transition: none;
|
167
|
+
}
|
168
|
+
}
|
169
|
+
._OutlineListItem--clickable_18bgy_35:active {
|
170
|
+
color: var(--puck-color-azure-03);
|
171
|
+
transition: none;
|
143
172
|
}
|
144
|
-
.
|
173
|
+
._OutlineListItem_18bgy_20 > ._OutlineList_18bgy_1 {
|
145
174
|
margin: 8px 0;
|
146
175
|
}
|
package/dist/index.d.ts
CHANGED
@@ -5,6 +5,11 @@ type ItemSelector = {
|
|
5
5
|
zone?: string;
|
6
6
|
};
|
7
7
|
|
8
|
+
type FieldOption = {
|
9
|
+
label: string;
|
10
|
+
value: string | number | boolean;
|
11
|
+
};
|
12
|
+
type FieldOptions = Array<FieldOption> | ReadonlyArray<FieldOption>;
|
8
13
|
type BaseField = {
|
9
14
|
label?: string;
|
10
15
|
};
|
@@ -21,17 +26,11 @@ type TextareaField = BaseField & {
|
|
21
26
|
};
|
22
27
|
type SelectField = BaseField & {
|
23
28
|
type: "select";
|
24
|
-
options:
|
25
|
-
label: string;
|
26
|
-
value: string | number | boolean;
|
27
|
-
}[];
|
29
|
+
options: FieldOptions;
|
28
30
|
};
|
29
31
|
type RadioField = BaseField & {
|
30
32
|
type: "radio";
|
31
|
-
options:
|
32
|
-
label: string;
|
33
|
-
value: string | number | boolean;
|
34
|
-
}[];
|
33
|
+
options: FieldOptions;
|
35
34
|
};
|
36
35
|
type ArrayField<Props extends {
|
37
36
|
[key: string]: any;
|
@@ -44,6 +43,8 @@ type ArrayField<Props extends {
|
|
44
43
|
};
|
45
44
|
defaultItemProps?: Props[0];
|
46
45
|
getItemSummary?: (item: Props[0], index?: number) => string;
|
46
|
+
max?: number;
|
47
|
+
min?: number;
|
47
48
|
};
|
48
49
|
type ObjectField<Props extends {
|
49
50
|
[key: string]: any;
|
@@ -80,11 +81,15 @@ type ExternalField<Props extends {
|
|
80
81
|
placeholder?: string;
|
81
82
|
fetchList: (params: {
|
82
83
|
query: string;
|
84
|
+
filters: Record<string, any>;
|
83
85
|
}) => Promise<any[] | null>;
|
84
86
|
mapProp?: (value: any) => Props;
|
87
|
+
mapRow?: (value: any) => Record<string, string | number>;
|
85
88
|
getItemSummary: (item: Props, index?: number) => string;
|
86
89
|
showSearch?: boolean;
|
87
90
|
initialQuery?: string;
|
91
|
+
filterFields?: Record<string, Field>;
|
92
|
+
initialFilters?: Record<string, any>;
|
88
93
|
};
|
89
94
|
type CustomField<Props extends {
|
90
95
|
[key: string]: any;
|
@@ -142,7 +147,7 @@ type RenderFunc<Props extends {
|
|
142
147
|
[key: string]: any;
|
143
148
|
} = {
|
144
149
|
children: ReactNode;
|
145
|
-
}> =
|
150
|
+
}> = (props: Props) => ReactElement;
|
146
151
|
declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
|
147
152
|
type OverrideKey = (typeof overrideKeys)[number];
|
148
153
|
type OverridesGeneric<Shape extends {
|
@@ -172,7 +177,10 @@ type Overrides = OverridesGeneric<{
|
|
172
177
|
className?: string;
|
173
178
|
}>;
|
174
179
|
components: RenderFunc;
|
175
|
-
componentItem: RenderFunc
|
180
|
+
componentItem: RenderFunc<{
|
181
|
+
children: ReactNode;
|
182
|
+
name: string;
|
183
|
+
}>;
|
176
184
|
outline: RenderFunc;
|
177
185
|
puck: RenderFunc;
|
178
186
|
}>;
|