@ctlyst.id/internal-ui 5.4.4 → 5.4.6

package/dist/index.mjs

@@ -459,7 +459,7 @@ var card_default = CardCustom;
 // src/components/checkbox/components/checkbox.tsx
 import { Box as Box5, Checkbox, forwardRef as forwardRef7, Text as Text2, useCheckbox } from "@chakra-ui/react";
 import * as Icon from "@ctlyst.id/internal-icon";
-import { useCallback, useEffect, useState } from "react";
+import { useCallback } from "react";
 
 // src/utils/throttleFn.ts
 var throttle = (fn, delay) => {
@@ -480,19 +480,18 @@ import { jsx as jsx16, jsxs as jsxs2 } from "react/jsx-runtime";
 var CheckboxComponent = forwardRef7(
   ({ isError = false, animated = false, helpText, errorText, boxProps, children, isDisabled, throttleTime, ...rest }, ref) => {
     const { state } = useCheckbox(rest);
-    const [isChecked, setIsChecked] = useState(!!rest.isChecked);
-    useEffect(() => {
-      setIsChecked(!!rest.isChecked);
-    }, [rest.isChecked]);
     const throttleFn = useCallback(
-      throttle((val) => setIsChecked(val), throttleTime),
+      throttle((event) => {
+        var _a;
+        return (_a = rest.onChange) == null ? void 0 : _a.call(rest, event);
+      }, throttleTime),
       []
     );
     const handleOnChange = useCallback(
       (event) => {
-        if (throttleTime) throttleFn(event.target.checked);
-        else setIsChecked(event.target.checked);
-        if (rest.onChange) rest.onChange(event);
+        var _a;
+        if (throttleTime) throttleFn(event);
+        else (_a = rest.onChange) == null ? void 0 : _a.call(rest, event);
       },
       [rest.onChange]
     );
@@ -510,7 +509,7 @@ var CheckboxComponent = forwardRef7(
           variant,
           ref,
           ...rest,
-          isChecked,
+          isChecked: rest.isChecked,
           onChange: handleOnChange,
           isDisabled,
           color: "white",
@@ -683,7 +682,7 @@ import { InputRightElement } from "@chakra-ui/react";
 // src/components/form/components/input-field.tsx
 import { Box as Box8, Input as ChakraInput, InputGroup } from "@chakra-ui/react";
 import { Close as Close2, Eye as Eye2, EyeOff } from "@ctlyst.id/internal-icon";
-import React2, { useMemo, useState as useState2 } from "react";
+import React2, { useMemo, useState } from "react";
 import { jsx as jsx21, jsxs as jsxs5 } from "react/jsx-runtime";
 var InputField = React2.forwardRef((props, ref) => {
   const {
@@ -718,7 +717,7 @@ var InputField = React2.forwardRef((props, ref) => {
       focusColor: focusColor2
     };
   };
-  const [isShowPassword, setIsShowPassword] = useState2(false);
+  const [isShowPassword, setIsShowPassword] = useState(false);
   const inputType = useMemo(() => {
     return type === "password" && isShowPassword ? "text" : type;
   }, [isShowPassword, type]);
@@ -4669,8 +4668,7 @@ function selectStyles(colorMode, _isError) {
       ...base,
       ...selectStyle,
       color: "var(--chakra-colors-neutral-900)",
-      padding: 12,
-      height: 42
+      padding: 12
     }),
     menu: (base) => {
       return {
@@ -5490,36 +5488,36 @@ import { Code, CodeProps, Heading, HeadingProps, Link as Link5, LinkProps, Text
 // src/components/time-input/components/index.tsx
 import { Box as Box29, Flex as Flex17, forwardRef as forwardRef12, Input as Input3, InputGroup as InputGroup4 } from "@chakra-ui/react";
 import { Clock } from "@ctlyst.id/internal-icon";
-import { useEffect as useEffect4, useImperativeHandle as useImperativeHandle2 } from "react";
+import { useEffect as useEffect3, useImperativeHandle as useImperativeHandle2 } from "react";
 
 // src/components/time-input/components/integration.tsx
 import { $NOW, TimescapeManager } from "@zamiru/timescape";
 import { marry } from "@zamiru/timescape";
 import {
-  useEffect as useEffect3,
+  useEffect as useEffect2,
   useLayoutEffect,
   useRef as useRef3,
-  useState as useState5
+  useState as useState4
 } from "react";
 var useTimescape = (options = {}) => {
   var _a;
   const { date, onChangeDate, ...rest } = options;
-  const [manager] = useState5(() => new TimescapeManager(date, rest));
+  const [manager] = useState4(() => new TimescapeManager(date, rest));
   const onChangeDateRef = useRef3(onChangeDate);
   useLayoutEffect(() => {
     onChangeDateRef.current = onChangeDate;
   }, [onChangeDate]);
-  const [optionsState, update] = useState5(() => ({
+  const [optionsState, update] = useState4(() => ({
     date,
     ...rest
   }));
-  useEffect3(() => {
+  useEffect2(() => {
     manager.resync();
     return () => {
       manager.remove();
     };
   }, [manager]);
-  useEffect3(() => {
+  useEffect2(() => {
     return manager.on("changeDate", (nextDate) => {
       var _a2;
       (_a2 = onChangeDateRef.current) == null ? void 0 : _a2.call(onChangeDateRef, nextDate);
@@ -5527,7 +5525,7 @@ var useTimescape = (options = {}) => {
     });
   }, [manager]);
   const timestamp = (_a = optionsState.date) == null ? void 0 : _a.getTime();
-  useEffect3(() => {
+  useEffect2(() => {
     manager.date = timestamp;
     manager.minDate = optionsState.minDate;
     manager.maxDate = optionsState.maxDate;
@@ -5640,7 +5638,7 @@ var TimeInput2 = forwardRef12(
       date,
       ...config2
     });
-    useEffect4(() => {
+    useEffect3(() => {
       var _a, _b, _c, _d, _e, _f;
       timeValue.hours = (_b = (_a = options == null ? void 0 : options.date) == null ? void 0 : _a.getHours()) != null ? _b : 0;
       timeValue.minutes = (_d = (_c = options == null ? void 0 : options.date) == null ? void 0 : _c.getMinutes()) != null ? _d : 0;
@@ -5900,7 +5898,7 @@ import {
   UnorderedList as UnorderedList2
 } from "@chakra-ui/react";
 import { Close as X, Plus } from "@ctlyst.id/internal-icon";
-import { useCallback as useCallback4, useEffect as useEffect5, useState as useState6 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect4, useState as useState5 } from "react";
 import { useDropzone } from "react-dropzone";
 
 // src/components/uploader/constants.ts
@@ -5999,7 +5997,7 @@ var Uploader = ({
   validatorExt,
   ...props
 }) => {
-  const [filePreview, setFilePreview] = useState6();
+  const [filePreview, setFilePreview] = useState5();
   const toast2 = useToast();
   const handleRejection = useCallback4(
     (message, file, image) => {
@@ -6091,7 +6089,7 @@ var Uploader = ({
     onHandleUploadFile == null ? void 0 : onHandleUploadFile(null, null);
     acceptedFiles.pop();
   };
-  useEffect5(() => {
+  useEffect4(() => {
     if (value) {
       if (typeof value === "string") {
         setFilePreview(value);
@@ -7940,7 +7938,7 @@ import { useMemo as useMemo5 } from "react";
 
 // src/provider/components/provider.tsx
 import axios from "axios";
-import { createContext as createContext2, useContext, useEffect as useEffect6, useMemo as useMemo4, useRef as useRef4 } from "react";
+import { createContext as createContext2, useContext, useEffect as useEffect5, useMemo as useMemo4, useRef as useRef4 } from "react";
 import { ToastContainer as ToastContainer2 } from "react-toastify";
 import { jsx as jsx67, jsxs as jsxs32 } from "react/jsx-runtime";
 var ProviderContext = createContext2({
@@ -7952,7 +7950,7 @@ var useInternalUI = () => {
 };
 var Provider = ({ children, config: config2, requestInterceptors, responseInterceptors }) => {
   const instanceRef = useRef4(axios.create(config2));
-  useEffect6(() => {
+  useEffect5(() => {
     requestInterceptors == null ? void 0 : requestInterceptors.forEach((interceptor) => {
       instanceRef.current.interceptors.request.use(interceptor);
     });