@plasmicpkgs/plasmic-rich-components 1.0.219 → 1.0.221

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

@@ -225,7 +225,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;
       }
     }),
@@ -279,14 +279,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",
@@ -306,7 +306,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",
@@ -322,7 +322,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",
@@ -330,7 +330,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",
@@ -338,7 +338,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",
@@ -358,7 +358,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",
@@ -386,7 +386,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",
@@ -414,14 +414,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",
@@ -434,7 +434,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",
@@ -470,7 +470,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);
 }
@@ -514,7 +514,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;
       }
@@ -972,7 +972,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) {
@@ -1038,10 +1038,12 @@ function RichLayout(_a) {
     }
   }, []);
   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"
@@ -1168,8 +1170,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),
@@ -2037,22 +2040,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;
       }
     }
@@ -2315,7 +2318,6 @@ function RichList(props) {
     header,
     footer,
     rowActions = [],
-    title,
     pageSize = 10,
     hideSearch,
     rowKey,
@@ -2330,7 +2332,6 @@ function RichList(props) {
     "header",
     "footer",
     "rowActions",
-    "title",
     "pageSize",
     "hideSearch",
     "rowKey",
@@ -2348,9 +2349,8 @@ function RichList(props) {
     data,
     props
   );
-  useRef();
   const linkTo = typeof props.linkTo === "function" ? props.linkTo : void 0;
-  const { finalData, search, setSearch, setSortState } = useSortedFilteredData(
+  const { finalData, search, setSearch } = useSortedFilteredData(
     data,
     normalized
   );
@@ -2380,7 +2380,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(
@@ -2406,11 +2406,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.createElement(
             "a",
             {
@@ -2795,8 +2797,9 @@ dayjs.extend(weekday);
 dayjs.extend(localeData);
 function getEventFullDate(date) {
   const parsed = 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");
@@ -2807,8 +2810,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.createElement("ul", { style: { all: "unset" } }, events.map((e) => /* @__PURE__ */ React.createElement("li", { key: JSON.stringify(e), style: { all: "unset", display: "block" } }, /* @__PURE__ */ React.createElement(Badge, { color: e.color || "green", text: e.title }))));
 }
 function RichCalendar(props) {
@@ -2844,16 +2848,14 @@ function RichCalendar(props) {
     "monthFullCellRender"
   ]);
   const data = useNormalizedData(rawData);
-  const { normalized, finalRoles: roleConfigs } = useRoleDefinitions(
-    data,
-    props
-  );
+  const { finalRoles: roleConfigs } = useRoleDefinitions(data, props);
   const {
     eventsByDate,
     eventsByMonth
   } = useMemo(() => {
-    if (!data)
+    if (!data) {
       return { eventsByDate: {}, eventsByMonth: {} };
+    }
     return data == null ? void 0 : data.data.reduce(
       (acc, item) => {
         const date = getFieldAggregateValue(item, roleConfigs.date);
@@ -2890,11 +2892,13 @@ function RichCalendar(props) {
     [isoDefaultValue]
   );
   const validRange = useMemo(() => {
-    if (!isoValidRange)
+    if (!isoValidRange) {
       return void 0;
+    }
     const range = isoValidRange.filter((dateIso) => isValidIsoDate(dateIso)).map((d) => dayjs(d));
-    if (range.length !== 2)
+    if (range.length !== 2) {
       return void 0;
+    }
     return [range[0], range[1]];
   }, [isoValidRange]);
   const key = useMemo(() => JSON.stringify(roleConfigs), [roleConfigs]);
@@ -2938,7 +2942,7 @@ const defaultColumnConfig = () => ({
 });
 const roles = ["date", "title", "color", "unset"];
 function useRoleDefinitions(data, props) {
-  const { fields, setControlContextData } = props;
+  const { setControlContextData } = props;
   return React.useMemo(() => {
     var _a, _b, _c, _d, _e;
     const schema = data == null ? void 0 : data.schema;
@@ -3131,14 +3135,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(value).isBefore(ps.validRange[0]) || dayjs(value).isAfter(ps.validRange[1]))
+          }
+          if (dayjs(value).isBefore(ps.validRange[0]) || dayjs(value).isAfter(ps.validRange[1])) {
             return "Not within the valid range";
+          }
           return true;
         }
       },
@@ -3152,13 +3160,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;
         }
       },