@plasmicpkgs/antd5 0.0.8 → 0.0.9

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.
Files changed (2) hide show
  1. package/dist/index.js +65 -44
  2. package/package.json +2 -2
package/dist/index.js CHANGED
@@ -22,12 +22,33 @@ require('antd/lib/radio/radioButton');
22
22
  var Select = require('antd/lib/select');
23
23
  var Table = require('antd/lib/table');
24
24
 
25
+ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
26
+
27
+ var Button__default = /*#__PURE__*/_interopDefault(Button);
28
+ var registerComponent__default = /*#__PURE__*/_interopDefault(registerComponent);
29
+ var registerGlobalContext__default = /*#__PURE__*/_interopDefault(registerGlobalContext);
30
+ var Checkbox__default = /*#__PURE__*/_interopDefault(Checkbox);
31
+ var CheckboxGroup__default = /*#__PURE__*/_interopDefault(CheckboxGroup);
32
+ var React__default = /*#__PURE__*/_interopDefault(React);
33
+ var registerToken__default = /*#__PURE__*/_interopDefault(registerToken);
34
+ var ConfigProvider__default = /*#__PURE__*/_interopDefault(ConfigProvider);
35
+ var useMessage__default = /*#__PURE__*/_interopDefault(useMessage);
36
+ var useNotification__default = /*#__PURE__*/_interopDefault(useNotification);
37
+ var theme__default = /*#__PURE__*/_interopDefault(theme);
38
+ var Dropdown__default = /*#__PURE__*/_interopDefault(Dropdown);
39
+ var Menu__default = /*#__PURE__*/_interopDefault(Menu);
40
+ var Modal__default = /*#__PURE__*/_interopDefault(Modal);
41
+ var Radio__default = /*#__PURE__*/_interopDefault(Radio);
42
+ var RadioGroup__default = /*#__PURE__*/_interopDefault(RadioGroup);
43
+ var Select__default = /*#__PURE__*/_interopDefault(Select);
44
+ var Table__default = /*#__PURE__*/_interopDefault(Table);
45
+
25
46
  function makeRegisterGlobalContext(component, meta) {
26
47
  return function(loader) {
27
48
  if (loader) {
28
49
  loader.registerGlobalContext(component, meta);
29
50
  } else {
30
- registerGlobalContext(component, meta);
51
+ registerGlobalContext__default.default(component, meta);
31
52
  }
32
53
  };
33
54
  }
@@ -35,7 +56,7 @@ function registerComponentHelper(loader, component, meta) {
35
56
  if (loader) {
36
57
  loader.registerComponent(component, meta);
37
58
  } else {
38
- registerComponent(component, meta);
59
+ registerComponent__default.default(component, meta);
39
60
  }
40
61
  }
41
62
  function traverseReactEltTree(children, callback) {
@@ -65,7 +86,7 @@ function asArray(x) {
65
86
  }
66
87
  }
67
88
 
68
- const AntdButton = Button;
89
+ const AntdButton = Button__default.default;
69
90
  function registerButton(loader) {
70
91
  registerComponentHelper(loader, AntdButton, {
71
92
  name: "plasmic-antd5-button",
@@ -172,14 +193,14 @@ var __objRest$6 = (source, exclude) => {
172
193
  };
173
194
  function AntdCheckbox(props) {
174
195
  const _a = props, { onChange } = _a, rest = __objRest$6(_a, ["onChange"]);
175
- const wrappedOnChange = React.useMemo(() => {
196
+ const wrappedOnChange = React__default.default.useMemo(() => {
176
197
  if (onChange) {
177
198
  return (event) => onChange(event.target.checked);
178
199
  } else {
179
200
  return void 0;
180
201
  }
181
202
  }, [onChange]);
182
- return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$5(__spreadValues$6({}, rest), {
203
+ return /* @__PURE__ */ React__default.default.createElement(Checkbox__default.default, __spreadProps$5(__spreadValues$6({}, rest), {
183
204
  onChange: wrappedOnChange
184
205
  }));
185
206
  }
@@ -240,7 +261,7 @@ function registerCheckbox(loader) {
240
261
  importPath: "@plasmicpkgs/antd5/skinny/registerCheckbox",
241
262
  importName: "AntdCheckbox"
242
263
  });
243
- registerComponentHelper(loader, CheckboxGroup, {
264
+ registerComponentHelper(loader, CheckboxGroup__default.default, {
244
265
  name: "plasmic-antd5-checkbox-group",
245
266
  displayName: "Checkbox Group",
246
267
  props: {
@@ -358,24 +379,24 @@ function themeToAntdConfig(opts) {
358
379
  }
359
380
  function AntdConfigProvider(props) {
360
381
  const _a = props, { children, themeStyles } = _a, rest = __objRest$5(_a, ["children", "themeStyles"]);
361
- return /* @__PURE__ */ React.createElement(ConfigProvider, __spreadValues$5({}, themeToAntdConfig(__spreadProps$4(__spreadValues$5({}, rest), {
382
+ return /* @__PURE__ */ React__default.default.createElement(ConfigProvider__default.default, __spreadValues$5({}, themeToAntdConfig(__spreadProps$4(__spreadValues$5({}, rest), {
362
383
  fontFamily: themeStyles.fontFamily,
363
384
  fontSize: themeStyles.fontSize ? parseInt(themeStyles.fontSize) : void 0,
364
385
  lineHeight: themeStyles.lineHeight ? parseInt(themeStyles.lineHeight) : void 0,
365
386
  colorTextBase: themeStyles.color
366
- }))), /* @__PURE__ */ React.createElement(ForkedApp, null, /* @__PURE__ */ React.createElement(InnerConfigProvider, null, children)));
387
+ }))), /* @__PURE__ */ React__default.default.createElement(ForkedApp, null, /* @__PURE__ */ React__default.default.createElement(InnerConfigProvider, null, children)));
367
388
  }
368
389
  function InnerConfigProvider(props) {
369
390
  const { children } = props;
370
- const { token } = theme.useToken();
391
+ const { token } = theme__default.default.useToken();
371
392
  const makeVarName = (name) => `--antd-${name}`;
372
- const cssStyles = React.useMemo(() => `
393
+ const cssStyles = React__default.default.useMemo(() => `
373
394
  :root {
374
395
  ${Object.entries(token).map(([key, val]) => `${makeVarName(key)}:${typeof val === "string" ? val.trim() : val};`).join("\n")}
375
396
  }
376
397
  `, [token]);
377
398
  const app = useAppContext();
378
- const actions = React.useMemo(() => ({
399
+ const actions = React__default.default.useMemo(() => ({
379
400
  showNotification: (opts) => {
380
401
  var _b;
381
402
  const _a = opts, rest = __objRest$5(_a, ["type"]);
@@ -388,10 +409,10 @@ function InnerConfigProvider(props) {
388
409
  if (!host.GlobalActionsProvider) {
389
410
  warnOutdatedDeps();
390
411
  }
391
- return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("style", null, cssStyles), host.GlobalActionsProvider ? /* @__PURE__ */ React.createElement(host.GlobalActionsProvider, {
412
+ return /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, /* @__PURE__ */ React__default.default.createElement("style", null, cssStyles), host.GlobalActionsProvider ? /* @__PURE__ */ React__default.default.createElement(host.GlobalActionsProvider, {
392
413
  contextName: "plasmic-antd5-config-provider",
393
414
  actions
394
- }, children) : children, /* @__PURE__ */ React.createElement(GlobalLoadingIndicator, null));
415
+ }, children) : children, /* @__PURE__ */ React__default.default.createElement(GlobalLoadingIndicator, null));
395
416
  }
396
417
  let warned = false;
397
418
  function warnOutdatedDeps() {
@@ -402,7 +423,7 @@ function warnOutdatedDeps() {
402
423
  }
403
424
  function GlobalLoadingIndicator() {
404
425
  const app = useAppContext();
405
- React.useEffect(() => {
426
+ React__default.default.useEffect(() => {
406
427
  if (query.addLoadingStateListener) {
407
428
  return query.addLoadingStateListener((isLoading) => {
408
429
  if (isLoading) {
@@ -423,22 +444,22 @@ function GlobalLoadingIndicator() {
423
444
  }, [app]);
424
445
  return null;
425
446
  }
426
- const ForkedAppContext = React.createContext(void 0);
447
+ const ForkedAppContext = React__default.default.createContext(void 0);
427
448
  function useAppContext() {
428
- const context = React.useContext(ForkedAppContext);
449
+ const context = React__default.default.useContext(ForkedAppContext);
429
450
  if (!context) {
430
451
  throw new Error("Must call useAppContext from under ForkedApp");
431
452
  }
432
453
  return context;
433
454
  }
434
455
  function ForkedApp(props) {
435
- const [messageApi, messageContextHolder] = useMessage();
436
- const [notificationApi, notificationContextHolder] = useNotification();
437
- const appContext = React.useMemo(() => ({
456
+ const [messageApi, messageContextHolder] = useMessage__default.default();
457
+ const [notificationApi, notificationContextHolder] = useNotification__default.default();
458
+ const appContext = React__default.default.useMemo(() => ({
438
459
  message: messageApi,
439
460
  notification: notificationApi
440
461
  }), [messageApi, notificationApi]);
441
- return /* @__PURE__ */ React.createElement(ForkedAppContext.Provider, {
462
+ return /* @__PURE__ */ React__default.default.createElement(ForkedAppContext.Provider, {
442
463
  value: appContext
443
464
  }, messageContextHolder, notificationContextHolder, props.children);
444
465
  }
@@ -632,7 +653,7 @@ function registerTokens(loader) {
632
653
  if (loader) {
633
654
  regs.forEach((t) => loader.registerToken(t));
634
655
  } else {
635
- regs.forEach((t) => registerToken(t));
656
+ regs.forEach((t) => registerToken__default.default(t));
636
657
  }
637
658
  }
638
659
  const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __spreadProps$4(__spreadValues$5({
@@ -773,15 +794,15 @@ var __objRest$4 = (source, exclude) => {
773
794
  };
774
795
  function AntdDropdown(props) {
775
796
  const _a = props, { children, onAction, menuItems } = _a, rest = __objRest$4(_a, ["children", "onAction", "menuItems"]);
776
- return /* @__PURE__ */ React.createElement(Dropdown, __spreadProps$3(__spreadValues$4({}, rest), {
797
+ return /* @__PURE__ */ React__default.default.createElement(Dropdown__default.default, __spreadProps$3(__spreadValues$4({}, rest), {
777
798
  overlay: () => {
778
799
  var _a2;
779
800
  const items = (_a2 = menuItems == null ? void 0 : menuItems()) != null ? _a2 : [];
780
- return /* @__PURE__ */ React.createElement(Menu, {
801
+ return /* @__PURE__ */ React__default.default.createElement(Menu__default.default, {
781
802
  onClick: (event) => onAction == null ? void 0 : onAction(event.key)
782
803
  }, items);
783
804
  }
784
- }), typeof children === "string" ? /* @__PURE__ */ React.createElement("div", null, children) : children);
805
+ }), typeof children === "string" ? /* @__PURE__ */ React__default.default.createElement("div", null, children) : children);
785
806
  }
786
807
  function registerDropdown(loader) {
787
808
  registerComponentHelper(loader, AntdDropdown, {
@@ -877,11 +898,11 @@ function registerDropdown(loader) {
877
898
  });
878
899
  }
879
900
 
880
- const AntdMenu = Menu;
881
- const AntdMenuDivider = Menu.Divider;
882
- const AntdMenuItem = Menu.Item;
883
- const AntdMenuItemGroup = Menu.ItemGroup;
884
- const AntdSubMenu = Menu.SubMenu;
901
+ const AntdMenu = Menu__default.default;
902
+ const AntdMenuDivider = Menu__default.default.Divider;
903
+ const AntdMenuItem = Menu__default.default.Item;
904
+ const AntdMenuItemGroup = Menu__default.default.ItemGroup;
905
+ const AntdSubMenu = Menu__default.default.SubMenu;
885
906
  function registerMenu(loader) {
886
907
  registerComponentHelper(loader, AntdMenu, {
887
908
  name: "plasmic-antd5-menu",
@@ -1105,7 +1126,7 @@ var __objRest$3 = (source, exclude) => {
1105
1126
  };
1106
1127
  function AntdModal(props) {
1107
1128
  const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$3(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
1108
- const memoOnOk = React.useMemo(() => {
1129
+ const memoOnOk = React__default.default.useMemo(() => {
1109
1130
  if (onOpenChange || onOk) {
1110
1131
  return (e) => {
1111
1132
  onOpenChange == null ? void 0 : onOpenChange(false);
@@ -1115,7 +1136,7 @@ function AntdModal(props) {
1115
1136
  return void 0;
1116
1137
  }
1117
1138
  }, [onOpenChange, onOk]);
1118
- const memoOnCancel = React.useMemo(() => {
1139
+ const memoOnCancel = React__default.default.useMemo(() => {
1119
1140
  if (onOpenChange || onCancel) {
1120
1141
  return (e) => {
1121
1142
  onOpenChange == null ? void 0 : onOpenChange(false);
@@ -1125,7 +1146,7 @@ function AntdModal(props) {
1125
1146
  return void 0;
1126
1147
  }
1127
1148
  }, [onOpenChange, onCancel]);
1128
- return /* @__PURE__ */ React.createElement(Modal, __spreadProps$2(__spreadValues$3({}, rest), {
1149
+ return /* @__PURE__ */ React__default.default.createElement(Modal__default.default, __spreadProps$2(__spreadValues$3({}, rest), {
1129
1150
  onOk: memoOnOk,
1130
1151
  onCancel: memoOnCancel,
1131
1152
  open,
@@ -1256,17 +1277,17 @@ var __objRest$2 = (source, exclude) => {
1256
1277
  }
1257
1278
  return target;
1258
1279
  };
1259
- const AntdRadio = Radio;
1280
+ const AntdRadio = Radio__default.default;
1260
1281
  function AntdRadioGroup(props) {
1261
1282
  const _a = props, { onChange } = _a, rest = __objRest$2(_a, ["onChange"]);
1262
- const wrappedOnChange = React.useMemo(() => {
1283
+ const wrappedOnChange = React__default.default.useMemo(() => {
1263
1284
  if (onChange) {
1264
1285
  return (event) => onChange(event.target.value);
1265
1286
  } else {
1266
1287
  return void 0;
1267
1288
  }
1268
1289
  }, [onChange]);
1269
- return /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps$1(__spreadValues$2({}, rest), {
1290
+ return /* @__PURE__ */ React__default.default.createElement(RadioGroup__default.default, __spreadProps$1(__spreadValues$2({}, rest), {
1270
1291
  onChange: wrappedOnChange
1271
1292
  }));
1272
1293
  }
@@ -1415,7 +1436,7 @@ var __objRest$1 = (source, exclude) => {
1415
1436
  }
1416
1437
  return target;
1417
1438
  };
1418
- const AntdOption = Select.Option;
1439
+ const AntdOption = Select__default.default.Option;
1419
1440
  function AntdSelect(props) {
1420
1441
  const _a = props, {
1421
1442
  popupClassName,
@@ -1430,7 +1451,7 @@ function AntdSelect(props) {
1430
1451
  "suffixIcon",
1431
1452
  "mode"
1432
1453
  ]);
1433
- return /* @__PURE__ */ React.createElement(Select, __spreadValues$1(__spreadProps(__spreadValues$1({}, rest), {
1454
+ return /* @__PURE__ */ React__default.default.createElement(Select__default.default, __spreadValues$1(__spreadProps(__spreadValues$1({}, rest), {
1434
1455
  mode: !mode || mode === "single" ? void 0 : mode,
1435
1456
  popupClassName: `${defaultStylesClassName} ${popupScopeClassName} ${popupClassName}`
1436
1457
  }), suffixIcon && { suffixIcon }));
@@ -1468,7 +1489,7 @@ function registerSelect(loader) {
1468
1489
  const options = /* @__PURE__ */ new Set();
1469
1490
  traverseReactEltTree(ps.children, (elt) => {
1470
1491
  var _a;
1471
- if ((elt == null ? void 0 : elt.type) === Select.Option && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
1492
+ if ((elt == null ? void 0 : elt.type) === Select__default.default.Option && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
1472
1493
  options.add(elt.props.value);
1473
1494
  }
1474
1495
  });
@@ -1643,7 +1664,7 @@ var __objRest = (source, exclude) => {
1643
1664
  }
1644
1665
  return target;
1645
1666
  };
1646
- const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
1667
+ const AntdTable = React__default.default.forwardRef(function AntdTable2(props, ref) {
1647
1668
  const _a = props, {
1648
1669
  data,
1649
1670
  onSelectedRowKeysChange,
@@ -1668,7 +1689,7 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
1668
1689
  const [
1669
1690
  uncontrolledSelectedRowKeys,
1670
1691
  setUncontrolledSelectedRowKeys
1671
- ] = React.useState(defaultSelectedRowKeys != null ? defaultSelectedRowKeys : []);
1692
+ ] = React__default.default.useState(defaultSelectedRowKeys != null ? defaultSelectedRowKeys : []);
1672
1693
  const selection = isSelectable && rowKey ? {
1673
1694
  onChange: (rowKeys, rows) => {
1674
1695
  onSelectedRowsChange == null ? void 0 : onSelectedRowsChange(rows);
@@ -1677,7 +1698,7 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
1677
1698
  type: isSelectable === "single" ? "radio" : "checkbox",
1678
1699
  selectedRowKeys: isControlled ? asArray(selectedRowKeys) : uncontrolledSelectedRowKeys
1679
1700
  } : void 0;
1680
- React.useImperativeHandle(ref, () => ({
1701
+ React__default.default.useImperativeHandle(ref, () => ({
1681
1702
  selectRowByIndex(index) {
1682
1703
  if (data.data && rowKey) {
1683
1704
  const row = data.data[index];
@@ -1716,15 +1737,15 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
1716
1737
  }
1717
1738
  }
1718
1739
  }), [data, onSelectedRowKeysChange, onSelectedRowsChange, isSelectable, rowKey]);
1719
- return /* @__PURE__ */ React.createElement(Table, __spreadValues({
1740
+ return /* @__PURE__ */ React__default.default.createElement(Table__default.default, __spreadValues({
1720
1741
  loading: data == null ? void 0 : data.isLoading,
1721
1742
  dataSource: data == null ? void 0 : data.data,
1722
1743
  rowSelection: selection,
1723
1744
  rowKey
1724
1745
  }, rest));
1725
1746
  });
1726
- const AntdColumnGroup = Table.ColumnGroup;
1727
- const AntdColumn = Table.Column;
1747
+ const AntdColumnGroup = Table__default.default.ColumnGroup;
1748
+ const AntdColumn = Table__default.default.Column;
1728
1749
  function registerTable(loader) {
1729
1750
  registerComponentHelper(loader, AntdTable, {
1730
1751
  name: "plasmic-antd5-table",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@plasmicpkgs/antd5",
3
- "version": "0.0.8",
3
+ "version": "0.0.9",
4
4
  "description": "Plasmic registration calls for antd components",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -49,5 +49,5 @@
49
49
  "publishConfig": {
50
50
  "access": "public"
51
51
  },
52
- "gitHead": "037cfd8fd5be54a22341ead626b75224f4488404"
52
+ "gitHead": "77fee038d8d59a70f0f5ed9edf69388dfb63fa44"
53
53
  }