@measured/puck 0.18.0-canary.d253d54 → 0.18.0-canary.f27871b

Sign up to get free protection for your applications and to get access to all the features.
@@ -135,13 +135,11 @@ var resolveComponentData = (item, config, onResolveStart, onResolveEnd) => __asy
135
135
  onResolveStart(item);
136
136
  }
137
137
  const { props: resolvedProps, readOnly = {} } = yield configForItem.resolveData(item, { changed, lastData: oldItem });
138
- const { readOnly: existingReadOnly = {} } = item || {};
139
- const newReadOnly = __spreadValues(__spreadValues({}, existingReadOnly), readOnly);
140
138
  const resolvedItem = __spreadProps(__spreadValues({}, item), {
141
139
  props: __spreadValues(__spreadValues({}, item.props), resolvedProps)
142
140
  });
143
- if (Object.keys(newReadOnly).length) {
144
- resolvedItem.readOnly = newReadOnly;
141
+ if (Object.keys(readOnly).length) {
142
+ resolvedItem.readOnly = readOnly;
145
143
  }
146
144
  cache.lastChange[item.props.id] = {
147
145
  item,
package/dist/index.css CHANGED
@@ -1430,22 +1430,15 @@ body:has(._DropZone--isAnimating_kmkdc_70:empty) [data-puck-overlay] {
1430
1430
  }
1431
1431
 
1432
1432
  /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */
1433
- ._Puck_1g88c_19 {
1433
+ ._Puck_12s9r_19 {
1434
1434
  --puck-space-px: 16px;
1435
1435
  font-family: var(--puck-font-family);
1436
1436
  }
1437
- ._Puck-portal_1g88c_24 {
1437
+ ._Puck-portal_12s9r_24 {
1438
1438
  position: relative;
1439
1439
  z-index: 2;
1440
1440
  }
1441
- ._PuckLayout_1g88c_31 {
1442
- bottom: 0;
1443
- left: 0;
1444
- position: fixed;
1445
- right: 0;
1446
- top: 0;
1447
- }
1448
- ._PuckLayout-inner_1g88c_39 {
1441
+ ._PuckLayout-inner_12s9r_31 {
1449
1442
  --puck-frame-width: auto;
1450
1443
  --puck-side-bar-width: 0px;
1451
1444
  display: grid;
@@ -1456,54 +1449,54 @@ body:has(._DropZone--isAnimating_kmkdc_70:empty) [data-puck-overlay] {
1456
1449
  position: relative;
1457
1450
  z-index: 0;
1458
1451
  }
1459
- ._PuckLayout--mounted_1g88c_51 ._PuckLayout-inner_1g88c_39 {
1452
+ ._PuckLayout--mounted_12s9r_43 ._PuckLayout-inner_12s9r_31 {
1460
1453
  --puck-side-bar-width: 186px;
1461
1454
  }
1462
- ._PuckLayout--leftSideBarVisible_1g88c_55 ._PuckLayout-inner_1g88c_39 {
1455
+ ._PuckLayout--leftSideBarVisible_12s9r_47 ._PuckLayout-inner_12s9r_31 {
1463
1456
  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) 0;
1464
1457
  }
1465
- ._PuckLayout--rightSideBarVisible_1g88c_61 ._PuckLayout-inner_1g88c_39 {
1458
+ ._PuckLayout--rightSideBarVisible_12s9r_53 ._PuckLayout-inner_12s9r_31 {
1466
1459
  grid-template-columns: 0 var(--puck-frame-width) var(--puck-side-bar-width);
1467
1460
  }
1468
- ._PuckLayout--leftSideBarVisible_1g88c_55._PuckLayout--rightSideBarVisible_1g88c_61 ._PuckLayout-inner_1g88c_39 {
1461
+ ._PuckLayout--leftSideBarVisible_12s9r_47._PuckLayout--rightSideBarVisible_12s9r_53 ._PuckLayout-inner_12s9r_31 {
1469
1462
  grid-template-columns: var(--puck-side-bar-width) var(--puck-frame-width) var(--puck-side-bar-width);
1470
1463
  }
1471
1464
  @media (min-width: 458px) {
1472
- ._PuckLayout-mounted_1g88c_75 ._PuckLayout-inner_1g88c_39 {
1465
+ ._PuckLayout-mounted_12s9r_67 ._PuckLayout-inner_12s9r_31 {
1473
1466
  --puck-frame-width: minmax(266px, auto);
1474
1467
  }
1475
1468
  }
1476
1469
  @media (min-width: 638px) {
1477
- ._PuckLayout_1g88c_31 ._PuckLayout-inner_1g88c_39 {
1470
+ ._PuckLayout_12s9r_31 ._PuckLayout-inner_12s9r_31 {
1478
1471
  --puck-side-bar-width: minmax(186px, 250px);
1479
1472
  }
1480
1473
  }
1481
1474
  @media (min-width: 766px) {
1482
- ._PuckLayout_1g88c_31 ._PuckLayout-inner_1g88c_39 {
1475
+ ._PuckLayout_12s9r_31 ._PuckLayout-inner_12s9r_31 {
1483
1476
  --puck-frame-width: auto;
1484
1477
  }
1485
1478
  }
1486
1479
  @media (min-width: 990px) {
1487
- ._PuckLayout_1g88c_31 ._PuckLayout-inner_1g88c_39 {
1480
+ ._PuckLayout_12s9r_31 ._PuckLayout-inner_12s9r_31 {
1488
1481
  --puck-side-bar-width: 256px;
1489
1482
  }
1490
1483
  }
1491
1484
  @media (min-width: 1198px) {
1492
- ._PuckLayout_1g88c_31 ._PuckLayout-inner_1g88c_39 {
1485
+ ._PuckLayout_12s9r_31 ._PuckLayout-inner_12s9r_31 {
1493
1486
  --puck-side-bar-width: 274px;
1494
1487
  }
1495
1488
  }
1496
1489
  @media (min-width: 1398px) {
1497
- ._PuckLayout_1g88c_31 ._PuckLayout-inner_1g88c_39 {
1490
+ ._PuckLayout_12s9r_31 ._PuckLayout-inner_12s9r_31 {
1498
1491
  --puck-side-bar-width: 290px;
1499
1492
  }
1500
1493
  }
1501
1494
  @media (min-width: 1598px) {
1502
- ._PuckLayout_1g88c_31 ._PuckLayout-inner_1g88c_39 {
1495
+ ._PuckLayout_12s9r_31 ._PuckLayout-inner_12s9r_31 {
1503
1496
  --puck-side-bar-width: 320px;
1504
1497
  }
1505
1498
  }
1506
- ._PuckLayout-header_1g88c_116 {
1499
+ ._PuckLayout-header_12s9r_108 {
1507
1500
  background: var(--puck-color-white);
1508
1501
  border-bottom: 1px solid var(--puck-color-grey-09);
1509
1502
  color: var(--puck-color-black);
@@ -1511,7 +1504,7 @@ body:has(._DropZone--isAnimating_kmkdc_70:empty) [data-puck-overlay] {
1511
1504
  position: relative;
1512
1505
  max-width: 100vw;
1513
1506
  }
1514
- ._PuckLayout-headerInner_1g88c_125 {
1507
+ ._PuckLayout-headerInner_12s9r_117 {
1515
1508
  align-items: end;
1516
1509
  display: grid;
1517
1510
  gap: var(--puck-space-px);
@@ -1520,43 +1513,43 @@ body:has(._DropZone--isAnimating_kmkdc_70:empty) [data-puck-overlay] {
1520
1513
  grid-template-rows: auto;
1521
1514
  padding: var(--puck-space-px);
1522
1515
  }
1523
- ._PuckLayout-headerToggle_1g88c_135 {
1516
+ ._PuckLayout-headerToggle_12s9r_127 {
1524
1517
  color: var(--puck-color-grey-05);
1525
1518
  display: flex;
1526
1519
  margin-left: -4px;
1527
1520
  padding-top: 2px;
1528
1521
  }
1529
- ._PuckLayout--rightSideBarVisible_1g88c_61 ._PuckLayout-rightSideBarToggle_1g88c_142,
1530
- ._PuckLayout--leftSideBarVisible_1g88c_55 ._PuckLayout-leftSideBarToggle_1g88c_143 {
1522
+ ._PuckLayout--rightSideBarVisible_12s9r_53 ._PuckLayout-rightSideBarToggle_12s9r_134,
1523
+ ._PuckLayout--leftSideBarVisible_12s9r_47 ._PuckLayout-leftSideBarToggle_12s9r_135 {
1531
1524
  color: var(--puck-color-black);
1532
1525
  }
1533
- ._PuckLayout-headerTitle_1g88c_147 {
1526
+ ._PuckLayout-headerTitle_12s9r_139 {
1534
1527
  align-self: center;
1535
1528
  }
1536
- ._PuckLayout-headerPath_1g88c_151 {
1529
+ ._PuckLayout-headerPath_12s9r_143 {
1537
1530
  font-family: var(--puck-font-family-monospaced);
1538
1531
  font-size: var(--puck-font-size-xxs);
1539
1532
  font-weight: normal;
1540
1533
  word-break: break-all;
1541
1534
  }
1542
- ._PuckLayout-headerTools_1g88c_158 {
1535
+ ._PuckLayout-headerTools_12s9r_150 {
1543
1536
  display: flex;
1544
1537
  gap: 16px;
1545
1538
  justify-content: flex-end;
1546
1539
  }
1547
- ._PuckLayout-menuButton_1g88c_164 {
1540
+ ._PuckLayout-menuButton_12s9r_156 {
1548
1541
  color: var(--puck-color-grey-05);
1549
1542
  margin-left: -4px;
1550
1543
  }
1551
- ._PuckLayout--menuOpen_1g88c_169 ._PuckLayout-menuButton_1g88c_164 {
1544
+ ._PuckLayout--menuOpen_12s9r_161 ._PuckLayout-menuButton_12s9r_156 {
1552
1545
  color: var(--puck-color-black);
1553
1546
  }
1554
1547
  @media (min-width: 638px) {
1555
- ._PuckLayout-menuButton_1g88c_164 {
1548
+ ._PuckLayout-menuButton_12s9r_156 {
1556
1549
  display: none;
1557
1550
  }
1558
1551
  }
1559
- ._PuckLayout-leftSideBar_1g88c_143 {
1552
+ ._PuckLayout-leftSideBar_12s9r_135 {
1560
1553
  background: var(--puck-color-grey-12);
1561
1554
  border-right: 1px solid var(--puck-color-grey-09);
1562
1555
  display: flex;
@@ -1564,7 +1557,7 @@ body:has(._DropZone--isAnimating_kmkdc_70:empty) [data-puck-overlay] {
1564
1557
  grid-area: left;
1565
1558
  overflow-y: auto;
1566
1559
  }
1567
- ._PuckLayout-rightSideBar_1g88c_142 {
1560
+ ._PuckLayout-rightSideBar_12s9r_134 {
1568
1561
  background: var(--puck-color-white);
1569
1562
  border-left: 1px solid var(--puck-color-grey-09);
1570
1563
  display: flex;
package/dist/index.d.mts CHANGED
@@ -1,10 +1,9 @@
1
- import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-GYzT3ont.mjs';
2
- export { W as Adaptor, L as ArrayField, t as ArrayState, a4 as AsFieldProps, B as BaseData, G as BaseField, v as ComponentConfig, y as ComponentData, z as Content, Z as CustomField, a1 as DefaultRootProps, a0 as DefaultRootRenderProps, m as Direction, n as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, r as FieldRenderFunctions, _ as Fields, s as ItemWithId, M as MappedItem, N as NumberField, Q as ObjectField, q as OverrideKey, u as PuckComponent, $ as PuckContext, K as RadioField, x as RootData, R as RootDataWithProps, w as RootDataWithoutProps, S as SelectField, T as TextField, J as TextareaField, o as Viewport, a5 as WithChildren, a2 as WithId, a3 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-GYzT3ont.mjs';
1
+ import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, P as Permissions, d as Plugin, e as Overrides, f as PuckAction, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-DzJEE28m.mjs';
2
+ export { W as Adaptor, L as ArrayField, t as ArrayState, a4 as AsFieldProps, B as BaseData, G as BaseField, v as ComponentConfig, y as ComponentData, z as Content, Z as CustomField, a1 as DefaultRootProps, a0 as DefaultRootRenderProps, m as Direction, n as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, r as FieldRenderFunctions, _ as Fields, s as ItemWithId, M as MappedItem, N as NumberField, Q as ObjectField, q as OverrideKey, u as PuckComponent, $ as PuckContext, K as RadioField, x as RootData, R as RootDataWithProps, w as RootDataWithoutProps, S as SelectField, T as TextField, J as TextareaField, o as Viewport, a5 as WithChildren, a2 as WithId, a3 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-DzJEE28m.mjs';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
5
  import { ReactNode, SyntheticEvent, ReactElement } from 'react';
6
6
  import { UniqueIdentifier } from '@dnd-kit/abstract';
7
- import { Draggable } from '@dnd-kit/dom';
8
7
 
9
8
  declare const ActionBar: {
10
9
  ({ label, children, }: {
@@ -90,11 +89,9 @@ type DropZoneContext<UserConfig extends Config = Config> = {
90
89
  componentState?: Record<string, any>;
91
90
  itemSelector?: ItemSelector | null;
92
91
  setItemSelector?: (newIndex: ItemSelector | null) => void;
93
- dispatch?: (action: PuckAction) => void;
94
92
  areaId?: string;
95
93
  zoneCompound?: string;
96
94
  index?: number;
97
- draggedItem?: Draggable | null;
98
95
  hoveringComponent?: string | null;
99
96
  setHoveringComponent?: (id: string | null) => void;
100
97
  registerZoneArea?: (areaId: string) => void;
@@ -108,10 +105,6 @@ type DropZoneContext<UserConfig extends Config = Config> = {
108
105
  depth: number;
109
106
  registerLocalZone?: (zone: string, active: boolean) => void;
110
107
  unregisterLocalZone?: (zone: string) => void;
111
- deepestZone?: string | null;
112
- deepestArea?: string | null;
113
- nextDeepestZone?: string | null;
114
- nextDeepestArea?: string | null;
115
108
  path: string[];
116
109
  } | null;
117
110
  declare const dropZoneContext: react.Context<DropZoneContext<Config>>;
package/dist/index.d.ts CHANGED
@@ -1,10 +1,9 @@
1
- import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, P as PuckAction, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, d as Permissions, e as Plugin, f as Overrides, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-GYzT3ont.js';
2
- export { W as Adaptor, L as ArrayField, t as ArrayState, a4 as AsFieldProps, B as BaseData, G as BaseField, v as ComponentConfig, y as ComponentData, z as Content, Z as CustomField, a1 as DefaultRootProps, a0 as DefaultRootRenderProps, m as Direction, n as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, r as FieldRenderFunctions, _ as Fields, s as ItemWithId, M as MappedItem, N as NumberField, Q as ObjectField, q as OverrideKey, u as PuckComponent, $ as PuckContext, K as RadioField, x as RootData, R as RootDataWithProps, w as RootDataWithoutProps, S as SelectField, T as TextField, J as TextareaField, o as Viewport, a5 as WithChildren, a2 as WithId, a3 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-GYzT3ont.js';
1
+ import { F as FieldProps, a as Field, C as Config, D as Data, I as ItemSelector, b as DropZoneProps, U as UserGenerics, c as UiState, O as OnAction, P as Permissions, d as Plugin, e as Overrides, f as PuckAction, V as Viewports, g as IframeConfig, h as InitialHistory, i as DefaultComponentProps, j as DefaultRootFieldProps, H as History, A as AppState, E as ExtractPropsFromConfig, k as ExtractRootPropsFromConfig, l as ComponentDataMap } from './resolve-all-data-DzJEE28m.js';
2
+ export { W as Adaptor, L as ArrayField, t as ArrayState, a4 as AsFieldProps, B as BaseData, G as BaseField, v as ComponentConfig, y as ComponentData, z as Content, Z as CustomField, a1 as DefaultRootProps, a0 as DefaultRootRenderProps, m as Direction, n as DragAxis, Y as ExternalField, X as ExternalFieldWithAdaptor, r as FieldRenderFunctions, _ as Fields, s as ItemWithId, M as MappedItem, N as NumberField, Q as ObjectField, q as OverrideKey, u as PuckComponent, $ as PuckContext, K as RadioField, x as RootData, R as RootDataWithProps, w as RootDataWithoutProps, S as SelectField, T as TextField, J as TextareaField, o as Viewport, a5 as WithChildren, a2 as WithId, a3 as WithPuckProps, p as overrideKeys, a6 as resolveAllData } from './resolve-all-data-DzJEE28m.js';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as react from 'react';
5
5
  import { ReactNode, SyntheticEvent, ReactElement } from 'react';
6
6
  import { UniqueIdentifier } from '@dnd-kit/abstract';
7
- import { Draggable } from '@dnd-kit/dom';
8
7
 
9
8
  declare const ActionBar: {
10
9
  ({ label, children, }: {
@@ -90,11 +89,9 @@ type DropZoneContext<UserConfig extends Config = Config> = {
90
89
  componentState?: Record<string, any>;
91
90
  itemSelector?: ItemSelector | null;
92
91
  setItemSelector?: (newIndex: ItemSelector | null) => void;
93
- dispatch?: (action: PuckAction) => void;
94
92
  areaId?: string;
95
93
  zoneCompound?: string;
96
94
  index?: number;
97
- draggedItem?: Draggable | null;
98
95
  hoveringComponent?: string | null;
99
96
  setHoveringComponent?: (id: string | null) => void;
100
97
  registerZoneArea?: (areaId: string) => void;
@@ -108,10 +105,6 @@ type DropZoneContext<UserConfig extends Config = Config> = {
108
105
  depth: number;
109
106
  registerLocalZone?: (zone: string, active: boolean) => void;
110
107
  unregisterLocalZone?: (zone: string) => void;
111
- deepestZone?: string | null;
112
- deepestArea?: string | null;
113
- nextDeepestZone?: string | null;
114
- nextDeepestArea?: string | null;
115
108
  path: string[];
116
109
  } | null;
117
110
  declare const dropZoneContext: react.Context<DropZoneContext<Config>>;