@measured/puck 0.18.0-canary.e6e29ad → 0.18.0-canary.f2e2eaa
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +3 -3
- 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 +1239 -883
- package/dist/index.mjs +1171 -812
- package/dist/rsc.js +2 -4
- package/dist/rsc.mjs +1 -1
- package/package.json +3 -2
package/README.md
CHANGED
@@ -101,11 +101,11 @@ Available recipes include:
|
|
101
101
|
- [Discord server](https://discord.gg/D9e4E3MQVZ) for discussions
|
102
102
|
- [awesome-puck](https://github.com/measuredco/awesome-puck) community repo for plugins, custom fields & more
|
103
103
|
|
104
|
-
##
|
104
|
+
## Get support
|
105
105
|
|
106
|
-
|
106
|
+
If you have any questions about Puck, please open a [GitHub issue](https://github.com/measuredco/puck/issues) or join us on [Discord](https://discord.gg/D9e4E3MQVZ).
|
107
107
|
|
108
|
-
|
108
|
+
Or [book a discovery call](https://app.cal.com/chrisvxd/puck-enquiry/) for hands-on support and consultancy.
|
109
109
|
|
110
110
|
## License
|
111
111
|
|
@@ -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>>;
|