lawgic-dev-kit 0.8.0 → 0.8.6

package/dist/components/molecules/Tabs/Tabs.js

@@ -1,35 +1,93 @@
-import { j as e } from "../../../_virtual/jsx-runtime.js";
+import { j as r } from "../../../_virtual/jsx-runtime.js";
+import { useRef as m, useState as E, useEffect as u } from "react";
 import "../../../node_modules/@fortawesome/react-fontawesome/index.es.js";
-import "react";
 import "../../../_virtual/lodash.js";
-import "../../../providers/ThemeProvider.js";
+import { useTheme as S } from "../../../providers/ThemeProvider.js";
 import "react-dom";
 import "../../atoms/ImageProfileInput/ImageProfileInput.validators.js";
-import a from "../../atoms/Tab/Tab.js";
-import { AnimatePresence as p } from "../../../node_modules/framer-motion/dist/es/components/AnimatePresence/index.js";
-import { motion as c } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
-const T = ({ variant: r = "underline", tabs: o, activeTab: t, onTabChange: m, className: l = "", direction: n = "row", showLabel: s = !0 }) => /* @__PURE__ */ e.jsx("div", { className: `flex items-center ${l}`, children: o.map((i) => /* @__PURE__ */ e.jsx(p, { mode: "wait", children: /* @__PURE__ */ e.jsx(
-  c.div,
-  {
-    initial: { opacity: 0, y: 10 },
-    animate: { opacity: 1, y: 0 },
-    transition: { duration: 0.2 },
-    className: "w-full",
-    children: /* @__PURE__ */ e.jsx(
-      a,
-      {
-        href: i.href,
-        label: s ? i.label : "",
-        icon: i.icon,
-        direction: n,
-        isSelected: t === i.id,
-        onClick: () => m(i.id),
-        variant: r
+import L from "../../atoms/Tab/Tab.js";
+import "../../../constants/countries.js";
+import { motion as a } from "../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+const A = ({
+  variant: p = "underline",
+  color: h = "blue",
+  tabs: i,
+  activeTab: n,
+  onTabChange: w,
+  className: x = "",
+  direction: R = "row",
+  showLabel: g = !0
+}) => {
+  const o = m([]), [c, j] = E({ left: 0, width: 0 }), s = m(null), { defaultColorScheme: v } = S(), C = h || v, d = () => {
+    const e = i.findIndex((t) => t.id === n);
+    if (e >= 0 && o.current[e]) {
+      const t = o.current[e];
+      if (t && s.current) {
+        const l = s.current.getBoundingClientRect(), f = t.getBoundingClientRect();
+        j({
+          left: f.left - l.left,
+          width: f.width
+        });
       }
-    )
-  },
-  i.label
-) }, i.label)) });
+    }
+  };
+  return u(() => {
+    d();
+  }, [n, i]), u(() => {
+    const e = () => {
+      d();
+    };
+    return window.addEventListener("resize", e), () => {
+      window.removeEventListener("resize", e);
+    };
+  }, [n, i]), /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      ref: s,
+      className: `flex items-center relative ${x}`,
+      children: [
+        i.map((e, t) => /* @__PURE__ */ r.jsx(
+          a.div,
+          {
+            ref: (l) => {
+              o.current[t] = l;
+            },
+            className: "w-full",
+            children: /* @__PURE__ */ r.jsx(
+              L,
+              {
+                href: e.href,
+                label: g ? e.label : "",
+                icon: e.icon,
+                direction: R,
+                isSelected: n === e.id,
+                onClick: () => w(e.id),
+                variant: p
+              }
+            )
+          },
+          e.id
+        )),
+        /* @__PURE__ */ r.jsx(
+          a.div,
+          {
+            className: `absolute bottom-0 h-2 bg-${C}-500`,
+            initial: !1,
+            animate: {
+              left: c.left,
+              width: c.width
+            },
+            transition: {
+              type: "spring",
+              stiffness: 300,
+              damping: 30
+            }
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  T as default
+  A as default
 };

package/dist/components/molecules/UncontrolledDateInput/UncontrolledDateInput.d.ts

@@ -1,12 +1,10 @@
-import { default as React } from 'react';
 export type UncontrolledDateInputProps = {
-    currentDate: Date | undefined | null;
-    onDateChange: (date: Date | undefined | null) => void;
+    currentDate: Date | null;
+    onDateChange: (date: Date | null) => void;
     label?: string;
     placeholder?: string;
-    showTimeSelector?: boolean;
-    translateKey?: string;
     error?: string;
+    translatedKey: string;
+    showTimeSelector?: boolean;
 };
-declare const UncontrolledDateInput: React.FC<UncontrolledDateInputProps>;
-export default UncontrolledDateInput;
+export default function UncontrolledDateInput({ currentDate, onDateChange, label, placeholder, error, translatedKey, showTimeSelector, }: UncontrolledDateInputProps): import("react/jsx-runtime").JSX.Element;