@plasmicpkgs/plasmic-rich-components 1.0.219 → 1.0.221

package/dist/field-mappings.d.ts

@@ -1,5 +1,5 @@
 import { QueryResult, TableSchema } from "@plasmicapp/data-sources";
-import { ContextDependentConfig } from "@plasmicapp/host";
+import { ComponentContextConfig } from "@plasmicapp/host";
 import { PropType } from "@plasmicapp/host/registerComponent";
 export interface AutoSettings {
     dataType: "auto";
@@ -95,6 +95,6 @@ export declare function getFieldSubprops<ColumnConfig extends BaseColumnConfig>(
 export declare function buildFieldsPropType<ColumnConfig extends BaseColumnConfig, Props extends FieldfulProps<ColumnConfig>>({ advanced, displayName, minimalValue, ...opts }: {
     advanced?: boolean;
     displayName?: string;
-    minimalValue?: ContextDependentConfig<Props, any>;
+    minimalValue?: ComponentContextConfig<Props, any>;
 } & FieldSubpropsOpts<ColumnConfig>): PropType<Props>;
 export {};

package/dist/index.js

@@ -239,7 +239,7 @@ function getFieldSubprops(opts) {
       hidden: () => !!opts.noTitle
     },
     expr: __spreadProps$9(__spreadValues$c({}, rowDataType("Custom value")), {
-      hidden: (ps, ctx, { item, path: _controlPath }) => {
+      hidden: (_ps, _ctx, { item, path: _controlPath }) => {
         return false;
       }
     }),
@@ -293,14 +293,14 @@ function getFieldSubprops(opts) {
       description: "Must be a valid currency code",
       type: "string",
       defaultValueHint: "USD",
-      hidden: (ps, ctx, { item }) => item.dataType !== "currency"
+      hidden: (_ps, _ctx, { item }) => item.dataType !== "currency"
     },
     locale: {
       displayName: "Locale",
       description: "Must be a valid locale code",
       type: "string",
       defaultValueHint: "en-US",
-      hidden: (ps, ctx, { item }) => !isOneOf(item.dataType, NUMBER_TYPES) && !isOneOf(item.dataType, DATETIME_TYPES)
+      hidden: (_ps, _ctx, { item }) => !isOneOf(item.dataType, NUMBER_TYPES) && !isOneOf(item.dataType, DATETIME_TYPES)
     },
     notation: {
       displayName: "Notation",
@@ -320,7 +320,7 @@ function getFieldSubprops(opts) {
         }
       ],
       defaultValueHint: "standard",
-      hidden: (ps, ctx, { item }) => !isOneOf(item.dataType, NUMBER_TYPES)
+      hidden: (_ps, _ctx, { item }) => !isOneOf(item.dataType, NUMBER_TYPES)
     },
     signDisplay: {
       type: "choice",
@@ -336,7 +336,7 @@ function getFieldSubprops(opts) {
         }
       ],
       defaultValueHint: "auto",
-      hidden: (ps, ctx, { item }) => !isOneOf(item.dataType, NUMBER_TYPES)
+      hidden: (_ps, _ctx, { item }) => !isOneOf(item.dataType, NUMBER_TYPES)
     },
     maximumFractionDigits: {
       type: "number",
@@ -344,7 +344,7 @@ function getFieldSubprops(opts) {
       defaultValueHint: 3,
       min: 0,
       max: 20,
-      hidden: (ps, ctx, { item }) => !isOneOf(item.dataType, NUMBER_TYPES)
+      hidden: (_ps, _ctx, { item }) => !isOneOf(item.dataType, NUMBER_TYPES)
     },
     minimumFractionDigits: {
       type: "number",
@@ -352,7 +352,7 @@ function getFieldSubprops(opts) {
       defaultValueHint: 0,
       min: 0,
       max: 20,
-      hidden: (ps, ctx, { item }) => !isOneOf(item.dataType, NUMBER_TYPES)
+      hidden: (_ps, _ctx, { item }) => !isOneOf(item.dataType, NUMBER_TYPES)
     },
     showAs: {
       type: "choice",
@@ -372,7 +372,7 @@ function getFieldSubprops(opts) {
       ],
       displayName: "Show as",
       defaultValueHint: "checkbox",
-      hidden: (ps, ctx, { item }) => item.dataType !== "boolean"
+      hidden: (_ps, _ctx, { item }) => item.dataType !== "boolean"
     },
     dateStyle: {
       displayName: "Date style",
@@ -400,7 +400,7 @@ function getFieldSubprops(opts) {
         }
       ],
       defaultValueHint: DEFAULT_DATETIME_SETTINGS.dateStyle,
-      hidden: (ps, ctx, { item }) => item.dataType !== "datetime"
+      hidden: (_ps, _ctx, { item }) => item.dataType !== "datetime"
     },
     timeStyle: {
       displayName: "Time style",
@@ -428,14 +428,14 @@ function getFieldSubprops(opts) {
         }
       ],
       defaultValueHint: DEFAULT_DATETIME_SETTINGS.timeStyle,
-      hidden: (ps, ctx, { item }) => item.dataType !== "datetime"
+      hidden: (_ps, _ctx, { item }) => item.dataType !== "datetime"
     },
     hour12: {
       displayName: "Use AM/PM?",
       description: "Whether to use AM/PM or 24-hour clock",
       type: "boolean",
       defaultValueHint: DEFAULT_DATETIME_SETTINGS.hour12,
-      hidden: (ps, ctx, { item }) => item.dataType !== "datetime"
+      hidden: (_ps, _ctx, { item }) => item.dataType !== "datetime"
     },
     numeric: {
       type: "choice",
@@ -448,7 +448,7 @@ function getFieldSubprops(opts) {
         }
       ],
       defaultValueHint: DEFAULT_RELATIVE_DATETIME_SETTINGS.numeric,
-      hidden: (ps, ctx, { item }) => item.dataType !== "relative-datetime"
+      hidden: (_ps, _ctx, { item }) => item.dataType !== "relative-datetime"
     },
     unit: {
       type: "choice",
@@ -484,7 +484,7 @@ function getFieldSubprops(opts) {
         }
       ],
       defaultValueHint: DEFAULT_RELATIVE_DATETIME_SETTINGS.unit,
-      hidden: (ps, ctx, { item }) => item.dataType !== "relative-datetime"
+      hidden: (_ps, _ctx, { item }) => item.dataType !== "relative-datetime"
     }
   } : {}), opts.fieldTypes);
 }
@@ -528,7 +528,7 @@ function buildFieldsPropType(_a) {
     hidden: (ps) => !ps.data,
     unstable__keyFunc: (x) => x.key,
     unstable__minimalValue: minimalValue,
-    unstable__canDelete: (ps, _props, ctx, { item }) => {
+    unstable__canDelete: (_ps, _props, ctx, { item }) => {
       if (opts.canChangeField) {
         return true;
       }
@@ -986,7 +986,7 @@ var __objRest$2 = (source, exclude) => {
 };
 function omitUndefined(x) {
   return Object.fromEntries(
-    Object.entries(x).filter(([k, v]) => v !== void 0)
+    Object.entries(x).filter(([_k, v]) => v !== void 0)
   );
 }
 function processNavItems(navMenuItems) {
@@ -1052,10 +1052,12 @@ function RichLayout(_a) {
     }
   }, []);
   React.useEffect(() => {
-    if (!ready)
+    if (!ready) {
       return;
-    if (!ref.current)
+    }
+    if (!ref.current) {
       return;
+    }
     const selectedSubmenus = Array.from(
       ref.current.querySelectorAll(
         "ul > li.ant-menu-submenu.ant-menu-submenu-selected > div"
@@ -1182,8 +1184,9 @@ function RichLayout(_a) {
         return [actionsChildren];
       },
       menuFooterRender: (props) => {
-        if (props == null ? void 0 : props.collapsed)
+        if (props == null ? void 0 : props.collapsed) {
           return void 0;
+        }
         return footerChildren;
       },
       onMenuHeaderClick: (e) => console.log(e),
@@ -2051,22 +2054,22 @@ var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
 const tableHelpers = {
   states: {
     selectedRow: {
-      onChangeArgsToValue: (rowKeys, rows) => {
+      onChangeArgsToValue: (_rowKeys, rows) => {
         return rows[0];
       }
     },
     selectedRows: {
-      onChangeArgsToValue: (rowKeys, rows) => {
+      onChangeArgsToValue: (_rowKeys, rows) => {
         return rows;
       }
     },
     selectedRowKey: {
-      onChangeArgsToValue: (rowKeys, rows) => {
+      onChangeArgsToValue: (rowKeys, _rows) => {
         return rowKeys[0];
       }
     },
     selectedRowKeys: {
-      onChangeArgsToValue: (rowKeys, rows) => {
+      onChangeArgsToValue: (rowKeys, _rows) => {
         return rowKeys;
       }
     }
@@ -2329,7 +2332,6 @@ function RichList(props) {
     header,
     footer,
     rowActions = [],
-    title,
     pageSize = 10,
     hideSearch,
     rowKey,
@@ -2344,7 +2346,6 @@ function RichList(props) {
     "header",
     "footer",
     "rowActions",
-    "title",
     "pageSize",
     "hideSearch",
     "rowKey",
@@ -2362,9 +2363,8 @@ function RichList(props) {
     data,
     props
   );
-  React.useRef();
   const linkTo = typeof props.linkTo === "function" ? props.linkTo : void 0;
-  const { finalData, search, setSearch, setSortState } = useSortedFilteredData(
+  const { finalData, search, setSearch } = useSortedFilteredData(
     data,
     normalized
   );
@@ -2394,7 +2394,7 @@ function RichList(props) {
         pageSize,
         showSizeChanger: false
       } : false,
-      renderItem: (record, index) => {
+      renderItem: (record) => {
         var _a2;
         const actions = renderActions(rowActions, record, data, rowKey);
         const image = maybe(
@@ -2420,11 +2420,13 @@ function RichList(props) {
           }
         );
         function makeLinkWrapper() {
-          if ((actions != null ? actions : []).length > 0)
+          if ((actions != null ? actions : []).length > 0) {
             return void 0;
+          }
           const href = linkTo == null ? void 0 : linkTo(record);
-          if (!href && !onRowClick)
+          if (!href && !onRowClick) {
             return void 0;
+          }
           const _linkWrapper = (x) => /* @__PURE__ */ React__default.default.createElement(
             "a",
             {
@@ -2809,8 +2811,9 @@ dayjs__default.default.extend(weekday__default.default);
 dayjs__default.default.extend(localeData__default.default);
 function getEventFullDate(date) {
   const parsed = luxonParser.parseDate(date);
-  if (!parsed)
+  if (!parsed) {
     return void 0;
+  }
   const yyyy = parsed.getFullYear();
   const mm = (parsed.getMonth() + 1).toString().padStart(2, "0");
   const dd = parsed.getDate().toString().padStart(2, "0");
@@ -2821,8 +2824,9 @@ function getEventMonthYear(date) {
   return (_a = getEventFullDate(date)) == null ? void 0 : _a.substring(0, 7);
 }
 function EventCell({ events }) {
-  if (!events || !events.length)
+  if (!events || !events.length) {
     return null;
+  }
   return /* @__PURE__ */ React__default.default.createElement("ul", { style: { all: "unset" } }, events.map((e) => /* @__PURE__ */ React__default.default.createElement("li", { key: JSON.stringify(e), style: { all: "unset", display: "block" } }, /* @__PURE__ */ React__default.default.createElement(antd.Badge, { color: e.color || "green", text: e.title }))));
 }
 function RichCalendar(props) {
@@ -2858,16 +2862,14 @@ function RichCalendar(props) {
     "monthFullCellRender"
   ]);
   const data = dataSources.useNormalizedData(rawData);
-  const { normalized, finalRoles: roleConfigs } = useRoleDefinitions(
-    data,
-    props
-  );
+  const { finalRoles: roleConfigs } = useRoleDefinitions(data, props);
   const {
     eventsByDate,
     eventsByMonth
   } = React.useMemo(() => {
-    if (!data)
+    if (!data) {
       return { eventsByDate: {}, eventsByMonth: {} };
+    }
     return data == null ? void 0 : data.data.reduce(
       (acc, item) => {
         const date = getFieldAggregateValue(item, roleConfigs.date);
@@ -2904,11 +2906,13 @@ function RichCalendar(props) {
     [isoDefaultValue]
   );
   const validRange = React.useMemo(() => {
-    if (!isoValidRange)
+    if (!isoValidRange) {
       return void 0;
+    }
     const range = isoValidRange.filter((dateIso) => isValidIsoDate(dateIso)).map((d) => dayjs__default.default(d));
-    if (range.length !== 2)
+    if (range.length !== 2) {
       return void 0;
+    }
     return [range[0], range[1]];
   }, [isoValidRange]);
   const key = React.useMemo(() => JSON.stringify(roleConfigs), [roleConfigs]);
@@ -2952,7 +2956,7 @@ const defaultColumnConfig = () => ({
 });
 const roles = ["date", "title", "color", "unset"];
 function useRoleDefinitions(data, props) {
-  const { fields, setControlContextData } = props;
+  const { setControlContextData } = props;
   return React__default.default.useMemo(() => {
     var _a, _b, _c, _d, _e;
     const schema = data == null ? void 0 : data.schema;
@@ -3145,14 +3149,18 @@ function registerRichCalendar(loader) {
         type: "dateString",
         description: `The date selected by default as an ISO string`,
         validator: (value, ps) => {
-          if (!ps.value)
+          if (!ps.value) {
             return true;
-          if (!ps.validRange)
+          }
+          if (!ps.validRange) {
             return true;
-          if (!isValidIsoDate(value))
+          }
+          if (!isValidIsoDate(value)) {
             return "Not a valid ISO string.";
-          if (dayjs__default.default(value).isBefore(ps.validRange[0]) || dayjs__default.default(value).isAfter(ps.validRange[1]))
+          }
+          if (dayjs__default.default(value).isBefore(ps.validRange[0]) || dayjs__default.default(value).isAfter(ps.validRange[1])) {
             return "Not within the valid range";
+          }
           return true;
         }
       },
@@ -3166,13 +3174,16 @@ function registerRichCalendar(loader) {
         type: "dateRangeStrings",
         description: "Only allow selection of dates that lie within this range",
         advanced: true,
-        validator: (value, ps) => {
-          if (!value)
+        validator: (value, _ps) => {
+          if (!value) {
             return true;
-          if (!Array.isArray(value) || value.length !== 2)
+          }
+          if (!Array.isArray(value) || value.length !== 2) {
             return "Not an array with 2 items";
-          if (!isValidIsoDate(value[0]) || !isValidIsoDate(value[1]))
+          }
+          if (!isValidIsoDate(value[0]) || !isValidIsoDate(value[1])) {
             return "Min or max range is not in valid ISO date format.";
+          }
           return true;
         }
       },