anysystem-design 0.0.5 → 0.0.6

package/dist/components/Icon/Icon.js

@@ -1,10 +1,9 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Suspense as e } from "react";
+import { jsx as r } from "react/jsx-runtime";
 import { I as s } from "../../index-TmOGnUkt.js";
-const f = ({ name: r, ...n }) => {
-  const t = s[r];
-  return /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(t, { ...n }) });
+const m = ({ name: o, ...t }) => {
+  const n = s[o];
+  return /* @__PURE__ */ r(n, { ...t });
 };
 export {
-  f as default
+  m as default
 };

package/dist/components/Selectbox/FormSelectbox.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SelectboxProps, SelectboxHandler } from './Selectbox';
+
+export type FormSelectboxProps = SelectboxProps & {
+    name: string;
+};
+declare const _default: React.ForwardRefExoticComponent<FormSelectboxProps & React.RefAttributes<SelectboxHandler>>;
+export default _default;

package/dist/components/Selectbox/FormSelectbox.js

@@ -0,0 +1,20 @@
+import { jsx as f } from "react/jsx-runtime";
+import m from "react";
+import { u as a } from "../../formik.esm-CcTVNwxQ.js";
+import c from "./Selectbox.js";
+const l = ({ name: e, ...r }, t) => {
+  const [o] = a(e);
+  return /* @__PURE__ */ f(
+    c,
+    {
+      ref: t,
+      ...o,
+      value: (o == null ? void 0 : o.value) || "",
+      ...r,
+      name: e
+    }
+  );
+}, i = m.forwardRef(l);
+export {
+  i as default
+};

package/dist/components/Selectbox/SelectboxBase.js

@@ -1,155 +1,182 @@
-import { jsx as t, jsxs as u, Fragment as f } from "react/jsx-runtime";
-import p, { Fragment as C } from "react";
-import { u as H, a as L, b as M, c as z, d as A, e as B, M as D, U as G, H as I, X as P, G as X, V as _, o as $, f as O, s as q, g as J } from "../../index-BSptVng4.js";
+import { jsxs as i, jsx as l, Fragment as p } from "react/jsx-runtime";
+import g, { Fragment as j } from "react";
+import { u as H, a as M, b as A, c as C, d as z, e as B, M as D, U as G, H as I, X as P, G as X, V as _, o as $, f as O, s as q, g as J } from "../../index-BSptVng4.js";
 import { b as K } from "../../index-wvw0O1v3.js";
-import { t as m } from "../../bundle-mjs-SHnj3fHy.js";
-import { getValue as o } from "./helper.js";
-const Q = (s, l) => l.type === "SETVALUE" ? {
+import { t as v } from "../../bundle-mjs-SHnj3fHy.js";
+import { getValue as n } from "./helper.js";
+const Q = (s, a) => a.type === "SETVALUE" ? {
   ...s,
-  value: l.value,
-  selected: s.list.find((n) => o(n, s.valueField) === l.value) || null
-} : l.type === "SETSELECT" ? {
+  value: a.value,
+  selected: s.list.find((o) => n(o, s.valueField) === a.value) || null
+} : a.type === "SETSELECT" ? {
   ...s,
-  selected: l.selected,
-  value: o(l.selected, s.valueField) + ""
+  selected: a.selected,
+  value: n(a.selected, s.valueField) + ""
 } : s, W = ({
   id: s,
-  name: l,
-  value: n,
-  options: c,
-  onChange: v,
-  placeholder: x = "Select a option",
+  name: a,
+  value: o,
+  options: f,
+  onChange: c,
+  placeholder: h = "Select a option",
   valueField: d = "value"
 }, w) => {
-  var h;
-  const [a, g] = p.useReducer(Q, {
-    list: c,
-    value: n,
+  var b;
+  const [t, m] = g.useReducer(Q, {
+    list: f,
+    value: o,
     valueField: d,
-    selected: c.find((e) => o(e, d) === n || "") || null
-  }), { refs: y, x: E, y: F, strategy: S, floatingStyles: N, context: i } = H({
+    selected: f.find((e) => n(e, d) === o || "") || null
+  }), { refs: y, x: E, y: N, strategy: S, floatingStyles: F, context: u } = H({
     open: !0,
     middleware: [$(10), O(), q()],
     whileElementsMounted: J,
     placement: "bottom"
-  }), T = L(i, { move: !1 }), R = M(i), U = z(i), V = A(i, { role: "tooltip" }), { getReferenceProps: k, getFloatingProps: j } = B([
+  }), T = M(u, { move: !1 }), U = A(u), V = C(u), R = z(u, { role: "tooltip" }), { getReferenceProps: k, getFloatingProps: L } = B([
     T,
-    R,
     U,
-    V
+    V,
+    R
   ]);
-  return p.useImperativeHandle(w, () => ({
+  return g.useImperativeHandle(w, () => ({
     setValue: (e) => {
-      g({
+      m({
         type: "SETVALUE",
         value: e + ""
       });
     }
-  })), /* @__PURE__ */ t(
+  })), /* @__PURE__ */ i(
     "div",
     {
-      className: m(
+      className: v(
         "form-control relative inline-block text-left",
-        !a.value && "text-gray-300"
+        !t.value && "text-gray-300"
         //empty
       ),
-      children: /* @__PURE__ */ u(
-        D,
-        {
-          as: "div",
-          value: a.selected,
-          onChange: (e) => {
-            const r = o(e, d);
-            g({
-              type: "SETSELECT",
-              selected: e
-            }), v && v(r);
-          },
-          ref: y.setReference,
-          ...k(),
-          children: [
-            /* @__PURE__ */ u(G, { className: "relative z-10 inline-flex w-full justify-between !p-0 focus:outline-none", children: [
-              /* @__PURE__ */ t("span", { children: a.value ? /* @__PURE__ */ t(f, { children: ((h = a.selected) == null ? void 0 : h.label) || "" }) : x }),
-              /* @__PURE__ */ t(
-                I,
+      children: [
+        /* @__PURE__ */ i(
+          "select",
+          {
+            className: "w-full bg-transparent outline-0 md:hidden",
+            onChange: (e) => {
+              m({
+                type: "SETVALUE",
+                value: e.target.value
+              }), c && c(e.target.value);
+            },
+            children: [
+              /* @__PURE__ */ l("option", { value: "", children: h }),
+              t.list.map((e) => /* @__PURE__ */ l(
+                "option",
                 {
-                  className: "h-5 w-5 text-gray-400",
-                  "aria-hidden": "true"
-                }
-              )
-            ] }),
-            /* @__PURE__ */ t(
-              P,
-              {
-                as: C,
-                enter: "transition duration-100 ease-out",
-                enterFrom: "scale-95 transform opacity-0",
-                enterTo: "scale-100 transform opacity-100",
-                leave: "transition duration-75 ease-in",
-                leaveFrom: "scale-100 transform opacity-100",
-                leaveTo: "scale-95 transform opacity-0",
-                children: /* @__PURE__ */ t(
-                  X,
+                  value: n(e, d),
+                  disabled: e.enable === !1,
+                  children: e.label
+                },
+                e.id
+              ))
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(
+          D,
+          {
+            className: "hidden md:flex",
+            as: "div",
+            value: t.selected,
+            onChange: (e) => {
+              const r = n(e, d);
+              m({
+                type: "SETSELECT",
+                selected: e
+              }), c && c(r);
+            },
+            ref: y.setReference,
+            ...k(),
+            children: [
+              /* @__PURE__ */ i(G, { className: "relative z-10 inline-flex w-full justify-between !p-0 focus:outline-none", children: [
+                /* @__PURE__ */ l("span", { children: t.value ? /* @__PURE__ */ l(p, { children: ((b = t.selected) == null ? void 0 : b.label) || "" }) : h }),
+                /* @__PURE__ */ l(
+                  I,
                   {
-                    className: "absolute !z-[999] mt-2 inline-block w-full origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
-                    ref: y.setFloating,
-                    style: N,
-                    ...j({
-                      style: {
-                        position: S,
-                        top: F ?? "",
-                        left: E ?? ""
-                      }
-                    }),
-                    children: /* @__PURE__ */ t("div", { className: "flex flex-col px-1 py-1", children: a.list.map((e) => {
-                      var r, b;
-                      return /* @__PURE__ */ t(
-                        _,
-                        {
-                          className: m(
-                            "relative flex cursor-pointer select-none justify-between px-5 py-4 text-black hover:bg-indigo-100",
-                            e.enable === !1 && "cursor-not-allowed opacity-50",
-                            ((r = a.selected) == null ? void 0 : r.id) === e.id && "bg-indigo-100"
-                          ),
-                          value: e,
-                          disabled: e.enable === !1,
-                          children: /* @__PURE__ */ u(f, { children: [
-                            /* @__PURE__ */ t("span", { className: "pl-5", children: e.label }),
-                            ((b = a.selected) == null ? void 0 : b.id) === e.id ? /* @__PURE__ */ t(
-                              "span",
-                              {
-                                className: m(
-                                  "absolute inset-y-0 left-0 flex items-center pl-3 text-indigo-600"
-                                ),
-                                children: /* @__PURE__ */ t(K, { className: "h-5 w-5", "aria-hidden": "true" })
-                              }
-                            ) : /* @__PURE__ */ t(f, {})
-                          ] })
-                        },
-                        e.id
-                      );
-                    }) })
+                    className: "h-5 w-5 text-gray-400",
+                    "aria-hidden": "true"
                   }
                 )
-              }
-            ),
-            /* @__PURE__ */ t(
-              "input",
-              {
-                type: "text",
-                id: s,
-                name: l,
-                style: { display: "none" },
-                value: a.value + "",
-                readOnly: !0
-              }
-            )
-          ]
-        }
-      )
+              ] }),
+              /* @__PURE__ */ l(
+                P,
+                {
+                  as: j,
+                  enter: "transition duration-100 ease-out",
+                  enterFrom: "scale-95 transform opacity-0",
+                  enterTo: "scale-100 transform opacity-100",
+                  leave: "transition duration-75 ease-in",
+                  leaveFrom: "scale-100 transform opacity-100",
+                  leaveTo: "scale-95 transform opacity-0",
+                  children: /* @__PURE__ */ l(
+                    X,
+                    {
+                      className: "absolute !z-[999] mt-2 inline-block w-full origin-top-right divide-y divide-gray-100 rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none",
+                      ref: y.setFloating,
+                      style: F,
+                      ...L({
+                        style: {
+                          position: S,
+                          top: N ?? "",
+                          left: E ?? ""
+                        }
+                      }),
+                      children: /* @__PURE__ */ l("div", { className: "flex flex-col px-1 py-1", children: t.list.map((e) => {
+                        var r, x;
+                        return /* @__PURE__ */ l(
+                          _,
+                          {
+                            className: v(
+                              "relative flex cursor-pointer select-none justify-between px-5 py-4 text-black hover:bg-indigo-100",
+                              e.enable === !1 && "cursor-not-allowed opacity-50",
+                              ((r = t.selected) == null ? void 0 : r.id) === e.id && "bg-indigo-100"
+                            ),
+                            value: e,
+                            disabled: e.enable === !1,
+                            children: /* @__PURE__ */ i(p, { children: [
+                              /* @__PURE__ */ l("span", { className: "pl-5", children: e.label }),
+                              ((x = t.selected) == null ? void 0 : x.id) === e.id ? /* @__PURE__ */ l(
+                                "span",
+                                {
+                                  className: v(
+                                    "absolute inset-y-0 left-0 flex items-center pl-3 text-indigo-600"
+                                  ),
+                                  children: /* @__PURE__ */ l(K, { className: "h-5 w-5", "aria-hidden": "true" })
+                                }
+                              ) : /* @__PURE__ */ l(p, {})
+                            ] })
+                          },
+                          e.id
+                        );
+                      }) })
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ l(
+          "input",
+          {
+            type: "text",
+            id: s,
+            name: a,
+            style: { display: "none" },
+            value: t.value + "",
+            readOnly: !0
+          }
+        )
+      ]
     }
   );
-}, ae = p.forwardRef(W);
+}, ae = g.forwardRef(W);
 export {
   ae as default
 };