@puckeditor/plugin-emotion-cache 0.24.0-canary.84e17640 → 0.24.0-canary.8bebc7ab

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/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) The Puck Contributors.
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
package/dist/index.d.mts CHANGED
@@ -53,7 +53,7 @@ type NonForwardableProps = {
53
53
  /**
54
54
  * Keys internally consumed by Puck and never forwarded to `as`.
55
55
  */
56
- type ConsumedPropKey = keyof DropZoneOwnProps | "as" | "content" | "config" | "metadata";
56
+ type ConsumedPropKey = keyof DropZoneOwnProps | "as" | "content" | "config" | "metadata" | "fieldTransforms";
57
57
  /**
58
58
  * Additional props forwarded to the element or component provided via `as`,
59
59
  * typed against it.
@@ -272,6 +272,10 @@ interface RadioField extends BaseField {
272
272
  type: "radio";
273
273
  options: FieldOptions;
274
274
  }
275
+ interface CheckboxField extends BaseField {
276
+ type: "checkbox";
277
+ options: FieldOptions;
278
+ }
275
279
  interface RichtextField<UserSelector extends RichTextSelector = RichTextSelector> extends BaseField {
276
280
  type: "richtext";
277
281
  contentEditable?: boolean;
@@ -314,6 +318,7 @@ interface ObjectField<Props extends any = {
314
318
  [key: string]: any;
315
319
  }, UserField extends {} = {}> extends BaseField {
316
320
  type: "object";
321
+ expandable?: boolean;
317
322
  objectFields: {
318
323
  [SubPropName in keyof Props]: UserField extends {
319
324
  type: PropertyKey;
@@ -378,7 +383,7 @@ interface SlotField extends BaseField {
378
383
  allow?: string[];
379
384
  disallow?: string[];
380
385
  }
381
- type Field<ValueType = any, UserField extends {} = {}> = TextField | RichtextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<ValueType extends {
386
+ type Field<ValueType = any, UserField extends {} = {}> = TextField | RichtextField | NumberField | TextareaField | SelectField | RadioField | CheckboxField | ArrayField<ValueType extends {
382
387
  [key: string]: any;
383
388
  }[] ? ValueType : never, UserField> | ObjectField<ValueType, UserField> | ExternalField<ValueType> | ExternalFieldWithAdaptor<ValueType> | CustomField<ValueType> | SlotField;
384
389
  type Fields<ComponentProps extends DefaultComponentProps = DefaultComponentProps, UserField extends {} = {}> = {
@@ -460,6 +465,9 @@ UserField extends BaseField = {}> = {
460
465
  label?: string;
461
466
  defaultProps?: FieldProps;
462
467
  fields?: Fields<FieldProps, UserField>;
468
+ renderFields?: RenderFunc<{
469
+ fields: Partial<Record<keyof FieldProps, ReactNode>>;
470
+ }>;
463
471
  permissions?: Partial<Permissions>;
464
472
  inline?: boolean;
465
473
  resolveFields?: (data: DataShape, params: {
@@ -608,10 +616,13 @@ type UiState = {
608
616
  controlsVisible: boolean;
609
617
  options: Viewport[];
610
618
  };
619
+ expandedFieldGroups: Record<string, boolean>;
611
620
  field: {
612
621
  focus?: string | null;
613
622
  metadata?: Record<string, any>;
614
623
  };
624
+ /** The selected field tab. Shows the first available tab when `null`. */
625
+ fieldTab?: string | number | null;
615
626
  plugin: {
616
627
  current: string | null;
617
628
  };
@@ -701,6 +712,8 @@ type Overrides<UserConfig extends Config = Config> = OverridesGeneric<{
701
712
  label?: string;
702
713
  children: ReactNode;
703
714
  parentAction: ReactNode;
715
+ dragHandle?: ReactNode;
716
+ dragHandleRef?: (element: Element | null) => void;
704
717
  }>;
705
718
  headerActions: RenderFunc<{
706
719
  children: ReactNode;
@@ -710,10 +723,12 @@ type Overrides<UserConfig extends Config = Config> = OverridesGeneric<{
710
723
  children: ReactNode;
711
724
  isLoading: boolean;
712
725
  itemSelector?: ItemSelector | null;
726
+ fields: Partial<Record<string, ReactNode>>;
713
727
  }>;
714
728
  fieldLabel: RenderFunc<{
715
729
  children?: ReactNode;
716
730
  icon?: ReactNode;
731
+ endIcon?: ReactNode;
717
732
  label: string;
718
733
  el?: "label" | "div";
719
734
  readOnly?: boolean;
package/dist/index.d.ts CHANGED
@@ -53,7 +53,7 @@ type NonForwardableProps = {
53
53
  /**
54
54
  * Keys internally consumed by Puck and never forwarded to `as`.
55
55
  */
56
- type ConsumedPropKey = keyof DropZoneOwnProps | "as" | "content" | "config" | "metadata";
56
+ type ConsumedPropKey = keyof DropZoneOwnProps | "as" | "content" | "config" | "metadata" | "fieldTransforms";
57
57
  /**
58
58
  * Additional props forwarded to the element or component provided via `as`,
59
59
  * typed against it.
@@ -272,6 +272,10 @@ interface RadioField extends BaseField {
272
272
  type: "radio";
273
273
  options: FieldOptions;
274
274
  }
275
+ interface CheckboxField extends BaseField {
276
+ type: "checkbox";
277
+ options: FieldOptions;
278
+ }
275
279
  interface RichtextField<UserSelector extends RichTextSelector = RichTextSelector> extends BaseField {
276
280
  type: "richtext";
277
281
  contentEditable?: boolean;
@@ -314,6 +318,7 @@ interface ObjectField<Props extends any = {
314
318
  [key: string]: any;
315
319
  }, UserField extends {} = {}> extends BaseField {
316
320
  type: "object";
321
+ expandable?: boolean;
317
322
  objectFields: {
318
323
  [SubPropName in keyof Props]: UserField extends {
319
324
  type: PropertyKey;
@@ -378,7 +383,7 @@ interface SlotField extends BaseField {
378
383
  allow?: string[];
379
384
  disallow?: string[];
380
385
  }
381
- type Field<ValueType = any, UserField extends {} = {}> = TextField | RichtextField | NumberField | TextareaField | SelectField | RadioField | ArrayField<ValueType extends {
386
+ type Field<ValueType = any, UserField extends {} = {}> = TextField | RichtextField | NumberField | TextareaField | SelectField | RadioField | CheckboxField | ArrayField<ValueType extends {
382
387
  [key: string]: any;
383
388
  }[] ? ValueType : never, UserField> | ObjectField<ValueType, UserField> | ExternalField<ValueType> | ExternalFieldWithAdaptor<ValueType> | CustomField<ValueType> | SlotField;
384
389
  type Fields<ComponentProps extends DefaultComponentProps = DefaultComponentProps, UserField extends {} = {}> = {
@@ -460,6 +465,9 @@ UserField extends BaseField = {}> = {
460
465
  label?: string;
461
466
  defaultProps?: FieldProps;
462
467
  fields?: Fields<FieldProps, UserField>;
468
+ renderFields?: RenderFunc<{
469
+ fields: Partial<Record<keyof FieldProps, ReactNode>>;
470
+ }>;
463
471
  permissions?: Partial<Permissions>;
464
472
  inline?: boolean;
465
473
  resolveFields?: (data: DataShape, params: {
@@ -608,10 +616,13 @@ type UiState = {
608
616
  controlsVisible: boolean;
609
617
  options: Viewport[];
610
618
  };
619
+ expandedFieldGroups: Record<string, boolean>;
611
620
  field: {
612
621
  focus?: string | null;
613
622
  metadata?: Record<string, any>;
614
623
  };
624
+ /** The selected field tab. Shows the first available tab when `null`. */
625
+ fieldTab?: string | number | null;
615
626
  plugin: {
616
627
  current: string | null;
617
628
  };
@@ -701,6 +712,8 @@ type Overrides<UserConfig extends Config = Config> = OverridesGeneric<{
701
712
  label?: string;
702
713
  children: ReactNode;
703
714
  parentAction: ReactNode;
715
+ dragHandle?: ReactNode;
716
+ dragHandleRef?: (element: Element | null) => void;
704
717
  }>;
705
718
  headerActions: RenderFunc<{
706
719
  children: ReactNode;
@@ -710,10 +723,12 @@ type Overrides<UserConfig extends Config = Config> = OverridesGeneric<{
710
723
  children: ReactNode;
711
724
  isLoading: boolean;
712
725
  itemSelector?: ItemSelector | null;
726
+ fields: Partial<Record<string, ReactNode>>;
713
727
  }>;
714
728
  fieldLabel: RenderFunc<{
715
729
  children?: ReactNode;
716
730
  icon?: ReactNode;
731
+ endIcon?: ReactNode;
717
732
  label: string;
718
733
  el?: "label" | "div";
719
734
  readOnly?: boolean;
package/dist/index.js CHANGED
@@ -40,7 +40,7 @@ var import_react = __toESM(require("react"));
40
40
  // index.tsx
41
41
  var import_react2 = require("react");
42
42
 
43
- // ../../node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
43
+ // ../../node_modules/.pnpm/@emotion+sheet@1.4.0/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
44
44
  var isDevelopment = false;
45
45
  function sheetForTag(tag) {
46
46
  if (tag.sheet) {
@@ -123,7 +123,7 @@ var StyleSheet = /* @__PURE__ */ (function() {
123
123
  return StyleSheet2;
124
124
  })();
125
125
 
126
- // ../../node_modules/stylis/src/Enum.js
126
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Enum.js
127
127
  var MS = "-ms-";
128
128
  var MOZ = "-moz-";
129
129
  var WEBKIT = "-webkit-";
@@ -134,7 +134,7 @@ var IMPORT = "@import";
134
134
  var KEYFRAMES = "@keyframes";
135
135
  var LAYER = "@layer";
136
136
 
137
- // ../../node_modules/stylis/src/Utility.js
137
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Utility.js
138
138
  var abs = Math.abs;
139
139
  var from = String.fromCharCode;
140
140
  var assign = Object.assign;
@@ -172,7 +172,7 @@ function combine(array, callback) {
172
172
  return array.map(callback).join("");
173
173
  }
174
174
 
175
- // ../../node_modules/stylis/src/Tokenizer.js
175
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Tokenizer.js
176
176
  var line = 1;
177
177
  var column = 1;
178
178
  var length = 0;
@@ -308,7 +308,7 @@ function identifier(index) {
308
308
  return slice(index, position);
309
309
  }
310
310
 
311
- // ../../node_modules/stylis/src/Parser.js
311
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Parser.js
312
312
  function compile(value) {
313
313
  return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
314
314
  }
@@ -457,7 +457,7 @@ function declaration(value, root, parent, length2) {
457
457
  return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
458
458
  }
459
459
 
460
- // ../../node_modules/stylis/src/Serializer.js
460
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Serializer.js
461
461
  function serialize(children, callback) {
462
462
  var output = "";
463
463
  var length2 = sizeof(children);
@@ -482,7 +482,7 @@ function stringify(element, index, children, callback) {
482
482
  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
483
483
  }
484
484
 
485
- // ../../node_modules/stylis/src/Middleware.js
485
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Middleware.js
486
486
  function middleware(collection) {
487
487
  var length2 = sizeof(collection);
488
488
  return function(element, index, children, callback) {
@@ -501,7 +501,7 @@ function rulesheet(callback) {
501
501
  };
502
502
  }
503
503
 
504
- // ../../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js
504
+ // ../../node_modules/.pnpm/@emotion+weak-memoize@0.4.0/node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js
505
505
  var weakMemoize = function weakMemoize2(func) {
506
506
  var cache = /* @__PURE__ */ new WeakMap();
507
507
  return function(arg) {
@@ -514,7 +514,7 @@ var weakMemoize = function weakMemoize2(func) {
514
514
  };
515
515
  };
516
516
 
517
- // ../../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
517
+ // ../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
518
518
  function memoize(fn) {
519
519
  var cache = /* @__PURE__ */ Object.create(null);
520
520
  return function(arg) {
@@ -523,7 +523,7 @@ function memoize(fn) {
523
523
  };
524
524
  }
525
525
 
526
- // ../../node_modules/@emotion/cache/dist/emotion-cache.esm.js
526
+ // ../../node_modules/.pnpm/@emotion+cache@11.14.0/node_modules/@emotion/cache/dist/emotion-cache.esm.js
527
527
  var isBrowser = typeof document !== "undefined";
528
528
  var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
529
529
  var previous = 0;
package/dist/index.mjs CHANGED
@@ -4,7 +4,7 @@ import React from "react";
4
4
  // index.tsx
5
5
  import { useEffect, useState } from "react";
6
6
 
7
- // ../../node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
7
+ // ../../node_modules/.pnpm/@emotion+sheet@1.4.0/node_modules/@emotion/sheet/dist/emotion-sheet.esm.js
8
8
  var isDevelopment = false;
9
9
  function sheetForTag(tag) {
10
10
  if (tag.sheet) {
@@ -87,7 +87,7 @@ var StyleSheet = /* @__PURE__ */ (function() {
87
87
  return StyleSheet2;
88
88
  })();
89
89
 
90
- // ../../node_modules/stylis/src/Enum.js
90
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Enum.js
91
91
  var MS = "-ms-";
92
92
  var MOZ = "-moz-";
93
93
  var WEBKIT = "-webkit-";
@@ -98,7 +98,7 @@ var IMPORT = "@import";
98
98
  var KEYFRAMES = "@keyframes";
99
99
  var LAYER = "@layer";
100
100
 
101
- // ../../node_modules/stylis/src/Utility.js
101
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Utility.js
102
102
  var abs = Math.abs;
103
103
  var from = String.fromCharCode;
104
104
  var assign = Object.assign;
@@ -136,7 +136,7 @@ function combine(array, callback) {
136
136
  return array.map(callback).join("");
137
137
  }
138
138
 
139
- // ../../node_modules/stylis/src/Tokenizer.js
139
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Tokenizer.js
140
140
  var line = 1;
141
141
  var column = 1;
142
142
  var length = 0;
@@ -272,7 +272,7 @@ function identifier(index) {
272
272
  return slice(index, position);
273
273
  }
274
274
 
275
- // ../../node_modules/stylis/src/Parser.js
275
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Parser.js
276
276
  function compile(value) {
277
277
  return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
278
278
  }
@@ -421,7 +421,7 @@ function declaration(value, root, parent, length2) {
421
421
  return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
422
422
  }
423
423
 
424
- // ../../node_modules/stylis/src/Serializer.js
424
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Serializer.js
425
425
  function serialize(children, callback) {
426
426
  var output = "";
427
427
  var length2 = sizeof(children);
@@ -446,7 +446,7 @@ function stringify(element, index, children, callback) {
446
446
  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
447
447
  }
448
448
 
449
- // ../../node_modules/stylis/src/Middleware.js
449
+ // ../../node_modules/.pnpm/stylis@4.2.0/node_modules/stylis/src/Middleware.js
450
450
  function middleware(collection) {
451
451
  var length2 = sizeof(collection);
452
452
  return function(element, index, children, callback) {
@@ -465,7 +465,7 @@ function rulesheet(callback) {
465
465
  };
466
466
  }
467
467
 
468
- // ../../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js
468
+ // ../../node_modules/.pnpm/@emotion+weak-memoize@0.4.0/node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js
469
469
  var weakMemoize = function weakMemoize2(func) {
470
470
  var cache = /* @__PURE__ */ new WeakMap();
471
471
  return function(arg) {
@@ -478,7 +478,7 @@ var weakMemoize = function weakMemoize2(func) {
478
478
  };
479
479
  };
480
480
 
481
- // ../../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
481
+ // ../../node_modules/.pnpm/@emotion+memoize@0.9.0/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
482
482
  function memoize(fn) {
483
483
  var cache = /* @__PURE__ */ Object.create(null);
484
484
  return function(arg) {
@@ -487,7 +487,7 @@ function memoize(fn) {
487
487
  };
488
488
  }
489
489
 
490
- // ../../node_modules/@emotion/cache/dist/emotion-cache.esm.js
490
+ // ../../node_modules/.pnpm/@emotion+cache@11.14.0/node_modules/@emotion/cache/dist/emotion-cache.esm.js
491
491
  var isBrowser = typeof document !== "undefined";
492
492
  var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
493
493
  var previous = 0;
package/package.json CHANGED
@@ -1,8 +1,11 @@
1
1
  {
2
2
  "name": "@puckeditor/plugin-emotion-cache",
3
- "version": "0.24.0-canary.84e17640",
3
+ "version": "0.24.0-canary.8bebc7ab",
4
4
  "author": "Chris Villa <chris@puckeditor.com>",
5
- "repository": "puckeditor/puck",
5
+ "repository": {
6
+ "type": "git",
7
+ "url": "puckeditor/puck"
8
+ },
6
9
  "bugs": "https://github.com/puckeditor/puck/issues",
7
10
  "homepage": "https://puckeditor.com",
8
11
  "private": false,
@@ -14,29 +17,28 @@
14
17
  "types": "./dist/index.d.ts"
15
18
  },
16
19
  "license": "MIT",
17
- "scripts": {
18
- "lint": "eslint \"**/*.ts*\"",
19
- "build": "rm -rf dist && tsup index.tsx",
20
- "prepare": "yarn build"
21
- },
22
20
  "files": [
23
21
  "dist"
24
22
  ],
25
23
  "devDependencies": {
26
24
  "@emotion/react": "^11.13.3",
27
- "@puckeditor/core": "^0.24.0-canary.84e17640",
25
+ "@puckeditor/core": "^0.24.0-canary.8bebc7ab",
28
26
  "@types/minimatch": "3.0.5",
29
27
  "@types/react": "^19.2.7",
30
28
  "@types/react-dom": "^19.0.2",
31
29
  "eslint": "^9.0.0",
32
- "eslint-config-custom": "*",
33
- "tsconfig": "*",
30
+ "eslint-config-custom": "0.0.0",
31
+ "tsconfig": "0.0.0",
34
32
  "tsup": "^8.2.4",
35
- "tsup-config": "*",
33
+ "tsup-config": "0.0.0",
36
34
  "typescript": "^5.5.4"
37
35
  },
38
36
  "peerDependencies": {
39
37
  "@emotion/react": "^11.0.0",
40
38
  "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
39
+ },
40
+ "scripts": {
41
+ "lint": "eslint \"**/*.ts*\"",
42
+ "build": "rm -rf dist && tsup index.tsx"
41
43
  }
42
- }
44
+ }