@measured/puck 0.18.0-canary.066aba9 → 0.18.0-canary.1ea6f98

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -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
@@ -4,7 +4,6 @@ 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, }: {
@@ -93,7 +92,6 @@ type DropZoneContext<UserConfig extends Config = Config> = {
93
92
  areaId?: string;
94
93
  zoneCompound?: string;
95
94
  index?: number;
96
- draggedItem?: Draggable | null;
97
95
  hoveringComponent?: string | null;
98
96
  setHoveringComponent?: (id: string | null) => void;
99
97
  registerZoneArea?: (areaId: string) => void;
@@ -107,10 +105,6 @@ type DropZoneContext<UserConfig extends Config = Config> = {
107
105
  depth: number;
108
106
  registerLocalZone?: (zone: string, active: boolean) => void;
109
107
  unregisterLocalZone?: (zone: string) => void;
110
- deepestZone?: string | null;
111
- deepestArea?: string | null;
112
- nextDeepestZone?: string | null;
113
- nextDeepestArea?: string | null;
114
108
  path: string[];
115
109
  } | null;
116
110
  declare const dropZoneContext: react.Context<DropZoneContext<Config>>;
package/dist/index.d.ts CHANGED
@@ -4,7 +4,6 @@ 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, }: {
@@ -93,7 +92,6 @@ type DropZoneContext<UserConfig extends Config = Config> = {
93
92
  areaId?: string;
94
93
  zoneCompound?: string;
95
94
  index?: number;
96
- draggedItem?: Draggable | null;
97
95
  hoveringComponent?: string | null;
98
96
  setHoveringComponent?: (id: string | null) => void;
99
97
  registerZoneArea?: (areaId: string) => void;
@@ -107,10 +105,6 @@ type DropZoneContext<UserConfig extends Config = Config> = {
107
105
  depth: number;
108
106
  registerLocalZone?: (zone: string, active: boolean) => void;
109
107
  unregisterLocalZone?: (zone: string) => void;
110
- deepestZone?: string | null;
111
- deepestArea?: string | null;
112
- nextDeepestZone?: string | null;
113
- nextDeepestArea?: string | null;
114
108
  path: string[];
115
109
  } | null;
116
110
  declare const dropZoneContext: react.Context<DropZoneContext<Config>>;