@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.
- package/dist/{chunk-EXKSBUY5.mjs → chunk-CHWFBYEM.mjs} +2 -4
- package/dist/index.css +27 -34
- package/dist/index.d.mts +0 -6
- package/dist/index.d.ts +0 -6
- package/dist/index.js +1218 -888
- package/dist/index.mjs +1132 -799
- package/dist/rsc.js +2 -4
- package/dist/rsc.mjs +1 -1
- package/package.json +3 -2
@@ -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(
|
144
|
-
resolvedItem.readOnly =
|
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
|
-
.
|
1433
|
+
._Puck_12s9r_19 {
|
1434
1434
|
--puck-space-px: 16px;
|
1435
1435
|
font-family: var(--puck-font-family);
|
1436
1436
|
}
|
1437
|
-
._Puck-
|
1437
|
+
._Puck-portal_12s9r_24 {
|
1438
1438
|
position: relative;
|
1439
1439
|
z-index: 2;
|
1440
1440
|
}
|
1441
|
-
.
|
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--
|
1452
|
+
._PuckLayout--mounted_12s9r_43 ._PuckLayout-inner_12s9r_31 {
|
1460
1453
|
--puck-side-bar-width: 186px;
|
1461
1454
|
}
|
1462
|
-
._PuckLayout--
|
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--
|
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--
|
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-
|
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
|
-
.
|
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
|
-
.
|
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
|
-
.
|
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
|
-
.
|
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
|
-
.
|
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
|
-
.
|
1495
|
+
._PuckLayout_12s9r_31 ._PuckLayout-inner_12s9r_31 {
|
1503
1496
|
--puck-side-bar-width: 320px;
|
1504
1497
|
}
|
1505
1498
|
}
|
1506
|
-
._PuckLayout-
|
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-
|
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-
|
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--
|
1530
|
-
._PuckLayout--
|
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-
|
1526
|
+
._PuckLayout-headerTitle_12s9r_139 {
|
1534
1527
|
align-self: center;
|
1535
1528
|
}
|
1536
|
-
._PuckLayout-
|
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-
|
1535
|
+
._PuckLayout-headerTools_12s9r_150 {
|
1543
1536
|
display: flex;
|
1544
1537
|
gap: 16px;
|
1545
1538
|
justify-content: flex-end;
|
1546
1539
|
}
|
1547
|
-
._PuckLayout-
|
1540
|
+
._PuckLayout-menuButton_12s9r_156 {
|
1548
1541
|
color: var(--puck-color-grey-05);
|
1549
1542
|
margin-left: -4px;
|
1550
1543
|
}
|
1551
|
-
._PuckLayout--
|
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-
|
1548
|
+
._PuckLayout-menuButton_12s9r_156 {
|
1556
1549
|
display: none;
|
1557
1550
|
}
|
1558
1551
|
}
|
1559
|
-
._PuckLayout-
|
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-
|
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>>;
|