@daouypkgs/antd 2.0.157

package/skinny/registerSwitch.esm.js

@@ -0,0 +1,76 @@
+import registerComponent from '@daouy/host/registerComponent';
+import { Switch as Switch$1 } from 'antd';
+
+const Switch = Switch$1;
+const switchMeta = {
+  name: "AntdSwitch",
+  displayName: "Antd Switch",
+  props: {
+    autoFocus: {
+      type: "boolean",
+      description: "Whether get focus when component mounted",
+      defaultValueHint: false
+    },
+    checked: {
+      type: "boolean",
+      description: "Whether to set the initial state",
+      defaultValueHint: false
+    },
+    disabled: {
+      type: "boolean",
+      description: "Disable switch",
+      defaultValueHint: false
+    },
+    loading: {
+      type: "boolean",
+      description: "Loading state of switch",
+      defaultValueHint: false
+    },
+    checkedChildren: {
+      type: "slot",
+      defaultValue: [],
+      hidePlaceholder: true
+    },
+    unCheckedChildren: {
+      type: "slot",
+      defaultValue: [],
+      hidePlaceholder: true
+    },
+    size: {
+      type: "choice",
+      options: ["small", "default"],
+      description: "The size of the Switch",
+      defaultValueHint: "default"
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "checked",
+          type: "boolean"
+        },
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
+    }
+  },
+  states: {
+    value: {
+      type: "writable",
+      variableType: "boolean",
+      onChangeProp: "onChange",
+      valueProp: "checked"
+    }
+  },
+  importPath: "@daouypkgs/antd/skinny/registerSwitch",
+  importName: "Switch"
+};
+function registerSwitch(loader, customSwitchMeta) {
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  doRegisterComponent(Switch, customSwitchMeta != null ? customSwitchMeta : switchMeta);
+}
+
+export { Switch, registerSwitch, switchMeta };
+//# sourceMappingURL=registerSwitch.esm.js.map

package/skinny/registerSwitch.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerSwitch.esm.js","sources":["../src/registerSwitch.ts"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@daouy/host/registerComponent\";\nimport { Switch as AntdSwitch } from \"antd\";\nimport type { SwitchProps } from \"antd/es/switch\";\nimport { Registerable } from \"./registerable\";\nexport const Switch: typeof AntdSwitch = AntdSwitch;\n\nexport const switchMeta: ComponentMeta<SwitchProps> = {\n  name: \"AntdSwitch\",\n  displayName: \"Antd Switch\",\n  props: {\n    autoFocus: {\n      type: \"boolean\",\n      description: \"Whether get focus when component mounted\",\n      defaultValueHint: false,\n    },\n    checked: {\n      type: \"boolean\",\n      description: \"Whether to set the initial state\",\n      defaultValueHint: false,\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"Disable switch\",\n      defaultValueHint: false,\n    },\n    loading: {\n      type: \"boolean\",\n      description: \"Loading state of switch\",\n      defaultValueHint: false,\n    },\n    checkedChildren: {\n      type: \"slot\",\n      defaultValue: [],\n      hidePlaceholder: true,\n    },\n    unCheckedChildren: {\n      type: \"slot\",\n      defaultValue: [],\n      hidePlaceholder: true,\n    },\n    size: {\n      type: \"choice\",\n      options: [\"small\", \"default\"],\n      description: \"The size of the Switch\",\n      defaultValueHint: \"default\",\n    },\n    onChange: {\n      type: \"eventHandler\",\n      argTypes: [\n        {\n          name: \"checked\",\n          type: \"boolean\",\n        },\n        {\n          name: \"event\",\n          type: \"object\",\n        },\n      ],\n    },\n  },\n  states: {\n    value: {\n      type: \"writable\",\n      variableType: \"boolean\",\n      onChangeProp: \"onChange\",\n      valueProp: \"checked\",\n    },\n  },\n  importPath: \"@daouypkgs/antd/skinny/registerSwitch\",\n  importName: \"Switch\",\n};\n\nexport function registerSwitch(\n  loader?: Registerable,\n  customSwitchMeta?: ComponentMeta<SwitchProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(Switch, customSwitchMeta ?? switchMeta);\n}\n"],"names":["AntdSwitch"],"mappings":";;;AAMO,MAAM,MAA4B,GAAAA,SAAA;AAElC,MAAM,UAAyC,GAAA;AAAA,EACpD,IAAM,EAAA,YAAA;AAAA,EACN,WAAa,EAAA,aAAA;AAAA,EACb,KAAO,EAAA;AAAA,IACL,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,0CAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,kCAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,gBAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,yBAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,IAAM,EAAA,MAAA;AAAA,MACN,cAAc,EAAC;AAAA,MACf,eAAiB,EAAA,IAAA;AAAA,KACnB;AAAA,IACA,iBAAmB,EAAA;AAAA,MACjB,IAAM,EAAA,MAAA;AAAA,MACN,cAAc,EAAC;AAAA,MACf,eAAiB,EAAA,IAAA;AAAA,KACnB;AAAA,IACA,IAAM,EAAA;AAAA,MACJ,IAAM,EAAA,QAAA;AAAA,MACN,OAAA,EAAS,CAAC,OAAA,EAAS,SAAS,CAAA;AAAA,MAC5B,WAAa,EAAA,wBAAA;AAAA,MACb,gBAAkB,EAAA,SAAA;AAAA,KACpB;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,cAAA;AAAA,MACN,QAAU,EAAA;AAAA,QACR;AAAA,UACE,IAAM,EAAA,SAAA;AAAA,UACN,IAAM,EAAA,SAAA;AAAA,SACR;AAAA,QACA;AAAA,UACE,IAAM,EAAA,OAAA;AAAA,UACN,IAAM,EAAA,QAAA;AAAA,SACR;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,UAAA;AAAA,MACN,YAAc,EAAA,SAAA;AAAA,MACd,YAAc,EAAA,UAAA;AAAA,MACd,SAAW,EAAA,SAAA;AAAA,KACb;AAAA,GACF;AAAA,EACA,UAAY,EAAA,uCAAA;AAAA,EACZ,UAAY,EAAA,QAAA;AACd,EAAA;AAEgB,SAAA,cAAA,CACd,QACA,gBACA,EAAA;AACA,EAAM,MAAA,mBAAA,GAAgD,CAAI,GAAA,IAAA,KACxD,MAAS,GAAA,MAAA,CAAO,iBAAkB,CAAA,GAAG,IAAI,CAAA,GAAI,iBAAkB,CAAA,GAAG,IAAI,CAAA,CAAA;AACxE,EAAoB,mBAAA,CAAA,MAAA,EAAQ,8CAAoB,UAAU,CAAA,CAAA;AAC5D;;;;"}

package/skinny/registerTable.cjs.js

@@ -0,0 +1,217 @@
+'use strict';
+
+var host = require('@daouy/host');
+var antd = require('antd');
+var React = require('react');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function TableColumn(_props) {
+  return null;
+}
+function TableValue(props) {
+  var _a;
+  const { className } = props;
+  const column = host.useSelector("currentColumn");
+  return /* @__PURE__ */ React__default.default.createElement("div", { className }, (_a = column == null ? void 0 : column.toString()) != null ? _a : "");
+}
+function ColumnWrapper(props) {
+  return props.children;
+}
+function TableWrapper(props) {
+  var _a, _b;
+  const { className, items, columns, size, onSelect, pagination } = props;
+  const tableColumns = (_b = (_a = columns == null ? void 0 : columns.props) == null ? void 0 : _a.children) != null ? _b : columns;
+  const columnDefinitions = React__default.default.useMemo(() => {
+    return React__default.default.Children.map(
+      tableColumns,
+      (column, columnIndex) => {
+        if (!column) {
+          return void 0;
+        }
+        const _a2 = column.props, { columnTemplate, title, dataIndex } = _a2, rest = __objRest(_a2, ["columnTemplate", "title", "dataIndex"]);
+        const columnDefinition = {
+          columnIndex,
+          title,
+          dataIndex,
+          key: columnIndex,
+          render: (value, record, rowIndex) => {
+            return /* @__PURE__ */ React__default.default.createElement(host.DataProvider, { name: "currentRow", data: record }, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, { name: "currentRowIndex", data: rowIndex }, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, { name: "currentColumn", data: value }, host.repeatedElement(
+              rowIndex,
+              /* @__PURE__ */ React__default.default.createElement(ColumnWrapper, __spreadValues({}, rest), columnTemplate)
+            ))));
+          }
+        };
+        return columnDefinition;
+      }
+    ).filter(Boolean);
+  }, [tableColumns]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Table,
+    {
+      className,
+      columns: columnDefinitions,
+      dataSource: items,
+      size,
+      onRow: (record) => {
+        return {
+          onMouseUp: () => {
+            return onSelect == null ? void 0 : onSelect(record.id);
+          }
+        };
+      },
+      pagination: pagination ? void 0 : pagination,
+      rowKey: "id"
+    }
+  );
+}
+const DEFAULT_ITEMS = [
+  {
+    name: "John Brown",
+    age: 19,
+    address: "New York No. 1 Lake Park",
+    tags: ["student", "developer"]
+  },
+  {
+    name: "Jim Green",
+    age: 42,
+    address: "London No. 1 Lake Park",
+    tags: ["teacher"]
+  },
+  {
+    name: "Joe Black",
+    age: 32,
+    address: "Sidney No. 1 Lake Park",
+    tags: ["cool", "teacher"]
+  }
+];
+function capitalize(input) {
+  return input.charAt(0).toUpperCase() + input.slice(1);
+}
+const tableMeta = {
+  name: "AntdTable",
+  displayName: "Antd Table",
+  props: {
+    items: {
+      type: "array",
+      description: "The data to display in the table, as a list of objects (one object per row)",
+      defaultValue: DEFAULT_ITEMS
+    },
+    columns: {
+      type: "slot",
+      allowedComponents: ["AntdTableColumn"],
+      defaultValue: Object.keys(DEFAULT_ITEMS[0]).map((columnName) => ({
+        type: "component",
+        name: "AntdTableColumn",
+        props: {
+          title: capitalize(columnName),
+          dataIndex: columnName
+        }
+      }))
+    },
+    size: {
+      type: "choice",
+      options: ["large", "middle", "small"],
+      defaultValueHint: "large"
+    },
+    pagination: {
+      type: "boolean",
+      defaultValueHint: true
+    }
+  },
+  importPath: "@daouypkgs/antd/skinny/registerTable",
+  importName: "TableWrapper"
+};
+const tableColumnMeta = {
+  name: "AntdTableColumn",
+  parentComponentName: "AntdTable",
+  providesData: true,
+  props: {
+    title: {
+      type: "string",
+      defaultValue: "Name"
+    },
+    dataIndex: {
+      type: "string",
+      defaultValue: "name",
+      description: "The field to show. The table accepts some data as a list of objects, and this is the name of the field in those objects that this column will display."
+    },
+    columnTemplate: {
+      type: "slot",
+      defaultValue: {
+        type: "vbox",
+        styles: {
+          padding: 0
+        },
+        children: [
+          {
+            type: "component",
+            name: "AntdTableValue"
+          }
+        ]
+      }
+    }
+  },
+  importPath: "@daouypkgs/antd/skinny/registerTable",
+  importName: "TableColumn"
+};
+const tableValueMeta = {
+  name: "AntdTableValue",
+  parentComponentName: "AntdTableColumn",
+  props: {},
+  importPath: "@daouypkgs/antd/skinny/registerTable",
+  importName: "TableValue"
+};
+function registerTable(loader, customMeta) {
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : host.registerComponent(...args);
+  doRegisterComponent(TableWrapper, customMeta != null ? customMeta : tableMeta);
+}
+function registerTableColumn(loader, customMeta) {
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : host.registerComponent(...args);
+  doRegisterComponent(TableColumn, customMeta != null ? customMeta : tableColumnMeta);
+}
+function registerTableValue(loader, customMeta) {
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : host.registerComponent(...args);
+  doRegisterComponent(TableValue, customMeta != null ? customMeta : tableValueMeta);
+}
+
+exports.TableColumn = TableColumn;
+exports.TableValue = TableValue;
+exports.TableWrapper = TableWrapper;
+exports.registerTable = registerTable;
+exports.registerTableColumn = registerTableColumn;
+exports.registerTableValue = registerTableValue;
+exports.tableColumnMeta = tableColumnMeta;
+exports.tableMeta = tableMeta;
+exports.tableValueMeta = tableValueMeta;
+//# sourceMappingURL=registerTable.cjs.js.map

package/skinny/registerTable.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerTable.cjs.js","sources":["../src/registerTable.tsx"],"sourcesContent":["import {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n  useSelector,\n} from \"@daouy/host\";\nimport type { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport { Table } from \"antd\";\nimport React from \"react\";\nimport { Registerable } from \"./registerable\";\n\ninterface TableColumnProps {\n  columnIndex: number;\n  // The title text to show in the column headers\n  title?: string;\n\n  // The path for the data field to get the value from\n  // Display field of the data record, support nest path by string array\n  dataIndex: string | string[];\n\n  // Daouy - Custom column template\n  columnTemplate: React.ReactNode;\n}\n\n// This is an empty virtual component used to allow users to define column\n// properties in daouy.\nexport function TableColumn(_props: TableColumnProps) {\n  return null;\n}\n\nexport interface TableValueProps {\n  className?: string;\n}\n\nexport function TableValue(props: TableValueProps) {\n  const { className } = props;\n  const column = useSelector(\"currentColumn\");\n  return <div className={className}>{column?.toString() ?? \"\"}</div>;\n}\n\n/**\n * Wrapper used to consume internal canvas props\n */\nfunction ColumnWrapper(props: { children: React.ReactNode }) {\n  return props.children as React.ReactElement | null;\n}\n\nexport interface TableWrapperProps {\n  className?: string;\n  items: Array<any>;\n  columns: React.ReactNode;\n  size?: string;\n  pagination?: boolean;\n  onSelect?: (record: any) => void;\n}\n\nexport function TableWrapper(props: TableWrapperProps) {\n  const { className, items, columns, size, onSelect, pagination } = props;\n\n  // Daouy Studio Canvas currently renders items in a slightly different way than the generated code:\n  // - In the studio:\n  //     - The `columns` prop value is an array of nested react <Column  /> nodes.\n  // - In the generated code (preview mode):\n  //     - The `columns` prop value is a React Node with a `children` property that contains\n  //       an array of the nested react <Column /> components.\n  const tableColumns = (columns as any)?.props?.children ?? (columns as any);\n\n  // Convert the props.columns slot children to an array of column definitions\n  const columnDefinitions = React.useMemo(() => {\n    return React.Children.map(\n      tableColumns,\n      (column: { props: TableColumnProps }, columnIndex) => {\n        if (!column) {\n          return undefined;\n        }\n\n        const { columnTemplate, title, dataIndex, ...rest } = column.props;\n\n        const columnDefinition = {\n          columnIndex,\n          title,\n          dataIndex,\n          key: columnIndex,\n          render: (value: any, record: any, rowIndex: any) => {\n            return (\n              <DataProvider name=\"currentRow\" data={record}>\n                <DataProvider name=\"currentRowIndex\" data={rowIndex}>\n                  <DataProvider name=\"currentColumn\" data={value}>\n                    {repeatedElement(\n                      rowIndex,\n                      <ColumnWrapper {...rest}>{columnTemplate}</ColumnWrapper>\n                    )}\n                  </DataProvider>\n                </DataProvider>\n              </DataProvider>\n            );\n          },\n        };\n\n        return columnDefinition;\n      }\n    ).filter(Boolean);\n  }, [tableColumns]);\n\n  return (\n    <Table\n      className={className}\n      columns={columnDefinitions}\n      dataSource={items}\n      size={size as SizeType}\n      onRow={(record) => {\n        return {\n          onMouseUp: () => {\n            return onSelect?.(record.id);\n          },\n        };\n      }}\n      pagination={pagination ? undefined : pagination}\n      rowKey={\"id\"}\n    />\n  );\n}\n\nconst DEFAULT_ITEMS = [\n  {\n    name: \"John Brown\",\n    age: 19,\n    address: \"New York No. 1 Lake Park\",\n    tags: [\"student\", \"developer\"],\n  },\n  {\n    name: \"Jim Green\",\n    age: 42,\n    address: \"London No. 1 Lake Park\",\n    tags: [\"teacher\"],\n  },\n  {\n    name: \"Joe Black\",\n    age: 32,\n    address: \"Sidney No. 1 Lake Park\",\n    tags: [\"cool\", \"teacher\"],\n  },\n];\n\nfunction capitalize(input: string) {\n  return input.charAt(0).toUpperCase() + input.slice(1);\n}\n\nexport const tableMeta: ComponentMeta<TableWrapperProps> = {\n  name: \"AntdTable\",\n  displayName: \"Antd Table\",\n  props: {\n    items: {\n      type: \"array\",\n      description:\n        \"The data to display in the table, as a list of objects (one object per row)\",\n      defaultValue: DEFAULT_ITEMS,\n    },\n\n    columns: {\n      type: \"slot\",\n      allowedComponents: [\"AntdTableColumn\"],\n      defaultValue: Object.keys(DEFAULT_ITEMS[0]).map((columnName) => ({\n        type: \"component\",\n        name: \"AntdTableColumn\",\n        props: {\n          title: capitalize(columnName),\n          dataIndex: columnName,\n        },\n      })),\n    },\n\n    size: {\n      type: \"choice\",\n      options: [\"large\", \"middle\", \"small\"],\n      defaultValueHint: \"large\",\n    },\n\n    pagination: {\n      type: \"boolean\",\n      defaultValueHint: true,\n    },\n  },\n\n  importPath: \"@daouypkgs/antd/skinny/registerTable\",\n  importName: \"TableWrapper\",\n};\n\nexport const tableColumnMeta: ComponentMeta<TableColumnProps> = {\n  name: \"AntdTableColumn\",\n  parentComponentName: \"AntdTable\",\n  providesData: true,\n  props: {\n    title: {\n      type: \"string\",\n      defaultValue: \"Name\",\n    },\n\n    dataIndex: {\n      type: \"string\",\n      defaultValue: \"name\",\n      description:\n        \"The field to show. The table accepts some data as a list of objects, and this is the name of the field in those objects that this column will display.\",\n    },\n\n    columnTemplate: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        styles: {\n          padding: 0,\n        },\n        children: [\n          {\n            type: \"component\",\n            name: \"AntdTableValue\",\n          },\n        ],\n      },\n    },\n  },\n\n  importPath: \"@daouypkgs/antd/skinny/registerTable\",\n  importName: \"TableColumn\",\n};\n\nexport const tableValueMeta: ComponentMeta<TableValueProps> = {\n  name: \"AntdTableValue\",\n  parentComponentName: \"AntdTableColumn\",\n  props: {},\n  importPath: \"@daouypkgs/antd/skinny/registerTable\",\n  importName: \"TableValue\",\n};\n\nexport function registerTable(\n  loader?: Registerable,\n  customMeta?: ComponentMeta<TableWrapperProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(TableWrapper, customMeta ?? tableMeta);\n}\n\nexport function registerTableColumn(\n  loader?: Registerable,\n  customMeta?: ComponentMeta<TableColumnProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(TableColumn, customMeta ?? tableColumnMeta);\n}\n\nexport function registerTableValue(\n  loader?: Registerable,\n  customMeta?: ComponentMeta<TableValueProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(TableValue, customMeta ?? tableValueMeta);\n}\n"],"names":["useSelector","React","_a","DataProvider","repeatedElement","Table","registerComponent"],"mappings":"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"}

package/skinny/registerTable.d.ts

@@ -0,0 +1,30 @@
+import { ComponentMeta } from "@daouy/host";
+import React from "react";
+import { Registerable } from "./registerable";
+interface TableColumnProps {
+    columnIndex: number;
+    title?: string;
+    dataIndex: string | string[];
+    columnTemplate: React.ReactNode;
+}
+export declare function TableColumn(_props: TableColumnProps): null;
+export interface TableValueProps {
+    className?: string;
+}
+export declare function TableValue(props: TableValueProps): React.JSX.Element;
+export interface TableWrapperProps {
+    className?: string;
+    items: Array<any>;
+    columns: React.ReactNode;
+    size?: string;
+    pagination?: boolean;
+    onSelect?: (record: any) => void;
+}
+export declare function TableWrapper(props: TableWrapperProps): React.JSX.Element;
+export declare const tableMeta: ComponentMeta<TableWrapperProps>;
+export declare const tableColumnMeta: ComponentMeta<TableColumnProps>;
+export declare const tableValueMeta: ComponentMeta<TableValueProps>;
+export declare function registerTable(loader?: Registerable, customMeta?: ComponentMeta<TableWrapperProps>): void;
+export declare function registerTableColumn(loader?: Registerable, customMeta?: ComponentMeta<TableColumnProps>): void;
+export declare function registerTableValue(loader?: Registerable, customMeta?: ComponentMeta<TableValueProps>): void;
+export {};

package/skinny/registerTable.esm.js

@@ -0,0 +1,203 @@
+import { useSelector, DataProvider, repeatedElement, registerComponent } from '@daouy/host';
+import { Table } from 'antd';
+import React from 'react';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function TableColumn(_props) {
+  return null;
+}
+function TableValue(props) {
+  var _a;
+  const { className } = props;
+  const column = useSelector("currentColumn");
+  return /* @__PURE__ */ React.createElement("div", { className }, (_a = column == null ? void 0 : column.toString()) != null ? _a : "");
+}
+function ColumnWrapper(props) {
+  return props.children;
+}
+function TableWrapper(props) {
+  var _a, _b;
+  const { className, items, columns, size, onSelect, pagination } = props;
+  const tableColumns = (_b = (_a = columns == null ? void 0 : columns.props) == null ? void 0 : _a.children) != null ? _b : columns;
+  const columnDefinitions = React.useMemo(() => {
+    return React.Children.map(
+      tableColumns,
+      (column, columnIndex) => {
+        if (!column) {
+          return void 0;
+        }
+        const _a2 = column.props, { columnTemplate, title, dataIndex } = _a2, rest = __objRest(_a2, ["columnTemplate", "title", "dataIndex"]);
+        const columnDefinition = {
+          columnIndex,
+          title,
+          dataIndex,
+          key: columnIndex,
+          render: (value, record, rowIndex) => {
+            return /* @__PURE__ */ React.createElement(DataProvider, { name: "currentRow", data: record }, /* @__PURE__ */ React.createElement(DataProvider, { name: "currentRowIndex", data: rowIndex }, /* @__PURE__ */ React.createElement(DataProvider, { name: "currentColumn", data: value }, repeatedElement(
+              rowIndex,
+              /* @__PURE__ */ React.createElement(ColumnWrapper, __spreadValues({}, rest), columnTemplate)
+            ))));
+          }
+        };
+        return columnDefinition;
+      }
+    ).filter(Boolean);
+  }, [tableColumns]);
+  return /* @__PURE__ */ React.createElement(
+    Table,
+    {
+      className,
+      columns: columnDefinitions,
+      dataSource: items,
+      size,
+      onRow: (record) => {
+        return {
+          onMouseUp: () => {
+            return onSelect == null ? void 0 : onSelect(record.id);
+          }
+        };
+      },
+      pagination: pagination ? void 0 : pagination,
+      rowKey: "id"
+    }
+  );
+}
+const DEFAULT_ITEMS = [
+  {
+    name: "John Brown",
+    age: 19,
+    address: "New York No. 1 Lake Park",
+    tags: ["student", "developer"]
+  },
+  {
+    name: "Jim Green",
+    age: 42,
+    address: "London No. 1 Lake Park",
+    tags: ["teacher"]
+  },
+  {
+    name: "Joe Black",
+    age: 32,
+    address: "Sidney No. 1 Lake Park",
+    tags: ["cool", "teacher"]
+  }
+];
+function capitalize(input) {
+  return input.charAt(0).toUpperCase() + input.slice(1);
+}
+const tableMeta = {
+  name: "AntdTable",
+  displayName: "Antd Table",
+  props: {
+    items: {
+      type: "array",
+      description: "The data to display in the table, as a list of objects (one object per row)",
+      defaultValue: DEFAULT_ITEMS
+    },
+    columns: {
+      type: "slot",
+      allowedComponents: ["AntdTableColumn"],
+      defaultValue: Object.keys(DEFAULT_ITEMS[0]).map((columnName) => ({
+        type: "component",
+        name: "AntdTableColumn",
+        props: {
+          title: capitalize(columnName),
+          dataIndex: columnName
+        }
+      }))
+    },
+    size: {
+      type: "choice",
+      options: ["large", "middle", "small"],
+      defaultValueHint: "large"
+    },
+    pagination: {
+      type: "boolean",
+      defaultValueHint: true
+    }
+  },
+  importPath: "@daouypkgs/antd/skinny/registerTable",
+  importName: "TableWrapper"
+};
+const tableColumnMeta = {
+  name: "AntdTableColumn",
+  parentComponentName: "AntdTable",
+  providesData: true,
+  props: {
+    title: {
+      type: "string",
+      defaultValue: "Name"
+    },
+    dataIndex: {
+      type: "string",
+      defaultValue: "name",
+      description: "The field to show. The table accepts some data as a list of objects, and this is the name of the field in those objects that this column will display."
+    },
+    columnTemplate: {
+      type: "slot",
+      defaultValue: {
+        type: "vbox",
+        styles: {
+          padding: 0
+        },
+        children: [
+          {
+            type: "component",
+            name: "AntdTableValue"
+          }
+        ]
+      }
+    }
+  },
+  importPath: "@daouypkgs/antd/skinny/registerTable",
+  importName: "TableColumn"
+};
+const tableValueMeta = {
+  name: "AntdTableValue",
+  parentComponentName: "AntdTableColumn",
+  props: {},
+  importPath: "@daouypkgs/antd/skinny/registerTable",
+  importName: "TableValue"
+};
+function registerTable(loader, customMeta) {
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  doRegisterComponent(TableWrapper, customMeta != null ? customMeta : tableMeta);
+}
+function registerTableColumn(loader, customMeta) {
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  doRegisterComponent(TableColumn, customMeta != null ? customMeta : tableColumnMeta);
+}
+function registerTableValue(loader, customMeta) {
+  const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
+  doRegisterComponent(TableValue, customMeta != null ? customMeta : tableValueMeta);
+}
+
+export { TableColumn, TableValue, TableWrapper, registerTable, registerTableColumn, registerTableValue, tableColumnMeta, tableMeta, tableValueMeta };
+//# sourceMappingURL=registerTable.esm.js.map

package/skinny/registerTable.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerTable.esm.js","sources":["../src/registerTable.tsx"],"sourcesContent":["import {\n  ComponentMeta,\n  DataProvider,\n  registerComponent,\n  repeatedElement,\n  useSelector,\n} from \"@daouy/host\";\nimport type { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport { Table } from \"antd\";\nimport React from \"react\";\nimport { Registerable } from \"./registerable\";\n\ninterface TableColumnProps {\n  columnIndex: number;\n  // The title text to show in the column headers\n  title?: string;\n\n  // The path for the data field to get the value from\n  // Display field of the data record, support nest path by string array\n  dataIndex: string | string[];\n\n  // Daouy - Custom column template\n  columnTemplate: React.ReactNode;\n}\n\n// This is an empty virtual component used to allow users to define column\n// properties in daouy.\nexport function TableColumn(_props: TableColumnProps) {\n  return null;\n}\n\nexport interface TableValueProps {\n  className?: string;\n}\n\nexport function TableValue(props: TableValueProps) {\n  const { className } = props;\n  const column = useSelector(\"currentColumn\");\n  return <div className={className}>{column?.toString() ?? \"\"}</div>;\n}\n\n/**\n * Wrapper used to consume internal canvas props\n */\nfunction ColumnWrapper(props: { children: React.ReactNode }) {\n  return props.children as React.ReactElement | null;\n}\n\nexport interface TableWrapperProps {\n  className?: string;\n  items: Array<any>;\n  columns: React.ReactNode;\n  size?: string;\n  pagination?: boolean;\n  onSelect?: (record: any) => void;\n}\n\nexport function TableWrapper(props: TableWrapperProps) {\n  const { className, items, columns, size, onSelect, pagination } = props;\n\n  // Daouy Studio Canvas currently renders items in a slightly different way than the generated code:\n  // - In the studio:\n  //     - The `columns` prop value is an array of nested react <Column  /> nodes.\n  // - In the generated code (preview mode):\n  //     - The `columns` prop value is a React Node with a `children` property that contains\n  //       an array of the nested react <Column /> components.\n  const tableColumns = (columns as any)?.props?.children ?? (columns as any);\n\n  // Convert the props.columns slot children to an array of column definitions\n  const columnDefinitions = React.useMemo(() => {\n    return React.Children.map(\n      tableColumns,\n      (column: { props: TableColumnProps }, columnIndex) => {\n        if (!column) {\n          return undefined;\n        }\n\n        const { columnTemplate, title, dataIndex, ...rest } = column.props;\n\n        const columnDefinition = {\n          columnIndex,\n          title,\n          dataIndex,\n          key: columnIndex,\n          render: (value: any, record: any, rowIndex: any) => {\n            return (\n              <DataProvider name=\"currentRow\" data={record}>\n                <DataProvider name=\"currentRowIndex\" data={rowIndex}>\n                  <DataProvider name=\"currentColumn\" data={value}>\n                    {repeatedElement(\n                      rowIndex,\n                      <ColumnWrapper {...rest}>{columnTemplate}</ColumnWrapper>\n                    )}\n                  </DataProvider>\n                </DataProvider>\n              </DataProvider>\n            );\n          },\n        };\n\n        return columnDefinition;\n      }\n    ).filter(Boolean);\n  }, [tableColumns]);\n\n  return (\n    <Table\n      className={className}\n      columns={columnDefinitions}\n      dataSource={items}\n      size={size as SizeType}\n      onRow={(record) => {\n        return {\n          onMouseUp: () => {\n            return onSelect?.(record.id);\n          },\n        };\n      }}\n      pagination={pagination ? undefined : pagination}\n      rowKey={\"id\"}\n    />\n  );\n}\n\nconst DEFAULT_ITEMS = [\n  {\n    name: \"John Brown\",\n    age: 19,\n    address: \"New York No. 1 Lake Park\",\n    tags: [\"student\", \"developer\"],\n  },\n  {\n    name: \"Jim Green\",\n    age: 42,\n    address: \"London No. 1 Lake Park\",\n    tags: [\"teacher\"],\n  },\n  {\n    name: \"Joe Black\",\n    age: 32,\n    address: \"Sidney No. 1 Lake Park\",\n    tags: [\"cool\", \"teacher\"],\n  },\n];\n\nfunction capitalize(input: string) {\n  return input.charAt(0).toUpperCase() + input.slice(1);\n}\n\nexport const tableMeta: ComponentMeta<TableWrapperProps> = {\n  name: \"AntdTable\",\n  displayName: \"Antd Table\",\n  props: {\n    items: {\n      type: \"array\",\n      description:\n        \"The data to display in the table, as a list of objects (one object per row)\",\n      defaultValue: DEFAULT_ITEMS,\n    },\n\n    columns: {\n      type: \"slot\",\n      allowedComponents: [\"AntdTableColumn\"],\n      defaultValue: Object.keys(DEFAULT_ITEMS[0]).map((columnName) => ({\n        type: \"component\",\n        name: \"AntdTableColumn\",\n        props: {\n          title: capitalize(columnName),\n          dataIndex: columnName,\n        },\n      })),\n    },\n\n    size: {\n      type: \"choice\",\n      options: [\"large\", \"middle\", \"small\"],\n      defaultValueHint: \"large\",\n    },\n\n    pagination: {\n      type: \"boolean\",\n      defaultValueHint: true,\n    },\n  },\n\n  importPath: \"@daouypkgs/antd/skinny/registerTable\",\n  importName: \"TableWrapper\",\n};\n\nexport const tableColumnMeta: ComponentMeta<TableColumnProps> = {\n  name: \"AntdTableColumn\",\n  parentComponentName: \"AntdTable\",\n  providesData: true,\n  props: {\n    title: {\n      type: \"string\",\n      defaultValue: \"Name\",\n    },\n\n    dataIndex: {\n      type: \"string\",\n      defaultValue: \"name\",\n      description:\n        \"The field to show. The table accepts some data as a list of objects, and this is the name of the field in those objects that this column will display.\",\n    },\n\n    columnTemplate: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"vbox\",\n        styles: {\n          padding: 0,\n        },\n        children: [\n          {\n            type: \"component\",\n            name: \"AntdTableValue\",\n          },\n        ],\n      },\n    },\n  },\n\n  importPath: \"@daouypkgs/antd/skinny/registerTable\",\n  importName: \"TableColumn\",\n};\n\nexport const tableValueMeta: ComponentMeta<TableValueProps> = {\n  name: \"AntdTableValue\",\n  parentComponentName: \"AntdTableColumn\",\n  props: {},\n  importPath: \"@daouypkgs/antd/skinny/registerTable\",\n  importName: \"TableValue\",\n};\n\nexport function registerTable(\n  loader?: Registerable,\n  customMeta?: ComponentMeta<TableWrapperProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(TableWrapper, customMeta ?? tableMeta);\n}\n\nexport function registerTableColumn(\n  loader?: Registerable,\n  customMeta?: ComponentMeta<TableColumnProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(TableColumn, customMeta ?? tableColumnMeta);\n}\n\nexport function registerTableValue(\n  loader?: Registerable,\n  customMeta?: ComponentMeta<TableValueProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(TableValue, customMeta ?? tableValueMeta);\n}\n"],"names":["_a"],"mappings":"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"}