@plasmicpkgs/antd5 0.0.38 → 0.0.41

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/index.js CHANGED
@@ -337,7 +337,7 @@ function registerCheckbox(loader) {
337
337
  variableType: "boolean"
338
338
  }
339
339
  },
340
- importPath: "@plasmicapp/antd5/skinny/registerCheckbox",
340
+ importPath: "@plasmicpkgs/antd5/skinny/registerCheckbox",
341
341
  importName: "AntdCheckboxGroup",
342
342
  parentComponentName: "plasmic-antd5-checkbox"
343
343
  });
@@ -388,10 +388,9 @@ function themeToAntdConfig(opts) {
388
388
  controlHeight,
389
389
  sizeUnit,
390
390
  sizeStep,
391
- wireframe,
392
- spacing
391
+ wireframe
393
392
  } = opts;
394
- return __spreadProps$6(__spreadValues$8({}, spacing && { size: spacing }), {
393
+ return {
395
394
  theme: {
396
395
  token: Object.fromEntries(Object.entries({
397
396
  colorTextBase,
@@ -409,7 +408,7 @@ function themeToAntdConfig(opts) {
409
408
  wireframe
410
409
  }).filter(([_key, val]) => !!val))
411
410
  }
412
- });
411
+ };
413
412
  }
414
413
  function AntdConfigProvider(props) {
415
414
  const _a = props, { children, themeStyles } = _a, rest = __objRest$6(_a, ["children", "themeStyles"]);
@@ -422,13 +421,22 @@ function AntdConfigProvider(props) {
422
421
  colorTextBase: themeStyles.color
423
422
  }))), /* @__PURE__ */ React__default.default.createElement(ForkedApp, null, /* @__PURE__ */ React__default.default.createElement(InnerConfigProvider, null, children)));
424
423
  }
424
+ function normTokenValue(val) {
425
+ if (typeof val === "string") {
426
+ return val.trim();
427
+ } else if (typeof val === "number") {
428
+ return `${val}px`;
429
+ } else {
430
+ return val;
431
+ }
432
+ }
425
433
  function InnerConfigProvider(props) {
426
434
  const { children } = props;
427
435
  const { token } = theme__default.default.useToken();
428
436
  const makeVarName = (name) => `--antd-${name}`;
429
437
  const cssStyles = React__default.default.useMemo(() => `
430
438
  :root {
431
- ${Object.entries(token).map(([key, val]) => `${makeVarName(key)}:${typeof val === "string" ? val.trim() : val};`).join("\n")}
439
+ ${Object.entries(token).map(([key, val]) => `${makeVarName(key)}:${normTokenValue(val)};`).join("\n")}
432
440
  }
433
441
  `, [token]);
434
442
  const app = useAppContext();
@@ -503,20 +511,27 @@ function ForkedApp(props) {
503
511
  }
504
512
  function registerTokens(loader) {
505
513
  const regs = [];
506
- const makeColorToken = (name) => {
507
- const colorIndex = name.indexOf("color");
508
- const humanName = makeNiceName(colorIndex >= 0 ? name.substring(name.indexOf("color") + "color".length) : name);
509
- return {
510
- name,
511
- displayName: `System: ${humanName}`,
512
- value: `var(--antd-${name})`,
513
- type: "color"
514
- };
514
+ const withoutPrefix = (name, prefix) => {
515
+ if (!prefix) {
516
+ return name;
517
+ }
518
+ const index = name.indexOf(prefix);
519
+ return index === 0 ? name.substring(prefix.length) : name;
515
520
  };
516
521
  function makeNiceName(name) {
517
522
  name = name[0].toUpperCase() + name.substring(1);
518
523
  return name.replace(/([a-z])([A-Z])/g, "$1 $2");
519
524
  }
525
+ const makeGenericToken = (name, type, removePrefix) => {
526
+ const tokenName = Array.isArray(name) ? name[0] : name;
527
+ const displayName = Array.isArray(name) ? name[1] : makeNiceName(withoutPrefix(name, removePrefix));
528
+ return {
529
+ name: tokenName,
530
+ displayName: `System: ${displayName}`,
531
+ value: `var(--antd-${tokenName})`,
532
+ type
533
+ };
534
+ };
520
535
  const colorTokens = [
521
536
  "colorPrimary",
522
537
  "colorSuccess",
@@ -584,91 +599,32 @@ function registerTokens(loader) {
584
599
  "colorErrorTextActive",
585
600
  "colorWhite",
586
601
  "colorBgMask",
587
- "colorFillContentHover",
588
- "colorFillAlter",
589
- "colorFillContent",
590
- "colorBgContainerDisabled",
591
- "colorBgTextHover",
592
- "colorBgTextActive",
593
- "colorBorderBg",
594
- "colorSplit",
595
- "colorTextPlaceholder",
596
- "colorTextDisabled",
597
- "colorTextHeading",
598
- "colorTextLabel",
599
- "colorTextDescription",
600
- "colorTextLightSolid",
601
602
  "colorIcon",
602
603
  "colorIconHover",
603
604
  "colorLink",
604
- "colorLinkHover",
605
- "colorLinkActive",
606
- "colorLinkHighlight",
607
- "controlOutline",
608
- "controlWarningOutline",
609
- "controlErrorOutline",
610
- "controlItemBgHover",
611
- "controlItemBgActive",
612
- "controlItemBgActiveHover",
613
- "controlItemBgActiveDisabled"
605
+ "colorLinkHover"
614
606
  ];
615
- colorTokens.forEach((name) => regs.push(makeColorToken(name)));
616
- const makeGenericToken = (name, type) => {
617
- return {
618
- name: `Sys: ${makeNiceName(name)}`,
619
- value: `var(--antd-${name})`,
620
- type
621
- };
622
- };
607
+ colorTokens.forEach((name) => regs.push(makeGenericToken(name, "color", "color")));
623
608
  const spacingTokens = [
624
- "lineWidth",
625
- "borderRadius",
626
- "controlHeight",
627
- "sizeXXL",
628
- "sizeXL",
629
- "sizeLG",
630
- "sizeMD",
631
- "sizeMS",
632
- "size",
633
- "sizeSM",
634
- "sizeXS",
635
- "sizeXXS",
636
- "controlHeightXS",
637
- "controlHeightSM",
638
- "controlHeightLG",
639
- "lineWidthBold",
640
- "borderRadiusXS",
641
- "borderRadiusSM",
642
- "borderRadiusLG",
643
- "borderRadiusOuter",
644
- "controlOutlineWidth",
645
- "controlInteractiveSize",
646
609
  "paddingXXS",
647
610
  "paddingXS",
648
611
  "paddingSM",
649
- "padding",
612
+ ["padding", "Padding M"],
650
613
  "paddingMD",
651
614
  "paddingLG",
652
615
  "paddingXL",
653
- "paddingContentHorizontalLG",
654
- "paddingContentHorizontal",
655
- "paddingContentHorizontalSM",
656
- "paddingContentVerticalLG",
657
- "paddingContentVertical",
658
- "paddingContentVerticalSM",
659
616
  "marginXXS",
660
617
  "marginXS",
661
618
  "marginSM",
662
- "margin",
619
+ ["margin", "Margin M"],
663
620
  "marginMD",
664
621
  "marginLG",
665
622
  "marginXL",
666
- "marginXXL",
667
- "controlPaddingHorizontal",
668
- "controlPaddingHorizontalSM"
623
+ "marginXXL"
669
624
  ];
670
625
  spacingTokens.forEach((token) => regs.push(makeGenericToken(token, "spacing")));
671
626
  const fontSizeTokens = [
627
+ ["fontSize", "M"],
672
628
  "fontSizeSM",
673
629
  "fontSizeLG",
674
630
  "fontSizeXL",
@@ -678,8 +634,9 @@ function registerTokens(loader) {
678
634
  "fontSizeHeading4",
679
635
  "fontSizeHeading5"
680
636
  ];
681
- fontSizeTokens.forEach((token) => regs.push(makeGenericToken(token, "font-size")));
637
+ fontSizeTokens.forEach((token) => regs.push(makeGenericToken(token, "font-size", "fontSize")));
682
638
  const lineHeightTokens = [
639
+ ["lineHeight", "M"],
683
640
  "lineHeightLG",
684
641
  "lineHeightSM",
685
642
  "lineHeightHeading1",
@@ -688,7 +645,7 @@ function registerTokens(loader) {
688
645
  "lineHeightHeading4",
689
646
  "lineHeightHeading5"
690
647
  ];
691
- lineHeightTokens.forEach((token) => regs.push(makeGenericToken(token, "line-height")));
648
+ lineHeightTokens.forEach((token) => regs.push(makeGenericToken(token, "line-height", "lineHeight")));
692
649
  if (loader) {
693
650
  regs.forEach((t) => loader.registerToken(t));
694
651
  } else {
@@ -747,10 +704,6 @@ const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __s
747
704
  type: "boolean",
748
705
  defaultValue: false
749
706
  },
750
- spacing: {
751
- type: "choice",
752
- options: ["small", "middle", "large"]
753
- },
754
707
  themeStyles: {
755
708
  type: "themeStyles"
756
709
  }
@@ -2237,7 +2190,7 @@ function registerRadio(loader) {
2237
2190
  variableType: "text"
2238
2191
  }
2239
2192
  },
2240
- importPath: "@plasmicapp/antd5/skinny/registerRadio",
2193
+ importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
2241
2194
  importName: "AntdRadioGroup"
2242
2195
  });
2243
2196
  }
@@ -15,7 +15,6 @@ export interface ThemeOpts {
15
15
  sizeUnit?: number;
16
16
  sizeStep?: number;
17
17
  wireframe?: boolean;
18
- spacing?: "small" | "middle" | "large";
19
18
  }
20
19
  export declare function themeToAntdConfig(opts: ThemeOpts): {
21
20
  theme: {
@@ -23,7 +22,6 @@ export declare function themeToAntdConfig(opts: ThemeOpts): {
23
22
  [k: string]: string | number | boolean | undefined;
24
23
  };
25
24
  };
26
- size?: "small" | "large" | "middle" | undefined;
27
25
  };
28
26
  export declare function AntdConfigProvider(props: Omit<ThemeOpts, "fontFamily" | "fontSize" | "lineWidth"> & {
29
27
  children?: React.ReactNode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plasmicpkgs/antd5",
3
- "version": "0.0.38",
3
+ "version": "0.0.41",
4
4
  "description": "Plasmic registration calls for antd components",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -24,15 +24,6 @@
24
24
  "dist",
25
25
  "skinny"
26
26
  ],
27
- "exports": {
28
- ".": {
29
- "require": "./dist/index.js",
30
- "import": "./dist/antd.esm.js"
31
- },
32
- "./skinny/*": {
33
- "import": "./skinny/*.js"
34
- }
35
- },
36
27
  "size-limit": [
37
28
  {
38
29
  "path": "dist/index.js",
@@ -73,5 +64,5 @@
73
64
  "publishConfig": {
74
65
  "access": "public"
75
66
  },
76
- "gitHead": "fdb37e4fae6510d955efef6034d992bab1a189e3"
67
+ "gitHead": "617265b82bfc59f183e86a660afc1dd137db613b"
77
68
  }
@@ -1,3 +1,3 @@
1
1
  {
2
- "type": "module"
2
+ "type": "commonjs"
3
3
  }
@@ -1,11 +1,17 @@
1
- import Button from 'antd/es/button';
2
- import { r as registerComponentHelper } from './utils-91b47110.js';
3
- import '@plasmicapp/host/registerComponent';
4
- import '@plasmicapp/host/registerGlobalContext';
1
+ 'use strict';
5
2
 
6
- const AntdButton = Button;
3
+ var Button = require('antd/lib/button');
4
+ var utils = require('./utils-9d88fffe.js');
5
+ require('@plasmicapp/host/registerComponent');
6
+ require('@plasmicapp/host/registerGlobalContext');
7
+
8
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
9
+
10
+ var Button__default = /*#__PURE__*/_interopDefault(Button);
11
+
12
+ const AntdButton = Button__default.default;
7
13
  function registerButton(loader) {
8
- registerComponentHelper(loader, AntdButton, {
14
+ utils.registerComponentHelper(loader, AntdButton, {
9
15
  name: "plasmic-antd5-button",
10
16
  displayName: "Button",
11
17
  props: {
@@ -81,5 +87,6 @@ function registerButton(loader) {
81
87
  });
82
88
  }
83
89
 
84
- export { AntdButton, registerButton };
90
+ exports.AntdButton = AntdButton;
91
+ exports.registerButton = registerButton;
85
92
  //# sourceMappingURL=registerButton.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"registerButton.js","sources":["../src/registerButton.tsx"],"sourcesContent":["import Button from \"antd/es/button\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport const AntdButton = Button;\n\nexport function registerButton(loader?: Registerable) {\n registerComponentHelper(loader, AntdButton, {\n name: \"plasmic-antd5-button\",\n displayName: \"Button\",\n props: {\n type: {\n type: \"choice\",\n options: [\"default\", \"primary\", \"ghost\", \"dashed\", \"link\", \"text\"],\n description:\n \"Can be set to primary, ghost, dashed, link, text, default\",\n defaultValueHint: \"default\",\n },\n size: {\n type: \"choice\",\n options: [\"small\", \"medium\", \"large\"],\n description: \"Set the size of button\",\n defaultValueHint: \"medium\",\n },\n shape: {\n type: \"choice\",\n options: [\"default\", \"circle\", \"round\"],\n description: \"Can be set button shape\",\n defaultValueHint: \"default\",\n },\n disabled: {\n type: \"boolean\",\n description: \"Disabled state of button\",\n defaultValueHint: false,\n },\n ghost: {\n type: \"boolean\",\n description:\n \"Make background transparent and invert text and border colors\",\n defaultValueHint: false,\n },\n danger: {\n type: \"boolean\",\n description: \"Set the danger status of button\",\n defaultValueHint: false,\n },\n loading: {\n type: \"boolean\",\n description: \"Set the loading status of button\",\n defaultValueHint: false,\n },\n href: {\n type: \"string\",\n description: \"Redirect url of link button\",\n },\n target: {\n type: \"choice\",\n options: [\"_blank\", \"_self\", \"_parent\", \"_top\"],\n description:\n \"Same as target attribute of a, works when href is specified\",\n hidden: (props) => !props.href,\n defaultValueHint: \"_self\",\n },\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"text\",\n value: \"Button\",\n },\n ],\n },\n icon: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n onClick: {\n type: \"eventHandler\",\n argTypes: [],\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerButton\",\n importName: \"AntdButton\",\n });\n}\n"],"names":[],"mappings":";;;;;AAGO,MAAM,UAAa,GAAA,OAAA;AAEnB,SAAA,cAAA,CAAwB,MAAuB,EAAA;AACpD,EAAA,uBAAA,CAAwB,QAAQ,UAAY,EAAA;AAAA,IAC1C,IAAM,EAAA,sBAAA;AAAA,IACN,WAAa,EAAA,QAAA;AAAA,IACb,KAAO,EAAA;AAAA,MACL,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,QAAA;AAAA,QACN,SAAS,CAAC,SAAA,EAAW,WAAW,OAAS,EAAA,QAAA,EAAU,QAAQ,MAAM,CAAA;AAAA,QACjE,WACE,EAAA,2DAAA;AAAA,QACF,gBAAkB,EAAA,SAAA;AAAA,OACpB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,QAAA;AAAA,QACN,OAAS,EAAA,CAAC,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,QACpC,WAAa,EAAA,wBAAA;AAAA,QACb,gBAAkB,EAAA,QAAA;AAAA,OACpB;AAAA,MACA,KAAO,EAAA;AAAA,QACL,IAAM,EAAA,QAAA;AAAA,QACN,OAAS,EAAA,CAAC,SAAW,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,QACtC,WAAa,EAAA,yBAAA;AAAA,QACb,gBAAkB,EAAA,SAAA;AAAA,OACpB;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,0BAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,OACpB;AAAA,MACA,KAAO,EAAA;AAAA,QACL,IAAM,EAAA,SAAA;AAAA,QACN,WACE,EAAA,+DAAA;AAAA,QACF,gBAAkB,EAAA,KAAA;AAAA,OACpB;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,iCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,OACpB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,SAAA;AAAA,QACN,WAAa,EAAA,kCAAA;AAAA,QACb,gBAAkB,EAAA,KAAA;AAAA,OACpB;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,QAAA;AAAA,QACN,WAAa,EAAA,6BAAA;AAAA,OACf;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,IAAM,EAAA,QAAA;AAAA,QACN,OAAS,EAAA,CAAC,QAAU,EAAA,OAAA,EAAS,WAAW,MAAM,CAAA;AAAA,QAC9C,WACE,EAAA,6DAAA;AAAA,QACF,MAAQ,EAAA,CAAC,KAAU,KAAA,CAAC,KAAM,CAAA,IAAA;AAAA,QAC1B,gBAAkB,EAAA,OAAA;AAAA,OACpB;AAAA,MACA,QAAU,EAAA;AAAA,QACR,IAAM,EAAA,MAAA;AAAA,QACN,YAAc,EAAA;AAAA,UACZ;AAAA,YACE,IAAM,EAAA,MAAA;AAAA,YACN,KAAO,EAAA,QAAA;AAAA,WACT;AAAA,SACF;AAAA,OACF;AAAA,MACA,IAAM,EAAA;AAAA,QACJ,IAAM,EAAA,MAAA;AAAA,QACN,eAAiB,EAAA,IAAA;AAAA,OACnB;AAAA,MACA,OAAS,EAAA;AAAA,QACP,IAAM,EAAA,cAAA;AAAA,QACN,UAAU,EAAC;AAAA,OACb;AAAA,KACF;AAAA,IACA,UAAY,EAAA,0CAAA;AAAA,IACZ,UAAY,EAAA,YAAA;AAAA,GACb,CAAA,CAAA;AACH;;;;"}
1
+ {"version":3,"file":"registerButton.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,9 +1,17 @@
1
- import Checkbox from 'antd/es/checkbox';
2
- import CheckboxGroup from 'antd/es/checkbox/Group';
3
- import React from 'react';
4
- import { r as registerComponentHelper, t as traverseReactEltTree } from './utils-91b47110.js';
5
- import '@plasmicapp/host/registerComponent';
6
- import '@plasmicapp/host/registerGlobalContext';
1
+ 'use strict';
2
+
3
+ var Checkbox = require('antd/lib/checkbox');
4
+ var CheckboxGroup = require('antd/lib/checkbox/Group');
5
+ var React = require('react');
6
+ var utils = require('./utils-9d88fffe.js');
7
+ require('@plasmicapp/host/registerComponent');
8
+ require('@plasmicapp/host/registerGlobalContext');
9
+
10
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
11
+
12
+ var Checkbox__default = /*#__PURE__*/_interopDefault(Checkbox);
13
+ var CheckboxGroup__default = /*#__PURE__*/_interopDefault(CheckboxGroup);
14
+ var React__default = /*#__PURE__*/_interopDefault(React);
7
15
 
8
16
  var __defProp = Object.defineProperty;
9
17
  var __defProps = Object.defineProperties;
@@ -38,20 +46,20 @@ var __objRest = (source, exclude) => {
38
46
  };
39
47
  function AntdCheckbox(props) {
40
48
  const _a = props, { onChange } = _a, rest = __objRest(_a, ["onChange"]);
41
- const wrappedOnChange = React.useMemo(() => {
49
+ const wrappedOnChange = React__default.default.useMemo(() => {
42
50
  if (onChange) {
43
51
  return (event) => onChange(event.target.checked);
44
52
  } else {
45
53
  return void 0;
46
54
  }
47
55
  }, [onChange]);
48
- return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps(__spreadValues({}, rest), {
56
+ return /* @__PURE__ */ React__default.default.createElement(Checkbox__default.default, __spreadProps(__spreadValues({}, rest), {
49
57
  onChange: wrappedOnChange
50
58
  }));
51
59
  }
52
- const AntdCheckboxGroup = CheckboxGroup;
60
+ const AntdCheckboxGroup = CheckboxGroup__default.default;
53
61
  function registerCheckbox(loader) {
54
- registerComponentHelper(loader, AntdCheckbox, {
62
+ utils.registerComponentHelper(loader, AntdCheckbox, {
55
63
  name: "plasmic-antd5-checkbox",
56
64
  displayName: "Checkbox",
57
65
  props: {
@@ -108,7 +116,7 @@ function registerCheckbox(loader) {
108
116
  importPath: "@plasmicpkgs/antd5/skinny/registerCheckbox",
109
117
  importName: "AntdCheckbox"
110
118
  });
111
- registerComponentHelper(loader, CheckboxGroup, {
119
+ utils.registerComponentHelper(loader, CheckboxGroup__default.default, {
112
120
  name: "plasmic-antd5-checkbox-group",
113
121
  displayName: "Checkbox Group",
114
122
  props: {
@@ -120,7 +128,7 @@ function registerCheckbox(loader) {
120
128
  multiSelect: true,
121
129
  options: (ps) => {
122
130
  const options = /* @__PURE__ */ new Set();
123
- traverseReactEltTree(ps.children, (elt) => {
131
+ utils.traverseReactEltTree(ps.children, (elt) => {
124
132
  var _a;
125
133
  if ((elt == null ? void 0 : elt.type) === AntdCheckbox && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
126
134
  options.add(elt.props.value);
@@ -151,11 +159,13 @@ function registerCheckbox(loader) {
151
159
  variableType: "boolean"
152
160
  }
153
161
  },
154
- importPath: "@plasmicapp/antd5/skinny/registerCheckbox",
162
+ importPath: "@plasmicpkgs/antd5/skinny/registerCheckbox",
155
163
  importName: "AntdCheckboxGroup",
156
164
  parentComponentName: "plasmic-antd5-checkbox"
157
165
  });
158
166
  }
159
167
 
160
- export { AntdCheckbox, AntdCheckboxGroup, registerCheckbox };
168
+ exports.AntdCheckbox = AntdCheckbox;
169
+ exports.AntdCheckboxGroup = AntdCheckboxGroup;
170
+ exports.registerCheckbox = registerCheckbox;
161
171
  //# sourceMappingURL=registerCheckbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"registerCheckbox.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import Checkbox, { CheckboxChangeEvent } from \"antd/es/checkbox\";\nimport CheckboxGroup from \"antd/es/checkbox/Group\";\nimport React from \"react\";\nimport {\n Registerable,\n registerComponentHelper,\n traverseReactEltTree,\n} from \"./utils\";\n\nexport function AntdCheckbox(\n props: Omit<React.ComponentProps<typeof Checkbox>, \"onChange\"> & {\n onChange?: (checked: boolean) => void;\n }\n) {\n const { onChange, ...rest } = props;\n const wrappedOnChange = React.useMemo(() => {\n if (onChange) {\n return (event: CheckboxChangeEvent) => onChange(event.target.checked);\n } else {\n return undefined;\n }\n }, [onChange]);\n return <Checkbox {...rest} onChange={wrappedOnChange} />;\n}\nexport const AntdCheckboxGroup = CheckboxGroup;\n\nexport function registerCheckbox(loader?: Registerable) {\n registerComponentHelper(loader, AntdCheckbox, {\n name: \"plasmic-antd5-checkbox\",\n displayName: \"Checkbox\",\n props: {\n checked: {\n type: \"boolean\",\n editOnly: true,\n uncontrolledProp: \"defaultChecked\",\n description:\n \"Specifies the initial state: whether or not the checkbox is selected\",\n defaultValueHint: false,\n },\n disabled: {\n type: \"boolean\",\n description: \"If disable checkbox\",\n defaultValueHint: false,\n },\n indeterminate: {\n type: \"boolean\",\n description: \"The indeterminate checked state of checkbox\",\n defaultValueHint: false,\n },\n value: {\n type: \"string\",\n description: \"The checkbox value\",\n advanced: true,\n },\n autoFocus: {\n type: \"boolean\",\n description: \"If get focus when component mounted\",\n defaultValueHint: false,\n advanced: true,\n },\n children: {\n type: \"slot\",\n defaultValue: [\n {\n type: \"text\",\n value: \"Checkbox\",\n },\n ],\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"checked\", type: \"boolean\" }],\n } as any,\n },\n states: {\n checked: {\n type: \"writable\",\n valueProp: \"checked\",\n onChangeProp: \"onChange\",\n variableType: \"boolean\",\n },\n },\n importPath: \"@plasmicpkgs/antd5/skinny/registerCheckbox\",\n importName: \"AntdCheckbox\",\n });\n\n registerComponentHelper(loader, CheckboxGroup, {\n name: \"plasmic-antd5-checkbox-group\",\n displayName: \"Checkbox Group\",\n props: {\n value: {\n type: \"choice\",\n editOnly: true,\n uncontrolledProp: \"defaultValue\",\n description: \"Default selected value\",\n multiSelect: true,\n options: (ps: any) => {\n const options = new Set<string>();\n traverseReactEltTree(ps.children, (elt) => {\n if (\n elt?.type === AntdCheckbox &&\n typeof elt?.props?.value === \"string\"\n ) {\n options.add(elt.props.value);\n }\n });\n return Array.from(options.keys());\n },\n },\n disabled: {\n type: \"boolean\",\n description: \"Disables all checkboxes\",\n defaultValueHint: false,\n },\n children: {\n type: \"slot\",\n allowedComponents: [\"plasmic-antd5-checkbox\"],\n // Error right now when using default slot content with stateful instances\n // defaultValue: [\n // {\n // type: \"component\",\n // name: \"plasmic-antd5-checkbox\",\n // },\n // ],\n },\n onChange: {\n type: \"eventHandler\",\n argTypes: [{ name: \"value\", type: \"object\" }],\n } as any,\n },\n states: {\n value: {\n type: \"writable\",\n valueProp: \"value\",\n onChangeProp: \"onChange\",\n variableType: \"boolean\",\n },\n },\n importPath: \"@plasmicapp/antd5/skinny/registerCheckbox\",\n importName: \"AntdCheckboxGroup\",\n parentComponentName: \"plasmic-antd5-checkbox\",\n });\n}\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"registerCheckbox.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -15,7 +15,6 @@ export interface ThemeOpts {
15
15
  sizeUnit?: number;
16
16
  sizeStep?: number;
17
17
  wireframe?: boolean;
18
- spacing?: "small" | "middle" | "large";
19
18
  }
20
19
  export declare function themeToAntdConfig(opts: ThemeOpts): {
21
20
  theme: {
@@ -23,7 +22,6 @@ export declare function themeToAntdConfig(opts: ThemeOpts): {
23
22
  [k: string]: string | number | boolean | undefined;
24
23
  };
25
24
  };
26
- size?: "small" | "large" | "middle" | undefined;
27
25
  };
28
26
  export declare function AntdConfigProvider(props: Omit<ThemeOpts, "fontFamily" | "fontSize" | "lineWidth"> & {
29
27
  children?: React.ReactNode;