@plasmicpkgs/plasmic-rich-components 1.0.169 → 1.0.170

package/dist/rich-calendar/index.d.ts

@@ -1,5 +1,5 @@
-import { Registerable } from "../utils";
 import { Dayjs } from "dayjs";
+import { Registerable } from "../utils";
 export * from "./RichCalendar";
 export declare const calendarHelpers: {
     states: {

package/package.json

@@ -1,13 +1,26 @@
 {
   "name": "@plasmicpkgs/plasmic-rich-components",
-  "version": "1.0.169",
+  "version": "1.0.170",
   "description": "Rich batteries-included general purpose components for business apps, admin panels, etc.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "module": "dist/plasmic-rich-components.esm.js",
   "files": [
-    "dist"
+    "dist",
+    "skinny"
   ],
+  "exports": {
+    ".": {
+      "require": "./dist/index.js",
+      "import": "./dist/plasmic-rich-components.esm.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./skinny/*": {
+      "require": "./skinny/*/index.cjs.js",
+      "import": "./skinny/*/index.esm.js",
+      "types": "./skinny/*/index.d.ts"
+    }
+  },
   "size-limit": [
     {
       "path": "dist/plasmic-rich-components.cjs.production.min.js",
@@ -19,7 +32,7 @@
     }
   ],
   "scripts": {
-    "build": "rollup -c rollup.config.mjs && yarn tsc --emitDeclarationOnly --declaration src/index.tsx --incremental --tsBuildInfoFile ./dist/.tsbuildinfo  --skipLibCheck --jsx react --lib dom,esnext --esModuleInterop --strict --outDir ./dist/",
+    "build": "rollup -c rollup.config.mjs && yarn tsc --emitDeclarationOnly --declaration src/index.tsx --incremental --tsBuildInfoFile ./dist/.tsbuildinfo  --skipLibCheck --jsx react --lib dom,esnext --esModuleInterop --strict --outDir ./dist/ && rsync -r --include='*/' --include='*.d.ts' --exclude='*' ./dist/ ./skinny/ && rm skinny/index.d.ts",
     "test": "yarn --cwd=../.. test --passWithNoTests",
     "prepublishOnly": "npm run build",
     "size": "size-limit",
@@ -41,6 +54,7 @@
     "@types/node": "^20.8.9",
     "@types/react": "^18.2.33",
     "antd": "^5.4.0",
+    "glob": "^8.1.0",
     "rollup": "^3.26.2",
     "rollup-plugin-esbuild": "^5.0.0",
     "size-limit": "^4.11.0",
@@ -68,5 +82,5 @@
     "fast-stringify": "^2.0.0",
     "lodash": "^4.17.21"
   },
-  "gitHead": "be71b41ad94d0db53100816e00d1519793409999"
+  "gitHead": "8f013c9e895ee9aebc0224e43b45b82a30771e9f"
 }

package/skinny/common-8cca2977.esm.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { tinycolor } from '@ctrl/tinycolor';
+
+function useIsClient() {
+  const [loaded, setLoaded] = React.useState(false);
+  useIsomorphicLayoutEffect(() => {
+    setLoaded(true);
+  });
+  return loaded;
+}
+const isBrowser = typeof window !== "undefined";
+const useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
+function capitalize(text) {
+  return text.slice(0, 1).toUpperCase() + text.slice(1);
+}
+function isLight(color) {
+  const { r, g, b } = tinycolor(color).toRgb();
+  return r * 0.299 + g * 0.587 + b * 0.114 > 186;
+}
+
+export { capitalize as c, isLight as i, useIsClient as u };
+//# sourceMappingURL=common-8cca2977.esm.js.map

package/skinny/common-8cca2977.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-8cca2977.esm.js","sources":["../src/common.ts"],"sourcesContent":["import React from \"react\";\nimport { tinycolor } from \"@ctrl/tinycolor\";\n\nexport function useIsClient() {\n  const [loaded, setLoaded] = React.useState(false);\n  useIsomorphicLayoutEffect(() => {\n    setLoaded(true);\n  });\n  return loaded;\n}\n\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? React.useLayoutEffect\n  : React.useEffect;\n\nexport function capitalize(text: string) {\n  return text.slice(0, 1).toUpperCase() + text.slice(1);\n}\n\nexport function isLight(color: string) {\n  const { r, g, b } = tinycolor(color).toRgb();\n  return r * 0.299 + g * 0.587 + b * 0.114 > 186;\n}\n"],"names":[],"mappings":";;;AAGO,SAAS,WAAc,GAAA;AAC5B,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,KAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAChD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,GACf,CAAA,CAAA;AACD,EAAO,OAAA,MAAA,CAAA;AACT,CAAA;AAEA,MAAM,SAAA,GAAY,OAAO,MAAW,KAAA,WAAA,CAAA;AAC7B,MAAM,yBAA4B,GAAA,SAAA,GACrC,KAAM,CAAA,eAAA,GACN,KAAM,CAAA,SAAA,CAAA;AAEH,SAAS,WAAW,IAAc,EAAA;AACvC,EAAO,OAAA,IAAA,CAAK,MAAM,CAAG,EAAA,CAAC,EAAE,WAAY,EAAA,GAAI,IAAK,CAAA,KAAA,CAAM,CAAC,CAAA,CAAA;AACtD,CAAA;AAEO,SAAS,QAAQ,KAAe,EAAA;AACrC,EAAM,MAAA,EAAE,GAAG,CAAG,EAAA,CAAA,KAAM,SAAU,CAAA,KAAK,EAAE,KAAM,EAAA,CAAA;AAC3C,EAAA,OAAO,CAAI,GAAA,KAAA,GAAQ,CAAI,GAAA,KAAA,GAAQ,IAAI,KAAQ,GAAA,GAAA,CAAA;AAC7C;;;;"}

package/skinny/common-e1d76791.cjs.js

@@ -0,0 +1,30 @@
+'use strict';
+
+var React = require('react');
+var tinycolor = require('@ctrl/tinycolor');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+function useIsClient() {
+  const [loaded, setLoaded] = React__default.default.useState(false);
+  useIsomorphicLayoutEffect(() => {
+    setLoaded(true);
+  });
+  return loaded;
+}
+const isBrowser = typeof window !== "undefined";
+const useIsomorphicLayoutEffect = isBrowser ? React__default.default.useLayoutEffect : React__default.default.useEffect;
+function capitalize(text) {
+  return text.slice(0, 1).toUpperCase() + text.slice(1);
+}
+function isLight(color) {
+  const { r, g, b } = tinycolor.tinycolor(color).toRgb();
+  return r * 0.299 + g * 0.587 + b * 0.114 > 186;
+}
+
+exports.capitalize = capitalize;
+exports.isLight = isLight;
+exports.useIsClient = useIsClient;
+//# sourceMappingURL=common-e1d76791.cjs.js.map

package/skinny/common-e1d76791.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-e1d76791.cjs.js","sources":["../src/common.ts"],"sourcesContent":["import React from \"react\";\nimport { tinycolor } from \"@ctrl/tinycolor\";\n\nexport function useIsClient() {\n  const [loaded, setLoaded] = React.useState(false);\n  useIsomorphicLayoutEffect(() => {\n    setLoaded(true);\n  });\n  return loaded;\n}\n\nconst isBrowser = typeof window !== \"undefined\";\nexport const useIsomorphicLayoutEffect = isBrowser\n  ? React.useLayoutEffect\n  : React.useEffect;\n\nexport function capitalize(text: string) {\n  return text.slice(0, 1).toUpperCase() + text.slice(1);\n}\n\nexport function isLight(color: string) {\n  const { r, g, b } = tinycolor(color).toRgb();\n  return r * 0.299 + g * 0.587 + b * 0.114 > 186;\n}\n"],"names":["React","tinycolor"],"mappings":";;;;;;;;;AAGO,SAAS,WAAc,GAAA;AAC5B,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAAA,sBAAA,CAAM,SAAS,KAAK,CAAA,CAAA;AAChD,EAAA,yBAAA,CAA0B,MAAM;AAC9B,IAAA,SAAA,CAAU,IAAI,CAAA,CAAA;AAAA,GACf,CAAA,CAAA;AACD,EAAO,OAAA,MAAA,CAAA;AACT,CAAA;AAEA,MAAM,SAAA,GAAY,OAAO,MAAW,KAAA,WAAA,CAAA;AAC7B,MAAM,yBAA4B,GAAA,SAAA,GACrCA,sBAAM,CAAA,eAAA,GACNA,sBAAM,CAAA,SAAA,CAAA;AAEH,SAAS,WAAW,IAAc,EAAA;AACvC,EAAO,OAAA,IAAA,CAAK,MAAM,CAAG,EAAA,CAAC,EAAE,WAAY,EAAA,GAAI,IAAK,CAAA,KAAA,CAAM,CAAC,CAAA,CAAA;AACtD,CAAA;AAEO,SAAS,QAAQ,KAAe,EAAA;AACrC,EAAM,MAAA,EAAE,GAAG,CAAG,EAAA,CAAA,KAAMC,mBAAU,CAAA,KAAK,EAAE,KAAM,EAAA,CAAA;AAC3C,EAAA,OAAO,CAAI,GAAA,KAAA,GAAQ,CAAI,GAAA,KAAA,GAAQ,IAAI,KAAQ,GAAA,GAAA,CAAA;AAC7C;;;;;;"}

package/skinny/common-prop-types-5f1fd4b0.cjs.js

@@ -0,0 +1,139 @@
+'use strict';
+
+var formatting = require('./formatting-327e0658.cjs.js');
+var common = require('./common-e1d76791.cjs.js');
+var utils = require('./utils-65c486f0.cjs.js');
+
+function roleProp({
+  role,
+  singular = false,
+  advanced = false,
+  displayName
+}) {
+  return singular ? {
+    type: "object",
+    displayName: displayName || `${common.capitalize(role)} field`,
+    advanced,
+    hidden: (ps) => !ps.data,
+    nameFunc: (item) => utils.maybe(
+      item,
+      (i) => i.isHidden ? "Hidden" : i.fieldId || "Custom value"
+    ),
+    fields: formatting.getFieldSubprops({
+      canChangeField: true,
+      noTitle: true
+    }),
+    defaultValueHint: (_props, contextData) => {
+      var _a;
+      return ((_a = contextData == null ? void 0 : contextData.minimalFullLengthFields) != null ? _a : []).find(
+        (f) => f.role === role
+      );
+    }
+  } : formatting.buildFieldsPropType({
+    displayName: displayName || `${common.capitalize(role)} fields`,
+    advanced,
+    noTitle: true,
+    canChangeField: true,
+    minimalValue: (_props, contextData) => {
+      var _a;
+      return ((_a = contextData == null ? void 0 : contextData.minimalFullLengthFields) != null ? _a : []).filter(
+        (f) => f.role === role
+      );
+    }
+  });
+}
+function dataProp() {
+  return {
+    type: "dataSourceOpData",
+    description: "The data to display"
+  };
+}
+function commonProps() {
+  return {
+    pagination: {
+      type: "boolean",
+      advanced: true,
+      defaultValueHint: true
+    },
+    pageSize: {
+      type: "number",
+      defaultValueHint: 10,
+      advanced: true
+    },
+    hideSearch: {
+      type: "boolean",
+      description: "Hides the search toolbar",
+      advanced: true
+    }
+  };
+}
+function rowActionsProp() {
+  return {
+    type: "array",
+    displayName: "Row actions",
+    advanced: true,
+    itemType: {
+      type: "object",
+      nameFunc: (item) => item.label,
+      fields: {
+        type: {
+          type: "choice",
+          options: ["item", "menu"],
+          defaultValue: "item"
+        },
+        label: {
+          type: "string",
+          displayName: "Action label"
+        },
+        children: {
+          type: "array",
+          displayName: "Menu items",
+          itemType: {
+            type: "object",
+            fields: {
+              label: {
+                type: "string",
+                displayName: "Action label"
+              },
+              onClick: {
+                type: "eventHandler",
+                argTypes: [
+                  { name: "rowKey", type: "string" },
+                  { name: "row", type: "object" }
+                ]
+              }
+            }
+          },
+          hidden: (_ps, _ctx, { item }) => item.type !== "menu"
+        },
+        onClick: {
+          type: "eventHandler",
+          displayName: "Action",
+          argTypes: [
+            { name: "rowKey", type: "string" },
+            { name: "row", type: "object" }
+          ],
+          hidden: (_ps, _ctx, { item }) => item.type !== "item"
+        }
+      }
+    }
+  };
+}
+function onRowClickProp() {
+  return {
+    type: "eventHandler",
+    displayName: "On row clicked",
+    argTypes: [
+      { name: "rowKey", type: "string" },
+      { name: "row", type: "object" },
+      { name: "event", type: "object" }
+    ]
+  };
+}
+
+exports.commonProps = commonProps;
+exports.dataProp = dataProp;
+exports.onRowClickProp = onRowClickProp;
+exports.roleProp = roleProp;
+exports.rowActionsProp = rowActionsProp;
+//# sourceMappingURL=common-prop-types-5f1fd4b0.cjs.js.map

package/skinny/common-prop-types-5f1fd4b0.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-prop-types-5f1fd4b0.cjs.js","sources":["../src/common-prop-types.tsx"],"sourcesContent":["import { PropType } from \"@plasmicapp/host/registerComponent\";\nimport {\n  BaseColumnConfig,\n  FieldfulProps,\n  buildFieldsPropType,\n  getFieldSubprops,\n} from \"./field-mappings\";\nimport { capitalize } from \"./common\";\nimport { maybe } from \"./utils\";\n\nexport function roleProp<P extends FieldfulProps<any>>({\n  role,\n  singular = false,\n  advanced = false,\n  displayName,\n}: {\n  role: string;\n  singular?: boolean;\n  advanced?: boolean;\n  displayName?: string;\n}): PropType<P> {\n  return singular\n    ? {\n        type: \"object\",\n        displayName: displayName || `${capitalize(role)} field`,\n        advanced,\n        hidden: (ps) => !ps.data,\n        nameFunc: (item) =>\n          maybe(item, (i) =>\n            i.isHidden ? \"Hidden\" : i.fieldId || \"Custom value\"\n          ),\n        fields: getFieldSubprops({\n          canChangeField: true,\n          noTitle: true,\n        }),\n        defaultValueHint: (_props, contextData) =>\n          (contextData?.minimalFullLengthFields ?? []).find(\n            (f) => f.role === role\n          ),\n      }\n    : buildFieldsPropType<BaseColumnConfig, P>({\n        displayName: displayName || `${capitalize(role)} fields`,\n        advanced,\n        noTitle: true,\n        canChangeField: true,\n        minimalValue: (_props, contextData) =>\n          (contextData?.minimalFullLengthFields ?? []).filter(\n            (f) => f.role === role\n          ),\n      });\n}\n\nexport function dataProp<T>(): PropType<T> {\n  return {\n    type: \"dataSourceOpData\" as any,\n    description: \"The data to display\",\n  };\n}\n\nexport function commonProps<T>(): Record<string, PropType<T>> {\n  return {\n    pagination: {\n      type: \"boolean\",\n      advanced: true,\n      defaultValueHint: true,\n    },\n\n    pageSize: {\n      type: \"number\",\n      defaultValueHint: 10,\n      advanced: true,\n    },\n\n    hideSearch: {\n      type: \"boolean\",\n      description: \"Hides the search toolbar\",\n      advanced: true,\n    },\n  };\n}\n\nexport function rowActionsProp<T>(): PropType<T> {\n  return {\n    type: \"array\",\n    displayName: \"Row actions\",\n    advanced: true,\n    itemType: {\n      type: \"object\",\n      nameFunc: (item) => item.label,\n      fields: {\n        type: {\n          type: \"choice\",\n          options: [\"item\", \"menu\"],\n          defaultValue: \"item\",\n        },\n        label: {\n          type: \"string\",\n          displayName: \"Action label\",\n        },\n        children: {\n          type: \"array\",\n          displayName: \"Menu items\",\n          itemType: {\n            type: \"object\",\n            fields: {\n              label: {\n                type: \"string\",\n                displayName: \"Action label\",\n              },\n              onClick: {\n                type: \"eventHandler\",\n                argTypes: [\n                  { name: \"rowKey\", type: \"string\" },\n                  { name: \"row\", type: \"object\" },\n                ],\n              },\n            },\n          },\n          hidden: (_ps, _ctx, { item }) => item.type !== \"menu\",\n        },\n        onClick: {\n          type: \"eventHandler\",\n          displayName: \"Action\",\n          argTypes: [\n            { name: \"rowKey\", type: \"string\" },\n            { name: \"row\", type: \"object\" },\n          ],\n          hidden: (_ps, _ctx, { item }) => item.type !== \"item\",\n        },\n      },\n    },\n  };\n}\n\nexport function onRowClickProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    displayName: \"On row clicked\",\n    argTypes: [\n      { name: \"rowKey\", type: \"string\" },\n      { name: \"row\", type: \"object\" },\n      { name: \"event\", type: \"object\" },\n    ],\n  };\n}\n"],"names":["capitalize","maybe","getFieldSubprops","buildFieldsPropType"],"mappings":"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"}

package/skinny/common-prop-types-686c49fe.esm.js

@@ -0,0 +1,133 @@
+import { c as getFieldSubprops, b as buildFieldsPropType } from './formatting-aff39488.esm.js';
+import { c as capitalize } from './common-8cca2977.esm.js';
+import { m as maybe } from './utils-c32bd7ed.esm.js';
+
+function roleProp({
+  role,
+  singular = false,
+  advanced = false,
+  displayName
+}) {
+  return singular ? {
+    type: "object",
+    displayName: displayName || `${capitalize(role)} field`,
+    advanced,
+    hidden: (ps) => !ps.data,
+    nameFunc: (item) => maybe(
+      item,
+      (i) => i.isHidden ? "Hidden" : i.fieldId || "Custom value"
+    ),
+    fields: getFieldSubprops({
+      canChangeField: true,
+      noTitle: true
+    }),
+    defaultValueHint: (_props, contextData) => {
+      var _a;
+      return ((_a = contextData == null ? void 0 : contextData.minimalFullLengthFields) != null ? _a : []).find(
+        (f) => f.role === role
+      );
+    }
+  } : buildFieldsPropType({
+    displayName: displayName || `${capitalize(role)} fields`,
+    advanced,
+    noTitle: true,
+    canChangeField: true,
+    minimalValue: (_props, contextData) => {
+      var _a;
+      return ((_a = contextData == null ? void 0 : contextData.minimalFullLengthFields) != null ? _a : []).filter(
+        (f) => f.role === role
+      );
+    }
+  });
+}
+function dataProp() {
+  return {
+    type: "dataSourceOpData",
+    description: "The data to display"
+  };
+}
+function commonProps() {
+  return {
+    pagination: {
+      type: "boolean",
+      advanced: true,
+      defaultValueHint: true
+    },
+    pageSize: {
+      type: "number",
+      defaultValueHint: 10,
+      advanced: true
+    },
+    hideSearch: {
+      type: "boolean",
+      description: "Hides the search toolbar",
+      advanced: true
+    }
+  };
+}
+function rowActionsProp() {
+  return {
+    type: "array",
+    displayName: "Row actions",
+    advanced: true,
+    itemType: {
+      type: "object",
+      nameFunc: (item) => item.label,
+      fields: {
+        type: {
+          type: "choice",
+          options: ["item", "menu"],
+          defaultValue: "item"
+        },
+        label: {
+          type: "string",
+          displayName: "Action label"
+        },
+        children: {
+          type: "array",
+          displayName: "Menu items",
+          itemType: {
+            type: "object",
+            fields: {
+              label: {
+                type: "string",
+                displayName: "Action label"
+              },
+              onClick: {
+                type: "eventHandler",
+                argTypes: [
+                  { name: "rowKey", type: "string" },
+                  { name: "row", type: "object" }
+                ]
+              }
+            }
+          },
+          hidden: (_ps, _ctx, { item }) => item.type !== "menu"
+        },
+        onClick: {
+          type: "eventHandler",
+          displayName: "Action",
+          argTypes: [
+            { name: "rowKey", type: "string" },
+            { name: "row", type: "object" }
+          ],
+          hidden: (_ps, _ctx, { item }) => item.type !== "item"
+        }
+      }
+    }
+  };
+}
+function onRowClickProp() {
+  return {
+    type: "eventHandler",
+    displayName: "On row clicked",
+    argTypes: [
+      { name: "rowKey", type: "string" },
+      { name: "row", type: "object" },
+      { name: "event", type: "object" }
+    ]
+  };
+}
+
+export { rowActionsProp as a, commonProps as c, dataProp as d, onRowClickProp as o, roleProp as r };
+//# sourceMappingURL=common-prop-types-686c49fe.esm.js.map

package/skinny/common-prop-types-686c49fe.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common-prop-types-686c49fe.esm.js","sources":["../src/common-prop-types.tsx"],"sourcesContent":["import { PropType } from \"@plasmicapp/host/registerComponent\";\nimport {\n  BaseColumnConfig,\n  FieldfulProps,\n  buildFieldsPropType,\n  getFieldSubprops,\n} from \"./field-mappings\";\nimport { capitalize } from \"./common\";\nimport { maybe } from \"./utils\";\n\nexport function roleProp<P extends FieldfulProps<any>>({\n  role,\n  singular = false,\n  advanced = false,\n  displayName,\n}: {\n  role: string;\n  singular?: boolean;\n  advanced?: boolean;\n  displayName?: string;\n}): PropType<P> {\n  return singular\n    ? {\n        type: \"object\",\n        displayName: displayName || `${capitalize(role)} field`,\n        advanced,\n        hidden: (ps) => !ps.data,\n        nameFunc: (item) =>\n          maybe(item, (i) =>\n            i.isHidden ? \"Hidden\" : i.fieldId || \"Custom value\"\n          ),\n        fields: getFieldSubprops({\n          canChangeField: true,\n          noTitle: true,\n        }),\n        defaultValueHint: (_props, contextData) =>\n          (contextData?.minimalFullLengthFields ?? []).find(\n            (f) => f.role === role\n          ),\n      }\n    : buildFieldsPropType<BaseColumnConfig, P>({\n        displayName: displayName || `${capitalize(role)} fields`,\n        advanced,\n        noTitle: true,\n        canChangeField: true,\n        minimalValue: (_props, contextData) =>\n          (contextData?.minimalFullLengthFields ?? []).filter(\n            (f) => f.role === role\n          ),\n      });\n}\n\nexport function dataProp<T>(): PropType<T> {\n  return {\n    type: \"dataSourceOpData\" as any,\n    description: \"The data to display\",\n  };\n}\n\nexport function commonProps<T>(): Record<string, PropType<T>> {\n  return {\n    pagination: {\n      type: \"boolean\",\n      advanced: true,\n      defaultValueHint: true,\n    },\n\n    pageSize: {\n      type: \"number\",\n      defaultValueHint: 10,\n      advanced: true,\n    },\n\n    hideSearch: {\n      type: \"boolean\",\n      description: \"Hides the search toolbar\",\n      advanced: true,\n    },\n  };\n}\n\nexport function rowActionsProp<T>(): PropType<T> {\n  return {\n    type: \"array\",\n    displayName: \"Row actions\",\n    advanced: true,\n    itemType: {\n      type: \"object\",\n      nameFunc: (item) => item.label,\n      fields: {\n        type: {\n          type: \"choice\",\n          options: [\"item\", \"menu\"],\n          defaultValue: \"item\",\n        },\n        label: {\n          type: \"string\",\n          displayName: \"Action label\",\n        },\n        children: {\n          type: \"array\",\n          displayName: \"Menu items\",\n          itemType: {\n            type: \"object\",\n            fields: {\n              label: {\n                type: \"string\",\n                displayName: \"Action label\",\n              },\n              onClick: {\n                type: \"eventHandler\",\n                argTypes: [\n                  { name: \"rowKey\", type: \"string\" },\n                  { name: \"row\", type: \"object\" },\n                ],\n              },\n            },\n          },\n          hidden: (_ps, _ctx, { item }) => item.type !== \"menu\",\n        },\n        onClick: {\n          type: \"eventHandler\",\n          displayName: \"Action\",\n          argTypes: [\n            { name: \"rowKey\", type: \"string\" },\n            { name: \"row\", type: \"object\" },\n          ],\n          hidden: (_ps, _ctx, { item }) => item.type !== \"item\",\n        },\n      },\n    },\n  };\n}\n\nexport function onRowClickProp<T>(): PropType<T> {\n  return {\n    type: \"eventHandler\",\n    displayName: \"On row clicked\",\n    argTypes: [\n      { name: \"rowKey\", type: \"string\" },\n      { name: \"row\", type: \"object\" },\n      { name: \"event\", type: \"object\" },\n    ],\n  };\n}\n"],"names":[],"mappings":"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"}

package/skinny/common-prop-types.d.ts

@@ -0,0 +1,12 @@
+import { PropType } from "@plasmicapp/host/registerComponent";
+import { FieldfulProps } from "./field-mappings";
+export declare function roleProp<P extends FieldfulProps<any>>({ role, singular, advanced, displayName, }: {
+    role: string;
+    singular?: boolean;
+    advanced?: boolean;
+    displayName?: string;
+}): PropType<P>;
+export declare function dataProp<T>(): PropType<T>;
+export declare function commonProps<T>(): Record<string, PropType<T>>;
+export declare function rowActionsProp<T>(): PropType<T>;
+export declare function onRowClickProp<T>(): PropType<T>;

package/skinny/common.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare function useIsClient(): boolean;
+export declare const useIsomorphicLayoutEffect: typeof React.useLayoutEffect;
+export declare function capitalize(text: string): string;
+export declare function isLight(color: string): boolean;

package/skinny/field-mappings.d.ts

@@ -0,0 +1,100 @@
+import { TableSchema, QueryResult } from "@plasmicapp/data-sources";
+import { PropType } from "@plasmicapp/host/registerComponent";
+import { ContextDependentConfig } from "@plasmicapp/host";
+export interface AutoSettings {
+    dataType: "auto";
+}
+interface _SharedNumberSettings {
+    notation?: "standard" | "scientific" | "engineering" | "compact";
+    signDisplay?: "auto" | "always" | "exceptZero";
+    maximumFractionDigits?: number;
+    minimumFractionDigits?: number;
+    locale?: string;
+}
+export interface DecimalSettings extends _SharedNumberSettings {
+    dataType: "number";
+}
+export interface PercentSettings extends _SharedNumberSettings {
+    dataType: "percent";
+}
+export interface CurrencySettings extends _SharedNumberSettings {
+    dataType: "currency";
+    currency?: string;
+    currencyDisplay?: "symbol" | "narrowSymbol" | "code" | "name";
+}
+export declare const DEFAULT_CURRENCY_SETTINGS: CurrencySettings;
+export type NumberSettings = DecimalSettings | PercentSettings | CurrencySettings;
+export declare const NUMBER_TYPES: readonly ["number", "percent", "currency"];
+export interface DateTimeSettings {
+    dataType: "datetime";
+    locale?: string;
+    dateStyle?: "none" | "full" | "long" | "medium" | "short";
+    timeStyle?: "none" | "full" | "long" | "medium" | "short";
+    hour12?: boolean;
+    timeZone?: string;
+}
+export declare const DEFAULT_DATETIME_SETTINGS: DateTimeSettings;
+export interface RelativeDateTimeSettings {
+    dataType: "relative-datetime";
+    locale?: string;
+    numeric?: "always" | "auto";
+    style?: "long" | "short" | "narrow";
+    unit?: "year" | "month" | "week" | "day" | "hour" | "minute" | "second";
+}
+export declare const DEFAULT_RELATIVE_DATETIME_SETTINGS: RelativeDateTimeSettings;
+export declare const DATETIME_TYPES: readonly ["datetime", "relative-datetime"];
+export interface BooleanSettings {
+    dataType: "boolean";
+    showAs?: "text" | "checkbox" | "switch";
+}
+export declare const DEFAULT_BOOLEAN_SETTINGS: BooleanSettings;
+export interface StringSettings {
+    dataType: "string";
+}
+export type RowFunc<Result> = (row: Record<string, unknown>) => Result;
+export type CellFunc<Result> = (row: Record<string, unknown>, value: unknown) => Result;
+/**
+ * Exprs are for things that can must re-evaluate from row to row.
+ *
+ * Literal values are for things that are column-level. (But in Plasmic Studio, as with all props, you can still use a dynamic value.)
+ */
+interface _BaseColumnConfig {
+    key: string;
+    fieldId?: string;
+    title?: string;
+    isHidden: boolean;
+    expr?: CellFunc<any>;
+}
+export type BaseColumnConfig = _BaseColumnConfig & (AutoSettings | NumberSettings | StringSettings | BooleanSettings | DateTimeSettings | RelativeDateTimeSettings);
+export declare function deriveValueType(cconfig: BaseColumnConfig): "text" | "switch" | "digit" | undefined;
+export interface ControlContextData<ColumnConfig extends BaseColumnConfig> {
+    data: unknown[];
+    schema?: TableSchema;
+    mergedFields: ColumnConfig[];
+    minimalFullLengthFields: Partial<ColumnConfig>[];
+}
+export interface FieldfulProps<ColumnConfig extends BaseColumnConfig> {
+    className?: string;
+    data?: QueryResult;
+    fields?: Partial<ColumnConfig>[];
+    setControlContextData?: (ctx: ControlContextData<ColumnConfig>) => void;
+}
+export declare const NoneField = "||NoneField||";
+export declare const CustomField = "";
+interface FieldSubpropsOpts<ColumnConfig extends BaseColumnConfig> {
+    fieldTypes?: Record<string, PropType<any>>;
+    canChangeField?: boolean;
+    canPickNoneField?: boolean;
+    noTitle?: boolean;
+    noDataType?: boolean;
+    hiddenFieldId?: (ps: Record<string, unknown>, ctx: ControlContextData<ColumnConfig>, extras: {
+        path: (string | number)[];
+    }) => boolean;
+}
+export declare function getFieldSubprops<ColumnConfig extends BaseColumnConfig>(opts: FieldSubpropsOpts<ColumnConfig>): Record<string, PropType<any>>;
+export declare function buildFieldsPropType<ColumnConfig extends BaseColumnConfig, Props extends FieldfulProps<ColumnConfig>>({ advanced, displayName, minimalValue, ...opts }: {
+    advanced?: boolean;
+    displayName?: string;
+    minimalValue?: ContextDependentConfig<Props, any>;
+} & FieldSubpropsOpts<ColumnConfig>): PropType<Props>;
+export {};