am-shared-assets 1.0.13 → 1.0.14

package/dist/components/RangeSlider.d.ts

@@ -1,7 +1,7 @@
-import { Dispatch, SetStateAction } from 'react';
 interface IRangeSliderProps {
     value: number | number[];
-    setValue: Dispatch<SetStateAction<any>>;
+    onChange: (value: number | number[]) => void;
+    onChangeCommitted: (value: number | number[]) => void;
     min?: number;
     max?: number;
     step?: number;
@@ -9,5 +9,5 @@ interface IRangeSliderProps {
     tooltipColor?: "default" | "primary" | "secondary" | "success" | "warning" | "danger";
     tooltipTextColor?: "white" | "black";
 }
-export declare const RangeSlider: ({ value, setValue, min, max, step, color, tooltipColor, tooltipTextColor, }: IRangeSliderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RangeSlider: ({ value, onChange, onChangeCommitted, min, max, step, color, tooltipColor, tooltipTextColor, }: IRangeSliderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components.js

@@ -1,4 +1,4 @@
-import { jsxs as l, jsx as a, Fragment as Y } from "react/jsx-runtime";
+import { jsxs as u, jsx as a, Fragment as Y } from "react/jsx-runtime";
 import { I as z, c as S, b as W, W as q, T as V, a as G, C as J } from "./CheckIcon-DOBPX5J0.js";
 import { Slider as K, MenuItem as Q } from "@mui/material";
 import U from "@mui/material/Select";
@@ -13,7 +13,7 @@ function L(t) {
   } else for (s in t) t[s] && (r && (r += " "), r += s);
   return r;
 }
-function p() {
+function f() {
   for (var t, e, s = 0, r = "", n = arguments.length; s < n; s++) (t = arguments[s]) && (e = L(t)) && (r && (r += " "), r += e);
   return r;
 }
@@ -91,49 +91,49 @@ const Z = {
   infoIconAlignment: o,
   isInfoIcon: i = !0,
   hasCloseButton: c = !0,
-  hasButton: u = !1,
-  buttonTitle: f,
+  hasButton: l = !1,
+  buttonTitle: b,
   buttonTextColor: m = "black",
   buttonClickHandler: x,
   closeAlertHandler: h,
-  children: b
+  children: g
 }) => {
-  const g = p(
+  const p = f(
     H[n],
     Z[r],
     ne[d],
     ee[s]
   );
-  return b ? /* @__PURE__ */ l(
+  return g ? /* @__PURE__ */ u(
     "div",
     {
-      className: `flex p-3 ${g} ${o && M[o]}`,
+      className: `flex p-3 ${p} ${o && M[o]}`,
       children: [
         /* @__PURE__ */ a("div", { className: "mt-[1px]", children: i || !$[s] ? /* @__PURE__ */ a(z, { color: B[s] }) : $[s] }),
-        b
+        g
       ]
     }
-  ) : /* @__PURE__ */ l("div", { className: `relative flex justify-between p-3 ${g}`, children: [
-    /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ u("div", { className: `relative flex justify-between p-3 ${p}`, children: [
+    /* @__PURE__ */ u(
       "div",
       {
-        className: `flex ${o ? M[o] : u ? "items-center" : t && e ? "items-start" : "items-center"} gap-3`,
+        className: `flex ${o ? M[o] : l ? "items-center" : t && e ? "items-start" : "items-center"} gap-3`,
         children: [
           /* @__PURE__ */ a("div", { className: "mt-[1px]", children: i || !$[s] ? /* @__PURE__ */ a(z, { color: B[s] }) : $[s] }),
-          /* @__PURE__ */ l("div", { children: [
+          /* @__PURE__ */ u("div", { children: [
             t && /* @__PURE__ */ a("h2", { className: `font-semibold ${re[s]}`, children: t }),
             e && /* @__PURE__ */ a("p", { className: se[s], children: e })
           ] })
         ]
       }
     ),
-    u ? /* @__PURE__ */ l("div", { className: "flex items-center", children: [
+    l ? /* @__PURE__ */ u("div", { className: "flex items-center", children: [
       /* @__PURE__ */ a(
         "button",
         {
           onClick: x,
           className: `h-8 px-3 rounded-md ${te[s]} ${ae[m]}`,
-          children: f
+          children: b
         }
       ),
       c && /* @__PURE__ */ a(
@@ -169,7 +169,7 @@ const Z = {
   size: r = "md",
   textColor: n = "black"
 }) => {
-  const d = p(
+  const d = f(
     de[e],
     ie[n],
     oe[r],
@@ -249,24 +249,24 @@ const Z = {
   label: o,
   icon: i,
   iconPosition: c = "left",
-  width: u = "auto",
-  disabled: f = !1,
+  width: l = "auto",
+  disabled: b = !1,
   onClick: m
 }) => {
-  const x = p(
-    u === "full" ? "w-full" : "w-auto",
+  const x = f(
+    l === "full" ? "w-full" : "w-auto",
     c === "right" ? "flex-row" : "flex-row-reverse",
     ue[d],
     le[n],
     be(e, s, r)
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ u(
     "button",
     {
       type: t,
       className: "flex items-center justify-center gap-2 font-semibold transition-all duration-300 " + x,
       onClick: m,
-      disabled: f,
+      disabled: b,
       children: [
         i,
         o && /* @__PURE__ */ a("p", { children: o })
@@ -355,12 +355,12 @@ const Z = {
   rounded: d = "none",
   children: o
 }) => {
-  const i = p(
+  const i = f(
     pe[d],
     ge[n],
     xe(t, e, s)
   );
-  return /* @__PURE__ */ a("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${i}`, children: o || /* @__PURE__ */ l(Y, { children: [
+  return /* @__PURE__ */ a("div", { className: `w-fit flex items-center justify-center gap-1 px-2 ${i}`, children: o || /* @__PURE__ */ u(Y, { children: [
     /* @__PURE__ */ a("p", { children: r }),
     t === "dot" && /* @__PURE__ */ a("div", { className: `size-2 rounded-full ${me[e]}` })
   ] }) });
@@ -424,34 +424,34 @@ const Z = {
   onChange: o,
   isFocused: i = !1,
   placeHolder: c,
-  variant: u = "flat",
-  color: f = "default",
+  variant: l = "flat",
+  color: b = "default",
   size: m = "sm",
   rounded: x = "sm",
   description: h = "",
-  icon: b,
-  endIcon: g,
+  icon: g,
+  endIcon: p,
   errorMsg: v = "",
   hasError: N = !1
 }) => {
-  const T = p(Ce[x], ke(u, f, N)), _ = p(he[m]);
-  return /* @__PURE__ */ l("label", { className: "flex flex-col w-full", children: [
-    e && /* @__PURE__ */ l(
+  const T = f(Ce[x], ke(l, b, N)), _ = f(he[m]);
+  return /* @__PURE__ */ u("label", { className: "flex flex-col w-full", children: [
+    e && /* @__PURE__ */ u(
       "div",
       {
-        className: `h-4 text-xs mb-2 ${N ? "text-base-danger" : we[f]}`,
+        className: `h-4 text-xs mb-2 ${N ? "text-base-danger" : we[b]}`,
         children: [
           e,
           s && /* @__PURE__ */ a("span", { className: "text-base-danger text-sm", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ u(
       "div",
       {
         className: `${T} flex items-center px-1.5 transition-all duration-200`,
         children: [
-          b,
+          g,
           r ? /* @__PURE__ */ a(
             "input",
             {
@@ -474,7 +474,7 @@ const Z = {
               autoFocus: i
             }
           ),
-          g
+          p
         ]
       }
     ),
@@ -509,11 +509,11 @@ const Z = {
   color: o = "primary",
   children: i
 }) => {
-  const c = p(
+  const c = f(
     Fe[d],
     s ? Ne[o] : "border-base-default hover:bg-default-100 transition-all duration-200"
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ u(
     "label",
     {
       className: `flex items-center gap-2 ${r ? "opacity-50" : "cursor-pointer"}`,
@@ -525,7 +525,7 @@ const Z = {
             type: "radio",
             value: e,
             checked: s,
-            onChange: (u) => n && n(u.target.value),
+            onChange: (l) => n && n(l.target.value),
             disabled: r,
             style: { display: "none" }
           }
@@ -601,13 +601,13 @@ const Z = {
   direction: d = "bottom",
   position: o = "center"
 }) => {
-  const i = p(
+  const i = f(
     ze[r],
     E[e],
     Se[s],
     Ae[n]
   );
-  return /* @__PURE__ */ l("div", { className: "relative", children: [
+  return /* @__PURE__ */ u("div", { className: "relative", children: [
     /* @__PURE__ */ a(
       "div",
       {
@@ -638,31 +638,33 @@ const Z = {
   danger: "#fdd0df"
 }, Ze = ({
   value: t,
-  setValue: e,
-  min: s = 0,
-  max: r = 100,
-  step: n = 1,
-  color: d = "primary",
-  tooltipColor: o = "primary",
-  tooltipTextColor: i = "white"
+  onChange: e,
+  onChangeCommitted: s,
+  min: r = 0,
+  max: n = 100,
+  step: d = 1,
+  color: o = "primary",
+  tooltipColor: i = "primary",
+  tooltipTextColor: c = "white"
 }) => /* @__PURE__ */ a(
   K,
   {
     value: t,
-    min: s,
-    max: r,
-    step: n,
-    onChange: (c, u) => {
-      e(u);
+    min: r,
+    max: n,
+    step: d,
+    onChange: (l, b) => {
+      e(b);
     },
-    onChangeCommitted: (c) => {
+    onChangeCommitted: (l, b) => {
+      s(b);
     },
-    valueLabelFormat: (c) => /* @__PURE__ */ a(
+    valueLabelFormat: (l) => /* @__PURE__ */ a(
       Be,
       {
-        color: o,
-        textColor: i,
-        label: `${c.toLocaleString()}`
+        color: i,
+        textColor: c,
+        label: `${l.toLocaleString()}`
       }
     ),
     valueLabelDisplay: "auto",
@@ -675,20 +677,20 @@ const Z = {
         width: "16px",
         height: "16px",
         border: "2px solid",
-        borderColor: R[d],
+        borderColor: R[o],
         color: "#fff"
       },
       "& .MuiSlider-thumb.Mui-focusVisible": {
-        boxShadow: `0 0 0 4px ${F[d]}`
+        boxShadow: `0 0 0 4px ${F[o]}`
       },
       "& .MuiSlider-thumb.Mui-active": {
-        boxShadow: `0 0 0 4px ${F[d]}`
+        boxShadow: `0 0 0 4px ${F[o]}`
       },
       "& .MuiSlider-thumb:hover": {
-        boxShadow: `0 0 0 4px ${F[d]}`
+        boxShadow: `0 0 0 4px ${F[o]}`
       },
       "& .MuiSlider-track": {
-        color: R[d]
+        color: R[o]
       },
       "& .MuiSlider-valueLabel": {
         backgroundColor: "transparent"
@@ -792,15 +794,15 @@ const Z = {
   color: d = "default",
   disabled: o = !1
 }) => {
-  const i = p(
+  const i = f(
     r === "left" ? "flex-row" : "flex-row-reverse",
     o && "opacity-50"
-  ), c = p(
+  ), c = f(
     Pe[n],
     t ? je[d] : "bg-default-700",
     o && "cursor-auto"
   );
-  return /* @__PURE__ */ l("div", { className: `flex items-center gap-2 ${i}`, children: [
+  return /* @__PURE__ */ u("div", { className: `flex items-center gap-2 ${i}`, children: [
     /* @__PURE__ */ a(
       "button",
       {
@@ -838,13 +840,13 @@ const Z = {
   inputRef: o,
   size: i,
   variant: c,
-  iconOnClick: u,
-  endIconOnClick: f
-}) => /* @__PURE__ */ l("div", { ref: o, className: "relative", children: [
+  iconOnClick: l,
+  endIconOnClick: b
+}) => /* @__PURE__ */ u("div", { ref: o, className: "relative", children: [
   r && /* @__PURE__ */ a(
     "button",
     {
-      onClick: u,
+      onClick: l,
       className: "absolute top-1/2 -translate-y-1/2 right-2",
       children: r
     }
@@ -863,7 +865,7 @@ const Z = {
   n && /* @__PURE__ */ a(
     "button",
     {
-      onClick: f,
+      onClick: b,
       className: "absolute top-1/2 -translate-y-1/2 left-2",
       children: n
     }
@@ -878,11 +880,11 @@ const Z = {
   onChange: o,
   size: i = "sm",
   variant: c = "flat",
-  options: u,
-  iconOnClick: f,
+  options: l,
+  iconOnClick: b,
   endIconOnClick: m
 }) => {
-  const x = u.map((b, g) => ({ ...b, optionIndex: g })), h = u.map((b, g) => ({ data: b.data, optionIndex: g }));
+  const x = l.map((g, p) => ({ ...g, optionIndex: p })), h = l.map((g, p) => ({ data: g.data, optionIndex: p }));
   return /* @__PURE__ */ a(
     X,
     {
@@ -902,12 +904,12 @@ const Z = {
           }
         }
       },
-      onChange: (b, g) => o && o(g),
+      onChange: (g, p) => o && o(p),
       getOptionLabel: () => "",
-      renderOption: (b, g) => /* @__PURE__ */ a("li", { ...b, children: x.find(
-        ({ optionIndex: v }) => v === g.optionIndex
+      renderOption: (g, p) => /* @__PURE__ */ a("li", { ...g, children: x.find(
+        ({ optionIndex: v }) => v === p.optionIndex
       )?.itemElement }),
-      renderInput: (b) => /* @__PURE__ */ l("div", { children: [
+      renderInput: (g) => /* @__PURE__ */ u("div", { children: [
         t && /* @__PURE__ */ a("div", { className: "h-4 text-xs mb-2 text-default-600", children: t }),
         /* @__PURE__ */ a(
           Re,
@@ -917,11 +919,11 @@ const Z = {
             placeHolder: e,
             inputIcon: s,
             inputEndIcon: r,
-            inputProps: b.slotProps.htmlInput,
-            inputRef: b.slotProps.input.ref,
+            inputProps: g.slotProps.htmlInput,
+            inputRef: g.slotProps.input.ref,
             size: i,
             variant: c,
-            iconOnClick: f,
+            iconOnClick: b,
             endIconOnClick: m
           }
         )
@@ -932,8 +934,8 @@ const Z = {
   xs: "size-4 min-w-4",
   sm: "size-5 min-w-5"
 }, sr = ({ checked: t, size: e = "xs", children: s, onClickHandler: r }) => {
-  const n = p(Le[e], t ? "border-base-primary bg-base-primary" : "border-content-3 group-hover:bg-content-2");
-  return /* @__PURE__ */ l("div", { onClick: r, className: "flex cursor-pointer group", children: [
+  const n = f(Le[e], t ? "border-base-primary bg-base-primary" : "border-content-3 group-hover:bg-content-2");
+  return /* @__PURE__ */ u("div", { onClick: r, className: "flex cursor-pointer group", children: [
     /* @__PURE__ */ a("div", { className: `flex items-center justify-center ${n} border-2 rounded-xs transition-all duration-300`, children: t && /* @__PURE__ */ a(J, { color: "#FFFFFF", size: e === "xs" ? 12 : 16 }) }),
     s
   ] });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "am-shared-assets",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "type": "module",
   "license": "MIT",
   "description": "",