@plasmicpkgs/plasmic-rich-components 1.0.36

package/LICENSE.md

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Plasmic
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -0,0 +1 @@
+Table component to consume query data

package/dist/DataTable.d.ts

@@ -0,0 +1,23 @@
+import type { ManyRowsResult, TableSchema } from "@plasmicapp/data-sources";
+import type { SizeType } from "antd/es/config-provider/SizeContext";
+import React from "react";
+export declare type QueryResult = Partial<ManyRowsResult<any>> & {
+    error?: any;
+    isLoading?: boolean;
+};
+export interface DataTableProps {
+    className?: string;
+    data?: QueryResult;
+    columns?: string[];
+    children?: React.ReactNode;
+    size?: SizeType;
+    pagination?: boolean;
+    onSelect?: (record: any) => void;
+    setControlContextData?: (schema: TableSchema) => void;
+}
+export declare function DataTable(props: DataTableProps): JSX.Element;
+export default DataTable;
+export interface TableValueProps {
+    className?: string;
+}
+export declare function TableValue(props: TableValueProps): JSX.Element;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import registerComponent from "@plasmicapp/host/registerComponent";
+import { DataTable } from "./DataTable";
+export * from "./DataTable";
+export default DataTable;
+export declare function registerAll(loader?: {
+    registerComponent: typeof registerComponent;
+}): void;

package/dist/index.js

@@ -0,0 +1,8 @@
+
+'use strict'
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./plasmic-rich-components.cjs.production.min.js')
+} else {
+  module.exports = require('./plasmic-rich-components.cjs.development.js')
+}

package/dist/plasmic-rich-components.cjs.development.js

@@ -0,0 +1,190 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var registerComponent = _interopDefault(require('@plasmicapp/host/registerComponent'));
+var host = require('@plasmicapp/host');
+var antd = require('antd');
+var React = _interopDefault(require('react'));
+
+function tryGetSchema(data) {
+  var _data, _data2;
+  if ((_data = data) != null && _data.schema) {
+    return data.schema;
+  }
+  if (Array.isArray(data)) {
+    data = {
+      data: data
+    };
+  }
+  if (!((_data2 = data) != null && _data2.data) || !Array.isArray(data.data) || data.data.length === 0) {
+    return undefined;
+  }
+  var fieldMap = {};
+  data.data.forEach(function (entry) {
+    if (entry && typeof entry === "object") {
+      Array.from(Object.entries(entry)).forEach(function (_ref) {
+        var k = _ref[0],
+          v = _ref[1];
+        var inferredType = typeof v === "string" ? "string" : typeof v === "boolean" ? "boolean" : typeof v === "number" ? "number" : "unknown";
+        if (fieldMap[k] && fieldMap[k] !== inferredType) {
+          fieldMap[k] = "unknown";
+        } else {
+          fieldMap[k] = inferredType;
+        }
+      });
+    }
+  });
+  return {
+    id: "inferred",
+    fields: Object.entries(fieldMap).map(function (_ref2) {
+      var f = _ref2[0],
+        t = _ref2[1];
+      return {
+        id: f,
+        type: t,
+        readOnly: false
+      };
+    })
+  };
+}
+function DataTable(props) {
+  var className = props.className,
+    data = props.data,
+    children = props.children,
+    size = props.size,
+    columns = props.columns,
+    onSelect = props.onSelect,
+    pagination = props.pagination,
+    setControlContextData = props.setControlContextData;
+  var columnDefinitions = React.useMemo(function () {
+    var _ref3;
+    var schema = tryGetSchema(data);
+    if (!schema) {
+      return [];
+    }
+    setControlContextData == null ? void 0 : setControlContextData(schema);
+    return ((_ref3 = columns && columns.length > 0 ? columns : undefined) != null ? _ref3 : schema.fields.map(function (f) {
+      return f.id;
+    })).map(function (columnId, columnIndex, columnsArray) {
+      var _schema$fields$find;
+      var columnDefinition = {
+        columnIndex: columnIndex,
+        title: ((_schema$fields$find = schema.fields.find(function (f) {
+          return f.id === columnId;
+        })) == null ? void 0 : _schema$fields$find.label) || columnId,
+        dataIndex: columnId,
+        key: columnId,
+        render: function render(value, record, rowIndex) {
+          return React.createElement(host.DataProvider, {
+            name: "currentRow",
+            data: record
+          }, React.createElement(host.DataProvider, {
+            name: "currentRowIndex",
+            data: rowIndex
+          }, React.createElement(host.DataProvider, {
+            name: "currentColumn",
+            data: value
+          }, children && (typeof children === "object" ? (Array.isArray(children) ? children : [children]).map(function (child) {
+            return host.repeatedElement(rowIndex * columnsArray.length + columnIndex, child);
+          }) : children))));
+        }
+      };
+      return columnDefinition;
+    });
+  }, [children, columns, data, setControlContextData]);
+  return React.createElement(antd.Table, {
+    className: className,
+    columns: columnDefinitions,
+    dataSource: data == null ? void 0 : data.data,
+    size: size,
+    onRow: function onRow(record) {
+      return {
+        onMouseUp: function onMouseUp() {
+          return onSelect == null ? void 0 : onSelect(record.id);
+        }
+      };
+    },
+    pagination: pagination ? undefined : pagination,
+    rowKey: "id"
+  });
+}
+function TableValue(props) {
+  var _column$toString;
+  var className = props.className;
+  var column = host.useSelector("currentColumn");
+  return React.createElement("div", {
+    className: className
+  }, (_column$toString = column == null ? void 0 : column.toString()) != null ? _column$toString : "");
+}
+
+var dataTableValueMeta = {
+  name: "hostless-plasmic-rich-components-value",
+  displayName: "Table Value",
+  parentComponentName: "hostless-plasmic-rich-components",
+  props: {},
+  importName: "TableValue",
+  importPath: ""
+};
+var dataTableMeta = {
+  name: "hostless-plasmic-rich-components",
+  displayName: "Data Table",
+  props: {
+    data: {
+      type: "dataSourceOpData",
+      description: "The data to display in the table"
+    },
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "component",
+        name: "hostless-plasmic-rich-components-value"
+      }
+    },
+    size: {
+      type: "choice",
+      options: ["large", "middle", "small"],
+      defaultValueHint: "large"
+    },
+    pagination: {
+      type: "boolean",
+      defaultValueHint: true
+    },
+    columns: {
+      type: "choice",
+      options: function options(_props, schema) {
+        if (!schema) {
+          return [];
+        }
+        return schema.fields.map(function (f) {
+          return {
+            label: f.label || f.id,
+            value: f.id
+          };
+        });
+      },
+      multiSelect: true
+    }
+  },
+  importName: "TableWrapper",
+  importPath: "DataTable"
+};
+function registerAll(loader) {
+  var _registerComponent = function _registerComponent(Component, defaultMeta) {
+    if (loader) {
+      loader.registerComponent(Component, defaultMeta);
+    } else {
+      registerComponent(Component, defaultMeta);
+    }
+  };
+  _registerComponent(DataTable, dataTableMeta);
+  _registerComponent(TableValue, dataTableValueMeta);
+}
+
+exports.DataTable = DataTable;
+exports.TableValue = TableValue;
+exports.default = DataTable;
+exports.registerAll = registerAll;
+//# sourceMappingURL=plasmic-rich-components.cjs.development.js.map

package/dist/plasmic-rich-components.cjs.development.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plasmic-rich-components.cjs.development.js","sources":["../src/DataTable.tsx","../src/index.tsx"],"sourcesContent":["import type {\n  ManyRowsResult,\n  TableFieldType,\n  TableSchema,\n} from \"@plasmicapp/data-sources\";\nimport { DataProvider, repeatedElement, useSelector } from \"@plasmicapp/host\";\nimport { Table } from \"antd\";\nimport type { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport React from \"react\";\n\nexport type QueryResult = Partial<ManyRowsResult<any>> & {\n  error?: any;\n  isLoading?: boolean;\n};\n\nexport interface DataTableProps {\n  className?: string;\n  data?: QueryResult;\n  columns?: string[];\n  children?: React.ReactNode;\n  size?: SizeType;\n  pagination?: boolean;\n  onSelect?: (record: any) => void;\n  setControlContextData?: (schema: TableSchema) => void;\n}\n\nfunction tryGetSchema(data?: QueryResult): TableSchema | undefined {\n  if (data?.schema) {\n    return data.schema;\n  }\n  if (Array.isArray(data)) {\n    data = { data };\n  }\n  if (!data?.data || !Array.isArray(data.data) || data.data.length === 0) {\n    return undefined;\n  }\n  const fieldMap: Record<string, TableFieldType> = {};\n  data.data.forEach((entry: any) => {\n    if (entry && typeof entry === \"object\") {\n      Array.from(Object.entries(entry)).forEach(([k, v]) => {\n        const inferredType: TableFieldType =\n          typeof v === \"string\"\n            ? \"string\"\n            : typeof v === \"boolean\"\n            ? \"boolean\"\n            : typeof v === \"number\"\n            ? \"number\"\n            : \"unknown\";\n        if (fieldMap[k] && fieldMap[k] !== inferredType) {\n          fieldMap[k] = \"unknown\";\n        } else {\n          fieldMap[k] = inferredType;\n        }\n      });\n    }\n  });\n  return {\n    id: \"inferred\",\n    fields: Object.entries(fieldMap).map(([f, t]) => ({\n      id: f,\n      type: t,\n      readOnly: false,\n    })),\n  };\n}\n\nexport function DataTable(props: DataTableProps) {\n  const {\n    className,\n    data,\n    children,\n    size,\n    columns,\n    onSelect,\n    pagination,\n    setControlContextData,\n  } = props;\n\n  const columnDefinitions = React.useMemo(() => {\n    const schema = tryGetSchema(data);\n    if (!schema) {\n      return [];\n    }\n    setControlContextData?.(schema);\n    return (\n      (columns && columns.length > 0 ? columns : undefined) ??\n      schema.fields.map((f) => f.id)\n    ).map((columnId, columnIndex, columnsArray) => {\n      const columnDefinition = {\n        columnIndex,\n        title: schema.fields.find((f) => f.id === columnId)?.label || columnId,\n        dataIndex: columnId,\n        key: columnId,\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                  {children &&\n                    (typeof children === \"object\"\n                      ? (Array.isArray(children)\n                          ? children\n                          : [children]\n                        ).map((child) =>\n                          repeatedElement(\n                            rowIndex * columnsArray.length + columnIndex,\n                            child\n                          )\n                        )\n                      : children)}\n                </DataProvider>\n              </DataProvider>\n            </DataProvider>\n          );\n        },\n      };\n\n      return columnDefinition;\n    });\n  }, [children, columns, data, setControlContextData]);\n\n  return (\n    <Table\n      className={className}\n      columns={columnDefinitions}\n      dataSource={data?.data}\n      size={size}\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\nexport default DataTable;\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","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  DataTable,\n  DataTableProps,\n  TableValue,\n  TableValueProps,\n} from \"./DataTable\";\n\nexport * from \"./DataTable\";\nexport default DataTable;\n\nconst dataTableValueMeta: ComponentMeta<TableValueProps> = {\n  name: \"hostless-plasmic-rich-components-value\",\n  displayName: \"Table Value\",\n  parentComponentName: \"hostless-plasmic-rich-components\",\n  props: {},\n  importName: \"TableValue\",\n  importPath: \"\",\n};\n\nconst dataTableMeta: ComponentMeta<DataTableProps> = {\n  name: \"hostless-plasmic-rich-components\",\n  displayName: \"Data Table\",\n  props: {\n    data: {\n      type: \"dataSourceOpData\" as any,\n      description: \"The data to display in the table\",\n    },\n\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"component\",\n        name: \"hostless-plasmic-rich-components-value\",\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    columns: {\n      type: \"choice\",\n      options: (_props, schema) => {\n        if (!schema) {\n          return [];\n        }\n        return schema.fields.map((f) => ({\n          label: f.label || f.id,\n          value: f.id,\n        }));\n      },\n      multiSelect: true,\n    },\n  },\n\n  importName: \"TableWrapper\",\n  importPath: \"DataTable\",\n};\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  _registerComponent(DataTable, dataTableMeta);\n  _registerComponent(TableValue, dataTableValueMeta);\n}\n"],"names":["tryGetSchema","data","schema","Array","isArray","length","undefined","fieldMap","forEach","entry","from","Object","entries","k","v","inferredType","id","fields","map","f","t","type","readOnly","DataTable","props","className","children","size","columns","onSelect","pagination","setControlContextData","columnDefinitions","React","useMemo","columnId","columnIndex","columnsArray","columnDefinition","title","find","label","dataIndex","key","render","value","record","rowIndex","DataProvider","name","child","repeatedElement","Table","dataSource","onRow","onMouseUp","rowKey","TableValue","column","useSelector","toString","dataTableValueMeta","displayName","parentComponentName","importName","importPath","dataTableMeta","description","defaultValue","options","defaultValueHint","_props","multiSelect","registerAll","loader","_registerComponent","Component","defaultMeta","registerComponent"],"mappings":"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"}

package/dist/plasmic-rich-components.cjs.production.min.js

@@ -0,0 +1,2 @@
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("@plasmicapp/host/registerComponent")),a=require("@plasmicapp/host"),n=require("antd"),r=e(require("react"));function o(e){var t=e.className,o=e.data,l=e.children,i=e.size,u=e.columns,s=e.onSelect,c=e.pagination,p=e.setControlContextData,d=r.useMemo((function(){var e,t=function(e){var t,a;if(null!=(t=e)&&t.schema)return e.schema;if(Array.isArray(e)&&(e={data:e}),null!=(a=e)&&a.data&&Array.isArray(e.data)&&0!==e.data.length){var n={};return e.data.forEach((function(e){e&&"object"==typeof e&&Array.from(Object.entries(e)).forEach((function(e){var t=e[0],a=e[1],r="string"==typeof a?"string":"boolean"==typeof a?"boolean":"number"==typeof a?"number":"unknown";n[t]=n[t]&&n[t]!==r?"unknown":r}))})),{id:"inferred",fields:Object.entries(n).map((function(e){return{id:e[0],type:e[1],readOnly:!1}}))}}}(o);return t?(null==p||p(t),(null!=(e=u&&u.length>0?u:void 0)?e:t.fields.map((function(e){return e.id}))).map((function(e,n,o){var i;return{columnIndex:n,title:(null==(i=t.fields.find((function(t){return t.id===e})))?void 0:i.label)||e,dataIndex:e,key:e,render:function(e,t,i){return r.createElement(a.DataProvider,{name:"currentRow",data:t},r.createElement(a.DataProvider,{name:"currentRowIndex",data:i},r.createElement(a.DataProvider,{name:"currentColumn",data:e},l&&("object"==typeof l?(Array.isArray(l)?l:[l]).map((function(e){return a.repeatedElement(i*o.length+n,e)})):l))))}}}))):[]}),[l,u,o,p]);return r.createElement(n.Table,{className:t,columns:d,dataSource:null==o?void 0:o.data,size:i,onRow:function(e){return{onMouseUp:function(){return null==s?void 0:s(e.id)}}},pagination:c?void 0:c,rowKey:"id"})}function l(e){var t,n=e.className,o=a.useSelector("currentColumn");return r.createElement("div",{className:n},null!=(t=null==o?void 0:o.toString())?t:"")}var i={name:"hostless-plasmic-rich-components-value",displayName:"Table Value",parentComponentName:"hostless-plasmic-rich-components",props:{},importName:"TableValue",importPath:""},u={name:"hostless-plasmic-rich-components",displayName:"Data Table",props:{data:{type:"dataSourceOpData",description:"The data to display in the table"},children:{type:"slot",defaultValue:{type:"component",name:"hostless-plasmic-rich-components-value"}},size:{type:"choice",options:["large","middle","small"],defaultValueHint:"large"},pagination:{type:"boolean",defaultValueHint:!0},columns:{type:"choice",options:function(e,t){return t?t.fields.map((function(e){return{label:e.label||e.id,value:e.id}})):[]},multiSelect:!0}},importName:"TableWrapper",importPath:"DataTable"};exports.DataTable=o,exports.TableValue=l,exports.default=o,exports.registerAll=function(e){var a=function(a,n){e?e.registerComponent(a,n):t(a,n)};a(o,u),a(l,i)};
+//# sourceMappingURL=plasmic-rich-components.cjs.production.min.js.map

package/dist/plasmic-rich-components.cjs.production.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plasmic-rich-components.cjs.production.min.js","sources":["../src/DataTable.tsx","../src/index.tsx"],"sourcesContent":["import type {\n  ManyRowsResult,\n  TableFieldType,\n  TableSchema,\n} from \"@plasmicapp/data-sources\";\nimport { DataProvider, repeatedElement, useSelector } from \"@plasmicapp/host\";\nimport { Table } from \"antd\";\nimport type { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport React from \"react\";\n\nexport type QueryResult = Partial<ManyRowsResult<any>> & {\n  error?: any;\n  isLoading?: boolean;\n};\n\nexport interface DataTableProps {\n  className?: string;\n  data?: QueryResult;\n  columns?: string[];\n  children?: React.ReactNode;\n  size?: SizeType;\n  pagination?: boolean;\n  onSelect?: (record: any) => void;\n  setControlContextData?: (schema: TableSchema) => void;\n}\n\nfunction tryGetSchema(data?: QueryResult): TableSchema | undefined {\n  if (data?.schema) {\n    return data.schema;\n  }\n  if (Array.isArray(data)) {\n    data = { data };\n  }\n  if (!data?.data || !Array.isArray(data.data) || data.data.length === 0) {\n    return undefined;\n  }\n  const fieldMap: Record<string, TableFieldType> = {};\n  data.data.forEach((entry: any) => {\n    if (entry && typeof entry === \"object\") {\n      Array.from(Object.entries(entry)).forEach(([k, v]) => {\n        const inferredType: TableFieldType =\n          typeof v === \"string\"\n            ? \"string\"\n            : typeof v === \"boolean\"\n            ? \"boolean\"\n            : typeof v === \"number\"\n            ? \"number\"\n            : \"unknown\";\n        if (fieldMap[k] && fieldMap[k] !== inferredType) {\n          fieldMap[k] = \"unknown\";\n        } else {\n          fieldMap[k] = inferredType;\n        }\n      });\n    }\n  });\n  return {\n    id: \"inferred\",\n    fields: Object.entries(fieldMap).map(([f, t]) => ({\n      id: f,\n      type: t,\n      readOnly: false,\n    })),\n  };\n}\n\nexport function DataTable(props: DataTableProps) {\n  const {\n    className,\n    data,\n    children,\n    size,\n    columns,\n    onSelect,\n    pagination,\n    setControlContextData,\n  } = props;\n\n  const columnDefinitions = React.useMemo(() => {\n    const schema = tryGetSchema(data);\n    if (!schema) {\n      return [];\n    }\n    setControlContextData?.(schema);\n    return (\n      (columns && columns.length > 0 ? columns : undefined) ??\n      schema.fields.map((f) => f.id)\n    ).map((columnId, columnIndex, columnsArray) => {\n      const columnDefinition = {\n        columnIndex,\n        title: schema.fields.find((f) => f.id === columnId)?.label || columnId,\n        dataIndex: columnId,\n        key: columnId,\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                  {children &&\n                    (typeof children === \"object\"\n                      ? (Array.isArray(children)\n                          ? children\n                          : [children]\n                        ).map((child) =>\n                          repeatedElement(\n                            rowIndex * columnsArray.length + columnIndex,\n                            child\n                          )\n                        )\n                      : children)}\n                </DataProvider>\n              </DataProvider>\n            </DataProvider>\n          );\n        },\n      };\n\n      return columnDefinition;\n    });\n  }, [children, columns, data, setControlContextData]);\n\n  return (\n    <Table\n      className={className}\n      columns={columnDefinitions}\n      dataSource={data?.data}\n      size={size}\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\nexport default DataTable;\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","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  DataTable,\n  DataTableProps,\n  TableValue,\n  TableValueProps,\n} from \"./DataTable\";\n\nexport * from \"./DataTable\";\nexport default DataTable;\n\nconst dataTableValueMeta: ComponentMeta<TableValueProps> = {\n  name: \"hostless-plasmic-rich-components-value\",\n  displayName: \"Table Value\",\n  parentComponentName: \"hostless-plasmic-rich-components\",\n  props: {},\n  importName: \"TableValue\",\n  importPath: \"\",\n};\n\nconst dataTableMeta: ComponentMeta<DataTableProps> = {\n  name: \"hostless-plasmic-rich-components\",\n  displayName: \"Data Table\",\n  props: {\n    data: {\n      type: \"dataSourceOpData\" as any,\n      description: \"The data to display in the table\",\n    },\n\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"component\",\n        name: \"hostless-plasmic-rich-components-value\",\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    columns: {\n      type: \"choice\",\n      options: (_props, schema) => {\n        if (!schema) {\n          return [];\n        }\n        return schema.fields.map((f) => ({\n          label: f.label || f.id,\n          value: f.id,\n        }));\n      },\n      multiSelect: true,\n    },\n  },\n\n  importName: \"TableWrapper\",\n  importPath: \"DataTable\",\n};\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  _registerComponent(DataTable, dataTableMeta);\n  _registerComponent(TableValue, dataTableValueMeta);\n}\n"],"names":["DataTable","props","className","data","children","size","columns","onSelect","pagination","setControlContextData","columnDefinitions","React","useMemo","schema","_data","Array","isArray","_data2","length","fieldMap","forEach","entry","from","Object","entries","k","v","inferredType","id","fields","map","type","readOnly","tryGetSchema","undefined","f","columnId","columnIndex","columnsArray","title","find","_schema$fields$find","label","dataIndex","key","render","value","record","rowIndex","DataProvider","name","child","repeatedElement","Table","dataSource","onRow","onMouseUp","rowKey","TableValue","column","useSelector","toString","dataTableValueMeta","displayName","parentComponentName","importName","importPath","dataTableMeta","description","defaultValue","options","defaultValueHint","_props","multiSelect","loader","_registerComponent","Component","defaultMeta","registerComponent"],"mappings":"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"}

package/dist/plasmic-rich-components.esm.js

@@ -0,0 +1,182 @@
+import registerComponent from '@plasmicapp/host/registerComponent';
+import { DataProvider, repeatedElement, useSelector } from '@plasmicapp/host';
+import { Table } from 'antd';
+import React from 'react';
+
+function tryGetSchema(data) {
+  var _data, _data2;
+  if ((_data = data) != null && _data.schema) {
+    return data.schema;
+  }
+  if (Array.isArray(data)) {
+    data = {
+      data: data
+    };
+  }
+  if (!((_data2 = data) != null && _data2.data) || !Array.isArray(data.data) || data.data.length === 0) {
+    return undefined;
+  }
+  var fieldMap = {};
+  data.data.forEach(function (entry) {
+    if (entry && typeof entry === "object") {
+      Array.from(Object.entries(entry)).forEach(function (_ref) {
+        var k = _ref[0],
+          v = _ref[1];
+        var inferredType = typeof v === "string" ? "string" : typeof v === "boolean" ? "boolean" : typeof v === "number" ? "number" : "unknown";
+        if (fieldMap[k] && fieldMap[k] !== inferredType) {
+          fieldMap[k] = "unknown";
+        } else {
+          fieldMap[k] = inferredType;
+        }
+      });
+    }
+  });
+  return {
+    id: "inferred",
+    fields: Object.entries(fieldMap).map(function (_ref2) {
+      var f = _ref2[0],
+        t = _ref2[1];
+      return {
+        id: f,
+        type: t,
+        readOnly: false
+      };
+    })
+  };
+}
+function DataTable(props) {
+  var className = props.className,
+    data = props.data,
+    children = props.children,
+    size = props.size,
+    columns = props.columns,
+    onSelect = props.onSelect,
+    pagination = props.pagination,
+    setControlContextData = props.setControlContextData;
+  var columnDefinitions = React.useMemo(function () {
+    var _ref3;
+    var schema = tryGetSchema(data);
+    if (!schema) {
+      return [];
+    }
+    setControlContextData == null ? void 0 : setControlContextData(schema);
+    return ((_ref3 = columns && columns.length > 0 ? columns : undefined) != null ? _ref3 : schema.fields.map(function (f) {
+      return f.id;
+    })).map(function (columnId, columnIndex, columnsArray) {
+      var _schema$fields$find;
+      var columnDefinition = {
+        columnIndex: columnIndex,
+        title: ((_schema$fields$find = schema.fields.find(function (f) {
+          return f.id === columnId;
+        })) == null ? void 0 : _schema$fields$find.label) || columnId,
+        dataIndex: columnId,
+        key: columnId,
+        render: function render(value, record, rowIndex) {
+          return React.createElement(DataProvider, {
+            name: "currentRow",
+            data: record
+          }, React.createElement(DataProvider, {
+            name: "currentRowIndex",
+            data: rowIndex
+          }, React.createElement(DataProvider, {
+            name: "currentColumn",
+            data: value
+          }, children && (typeof children === "object" ? (Array.isArray(children) ? children : [children]).map(function (child) {
+            return repeatedElement(rowIndex * columnsArray.length + columnIndex, child);
+          }) : children))));
+        }
+      };
+      return columnDefinition;
+    });
+  }, [children, columns, data, setControlContextData]);
+  return React.createElement(Table, {
+    className: className,
+    columns: columnDefinitions,
+    dataSource: data == null ? void 0 : data.data,
+    size: size,
+    onRow: function onRow(record) {
+      return {
+        onMouseUp: function onMouseUp() {
+          return onSelect == null ? void 0 : onSelect(record.id);
+        }
+      };
+    },
+    pagination: pagination ? undefined : pagination,
+    rowKey: "id"
+  });
+}
+function TableValue(props) {
+  var _column$toString;
+  var className = props.className;
+  var column = useSelector("currentColumn");
+  return React.createElement("div", {
+    className: className
+  }, (_column$toString = column == null ? void 0 : column.toString()) != null ? _column$toString : "");
+}
+
+var dataTableValueMeta = {
+  name: "hostless-plasmic-rich-components-value",
+  displayName: "Table Value",
+  parentComponentName: "hostless-plasmic-rich-components",
+  props: {},
+  importName: "TableValue",
+  importPath: ""
+};
+var dataTableMeta = {
+  name: "hostless-plasmic-rich-components",
+  displayName: "Data Table",
+  props: {
+    data: {
+      type: "dataSourceOpData",
+      description: "The data to display in the table"
+    },
+    children: {
+      type: "slot",
+      defaultValue: {
+        type: "component",
+        name: "hostless-plasmic-rich-components-value"
+      }
+    },
+    size: {
+      type: "choice",
+      options: ["large", "middle", "small"],
+      defaultValueHint: "large"
+    },
+    pagination: {
+      type: "boolean",
+      defaultValueHint: true
+    },
+    columns: {
+      type: "choice",
+      options: function options(_props, schema) {
+        if (!schema) {
+          return [];
+        }
+        return schema.fields.map(function (f) {
+          return {
+            label: f.label || f.id,
+            value: f.id
+          };
+        });
+      },
+      multiSelect: true
+    }
+  },
+  importName: "TableWrapper",
+  importPath: "DataTable"
+};
+function registerAll(loader) {
+  var _registerComponent = function _registerComponent(Component, defaultMeta) {
+    if (loader) {
+      loader.registerComponent(Component, defaultMeta);
+    } else {
+      registerComponent(Component, defaultMeta);
+    }
+  };
+  _registerComponent(DataTable, dataTableMeta);
+  _registerComponent(TableValue, dataTableValueMeta);
+}
+
+export default DataTable;
+export { DataTable, TableValue, registerAll };
+//# sourceMappingURL=plasmic-rich-components.esm.js.map

package/dist/plasmic-rich-components.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"plasmic-rich-components.esm.js","sources":["../src/DataTable.tsx","../src/index.tsx"],"sourcesContent":["import type {\n  ManyRowsResult,\n  TableFieldType,\n  TableSchema,\n} from \"@plasmicapp/data-sources\";\nimport { DataProvider, repeatedElement, useSelector } from \"@plasmicapp/host\";\nimport { Table } from \"antd\";\nimport type { SizeType } from \"antd/es/config-provider/SizeContext\";\nimport React from \"react\";\n\nexport type QueryResult = Partial<ManyRowsResult<any>> & {\n  error?: any;\n  isLoading?: boolean;\n};\n\nexport interface DataTableProps {\n  className?: string;\n  data?: QueryResult;\n  columns?: string[];\n  children?: React.ReactNode;\n  size?: SizeType;\n  pagination?: boolean;\n  onSelect?: (record: any) => void;\n  setControlContextData?: (schema: TableSchema) => void;\n}\n\nfunction tryGetSchema(data?: QueryResult): TableSchema | undefined {\n  if (data?.schema) {\n    return data.schema;\n  }\n  if (Array.isArray(data)) {\n    data = { data };\n  }\n  if (!data?.data || !Array.isArray(data.data) || data.data.length === 0) {\n    return undefined;\n  }\n  const fieldMap: Record<string, TableFieldType> = {};\n  data.data.forEach((entry: any) => {\n    if (entry && typeof entry === \"object\") {\n      Array.from(Object.entries(entry)).forEach(([k, v]) => {\n        const inferredType: TableFieldType =\n          typeof v === \"string\"\n            ? \"string\"\n            : typeof v === \"boolean\"\n            ? \"boolean\"\n            : typeof v === \"number\"\n            ? \"number\"\n            : \"unknown\";\n        if (fieldMap[k] && fieldMap[k] !== inferredType) {\n          fieldMap[k] = \"unknown\";\n        } else {\n          fieldMap[k] = inferredType;\n        }\n      });\n    }\n  });\n  return {\n    id: \"inferred\",\n    fields: Object.entries(fieldMap).map(([f, t]) => ({\n      id: f,\n      type: t,\n      readOnly: false,\n    })),\n  };\n}\n\nexport function DataTable(props: DataTableProps) {\n  const {\n    className,\n    data,\n    children,\n    size,\n    columns,\n    onSelect,\n    pagination,\n    setControlContextData,\n  } = props;\n\n  const columnDefinitions = React.useMemo(() => {\n    const schema = tryGetSchema(data);\n    if (!schema) {\n      return [];\n    }\n    setControlContextData?.(schema);\n    return (\n      (columns && columns.length > 0 ? columns : undefined) ??\n      schema.fields.map((f) => f.id)\n    ).map((columnId, columnIndex, columnsArray) => {\n      const columnDefinition = {\n        columnIndex,\n        title: schema.fields.find((f) => f.id === columnId)?.label || columnId,\n        dataIndex: columnId,\n        key: columnId,\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                  {children &&\n                    (typeof children === \"object\"\n                      ? (Array.isArray(children)\n                          ? children\n                          : [children]\n                        ).map((child) =>\n                          repeatedElement(\n                            rowIndex * columnsArray.length + columnIndex,\n                            child\n                          )\n                        )\n                      : children)}\n                </DataProvider>\n              </DataProvider>\n            </DataProvider>\n          );\n        },\n      };\n\n      return columnDefinition;\n    });\n  }, [children, columns, data, setControlContextData]);\n\n  return (\n    <Table\n      className={className}\n      columns={columnDefinitions}\n      dataSource={data?.data}\n      size={size}\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\nexport default DataTable;\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","import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n  DataTable,\n  DataTableProps,\n  TableValue,\n  TableValueProps,\n} from \"./DataTable\";\n\nexport * from \"./DataTable\";\nexport default DataTable;\n\nconst dataTableValueMeta: ComponentMeta<TableValueProps> = {\n  name: \"hostless-plasmic-rich-components-value\",\n  displayName: \"Table Value\",\n  parentComponentName: \"hostless-plasmic-rich-components\",\n  props: {},\n  importName: \"TableValue\",\n  importPath: \"\",\n};\n\nconst dataTableMeta: ComponentMeta<DataTableProps> = {\n  name: \"hostless-plasmic-rich-components\",\n  displayName: \"Data Table\",\n  props: {\n    data: {\n      type: \"dataSourceOpData\" as any,\n      description: \"The data to display in the table\",\n    },\n\n    children: {\n      type: \"slot\",\n      defaultValue: {\n        type: \"component\",\n        name: \"hostless-plasmic-rich-components-value\",\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    columns: {\n      type: \"choice\",\n      options: (_props, schema) => {\n        if (!schema) {\n          return [];\n        }\n        return schema.fields.map((f) => ({\n          label: f.label || f.id,\n          value: f.id,\n        }));\n      },\n      multiSelect: true,\n    },\n  },\n\n  importName: \"TableWrapper\",\n  importPath: \"DataTable\",\n};\n\nexport function registerAll(loader?: {\n  registerComponent: typeof registerComponent;\n}) {\n  const _registerComponent = <T extends React.ComponentType<any>>(\n    Component: T,\n    defaultMeta: ComponentMeta<React.ComponentProps<T>>\n  ) => {\n    if (loader) {\n      loader.registerComponent(Component, defaultMeta);\n    } else {\n      registerComponent(Component, defaultMeta);\n    }\n  };\n\n  _registerComponent(DataTable, dataTableMeta);\n  _registerComponent(TableValue, dataTableValueMeta);\n}\n"],"names":["tryGetSchema","data","schema","Array","isArray","length","undefined","fieldMap","forEach","entry","from","Object","entries","k","v","inferredType","id","fields","map","f","t","type","readOnly","DataTable","props","className","children","size","columns","onSelect","pagination","setControlContextData","columnDefinitions","React","useMemo","columnId","columnIndex","columnsArray","columnDefinition","title","find","label","dataIndex","key","render","value","record","rowIndex","DataProvider","name","child","repeatedElement","Table","dataSource","onRow","onMouseUp","rowKey","TableValue","column","useSelector","toString","dataTableValueMeta","displayName","parentComponentName","importName","importPath","dataTableMeta","description","defaultValue","options","defaultValueHint","_props","multiSelect","registerAll","loader","_registerComponent","Component","defaultMeta","registerComponent"],"mappings":"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"}

package/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "@plasmicpkgs/plasmic-rich-components",
+  "version": "1.0.36",
+  "description": "Table component to consume query data",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "module": "dist/plasmic-rich-components.esm.js",
+  "files": [
+    "dist"
+  ],
+  "size-limit": [
+    {
+      "path": "dist/plasmic-rich-components.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/plasmic-rich-components.esm.js",
+      "limit": "10 KB"
+    }
+  ],
+  "scripts": {
+    "build": "tsdx build",
+    "start": "tsdx watch",
+    "test": "tsdx test --passWithNoTests",
+    "lint": "tsdx lint",
+    "prepare": "if-env PREPARE_NO_BUILD=true || yarn build",
+    "size": "size-limit",
+    "analyze": "size-limit --why"
+  },
+  "devDependencies": {
+    "@plasmicapp/data-sources": "0.1.54",
+    "@plasmicapp/host": "1.0.91",
+    "@size-limit/preset-small-lib": "^4.11.0",
+    "@types/node": "^14.0.26",
+    "size-limit": "^4.11.0",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.2.0",
+    "typescript": "^3.9.7"
+  },
+  "peerDependencies": {
+    "@plasmicapp/data-sources": ">=0.1.0",
+    "@plasmicapp/host": ">=1.0.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "dff00ecdf8a21a7e4744bcfd80efc4d5478fd00d"
+}