@measured/puck-plugin-heading-analyzer 0.14.0-canary.55740c4 → 0.14.0-canary.5bb1708

Sign up to get free protection for your applications and to get access to all the features.
Files changed (5) hide show
  1. package/README.md +1 -1
  2. package/dist/index.css +74 -45
  3. package/dist/index.d.ts +12 -3
  4. package/dist/index.js +208 -128
  5. package/package.json +2 -2
package/README.md CHANGED
@@ -31,4 +31,4 @@ export function Page() {
31
31
 
32
32
  ## License
33
33
 
34
- MIT © [Measured Co.](https://github.com/measuredco)
34
+ MIT © [Measured Corporation Ltd](https://measured.co)
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
- ._SidebarSection_170gs_1 {
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
- ._SidebarSection_170gs_1:last-of-type {
8
+ ._SidebarSection_125qe_1:last-of-type {
9
9
  flex-grow: 1;
10
10
  }
11
- ._SidebarSection-title_170gs_12 {
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-8);
15
- border-top: 1px solid var(--puck-color-grey-8);
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--noBorderTop_170gs_20 > ._SidebarSection-title_170gs_12 {
18
+ ._SidebarSection--noBorderTop_125qe_20 > ._SidebarSection-title_125qe_12 {
19
19
  border-top: 0px;
20
20
  }
21
- ._SidebarSection-content_170gs_24 {
21
+ ._SidebarSection-content_125qe_24 {
22
22
  padding: 16px;
23
23
  }
24
- ._SidebarSection--noPadding_170gs_28 > ._SidebarSection-content_170gs_24 {
24
+ ._SidebarSection--noPadding_125qe_28 > ._SidebarSection-content_125qe_24 {
25
25
  padding: 0px;
26
26
  }
27
- ._SidebarSection--noPadding_170gs_28 > ._SidebarSection-content_170gs_24:last-child {
27
+ ._SidebarSection--noPadding_125qe_28 > ._SidebarSection-content_125qe_24:last-child {
28
28
  padding-bottom: 4px;
29
29
  }
30
- ._SidebarSection_170gs_1:last-of-type ._SidebarSection-content_170gs_24 {
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-breadcrumbLabel_170gs_41 {
35
- color: var(--puck-color-azure-3);
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-breadcrumbLabel_170gs_41:hover {
39
- color: var(--puck-color-azure-4);
40
- cursor: pointer;
41
- text-decoration: underline;
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-breadcrumbs_170gs_52 {
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-breadcrumb_170gs_41 {
64
+ ._SidebarSection-breadcrumb_125qe_41 {
49
65
  align-items: center;
50
66
  display: flex;
51
67
  gap: 4px;
52
68
  }
53
- ._SidebarSection-heading_170gs_64 {
69
+ ._SidebarSection-heading_125qe_82 {
54
70
  padding-right: 16px;
55
71
  }
56
- ._SidebarSection-loadingOverlay_170gs_68 {
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
- ._Heading_1bvy5_1 {
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
- ._Heading_1bvy5_1 b {
94
+ ._Heading_qxrry_1 b {
80
95
  font-weight: 700;
81
96
  }
82
- ._Heading--xxxxl_1bvy5_13 {
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--xxxl_1bvy5_19 {
102
+ ._Heading--xxxl_qxrry_18 {
88
103
  font-size: var(--puck-font-size-xxxl);
89
104
  }
90
- ._Heading--xxl_1bvy5_23 {
105
+ ._Heading--xxl_qxrry_22 {
91
106
  font-size: var(--puck-font-size-xxl);
92
107
  }
93
- ._Heading--xl_1bvy5_27 {
108
+ ._Heading--xl_qxrry_26 {
94
109
  font-size: var(--puck-font-size-xl);
95
110
  }
96
- ._Heading--l_1bvy5_31 {
111
+ ._Heading--l_qxrry_30 {
97
112
  font-size: var(--puck-font-size-l);
98
113
  }
99
- ._Heading--m_1bvy5_35 {
114
+ ._Heading--m_qxrry_34 {
100
115
  font-size: var(--puck-font-size-m);
101
116
  }
102
- ._Heading--s_1bvy5_39 {
117
+ ._Heading--s_qxrry_38 {
103
118
  font-size: var(--puck-font-size-s);
104
119
  }
105
- ._Heading--xs_1bvy5_43 {
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
- ._OutlineList_1nwoz_1 {
111
- color: var(--puck-color-grey-2);
112
- font-family: var(--puck-font-stack);
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
- ._OutlineList_1nwoz_1::before {
119
- background: var(--puck-color-grey-7);
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
- ._OutlineListItem_1nwoz_20 {
142
+ ._OutlineListItem_18bgy_20 {
128
143
  position: relative;
129
144
  margin-bottom: 4px;
130
145
  }
131
- ._OutlineListItem_1nwoz_20::before {
132
- background: var(--puck-color-grey-7);
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--clickable_1nwoz_35:hover {
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
- ._OutlineListItem_1nwoz_20 > ._OutlineList_1nwoz_1 {
173
+ ._OutlineListItem_18bgy_20 > ._OutlineList_18bgy_1 {
145
174
  margin: 8px 0;
146
175
  }
package/dist/index.d.ts CHANGED
@@ -43,6 +43,8 @@ type ArrayField<Props extends {
43
43
  };
44
44
  defaultItemProps?: Props[0];
45
45
  getItemSummary?: (item: Props[0], index?: number) => string;
46
+ max?: number;
47
+ min?: number;
46
48
  };
47
49
  type ObjectField<Props extends {
48
50
  [key: string]: any;
@@ -51,7 +53,7 @@ type ObjectField<Props extends {
51
53
  }> = BaseField & {
52
54
  type: "object";
53
55
  objectFields: {
54
- [SubPropName in keyof Props[0]]: Field<Props[0][SubPropName]>;
56
+ [SubPropName in keyof Props]: Field<Props[SubPropName]>;
55
57
  };
56
58
  };
57
59
  type Adaptor<AdaptorParams = {}, TableShape extends Record<string, any> = {}, PropShape = TableShape> = {
@@ -79,11 +81,15 @@ type ExternalField<Props extends {
79
81
  placeholder?: string;
80
82
  fetchList: (params: {
81
83
  query: string;
84
+ filters: Record<string, any>;
82
85
  }) => Promise<any[] | null>;
83
86
  mapProp?: (value: any) => Props;
87
+ mapRow?: (value: any) => Record<string, string | number>;
84
88
  getItemSummary: (item: Props, index?: number) => string;
85
89
  showSearch?: boolean;
86
90
  initialQuery?: string;
91
+ filterFields?: Record<string, Field>;
92
+ initialFilters?: Record<string, any>;
87
93
  };
88
94
  type CustomField<Props extends {
89
95
  [key: string]: any;
@@ -141,7 +147,7 @@ type RenderFunc<Props extends {
141
147
  [key: string]: any;
142
148
  } = {
143
149
  children: ReactNode;
144
- }> = React.FunctionComponent<Props>;
150
+ }> = (props: Props) => ReactElement;
145
151
  declare const overrideKeys: readonly ["header", "headerActions", "fields", "fieldLabel", "components", "componentItem", "outline", "puck", "preview"];
146
152
  type OverrideKey = (typeof overrideKeys)[number];
147
153
  type OverridesGeneric<Shape extends {
@@ -171,7 +177,10 @@ type Overrides = OverridesGeneric<{
171
177
  className?: string;
172
178
  }>;
173
179
  components: RenderFunc;
174
- componentItem: RenderFunc;
180
+ componentItem: RenderFunc<{
181
+ children: ReactNode;
182
+ name: string;
183
+ }>;
175
184
  outline: RenderFunc;
176
185
  puck: RenderFunc;
177
186
  }>;
package/dist/index.js CHANGED
@@ -49958,7 +49958,7 @@ var require_dist = __commonJS({
49958
49958
  var HostPortal = 4;
49959
49959
  var HostComponent = 5;
49960
49960
  var HostText = 6;
49961
- var Fragment14 = 7;
49961
+ var Fragment13 = 7;
49962
49962
  var Mode = 8;
49963
49963
  var ContextConsumer = 9;
49964
49964
  var ContextProvider = 10;
@@ -51114,7 +51114,7 @@ var require_dist = __commonJS({
51114
51114
  return "DehydratedFragment";
51115
51115
  case ForwardRef:
51116
51116
  return getWrappedName$1(type, type.render, "ForwardRef");
51117
- case Fragment14:
51117
+ case Fragment13:
51118
51118
  return "Fragment";
51119
51119
  case HostComponent:
51120
51120
  return type;
@@ -60785,7 +60785,7 @@ var require_dist = __commonJS({
60785
60785
  }
60786
60786
  }
60787
60787
  function updateFragment2(returnFiber, current2, fragment, lanes, key) {
60788
- if (current2 === null || current2.tag !== Fragment14) {
60788
+ if (current2 === null || current2.tag !== Fragment13) {
60789
60789
  var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
60790
60790
  created.return = returnFiber;
60791
60791
  return created;
@@ -61188,7 +61188,7 @@ var require_dist = __commonJS({
61188
61188
  if (child.key === key) {
61189
61189
  var elementType = element.type;
61190
61190
  if (elementType === REACT_FRAGMENT_TYPE) {
61191
- if (child.tag === Fragment14) {
61191
+ if (child.tag === Fragment13) {
61192
61192
  deleteRemainingChildren(returnFiber, child.sibling);
61193
61193
  var existing = useFiber(child, element.props.children);
61194
61194
  existing.return = returnFiber;
@@ -65363,7 +65363,7 @@ var require_dist = __commonJS({
65363
65363
  var _resolvedProps2 = workInProgress2.elementType === type ? _unresolvedProps2 : resolveDefaultProps(type, _unresolvedProps2);
65364
65364
  return updateForwardRef(current2, workInProgress2, type, _resolvedProps2, renderLanes2);
65365
65365
  }
65366
- case Fragment14:
65366
+ case Fragment13:
65367
65367
  return updateFragment(current2, workInProgress2, renderLanes2);
65368
65368
  case Mode:
65369
65369
  return updateMode(current2, workInProgress2, renderLanes2);
@@ -65636,7 +65636,7 @@ var require_dist = __commonJS({
65636
65636
  case SimpleMemoComponent:
65637
65637
  case FunctionComponent:
65638
65638
  case ForwardRef:
65639
- case Fragment14:
65639
+ case Fragment13:
65640
65640
  case Mode:
65641
65641
  case Profiler:
65642
65642
  case ContextConsumer:
@@ -69895,7 +69895,7 @@ var require_dist = __commonJS({
69895
69895
  return fiber;
69896
69896
  }
69897
69897
  function createFiberFromFragment(elements, mode, lanes, key) {
69898
- var fiber = createFiber(Fragment14, elements, key, mode);
69898
+ var fiber = createFiber(Fragment13, elements, key, mode);
69899
69899
  fiber.lanes = lanes;
69900
69900
  return fiber;
69901
69901
  }
@@ -71035,7 +71035,7 @@ var require_dist = __commonJS({
71035
71035
  init_react_import2();
71036
71036
  var import_react22 = require("react");
71037
71037
  init_react_import2();
71038
- var Button_module_default = { "Button": "_Button_1brfa_1", "Button--medium": "_Button--medium_1brfa_22", "Button--large": "_Button--large_1brfa_29", "Button-icon": "_Button-icon_1brfa_36", "Button--primary": "_Button--primary_1brfa_44", "Button--secondary": "_Button--secondary_1brfa_53", "Button--flush": "_Button--flush_1brfa_64", "Button--disabled": "_Button--disabled_1brfa_68", "Button--fullWidth": "_Button--fullWidth_1brfa_78" };
71038
+ var Button_module_default = { "Button": "_Button_8fn3a_1", "Button--medium": "_Button--medium_8fn3a_29", "Button--large": "_Button--large_8fn3a_37", "Button-icon": "_Button-icon_8fn3a_44", "Button--primary": "_Button--primary_8fn3a_48", "Button--secondary": "_Button--secondary_8fn3a_67", "Button--flush": "_Button--flush_8fn3a_82", "Button--disabled": "_Button--disabled_8fn3a_86", "Button--fullWidth": "_Button--fullWidth_8fn3a_93", "Button-spinner": "_Button-spinner_8fn3a_98" };
71039
71039
  init_react_import2();
71040
71040
  var import_classnames2 = __toESM2(require_classnames2());
71041
71041
  var getClassNameFactory2 = (rootClass, styles, { baseClass = "" } = {}) => (options = {}) => {
@@ -71085,7 +71085,7 @@ var require_dist = __commonJS({
71085
71085
  }) => {
71086
71086
  const [loading, setLoading] = (0, import_react22.useState)(loadingProp);
71087
71087
  (0, import_react22.useEffect)(() => setLoading(loadingProp), [loadingProp]);
71088
- const ElementType = href ? "a" : onClick ? "button" : "div";
71088
+ const ElementType = href ? "a" : type ? "button" : "span";
71089
71089
  const el = /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
71090
71090
  ElementType,
71091
71091
  {
@@ -71113,10 +71113,7 @@ var require_dist = __commonJS({
71113
71113
  children: [
71114
71114
  icon && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: getClassName4("icon"), children: icon }),
71115
71115
  children,
71116
- loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
71117
- "\xA0\xA0",
71118
- /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_spinners2.ClipLoader, { "aria-label": "loading", color: "inherit", size: "14px" })
71119
- ] })
71116
+ loading && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: getClassName4("spinner"), children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_react_spinners2.ClipLoader, { "aria-label": "loading", color: "inherit", size: "14px" }) })
71120
71117
  ]
71121
71118
  }
71122
71119
  );
@@ -71125,7 +71122,7 @@ var require_dist = __commonJS({
71125
71122
  init_react_import2();
71126
71123
  var import_dnd2 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
71127
71124
  init_react_import2();
71128
- var styles_module_default4 = { "DrawerItem": "_DrawerItem_1qydx_1", "DrawerItem-default": "_DrawerItem-default_1qydx_1", "DrawerItem-draggableWrapper": "_DrawerItem-draggableWrapper_1qydx_1", "DrawerItem-draggable": "_DrawerItem-draggable_1qydx_1", "Drawer": "_Drawer_1qydx_1", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_1qydx_21", "DrawerItem-name": "_DrawerItem-name_1qydx_26" };
71125
+ var styles_module_default4 = { "Drawer": "_Drawer_6zh0b_1", "DrawerItem-default": "_DrawerItem-default_6zh0b_5", "DrawerItem-draggableWrapper": "_DrawerItem-draggableWrapper_6zh0b_5", "DrawerItem": "_DrawerItem_6zh0b_5", "DrawerItem-draggable": "_DrawerItem-draggable_6zh0b_5", "Drawer--isDraggingFrom": "_Drawer--isDraggingFrom_6zh0b_31", "DrawerItem-name": "_DrawerItem-name_6zh0b_47" };
71129
71126
  init_react_import2();
71130
71127
  var import_dnd = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
71131
71128
  var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -71190,7 +71187,7 @@ var require_dist = __commonJS({
71190
71187
  return result;
71191
71188
  };
71192
71189
  init_react_import2();
71193
- var styles_module_default22 = { "DragIcon": "_DragIcon_o29on_1" };
71190
+ var styles_module_default22 = { "DragIcon": "_DragIcon_1p5wn_1" };
71194
71191
  var import_jsx_runtime32 = require("react/jsx-runtime");
71195
71192
  var getClassName22 = get_class_name_factory_default2("DragIcon", styles_module_default22);
71196
71193
  var DragIcon = () => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: getClassName22(), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("svg", { viewBox: "0 0 20 20", width: "12", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("path", { d: "M7 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 2zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 7 14zm6-8a2 2 0 1 0-.001-4.001A2 2 0 0 0 13 6zm0 2a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 8zm0 6a2 2 0 1 0 .001 4.001A2 2 0 0 0 13 14z" }) }) });
@@ -71221,16 +71218,17 @@ var require_dist = __commonJS({
71221
71218
  name,
71222
71219
  children,
71223
71220
  id,
71221
+ label,
71224
71222
  index
71225
71223
  }) => {
71226
71224
  const ctx = (0, import_react32.useContext)(drawerContext);
71227
71225
  const resolvedId = `${ctx.droppableId}::${id || name}`;
71228
71226
  const CustomInner = (0, import_react32.useMemo)(
71229
- () => children || (({ children: children2 }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("default"), children: children2 })),
71227
+ () => children || (({ children: children2, name: name2 }) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("default"), children: children2 })),
71230
71228
  [children]
71231
71229
  );
71232
- return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DrawerDraggable, { id: resolvedId, index, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CustomInner, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("draggableWrapper"), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: getClassNameItem2("draggable"), children: [
71233
- /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("name"), children: name }),
71230
+ return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DrawerDraggable, { id: resolvedId, index, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(CustomInner, { name, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("draggableWrapper"), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: getClassNameItem2("draggable"), children: [
71231
+ /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("name"), children: label != null ? label : name }),
71234
71232
  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: getClassNameItem2("icon"), children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(DragIcon, {}) })
71235
71233
  ] }) }) }) });
71236
71234
  };
@@ -71260,7 +71258,7 @@ var require_dist = __commonJS({
71260
71258
  var import_react62 = require("react");
71261
71259
  var import_dnd3 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
71262
71260
  init_react_import2();
71263
- var styles_module_default32 = { "DraggableComponent": "_DraggableComponent_foluk_1", "DraggableComponent--isDragging": "_DraggableComponent--isDragging_foluk_6", "DraggableComponent-contents": "_DraggableComponent-contents_foluk_12", "DraggableComponent-overlay": "_DraggableComponent-overlay_foluk_25", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_foluk_39", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_foluk_55", "DraggableComponent--forceHover": "_DraggableComponent--forceHover_foluk_61", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_foluk_66", "DraggableComponent--indicativeHover": "_DraggableComponent--indicativeHover_foluk_71", "DraggableComponent-actions": "_DraggableComponent-actions_foluk_97", "DraggableComponent-actionsLabel": "_DraggableComponent-actionsLabel_foluk_120", "DraggableComponent-action": "_DraggableComponent-action_foluk_97" };
71261
+ var styles_module_default32 = { "DraggableComponent": "_DraggableComponent_1vpvt_1", "DraggableComponent--isDragging": "_DraggableComponent--isDragging_1vpvt_10", "DraggableComponent-contents": "_DraggableComponent-contents_1vpvt_16", "DraggableComponent-overlay": "_DraggableComponent-overlay_1vpvt_29", "DraggableComponent-loadingOverlay": "_DraggableComponent-loadingOverlay_1vpvt_42", "DraggableComponent--isLocked": "_DraggableComponent--isLocked_1vpvt_58", "DraggableComponent--forceHover": "_DraggableComponent--forceHover_1vpvt_64", "DraggableComponent--isSelected": "_DraggableComponent--isSelected_1vpvt_69", "DraggableComponent--indicativeHover": "_DraggableComponent--indicativeHover_1vpvt_74", "DraggableComponent-actions": "_DraggableComponent-actions_1vpvt_100", "DraggableComponent-actionsLabel": "_DraggableComponent-actionsLabel_1vpvt_125", "DraggableComponent-action": "_DraggableComponent-action_1vpvt_100" };
71264
71262
  init_react_import2();
71265
71263
  init_react_import2();
71266
71264
  var import_react42 = require("react");
@@ -71404,6 +71402,18 @@ var require_dist = __commonJS({
71404
71402
  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
71405
71403
  ]);
71406
71404
  init_react_import2();
71405
+ var SlidersHorizontal = createLucideIcon2("SlidersHorizontal", [
71406
+ ["line", { x1: "21", x2: "14", y1: "4", y2: "4", key: "obuewd" }],
71407
+ ["line", { x1: "10", x2: "3", y1: "4", y2: "4", key: "1q6298" }],
71408
+ ["line", { x1: "21", x2: "12", y1: "12", y2: "12", key: "1iu8h1" }],
71409
+ ["line", { x1: "8", x2: "3", y1: "12", y2: "12", key: "ntss68" }],
71410
+ ["line", { x1: "21", x2: "16", y1: "20", y2: "20", key: "14d8ph" }],
71411
+ ["line", { x1: "12", x2: "3", y1: "20", y2: "20", key: "m0wm8r" }],
71412
+ ["line", { x1: "14", x2: "14", y1: "2", y2: "6", key: "14e1ph" }],
71413
+ ["line", { x1: "8", x2: "8", y1: "10", y2: "14", key: "1i6ji0" }],
71414
+ ["line", { x1: "16", x2: "16", y1: "18", y2: "22", key: "1lctlv" }]
71415
+ ]);
71416
+ init_react_import2();
71407
71417
  var Trash = createLucideIcon2("Trash", [
71408
71418
  ["path", { d: "M3 6h18", key: "d0wm0j" }],
71409
71419
  ["path", { d: "M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6", key: "4alrt4" }],
@@ -71537,7 +71547,7 @@ var require_dist = __commonJS({
71537
71547
  return __spreadProps2(__spreadValues2({}, item), { props: dynamicProps[item.props.id] || item.props });
71538
71548
  };
71539
71549
  init_react_import2();
71540
- var styles_module_default42 = { "DropZone": "_DropZone_i675d_1", "DropZone--zoomEnabled": "_DropZone--zoomEnabled_i675d_10", "DropZone-renderWrapper": "_DropZone-renderWrapper_i675d_14", "DropZone-content": "_DropZone-content_i675d_18", "DropZone--userIsDragging": "_DropZone--userIsDragging_i675d_23", "DropZone--draggingOverArea": "_DropZone--draggingOverArea_i675d_27", "DropZone--draggingNewComponent": "_DropZone--draggingNewComponent_i675d_28", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_i675d_34", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_i675d_35", "DropZone--isDisabled": "_DropZone--isDisabled_i675d_36", "DropZone--isRootZone": "_DropZone--isRootZone_i675d_37", "DropZone--hasChildren": "_DropZone--hasChildren_i675d_43", "DropZone--isDestination": "_DropZone--isDestination_i675d_48", "DropZone-item": "_DropZone-item_i675d_56", "DropZone-hitbox": "_DropZone-hitbox_i675d_60" };
71550
+ var styles_module_default42 = { "DropZone": "_DropZone_utidm_1", "DropZone--zoomEnabled": "_DropZone--zoomEnabled_utidm_10", "DropZone-renderWrapper": "_DropZone-renderWrapper_utidm_14", "DropZone-content": "_DropZone-content_utidm_18", "DropZone--userIsDragging": "_DropZone--userIsDragging_utidm_23", "DropZone--draggingOverArea": "_DropZone--draggingOverArea_utidm_27", "DropZone--draggingNewComponent": "_DropZone--draggingNewComponent_utidm_28", "DropZone--isAreaSelected": "_DropZone--isAreaSelected_utidm_34", "DropZone--hoveringOverArea": "_DropZone--hoveringOverArea_utidm_35", "DropZone--isDisabled": "_DropZone--isDisabled_utidm_36", "DropZone--isRootZone": "_DropZone--isRootZone_utidm_37", "DropZone--hasChildren": "_DropZone--hasChildren_utidm_43", "DropZone--isDestination": "_DropZone--isDestination_utidm_48", "DropZone-item": "_DropZone-item_utidm_56", "DropZone-hitbox": "_DropZone-hitbox_utidm_60" };
71541
71551
  init_react_import2();
71542
71552
  var import_react72 = require("react");
71543
71553
  var import_use_debounce = (init_index_module(), __toCommonJS(index_module_exports));
@@ -71817,7 +71827,7 @@ var require_dist = __commonJS({
71817
71827
  },
71818
71828
  children: [
71819
71829
  content.map((item, i2) => {
71820
- var _a2, _b;
71830
+ var _a2, _b, _c;
71821
71831
  const componentId = item.props.id;
71822
71832
  const defaultedProps = __spreadProps2(__spreadValues2(__spreadValues2({}, (_a2 = config.components[item.type]) == null ? void 0 : _a2.defaultProps), item.props), {
71823
71833
  puck: { renderDropZone: DropZone },
@@ -71847,14 +71857,14 @@ var require_dist = __commonJS({
71847
71857
  children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
71848
71858
  DraggableComponent,
71849
71859
  {
71850
- label: item.type.toString(),
71860
+ label: (_b = config.components[item.type]["label"]) != null ? _b : item.type.toString(),
71851
71861
  id: `draggable-${componentId}`,
71852
71862
  index: i2,
71853
71863
  isSelected,
71854
71864
  isLocked: userIsDragging,
71855
71865
  forceHover: hoveringComponent === componentId && !userIsDragging,
71856
71866
  indicativeHover: userIsDragging && containsZone && hoveringArea === componentId,
71857
- isLoading: (_b = appContext22.componentState[componentId]) == null ? void 0 : _b.loading,
71867
+ isLoading: (_c = appContext22.componentState[componentId]) == null ? void 0 : _c.loading,
71858
71868
  onMount: () => {
71859
71869
  ctx.registerPath({
71860
71870
  index: i2,
@@ -71942,7 +71952,7 @@ var require_dist = __commonJS({
71942
71952
  {
71943
71953
  "data-puck-placeholder": true,
71944
71954
  style: __spreadProps2(__spreadValues2({}, placeholderStyle), {
71945
- background: "var(--puck-color-azure-5)",
71955
+ background: "var(--puck-color-azure-06)",
71946
71956
  opacity: 0.3,
71947
71957
  zIndex: 0
71948
71958
  })
@@ -72000,7 +72010,7 @@ var require_dist = __commonJS({
72000
72010
  init_react_import2();
72001
72011
  var import_react102 = require("react");
72002
72012
  init_react_import2();
72003
- var IconButton_module_default = { "IconButton": "_IconButton_38xdr_1", "IconButton-title": "_IconButton-title_38xdr_18" };
72013
+ var IconButton_module_default = { "IconButton": "_IconButton_1xqlg_1", "IconButton-title": "_IconButton-title_1xqlg_33" };
72004
72014
  var import_react_spinners3 = (init_esm(), __toCommonJS(esm_exports));
72005
72015
  var import_jsx_runtime8 = require("react/jsx-runtime");
72006
72016
  var getClassName6 = get_class_name_factory_default2("IconButton", IconButton_module_default);
@@ -72105,10 +72115,10 @@ var require_dist = __commonJS({
72105
72115
  };
72106
72116
  init_react_import2();
72107
72117
  init_react_import2();
72108
- var styles_module_default5 = { "SidebarSection": "_SidebarSection_170gs_1", "SidebarSection-title": "_SidebarSection-title_170gs_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_170gs_20", "SidebarSection-content": "_SidebarSection-content_170gs_24", "SidebarSection--noPadding": "_SidebarSection--noPadding_170gs_28", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_170gs_41", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_170gs_52", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_170gs_41", "SidebarSection-heading": "_SidebarSection-heading_170gs_64", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_170gs_68" };
72118
+ var styles_module_default5 = { "SidebarSection": "_SidebarSection_125qe_1", "SidebarSection-title": "_SidebarSection-title_125qe_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_125qe_20", "SidebarSection-content": "_SidebarSection-content_125qe_24", "SidebarSection--noPadding": "_SidebarSection--noPadding_125qe_28", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_125qe_41", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_125qe_70", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_125qe_41", "SidebarSection-heading": "_SidebarSection-heading_125qe_82", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_125qe_86" };
72109
72119
  init_react_import2();
72110
72120
  init_react_import2();
72111
- var styles_module_default6 = { "Heading": "_Heading_1bvy5_1", "Heading--xxxxl": "_Heading--xxxxl_1bvy5_13", "Heading--xxxl": "_Heading--xxxl_1bvy5_19", "Heading--xxl": "_Heading--xxl_1bvy5_23", "Heading--xl": "_Heading--xl_1bvy5_27", "Heading--l": "_Heading--l_1bvy5_31", "Heading--m": "_Heading--m_1bvy5_35", "Heading--s": "_Heading--s_1bvy5_39", "Heading--xs": "_Heading--xs_1bvy5_43" };
72121
+ var styles_module_default6 = { "Heading": "_Heading_qxrry_1", "Heading--xxxxl": "_Heading--xxxxl_qxrry_12", "Heading--xxxl": "_Heading--xxxl_qxrry_18", "Heading--xxl": "_Heading--xxl_qxrry_22", "Heading--xl": "_Heading--xl_qxrry_26", "Heading--l": "_Heading--l_qxrry_30", "Heading--m": "_Heading--m_qxrry_34", "Heading--s": "_Heading--s_qxrry_38", "Heading--xs": "_Heading--xs_qxrry_42" };
72112
72122
  var import_jsx_runtime9 = require("react/jsx-runtime");
72113
72123
  var getClassName7 = get_class_name_factory_default2("Heading", styles_module_default6);
72114
72124
  var Heading2 = ({ children, rank, size = "m" }) => {
@@ -72210,7 +72220,7 @@ var require_dist = __commonJS({
72210
72220
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: getClassName8("title"), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: getClassName8("breadcrumbs"), children: [
72211
72221
  showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: getClassName8("breadcrumb"), children: [
72212
72222
  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
72213
- "div",
72223
+ "button",
72214
72224
  {
72215
72225
  className: getClassName8("breadcrumbLabel"),
72216
72226
  onClick: () => setUi({ itemSelector: breadcrumb.selector }),
@@ -72694,7 +72704,10 @@ var require_dist = __commonJS({
72694
72704
  );
72695
72705
  const runResolvers = () => __async(void 0, null, function* () {
72696
72706
  const newData = newAppState.data;
72697
- const flatContent = Object.keys(newData.zones || {}).reduce((acc, zone) => [...acc, ...newData.zones[zone]], newData.content).filter((item) => !!config.components[item.type].resolveData);
72707
+ const flatContent = Object.keys(newData.zones || {}).reduce((acc, zone) => [...acc, ...newData.zones[zone]], newData.content).filter((item) => {
72708
+ var _a;
72709
+ return !!((_a = config.components[item.type]) == null ? void 0 : _a.resolveData);
72710
+ });
72698
72711
  const applyIfChange = (dynamicDataMap, dynamicRoot) => {
72699
72712
  const processed = applyDynamicProps(
72700
72713
  appState.data,
@@ -72760,7 +72773,7 @@ var require_dist = __commonJS({
72760
72773
  };
72761
72774
  init_react_import2();
72762
72775
  init_react_import2();
72763
- var styles_module_default7 = { "MenuBar": "_MenuBar_12sp7_1", "MenuBar--menuOpen": "_MenuBar--menuOpen_12sp7_14", "MenuBar-inner": "_MenuBar-inner_12sp7_29", "MenuBar-history": "_MenuBar-history_12sp7_45" };
72776
+ var styles_module_default7 = { "MenuBar": "_MenuBar_8pf8c_1", "MenuBar--menuOpen": "_MenuBar--menuOpen_8pf8c_14", "MenuBar-inner": "_MenuBar-inner_8pf8c_29", "MenuBar-history": "_MenuBar-history_8pf8c_45" };
72764
72777
  var import_jsx_runtime11 = require("react/jsx-runtime");
72765
72778
  var getClassName9 = get_class_name_factory_default2("MenuBar", styles_module_default7);
72766
72779
  var MenuBar = ({
@@ -72796,14 +72809,14 @@ var require_dist = __commonJS({
72796
72809
  ChevronLeft,
72797
72810
  {
72798
72811
  size: 21,
72799
- stroke: hasPast ? "var(--puck-color-black)" : "var(--puck-color-grey-7)"
72812
+ stroke: hasPast ? "var(--puck-color-black)" : "var(--puck-color-grey-08)"
72800
72813
  }
72801
72814
  ) }),
72802
72815
  /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(IconButton, { title: "redo", disabled: !hasFuture, onClick: forward, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
72803
72816
  ChevronRight2,
72804
72817
  {
72805
72818
  size: 21,
72806
- stroke: hasFuture ? "var(--puck-color-black)" : "var(--puck-color-grey-7)"
72819
+ stroke: hasFuture ? "var(--puck-color-black)" : "var(--puck-color-grey-08)"
72807
72820
  }
72808
72821
  ) })
72809
72822
  ] }),
@@ -72826,17 +72839,17 @@ var require_dist = __commonJS({
72826
72839
  );
72827
72840
  };
72828
72841
  init_react_import2();
72829
- var styles_module_default8 = { "Puck": "_Puck_17hk3_19", "Puck--leftSideBarVisible": "_Puck--leftSideBarVisible_17hk3_35", "Puck--rightSideBarVisible": "_Puck--rightSideBarVisible_17hk3_41", "Puck-header": "_Puck-header_17hk3_95", "Puck-headerInner": "_Puck-headerInner_17hk3_104", "Puck-headerToggle": "_Puck-headerToggle_17hk3_114", "Puck-rightSideBarToggle": "_Puck-rightSideBarToggle_17hk3_121", "Puck-leftSideBarToggle": "_Puck-leftSideBarToggle_17hk3_122", "Puck-headerTitle": "_Puck-headerTitle_17hk3_126", "Puck-headerPath": "_Puck-headerPath_17hk3_130", "Puck-headerTools": "_Puck-headerTools_17hk3_137", "Puck-menuButton": "_Puck-menuButton_17hk3_143", "Puck--menuOpen": "_Puck--menuOpen_17hk3_148", "Puck-leftSideBar": "_Puck-leftSideBar_17hk3_122", "Puck-frame": "_Puck-frame_17hk3_167", "Puck-root": "_Puck-root_17hk3_175", "Puck-rightSideBar": "_Puck-rightSideBar_17hk3_121" };
72842
+ var styles_module_default8 = { "Puck": "_Puck_1mnww_19", "Puck--leftSideBarVisible": "_Puck--leftSideBarVisible_1mnww_36", "Puck--rightSideBarVisible": "_Puck--rightSideBarVisible_1mnww_42", "Puck-header": "_Puck-header_1mnww_96", "Puck-headerInner": "_Puck-headerInner_1mnww_105", "Puck-headerToggle": "_Puck-headerToggle_1mnww_115", "Puck-rightSideBarToggle": "_Puck-rightSideBarToggle_1mnww_122", "Puck-leftSideBarToggle": "_Puck-leftSideBarToggle_1mnww_123", "Puck-headerTitle": "_Puck-headerTitle_1mnww_127", "Puck-headerPath": "_Puck-headerPath_1mnww_131", "Puck-headerTools": "_Puck-headerTools_1mnww_138", "Puck-menuButton": "_Puck-menuButton_1mnww_144", "Puck--menuOpen": "_Puck--menuOpen_1mnww_149", "Puck-leftSideBar": "_Puck-leftSideBar_1mnww_123", "Puck-frame": "_Puck-frame_1mnww_168", "Puck-root": "_Puck-root_1mnww_176", "Puck-rightSideBar": "_Puck-rightSideBar_1mnww_122" };
72830
72843
  init_react_import2();
72831
72844
  var import_react_spinners6 = (init_esm(), __toCommonJS(esm_exports));
72832
72845
  init_react_import2();
72833
72846
  init_react_import2();
72834
- var styles_module_default9 = { "Input": "_Input_1v7zr_1", "Input-label": "_Input-label_1v7zr_27", "Input-labelIcon": "_Input-labelIcon_1v7zr_35", "Input-disabledIcon": "_Input-disabledIcon_1v7zr_41", "Input-input": "_Input-input_1v7zr_46", "Input--readOnly": "_Input--readOnly_1v7zr_69", "Input-radioGroupItems": "_Input-radioGroupItems_1v7zr_87", "Input-radio": "_Input-radio_1v7zr_87", "Input-radioInner": "_Input-radioInner_1v7zr_104", "Input-radioInput": "_Input-radioInput_1v7zr_126" };
72847
+ var styles_module_default9 = { "Input": "_Input_1qi5b_1", "Input-label": "_Input-label_1qi5b_26", "Input-labelIcon": "_Input-labelIcon_1qi5b_34", "Input-disabledIcon": "_Input-disabledIcon_1qi5b_41", "Input-input": "_Input-input_1qi5b_46", "Input--readOnly": "_Input--readOnly_1qi5b_90", "Input-radioGroupItems": "_Input-radioGroupItems_1qi5b_101", "Input-radio": "_Input-radio_1qi5b_101", "Input-radioInner": "_Input-radioInner_1qi5b_118", "Input-radioInput": "_Input-radioInput_1qi5b_163" };
72835
72848
  var import_react18 = require("react");
72836
72849
  init_react_import2();
72837
72850
  init_react_import2();
72838
72851
  init_react_import2();
72839
- var styles_module_default10 = { "ArrayField": "_ArrayField_1auyc_5", "ArrayField--isDraggingFrom": "_ArrayField--isDraggingFrom_1auyc_13", "ArrayField-addButton": "_ArrayField-addButton_1auyc_17", "ArrayField--hasItems": "_ArrayField--hasItems_1auyc_31", "ArrayFieldItem": "_ArrayFieldItem_1auyc_45", "ArrayFieldItem--isDragging": "_ArrayFieldItem--isDragging_1auyc_53", "ArrayFieldItem--isExpanded": "_ArrayFieldItem--isExpanded_1auyc_58", "ArrayFieldItem-summary": "_ArrayFieldItem-summary_1auyc_73", "ArrayFieldItem--readOnly": "_ArrayFieldItem--readOnly_1auyc_86", "ArrayFieldItem-body": "_ArrayFieldItem-body_1auyc_107", "ArrayFieldItem-fieldset": "_ArrayFieldItem-fieldset_1auyc_115", "ArrayFieldItem-rhs": "_ArrayFieldItem-rhs_1auyc_122", "ArrayFieldItem-actions": "_ArrayFieldItem-actions_1auyc_128", "ArrayFieldItem-action": "_ArrayFieldItem-action_1auyc_128" };
72852
+ var styles_module_default10 = { "ArrayField": "_ArrayField_1txra_5", "ArrayField--isDraggingFrom": "_ArrayField--isDraggingFrom_1txra_13", "ArrayField-addButton": "_ArrayField-addButton_1txra_17", "ArrayField--hasItems": "_ArrayField--hasItems_1txra_32", "ArrayFieldItem": "_ArrayFieldItem_1txra_61", "ArrayFieldItem--isDragging": "_ArrayFieldItem--isDragging_1txra_69", "ArrayFieldItem--isExpanded": "_ArrayFieldItem--isExpanded_1txra_74", "ArrayFieldItem-summary": "_ArrayFieldItem-summary_1txra_84", "ArrayFieldItem--readOnly": "_ArrayFieldItem--readOnly_1txra_108", "ArrayFieldItem-body": "_ArrayFieldItem-body_1txra_142", "ArrayFieldItem-fieldset": "_ArrayFieldItem-fieldset_1txra_150", "ArrayFieldItem-rhs": "_ArrayFieldItem-rhs_1txra_157", "ArrayFieldItem-actions": "_ArrayFieldItem-actions_1txra_163" };
72840
72853
  var import_dnd5 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
72841
72854
  var import_dnd6 = (init_dnd_esm(), __toCommonJS(dnd_esm_exports));
72842
72855
  var import_react14 = require("react");
@@ -73002,6 +73015,7 @@ var require_dist = __commonJS({
73002
73015
  !readOnly && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: getClassNameItem22("actions"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: getClassNameItem22("action"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
73003
73016
  IconButton,
73004
73017
  {
73018
+ disabled: field.min !== void 0 && field.min >= localState.arrayState.items.length,
73005
73019
  onClick: (e2) => {
73006
73020
  e2.stopPropagation();
73007
73021
  const existingValue = [
@@ -73066,6 +73080,7 @@ var require_dist = __commonJS({
73066
73080
  "button",
73067
73081
  {
73068
73082
  className: getClassName10("addButton"),
73083
+ disabled: field.max !== void 0 && localState.arrayState.items.length >= field.max,
73069
73084
  onClick: () => {
73070
73085
  const existingValue = value || [];
73071
73086
  const newValue = [
@@ -73075,7 +73090,7 @@ var require_dist = __commonJS({
73075
73090
  const newArrayState = regenerateArrayState(newValue);
73076
73091
  onChange(newValue, mapArrayStateToUi(newArrayState));
73077
73092
  },
73078
- children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Plus, { size: "21" })
73093
+ children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Plus, { size: 21 })
73079
73094
  }
73080
73095
  )
73081
73096
  ]
@@ -73124,6 +73139,7 @@ var require_dist = __commonJS({
73124
73139
  }
73125
73140
  },
73126
73141
  readOnly,
73142
+ tabIndex: readOnly ? -1 : void 0,
73127
73143
  id,
73128
73144
  min: field.type === "number" ? field.min : void 0,
73129
73145
  max: field.type === "number" ? field.max : void 0
@@ -73137,11 +73153,11 @@ var require_dist = __commonJS({
73137
73153
  init_react_import2();
73138
73154
  var import_react16 = require("react");
73139
73155
  init_react_import2();
73140
- var styles_module_default11 = { "ExternalInput": "_ExternalInput_s6fxy_1", "ExternalInput-actions": "_ExternalInput-actions_s6fxy_5", "ExternalInput-button": "_ExternalInput-button_s6fxy_9", "ExternalInput-detachButton": "_ExternalInput-detachButton_s6fxy_28", "ExternalInput--dataSelected": "_ExternalInput--dataSelected_s6fxy_35", "ExternalInputModal": "_ExternalInputModal_s6fxy_56", "ExternalInputModal-masthead": "_ExternalInputModal-masthead_s6fxy_64", "ExternalInputModal-tableWrapper": "_ExternalInputModal-tableWrapper_s6fxy_72", "ExternalInputModal-table": "_ExternalInputModal-table_s6fxy_72", "ExternalInputModal-thead": "_ExternalInputModal-thead_s6fxy_88", "ExternalInputModal-th": "_ExternalInputModal-th_s6fxy_88", "ExternalInputModal-td": "_ExternalInputModal-td_s6fxy_102", "ExternalInputModal-tr": "_ExternalInputModal-tr_s6fxy_107", "ExternalInputModal-tbody": "_ExternalInputModal-tbody_s6fxy_119", "ExternalInputModal--hasData": "_ExternalInputModal--hasData_s6fxy_138", "ExternalInputModal-loadingBanner": "_ExternalInputModal-loadingBanner_s6fxy_142", "ExternalInputModal--isLoading": "_ExternalInputModal--isLoading_s6fxy_155", "ExternalInputModal-noContentBanner": "_ExternalInputModal-noContentBanner_s6fxy_159", "ExternalInputModal--loaded": "_ExternalInputModal--loaded_s6fxy_166", "ExternalInputModal-searchForm": "_ExternalInputModal-searchForm_s6fxy_171", "ExternalInputModal-search": "_ExternalInputModal-search_s6fxy_171", "ExternalInputModal-searchIcon": "_ExternalInputModal-searchIcon_s6fxy_194", "ExternalInputModal-searchIconText": "_ExternalInputModal-searchIconText_s6fxy_206", "ExternalInputModal-searchInput": "_ExternalInputModal-searchInput_s6fxy_216" };
73156
+ var styles_module_default11 = { "ExternalInput-actions": "_ExternalInput-actions_q3l5a_1", "ExternalInput-button": "_ExternalInput-button_q3l5a_5", "ExternalInput--dataSelected": "_ExternalInput--dataSelected_q3l5a_25", "ExternalInput-detachButton": "_ExternalInput-detachButton_q3l5a_32", "ExternalInputModal": "_ExternalInputModal_q3l5a_74", "ExternalInputModal-grid": "_ExternalInputModal-grid_q3l5a_84", "ExternalInputModal--filtersToggled": "_ExternalInputModal--filtersToggled_q3l5a_95", "ExternalInputModal-filters": "_ExternalInputModal-filters_q3l5a_100", "ExternalInputModal-masthead": "_ExternalInputModal-masthead_q3l5a_119", "ExternalInputModal-tableWrapper": "_ExternalInputModal-tableWrapper_q3l5a_128", "ExternalInputModal-table": "_ExternalInputModal-table_q3l5a_128", "ExternalInputModal-thead": "_ExternalInputModal-thead_q3l5a_144", "ExternalInputModal-th": "_ExternalInputModal-th_q3l5a_144", "ExternalInputModal-td": "_ExternalInputModal-td_q3l5a_159", "ExternalInputModal-tr": "_ExternalInputModal-tr_q3l5a_164", "ExternalInputModal-tbody": "_ExternalInputModal-tbody_q3l5a_171", "ExternalInputModal--hasData": "_ExternalInputModal--hasData_q3l5a_197", "ExternalInputModal-loadingBanner": "_ExternalInputModal-loadingBanner_q3l5a_201", "ExternalInputModal--isLoading": "_ExternalInputModal--isLoading_q3l5a_218", "ExternalInputModal-searchForm": "_ExternalInputModal-searchForm_q3l5a_222", "ExternalInputModal-search": "_ExternalInputModal-search_q3l5a_222", "ExternalInputModal-searchIcon": "_ExternalInputModal-searchIcon_q3l5a_259", "ExternalInputModal-searchIconText": "_ExternalInputModal-searchIconText_q3l5a_284", "ExternalInputModal-searchInput": "_ExternalInputModal-searchInput_q3l5a_294", "ExternalInputModal-searchActions": "_ExternalInputModal-searchActions_q3l5a_308", "ExternalInputModal-searchActionIcon": "_ExternalInputModal-searchActionIcon_q3l5a_321", "ExternalInputModal-footer": "_ExternalInputModal-footer_q3l5a_325" };
73141
73157
  init_react_import2();
73142
73158
  var import_react15 = require("react");
73143
73159
  init_react_import2();
73144
- var styles_module_default12 = { "Modal": "_Modal_hx2u6_1", "Modal--isOpen": "_Modal--isOpen_hx2u6_15", "Modal-inner": "_Modal-inner_hx2u6_19" };
73160
+ var styles_module_default12 = { "Modal": "_Modal_zud0i_1", "Modal--isOpen": "_Modal--isOpen_zud0i_15", "Modal-inner": "_Modal-inner_zud0i_19" };
73145
73161
  var import_react_dom3 = __toESM2(require_react_dom2());
73146
73162
  var import_jsx_runtime14 = require("react/jsx-runtime");
73147
73163
  var getClassName12 = get_class_name_factory_default2("Modal", styles_module_default12);
@@ -73181,13 +73197,23 @@ var require_dist = __commonJS({
73181
73197
  name,
73182
73198
  id
73183
73199
  }) => {
73184
- const { mapProp = (val) => val } = field || {};
73200
+ const {
73201
+ mapProp = (val) => val,
73202
+ mapRow = (val) => val,
73203
+ filterFields
73204
+ } = field || {};
73185
73205
  const [data, setData] = (0, import_react16.useState)([]);
73186
73206
  const [isOpen, setOpen] = (0, import_react16.useState)(false);
73187
73207
  const [isLoading, setIsLoading] = (0, import_react16.useState)(true);
73208
+ const hasFilterFields = !!filterFields;
73209
+ const [filters, setFilters] = (0, import_react16.useState)(field.initialFilters || {});
73210
+ const [filtersToggled, setFiltersToggled] = (0, import_react16.useState)(hasFilterFields);
73211
+ const mappedData = (0, import_react16.useMemo)(() => {
73212
+ return data.map(mapRow);
73213
+ }, [data]);
73188
73214
  const keys = (0, import_react16.useMemo)(() => {
73189
73215
  const validKeys = /* @__PURE__ */ new Set();
73190
- for (const item of data) {
73216
+ for (const item of mappedData) {
73191
73217
  for (const key of Object.keys(item)) {
73192
73218
  if (typeof item[key] === "string" || typeof item[key] === "number") {
73193
73219
  validKeys.add(key);
@@ -73195,13 +73221,13 @@ var require_dist = __commonJS({
73195
73221
  }
73196
73222
  }
73197
73223
  return Array.from(validKeys);
73198
- }, [data]);
73224
+ }, [mappedData]);
73199
73225
  const [searchQuery, setSearchQuery] = (0, import_react16.useState)(field.initialQuery || "");
73200
73226
  const search = (0, import_react16.useCallback)(
73201
- (query) => __async(void 0, null, function* () {
73227
+ (query, filters2) => __async(void 0, null, function* () {
73202
73228
  setIsLoading(true);
73203
- const cacheKey = `${id}-${name}-${query}`;
73204
- const listData = dataCache[cacheKey] || (yield field.fetchList({ query }));
73229
+ const cacheKey = `${id}-${name}-${query}-${JSON.stringify(filters2)}`;
73230
+ const listData = dataCache[cacheKey] || (yield field.fetchList({ query, filters: filters2 }));
73205
73231
  if (listData) {
73206
73232
  setData(listData);
73207
73233
  setIsLoading(false);
@@ -73211,7 +73237,7 @@ var require_dist = __commonJS({
73211
73237
  [name, field]
73212
73238
  );
73213
73239
  (0, import_react16.useEffect)(() => {
73214
- search(searchQuery);
73240
+ search(searchQuery, filters);
73215
73241
  }, []);
73216
73242
  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
73217
73243
  "div",
@@ -73246,78 +73272,109 @@ var require_dist = __commonJS({
73246
73272
  )
73247
73273
  ] }),
73248
73274
  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Modal, { onClose: () => setOpen(false), isOpen, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
73249
- "div",
73275
+ "form",
73250
73276
  {
73251
73277
  className: getClassNameModal({
73252
73278
  isLoading,
73253
73279
  loaded: !isLoading,
73254
- hasData: data.length > 0
73280
+ hasData: mappedData.length > 0,
73281
+ filtersToggled
73255
73282
  }),
73283
+ onSubmit: (e2) => {
73284
+ e2.preventDefault();
73285
+ search(searchQuery, filters);
73286
+ },
73256
73287
  children: [
73257
- /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("masthead"), children: [
73258
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Heading2, { rank: 2, size: "xxl", children: "Select content" }),
73259
- field.showSearch && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
73260
- "form",
73261
- {
73262
- className: getClassNameModal("searchForm"),
73263
- onSubmit: (e2) => {
73264
- e2.preventDefault();
73265
- search(searchQuery);
73266
- },
73267
- children: [
73268
- /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: getClassNameModal("search"), children: [
73269
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: getClassNameModal("searchIconText"), children: "Search" }),
73270
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("searchIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Search, { size: "18" }) }),
73271
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
73272
- "input",
73273
- {
73274
- className: getClassNameModal("searchInput"),
73275
- name: "q",
73276
- type: "search",
73277
- placeholder: "Search",
73278
- onChange: (e2) => {
73279
- setSearchQuery(e2.currentTarget.value);
73280
- },
73281
- autoComplete: "off",
73282
- value: searchQuery
73283
- }
73284
- )
73285
- ] }),
73286
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { type: "submit", loading: isLoading, disabled: isLoading, children: "Search" })
73287
- ]
73288
- }
73289
- )
73290
- ] }),
73291
- /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("tableWrapper"), children: [
73292
- /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("table", { className: getClassNameModal("table"), children: [
73293
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("thead", { className: getClassNameModal("thead"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tr", { className: getClassNameModal("tr"), children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
73294
- "th",
73288
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("masthead"), children: field.showSearch ? /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("searchForm"), children: [
73289
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("label", { className: getClassNameModal("search"), children: [
73290
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: getClassNameModal("searchIconText"), children: "Search" }),
73291
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("searchIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Search, { size: "18" }) }),
73292
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
73293
+ "input",
73295
73294
  {
73296
- className: getClassNameModal("th"),
73297
- style: { textAlign: "left" },
73298
- children: key
73295
+ className: getClassNameModal("searchInput"),
73296
+ name: "q",
73297
+ type: "search",
73298
+ placeholder: field.placeholder,
73299
+ onChange: (e2) => {
73300
+ setSearchQuery(e2.currentTarget.value);
73301
+ },
73302
+ autoComplete: "off",
73303
+ value: searchQuery
73304
+ }
73305
+ )
73306
+ ] }),
73307
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("searchActions"), children: [
73308
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Button, { type: "submit", loading: isLoading, fullWidth: true, children: "Search" }),
73309
+ hasFilterFields && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("searchActionIcon"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
73310
+ IconButton,
73311
+ {
73312
+ title: "Toggle filters",
73313
+ onClick: (e2) => {
73314
+ e2.preventDefault();
73315
+ e2.stopPropagation();
73316
+ setFiltersToggled(!filtersToggled);
73317
+ },
73318
+ children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(SlidersHorizontal, { size: 20 })
73319
+ }
73320
+ ) })
73321
+ ] })
73322
+ ] }) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(Heading2, { rank: 2, size: "xs", children: field.placeholder || "Select data" }) }),
73323
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("grid"), children: [
73324
+ hasFilterFields && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("filters"), children: hasFilterFields && Object.keys(filterFields).map((fieldName) => {
73325
+ const filterField = filterFields[fieldName];
73326
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
73327
+ InputOrGroup,
73328
+ {
73329
+ field: filterField,
73330
+ name: fieldName,
73331
+ id: `external_field_${fieldName}_filter`,
73332
+ label: filterField.label || fieldName,
73333
+ value: filters[fieldName],
73334
+ onChange: (value2) => {
73335
+ const newFilters = __spreadProps2(__spreadValues2({}, filters), { [fieldName]: value2 });
73336
+ setFilters(newFilters);
73337
+ search(searchQuery, newFilters);
73338
+ }
73299
73339
  },
73300
- key
73301
- )) }) }),
73302
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tbody", { className: getClassNameModal("tbody"), children: data.map((item, i2) => {
73303
- return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
73304
- "tr",
73340
+ fieldName
73341
+ );
73342
+ }) }),
73343
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("tableWrapper"), children: [
73344
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("table", { className: getClassNameModal("table"), children: [
73345
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("thead", { className: getClassNameModal("thead"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tr", { className: getClassNameModal("tr"), children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
73346
+ "th",
73305
73347
  {
73306
- style: { whiteSpace: "nowrap" },
73307
- className: getClassNameModal("tr"),
73308
- onClick: (e2) => {
73309
- onChange(mapProp(item));
73310
- setOpen(false);
73311
- },
73312
- children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("td", { className: getClassNameModal("td"), children: item[key] }, key))
73348
+ className: getClassNameModal("th"),
73349
+ style: { textAlign: "left" },
73350
+ children: key
73313
73351
  },
73314
- i2
73315
- );
73316
- }) })
73317
- ] }),
73318
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("loadingBanner"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_spinners5.ClipLoader, { size: 24, "aria-label": "Loading" }) })
73352
+ key
73353
+ )) }) }),
73354
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("tbody", { className: getClassNameModal("tbody"), children: mappedData.map((item, i2) => {
73355
+ return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
73356
+ "tr",
73357
+ {
73358
+ style: { whiteSpace: "nowrap" },
73359
+ className: getClassNameModal("tr"),
73360
+ onClick: () => {
73361
+ onChange(mapProp(data[i2]));
73362
+ setOpen(false);
73363
+ },
73364
+ children: keys.map((key) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("td", { className: getClassNameModal("td"), children: item[key] }, key))
73365
+ },
73366
+ i2
73367
+ );
73368
+ }) })
73369
+ ] }),
73370
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("loadingBanner"), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_spinners5.ClipLoader, { size: 24, "aria-label": "Loading" }) })
73371
+ ] })
73319
73372
  ] }),
73320
- /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: getClassNameModal("noContentBanner"), children: "No results." })
73373
+ /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: getClassNameModal("footer"), children: [
73374
+ mappedData.length,
73375
+ " result",
73376
+ mappedData.length === 1 ? "" : "s"
73377
+ ] })
73321
73378
  ]
73322
73379
  }
73323
73380
  ) })
@@ -73361,6 +73418,7 @@ var require_dist = __commonJS({
73361
73418
  // DEPRECATED
73362
73419
  placeholder: ((_a = deprecatedField.adaptor) == null ? void 0 : _a.name) ? `Select from ${deprecatedField.adaptor.name}` : validField.placeholder || "Select data",
73363
73420
  mapProp: ((_b = deprecatedField.adaptor) == null ? void 0 : _b.mapProp) || validField.mapProp,
73421
+ mapRow: validField.mapRow,
73364
73422
  fetchList: ((_c = deprecatedField.adaptor) == null ? void 0 : _c.fetchList) ? () => __async(void 0, null, function* () {
73365
73423
  return yield deprecatedField.adaptor.fetchList(
73366
73424
  deprecatedField.adaptorParams
@@ -73503,6 +73561,7 @@ var require_dist = __commonJS({
73503
73561
  value: typeof value === "undefined" ? "" : value,
73504
73562
  onChange: (e2) => onChange(e2.currentTarget.value),
73505
73563
  readOnly,
73564
+ tabIndex: readOnly ? -1 : void 0,
73506
73565
  rows: 5
73507
73566
  }
73508
73567
  )
@@ -73512,7 +73571,7 @@ var require_dist = __commonJS({
73512
73571
  var import_use_debounce2 = (init_index_module(), __toCommonJS(index_module_exports));
73513
73572
  init_react_import2();
73514
73573
  init_react_import2();
73515
- var styles_module_default13 = { "ObjectField": "_ObjectField_56z4t_5", "ObjectField-fieldset": "_ObjectField-fieldset_56z4t_13" };
73574
+ var styles_module_default13 = { "ObjectField": "_ObjectField_15j63_5", "ObjectField-fieldset": "_ObjectField-fieldset_15j63_13" };
73516
73575
  var import_jsx_runtime20 = require("react/jsx-runtime");
73517
73576
  var getClassName17 = get_class_name_factory_default2("ObjectField", styles_module_default13);
73518
73577
  var getClassNameItem3 = get_class_name_factory_default2("ObjectFieldItem", styles_module_default13);
@@ -73670,7 +73729,7 @@ var require_dist = __commonJS({
73670
73729
  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Render2, __spreadProps2(__spreadValues2({}, mergedProps), { children }));
73671
73730
  };
73672
73731
  init_react_import2();
73673
- var styles_module_default14 = { "PuckFields": "_PuckFields_1276r_1", "PuckFields-loadingOverlay": "_PuckFields-loadingOverlay_1276r_5" };
73732
+ var styles_module_default14 = { "PuckFields": "_PuckFields_17k3p_1", "PuckFields-loadingOverlay": "_PuckFields-loadingOverlay_17k3p_6" };
73674
73733
  var import_react19 = require("react");
73675
73734
  var import_jsx_runtime222 = require("react/jsx-runtime");
73676
73735
  var getClassName19 = get_class_name_factory_default2("PuckFields", styles_module_default14);
@@ -73817,15 +73876,16 @@ var require_dist = __commonJS({
73817
73876
  var import_react20 = require("react");
73818
73877
  init_react_import2();
73819
73878
  init_react_import2();
73820
- var styles_module_default15 = { "ComponentList": "_ComponentList_1di93_1", "ComponentList--isExpanded": "_ComponentList--isExpanded_1di93_6", "ComponentList-content": "_ComponentList-content_1di93_10", "ComponentList-title": "_ComponentList-title_1di93_18", "ComponentList-titleIcon": "_ComponentList-titleIcon_1di93_39" };
73879
+ var styles_module_default15 = { "ComponentList": "_ComponentList_odh9d_1", "ComponentList--isExpanded": "_ComponentList--isExpanded_odh9d_5", "ComponentList-content": "_ComponentList-content_odh9d_9", "ComponentList-title": "_ComponentList-title_odh9d_17", "ComponentList-titleIcon": "_ComponentList-titleIcon_odh9d_53" };
73821
73880
  var import_jsx_runtime23 = require("react/jsx-runtime");
73822
73881
  var getClassName20 = get_class_name_factory_default2("ComponentList", styles_module_default15);
73823
73882
  var ComponentListItem = ({
73824
73883
  name,
73884
+ label,
73825
73885
  index
73826
73886
  }) => {
73827
73887
  const { overrides } = useAppContext2();
73828
- return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Drawer.Item, { name, index, children: overrides.componentItem });
73888
+ return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Drawer.Item, { label, name, index, children: overrides.componentItem });
73829
73889
  };
73830
73890
  var ComponentList = ({
73831
73891
  children,
@@ -73836,7 +73896,7 @@ var require_dist = __commonJS({
73836
73896
  const { expanded = true } = state.ui.componentList[id] || {};
73837
73897
  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: getClassName20({ isExpanded: expanded }), children: [
73838
73898
  title && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
73839
- "div",
73899
+ "button",
73840
73900
  {
73841
73901
  className: getClassName20("title"),
73842
73902
  onClick: () => setUi({
@@ -73854,9 +73914,11 @@ var require_dist = __commonJS({
73854
73914
  }
73855
73915
  ),
73856
73916
  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: getClassName20("content"), children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Drawer, { droppableId: `component-list${title ? `:${title}` : ""}`, children: children || Object.keys(config.components).map((componentKey, i2) => {
73917
+ var _a;
73857
73918
  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
73858
73919
  ComponentListItem,
73859
73920
  {
73921
+ label: (_a = config.components[componentKey]["label"]) != null ? _a : componentKey,
73860
73922
  name: componentKey,
73861
73923
  index: i2
73862
73924
  },
@@ -73885,10 +73947,12 @@ var require_dist = __commonJS({
73885
73947
  id: categoryKey,
73886
73948
  title: category.title || categoryKey,
73887
73949
  children: category.components.map((componentName, i2) => {
73950
+ var _a2;
73888
73951
  matchedComponents.push(componentName);
73889
73952
  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
73890
73953
  ComponentList.Item,
73891
73954
  {
73955
+ label: (_a2 = config.components[componentName]["label"]) != null ? _a2 : componentName,
73892
73956
  name: componentName,
73893
73957
  index: i2
73894
73958
  },
@@ -73911,10 +73975,12 @@ var require_dist = __commonJS({
73911
73975
  id: "other",
73912
73976
  title: ((_c = ui.componentList.other) == null ? void 0 : _c.title) || "Other",
73913
73977
  children: remainingComponents.map((componentName, i2) => {
73978
+ var _a2;
73914
73979
  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
73915
73980
  ComponentList.Item,
73916
73981
  {
73917
73982
  name: componentName,
73983
+ label: (_a2 = config.components[componentName]["label"]) != null ? _a2 : componentName,
73918
73984
  index: i2
73919
73985
  },
73920
73986
  componentName
@@ -73927,7 +73993,7 @@ var require_dist = __commonJS({
73927
73993
  }
73928
73994
  setComponentList(_componentList);
73929
73995
  }
73930
- }, [config.categories, ui.componentList]);
73996
+ }, [config.categories, config.components, ui.componentList]);
73931
73997
  return componentList;
73932
73998
  };
73933
73999
  var import_react21 = require("react");
@@ -73982,7 +74048,7 @@ var require_dist = __commonJS({
73982
74048
  };
73983
74049
  init_react_import2();
73984
74050
  init_react_import2();
73985
- var styles_module_default16 = { "LayerTree": "_LayerTree_o89yt_1", "LayerTree-zoneTitle": "_LayerTree-zoneTitle_o89yt_11", "LayerTree-helper": "_LayerTree-helper_o89yt_17", "Layer": "_Layer_o89yt_1", "Layer-inner": "_Layer-inner_o89yt_29", "Layer--containsZone": "_Layer--containsZone_o89yt_35", "Layer-clickable": "_Layer-clickable_o89yt_39", "Layer--isSelected": "_Layer--isSelected_o89yt_48", "Layer--isHovering": "_Layer--isHovering_o89yt_49", "Layer-chevron": "_Layer-chevron_o89yt_65", "Layer--childIsSelected": "_Layer--childIsSelected_o89yt_66", "Layer-zones": "_Layer-zones_o89yt_70", "Layer-title": "_Layer-title_o89yt_84", "Layer-name": "_Layer-name_o89yt_93", "Layer-icon": "_Layer-icon_o89yt_99", "Layer-zoneIcon": "_Layer-zoneIcon_o89yt_104" };
74051
+ var styles_module_default16 = { "LayerTree": "_LayerTree_1pgw8_1", "LayerTree-zoneTitle": "_LayerTree-zoneTitle_1pgw8_11", "LayerTree-helper": "_LayerTree-helper_1pgw8_17", "Layer": "_Layer_1pgw8_1", "Layer-inner": "_Layer-inner_1pgw8_29", "Layer--containsZone": "_Layer--containsZone_1pgw8_35", "Layer-clickable": "_Layer-clickable_1pgw8_39", "Layer--isSelected": "_Layer--isSelected_1pgw8_61", "Layer-chevron": "_Layer-chevron_1pgw8_77", "Layer--childIsSelected": "_Layer--childIsSelected_1pgw8_78", "Layer-zones": "_Layer-zones_1pgw8_82", "Layer-title": "_Layer-title_1pgw8_96", "Layer-name": "_Layer-name_1pgw8_105", "Layer-icon": "_Layer-icon_1pgw8_111", "Layer-zoneIcon": "_Layer-zoneIcon_1pgw8_116" };
73986
74052
  init_react_import2();
73987
74053
  var scrollIntoView2 = (el) => {
73988
74054
  const oldStyle = __spreadValues2({}, el.style);
@@ -74007,6 +74073,7 @@ var require_dist = __commonJS({
74007
74073
  var getClassNameLayer = get_class_name_factory_default2("Layer", styles_module_default16);
74008
74074
  var LayerTree = ({
74009
74075
  data,
74076
+ config,
74010
74077
  zoneContent,
74011
74078
  itemSelector,
74012
74079
  setItemSelector,
@@ -74024,6 +74091,7 @@ var require_dist = __commonJS({
74024
74091
  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("ul", { className: getClassName21(), children: [
74025
74092
  zoneContent.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassName21("helper"), children: "No items" }),
74026
74093
  zoneContent.map((item, i2) => {
74094
+ var _a;
74027
74095
  const isSelected = (itemSelector == null ? void 0 : itemSelector.index) === i2 && (itemSelector.zone === zone || itemSelector.zone === rootDroppableId2 && !zone);
74028
74096
  const zonesForItem = findZonesForArea(data, item.props.id);
74029
74097
  const containsZone = Object.keys(zonesForItem).length > 0;
@@ -74048,7 +74116,7 @@ var require_dist = __commonJS({
74048
74116
  }),
74049
74117
  children: [
74050
74118
  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("inner"), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
74051
- "div",
74119
+ "button",
74052
74120
  {
74053
74121
  className: getClassNameLayer("clickable"),
74054
74122
  onClick: () => {
@@ -74088,7 +74156,7 @@ var require_dist = __commonJS({
74088
74156
  ),
74089
74157
  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: getClassNameLayer("title"), children: [
74090
74158
  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("icon"), children: item.type === "Text" || item.type === "Heading" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Type, { size: "16" }) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(LayoutGrid, { size: "16" }) }),
74091
- /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("name"), children: item.type })
74159
+ /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("name"), children: (_a = config.components[item.type]["label"]) != null ? _a : item.type })
74092
74160
  ] })
74093
74161
  ]
74094
74162
  }
@@ -74096,6 +74164,7 @@ var require_dist = __commonJS({
74096
74164
  containsZone && Object.keys(zonesForItem).map((zoneKey, idx) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: getClassNameLayer("zones"), children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
74097
74165
  LayerTree,
74098
74166
  {
74167
+ config,
74099
74168
  data,
74100
74169
  zoneContent: zones[zoneKey],
74101
74170
  setItemSelector,
@@ -74115,7 +74184,7 @@ var require_dist = __commonJS({
74115
74184
  var import_react24 = require("react");
74116
74185
  var import_jsx_runtime28 = require("react/jsx-runtime");
74117
74186
  var Outline = () => {
74118
- const { dispatch, state, overrides } = useAppContext2();
74187
+ const { dispatch, state, overrides, config } = useAppContext2();
74119
74188
  const { data, ui } = state;
74120
74189
  const { itemSelector } = ui;
74121
74190
  const setItemSelector = (0, import_react24.useCallback)(
@@ -74132,6 +74201,7 @@ var require_dist = __commonJS({
74132
74201
  (ctx == null ? void 0 : ctx.activeZones) && (ctx == null ? void 0 : ctx.activeZones[rootDroppableId2]) && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
74133
74202
  LayerTree,
74134
74203
  {
74204
+ config,
74135
74205
  data,
74136
74206
  label: areaContainsZones(data, "root") ? rootDroppableId2 : "",
74137
74207
  zoneContent: data.content,
@@ -74144,6 +74214,7 @@ var require_dist = __commonJS({
74144
74214
  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
74145
74215
  LayerTree,
74146
74216
  {
74217
+ config,
74147
74218
  data,
74148
74219
  label: zoneKey,
74149
74220
  zone: zoneKey,
@@ -74276,6 +74347,7 @@ var require_dist = __commonJS({
74276
74347
  headerTitle,
74277
74348
  headerPath
74278
74349
  }) {
74350
+ var _a;
74279
74351
  const historyStore = useHistoryStore();
74280
74352
  const [reducer2] = (0, import_react26.useState)(
74281
74353
  () => createReducer({ config, record: historyStore.record })
@@ -74385,8 +74457,8 @@ var require_dist = __commonJS({
74385
74457
  console.warn(
74386
74458
  "`renderHeader` is deprecated. Please use `overrides.header` and the `usePuck` hook instead"
74387
74459
  );
74388
- const RenderHeader = (_a) => {
74389
- var _b = _a, { actions } = _b, props = __objRest2(_b, ["actions"]);
74460
+ const RenderHeader = (_a2) => {
74461
+ var _b = _a2, { actions } = _b, props = __objRest2(_b, ["actions"]);
74390
74462
  const Comp = renderHeader;
74391
74463
  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Comp, __spreadProps2(__spreadValues2({}, props), { dispatch, state: appState, children: actions }));
74392
74464
  };
@@ -74609,7 +74681,7 @@ var require_dist = __commonJS({
74609
74681
  "div",
74610
74682
  {
74611
74683
  style: {
74612
- background: "var(--puck-color-grey-10)",
74684
+ background: "var(--puck-color-grey-11)",
74613
74685
  height: "100%",
74614
74686
  flexGrow: 1
74615
74687
  }
@@ -74624,7 +74696,7 @@ var require_dist = __commonJS({
74624
74696
  noPadding: true,
74625
74697
  noBorderTop: true,
74626
74698
  showBreadcrumbs: true,
74627
- title: selectedItem ? selectedItem.type : "Page",
74699
+ title: selectedItem ? (_a = config.components[selectedItem.type]["label"]) != null ? _a : selectedItem.type : "Page",
74628
74700
  children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Fields, {})
74629
74701
  }
74630
74702
  ) })
@@ -74746,8 +74818,8 @@ var require_dist = __commonJS({
74746
74818
  });
74747
74819
  init_react_import2();
74748
74820
  var usePuck2 = () => {
74749
- const { state: appState, config, dispatch } = useAppContext2();
74750
- return { appState, config, dispatch };
74821
+ const { state: appState, config, history, dispatch } = useAppContext2();
74822
+ return { appState, config, dispatch, history };
74751
74823
  };
74752
74824
  }
74753
74825
  });
@@ -74822,7 +74894,7 @@ init_react_import();
74822
74894
 
74823
74895
  // css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css#css-module
74824
74896
  init_react_import();
74825
- var styles_module_default = { "SidebarSection": "_SidebarSection_170gs_1", "SidebarSection-title": "_SidebarSection-title_170gs_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_170gs_20", "SidebarSection-content": "_SidebarSection-content_170gs_24", "SidebarSection--noPadding": "_SidebarSection--noPadding_170gs_28", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_170gs_41", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_170gs_52", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_170gs_41", "SidebarSection-heading": "_SidebarSection-heading_170gs_64", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_170gs_68" };
74897
+ var styles_module_default = { "SidebarSection": "_SidebarSection_125qe_1", "SidebarSection-title": "_SidebarSection-title_125qe_12", "SidebarSection--noBorderTop": "_SidebarSection--noBorderTop_125qe_20", "SidebarSection-content": "_SidebarSection-content_125qe_24", "SidebarSection--noPadding": "_SidebarSection--noPadding_125qe_28", "SidebarSection-breadcrumbLabel": "_SidebarSection-breadcrumbLabel_125qe_41", "SidebarSection-breadcrumbs": "_SidebarSection-breadcrumbs_125qe_70", "SidebarSection-breadcrumb": "_SidebarSection-breadcrumb_125qe_41", "SidebarSection-heading": "_SidebarSection-heading_125qe_82", "SidebarSection-loadingOverlay": "_SidebarSection-loadingOverlay_125qe_86" };
74826
74898
 
74827
74899
  // ../core/lib/get-class-name-factory.ts
74828
74900
  init_react_import();
@@ -74861,7 +74933,7 @@ init_react_import();
74861
74933
 
74862
74934
  // css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css#css-module
74863
74935
  init_react_import();
74864
- var styles_module_default2 = { "Heading": "_Heading_1bvy5_1", "Heading--xxxxl": "_Heading--xxxxl_1bvy5_13", "Heading--xxxl": "_Heading--xxxl_1bvy5_19", "Heading--xxl": "_Heading--xxl_1bvy5_23", "Heading--xl": "_Heading--xl_1bvy5_27", "Heading--l": "_Heading--l_1bvy5_31", "Heading--m": "_Heading--m_1bvy5_35", "Heading--s": "_Heading--s_1bvy5_39", "Heading--xs": "_Heading--xs_1bvy5_43" };
74936
+ var styles_module_default2 = { "Heading": "_Heading_qxrry_1", "Heading--xxxxl": "_Heading--xxxxl_qxrry_12", "Heading--xxxl": "_Heading--xxxl_qxrry_18", "Heading--xxl": "_Heading--xxl_qxrry_22", "Heading--xl": "_Heading--xl_qxrry_26", "Heading--l": "_Heading--l_qxrry_30", "Heading--m": "_Heading--m_qxrry_34", "Heading--s": "_Heading--s_qxrry_38", "Heading--xs": "_Heading--xs_qxrry_42" };
74865
74937
 
74866
74938
  // ../core/components/Heading/index.tsx
74867
74939
  var import_jsx_runtime2 = require("react/jsx-runtime");
@@ -75117,7 +75189,7 @@ var SidebarSection = ({
75117
75189
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className: getClassName2("title"), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: getClassName2("breadcrumbs"), children: [
75118
75190
  showBreadcrumbs ? breadcrumbs.map((breadcrumb, i2) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: getClassName2("breadcrumb"), children: [
75119
75191
  /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
75120
- "div",
75192
+ "button",
75121
75193
  {
75122
75194
  className: getClassName2("breadcrumbLabel"),
75123
75195
  onClick: () => setUi({ itemSelector: breadcrumb.selector }),
@@ -75140,7 +75212,7 @@ init_react_import();
75140
75212
 
75141
75213
  // css-module:/home/runner/work/puck/puck/packages/core/components/OutlineList/styles.module.css#css-module
75142
75214
  init_react_import();
75143
- var styles_module_default3 = { "OutlineList": "_OutlineList_1nwoz_1", "OutlineListItem": "_OutlineListItem_1nwoz_20", "OutlineListItem--clickable": "_OutlineListItem--clickable_1nwoz_35" };
75215
+ var styles_module_default3 = { "OutlineList": "_OutlineList_18bgy_1", "OutlineListItem": "_OutlineListItem_18bgy_20", "OutlineListItem--clickable": "_OutlineListItem--clickable_18bgy_35" };
75144
75216
 
75145
75217
  // ../core/components/OutlineList/index.tsx
75146
75218
  var import_jsx_runtime5 = require("react/jsx-runtime");
@@ -75263,7 +75335,7 @@ var HeadingAnalyzer = () => {
75263
75335
  const oldStyle = __spreadValues({}, el.style);
75264
75336
  if (el) {
75265
75337
  scrollIntoView(el);
75266
- el.style.outline = "4px solid var(--puck-color-rose-5)";
75338
+ el.style.outline = "4px solid var(--puck-color-rose-06)";
75267
75339
  el.style.outlineOffset = "4px";
75268
75340
  setTimeout(() => {
75269
75341
  el.style.outline = oldStyle.outline || "";
@@ -75271,7 +75343,7 @@ var HeadingAnalyzer = () => {
75271
75343
  }, 2e3);
75272
75344
  }
75273
75345
  },
75274
- children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: { color: "var(--puck-color-red)" }, children: [
75346
+ children: props.missing ? /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("span", { style: { color: "var(--puck-color-red-04)" }, children: [
75275
75347
  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("b", { children: [
75276
75348
  "H",
75277
75349
  props.rank
@@ -75542,6 +75614,14 @@ lucide-react/dist/esm/icons/search.js:
75542
75614
  * See the LICENSE file in the root directory of this source tree.
75543
75615
  *)
75544
75616
 
75617
+ lucide-react/dist/esm/icons/sliders-horizontal.js:
75618
+ (**
75619
+ * @license lucide-react v0.298.0 - ISC
75620
+ *
75621
+ * This source code is licensed under the ISC license.
75622
+ * See the LICENSE file in the root directory of this source tree.
75623
+ *)
75624
+
75545
75625
  lucide-react/dist/esm/icons/trash.js:
75546
75626
  (**
75547
75627
  * @license lucide-react v0.298.0 - ISC
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@measured/puck-plugin-heading-analyzer",
3
- "version": "0.14.0-canary.55740c4",
3
+ "version": "0.14.0-canary.5bb1708",
4
4
  "author": "Measured Corporation Ltd <hello@measured.co>",
5
5
  "repository": "measuredco/puck",
6
6
  "bugs": "https://github.com/measuredco/puck/issues",
@@ -18,7 +18,7 @@
18
18
  "dist"
19
19
  ],
20
20
  "devDependencies": {
21
- "@measured/puck": "^0.14.0-canary.55740c4",
21
+ "@measured/puck": "^0.14.0-canary.5bb1708",
22
22
  "@types/react": "^18.2.0",
23
23
  "@types/react-dom": "^18.2.0",
24
24
  "eslint": "^7.32.0",