@solostylist/ui-kit 1.0.13 → 1.0.14

package/dist/s-autocomplete/s-autocomplete.d.ts

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
 import { AutocompleteProps } from '@mui/material';
-export interface SAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T | any, Multiple, DisableClearable, FreeSolo>, 'renderInput'> {
-    renderInput?: AutocompleteProps<T | string, Multiple, DisableClearable, FreeSolo>['renderInput'];
+export interface SAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'> {
+    renderInput?: AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>['renderInput'];
     label?: string | React.ReactNode;
     required?: boolean;
     error?: string;

package/dist/s-select/s-select.d.ts

@@ -1,8 +1,11 @@
 import { SelectProps } from '@mui/material';
-type SSelectProps = Omit<SelectProps, 'error' | 'variant'> & {
-    options?: any[];
-    optionLabel?: string;
-    optionValue?: any;
+type BaseOption = string | number | {
+    [key: string]: unknown;
+};
+type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'error' | 'variant'> & {
+    options?: T[];
+    optionLabel?: T extends object ? keyof T : never;
+    optionValue?: T extends object ? keyof T : never;
     placeholder?: string;
     variant?: 'outlined' | 'filled' | 'standard';
     label?: string;
@@ -11,5 +14,5 @@ type SSelectProps = Omit<SelectProps, 'error' | 'variant'> & {
     simple?: boolean;
     htmlFor?: string;
 };
-declare const SSelect: import('react').ForwardRefExoticComponent<Omit<SSelectProps, "ref"> & import('react').RefAttributes<unknown>>;
+declare const SSelect: import('react').ForwardRefExoticComponent<Omit<SSelectProps<BaseOption>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
 export default SSelect;

package/dist/s-select/s-select.js

@@ -1,54 +1,61 @@
-import { j as n } from "../jsx-runtime-C5mzlN2N.js";
-import { forwardRef as E, useState as R, useEffect as g } from "react";
-import { Select as w, MenuItem as I } from "@mui/material";
-import M from "../s-form/s-form.js";
-const z = E(
+import { j as d } from "../jsx-runtime-C5mzlN2N.js";
+import { forwardRef as h, useState as m, useEffect as V } from "react";
+import { Select as E, MenuItem as O } from "@mui/material";
+import R from "../s-form/s-form.js";
+const M = h(
   ({
-    options: e = [],
-    optionLabel: t = "name",
-    optionValue: f = "id",
-    placeholder: s,
-    label: x = "",
-    error: j,
-    required: h = !1,
-    variant: W = "outlined",
-    simple: a = !1,
-    htmlFor: c,
-    ...u
-  }, y) => {
-    const [S, m] = R(u.value ?? null);
-    return g(() => {
-      m(u.value ?? null);
-    }, [u.value]), /* @__PURE__ */ n.jsx(M, { error: j, label: x, required: h, htmlFor: c, children: /* @__PURE__ */ n.jsx(
-      w,
+    options: l = [],
+    optionLabel: o = "name",
+    optionValue: c = "id",
+    placeholder: i,
+    label: v = "",
+    error: x,
+    required: y = !1,
+    variant: $ = "outlined",
+    simple: g = !1,
+    htmlFor: s,
+    ...t
+  }, j) => {
+    const [S, p] = m(t.value ?? null);
+    V(() => {
+      p(t.value ?? null);
+    }, [t.value]);
+    const u = (e) => String(typeof e == "string" || typeof e == "number" ? e : e[o]), n = (e) => typeof e == "string" || typeof e == "number" ? e : e[c];
+    return /* @__PURE__ */ d.jsx(R, { error: x, label: v, required: y, htmlFor: s, children: /* @__PURE__ */ d.jsx(
+      E,
       {
-        id: c,
+        id: s,
         displayEmpty: !0,
         fullWidth: !0,
         defaultValue: "",
-        ref: y,
-        renderValue: u.multiple ? (r) => {
-          var d;
-          return (d = e.filter((l) => r == null ? void 0 : r.includes(l[f]))) == null ? void 0 : d.map((l) => l[t]).join(", ");
-        } : (r) => {
-          var d;
-          return r !== null && typeof r < "u" && r !== "" ? a ? e.find((l) => l == r) : (d = e.find((l) => l[f] == r)) == null ? void 0 : d[t] : /* @__PURE__ */ n.jsx("span", { style: { color: "var(--mui-palette-text-secondary)" }, children: s });
+        ref: j,
+        renderValue: t.multiple ? (e) => e.map((a) => {
+          const f = l.find((b) => n(b) === n(a));
+          return f ? u(f) : "";
+        }).filter(Boolean).join(", ") : (e) => {
+          const r = e;
+          if (r == null || r === "")
+            return /* @__PURE__ */ d.jsx("span", { style: { color: "var(--mui-palette-text-secondary)" }, children: i });
+          if (g)
+            return u(r);
+          const a = l.find((f) => n(f) === n(r));
+          return a ? u(a) : "";
         },
-        ...u,
-        value: e.length ? S ?? "" : "",
-        children: e == null ? void 0 : e.map((r, d) => /* @__PURE__ */ n.jsx(
-          I,
+        ...t,
+        value: l.length ? S ?? "" : "",
+        children: l == null ? void 0 : l.map((e, r) => /* @__PURE__ */ d.jsx(
+          O,
           {
-            disabled: (r == null ? void 0 : r.disabled) ?? !1,
-            value: a ? r : r[f],
-            children: a ? r : r[t]
+            disabled: (e == null ? void 0 : e.disabled) ?? !1,
+            value: n(e),
+            children: u(e)
           },
-          (a ? r : r[f]) + d
+          `${n(e)}-${r}`
         ))
       }
     ) });
   }
 );
 export {
-  z as default
+  M as default
 };

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "registry": "https://registry.npmjs.org"
   },
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "advanced ui kit for solostylist",
   "private": false,
   "type": "module",