@ctlyst.id/internal-ui 3.3.2 → 3.3.3

package/dist/index.mjs

@@ -4654,8 +4654,85 @@ 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 InputGroup5 } from "@chakra-ui/react";
 import { Clock } from "@ctlyst.id/internal-icon";
-import { useEffect as useEffect2, useImperativeHandle as useImperativeHandle2 } from "react";
-import { useTimescape } from "timescape/react";
+import { useEffect as useEffect3, useImperativeHandle as useImperativeHandle2 } from "react";
+
+// src/components/time-input/components/integration.tsx
+import {
+  useEffect as useEffect2,
+  useLayoutEffect,
+  useRef,
+  useState as useState4
+} from "react";
+import { $NOW, TimescapeManager } from "timescape";
+import { marry } from "timescape";
+var useTimescape = (options = {}) => {
+  var _a;
+  const { date, onChangeDate, ...rest } = options;
+  const [manager] = useState4(() => new TimescapeManager(date, rest));
+  const onChangeDateRef = useRef(onChangeDate);
+  useLayoutEffect(() => {
+    onChangeDateRef.current = onChangeDate;
+  }, [onChangeDate]);
+  const [optionsState, update] = useState4(() => ({
+    date,
+    ...rest
+  }));
+  useEffect2(() => {
+    manager.resync();
+    return () => {
+      manager.remove();
+    };
+  }, [manager]);
+  useEffect2(() => {
+    return manager.on("changeDate", (nextDate) => {
+      var _a2;
+      (_a2 = onChangeDateRef.current) == null ? void 0 : _a2.call(onChangeDateRef, nextDate);
+      update((value) => ({ ...value, date: nextDate }));
+    });
+  }, [manager]);
+  const timestamp = (_a = optionsState.date) == null ? void 0 : _a.getTime();
+  useEffect2(() => {
+    manager.date = timestamp;
+    manager.minDate = optionsState.minDate;
+    manager.maxDate = optionsState.maxDate;
+    manager.hour12 = optionsState.hour12;
+    manager.wrapAround = optionsState.wrapAround;
+    manager.digits = optionsState.digits;
+    manager.snapToStep = optionsState.snapToStep;
+  }, [
+    manager,
+    timestamp,
+    optionsState.minDate,
+    optionsState.maxDate,
+    optionsState.hour12,
+    optionsState.wrapAround,
+    optionsState.digits,
+    optionsState.snapToStep
+  ]);
+  return {
+    _manager: manager,
+    getInputProps: (type, opts) => ({
+      _ref: (element) => {
+        if (!element) return;
+        manager.registerElement(element, type, opts == null ? void 0 : opts.autofocus);
+        if (opts == null ? void 0 : opts.ref) opts.ref.current = element;
+      },
+      get ref() {
+        return this._ref;
+      },
+      set ref(value) {
+        this._ref = value;
+      }
+    }),
+    getRootProps: () => ({
+      ref: (element) => element && manager.registerRoot(element)
+    }),
+    options: optionsState,
+    update
+  };
+};
+
+// src/components/time-input/components/index.tsx
 import { Fragment as Fragment10, jsx as jsx63, jsxs as jsxs29 } from "react/jsx-runtime";
 var Time = class {
   constructor(hours, minutes, seconds) {
@@ -4712,7 +4789,7 @@ var TimeInput2 = forwardRef12(
       date,
       ...config2
     });
-    useEffect2(() => {
+    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;
@@ -4938,7 +5015,7 @@ import {
   UnorderedList as UnorderedList2
 } from "@chakra-ui/react";
 import { Close as X, Plus } from "@ctlyst.id/internal-icon";
-import { useCallback as useCallback2, useEffect as useEffect3, useRef, useState as useState4 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect4, useRef as useRef2, useState as useState5 } from "react";
 import { useDropzone } from "react-dropzone";
 
 // src/components/uploader/constants.ts
@@ -4998,8 +5075,8 @@ var Uploader = ({
   size: size2 = "lg",
   ...props
 }) => {
-  const inputRef = useRef(null);
-  const [filePreview, setFilePreview] = useState4();
+  const inputRef = useRef2(null);
+  const [filePreview, setFilePreview] = useState5();
   const toast2 = useToast();
   const handleRejection = useCallback2(
     (message, file, image) => {
@@ -5068,7 +5145,7 @@ var Uploader = ({
     onHandleUploadFile == null ? void 0 : onHandleUploadFile(null, null);
     acceptedFiles.pop();
   };
-  useEffect3(() => {
+  useEffect4(() => {
     if (value) {
       if (typeof value === "string") {
         setFilePreview(value);
@@ -6902,7 +6979,7 @@ import { useMemo as useMemo5 } from "react";
 
 // src/provider/components/provider.tsx
 import axios from "axios";
-import { createContext as createContext2, useContext, useEffect as useEffect4, useMemo as useMemo4, useRef as useRef2 } from "react";
+import { createContext as createContext2, useContext, useEffect as useEffect5, useMemo as useMemo4, useRef as useRef3 } from "react";
 import { ToastContainer as ToastContainer2 } from "react-toastify";
 import { jsx as jsx67, jsxs as jsxs32 } from "react/jsx-runtime";
 var ProviderContext = createContext2({
@@ -6913,8 +6990,8 @@ var useInternalUI = () => {
   return { instance };
 };
 var Provider = ({ children, config: config2, requestInterceptors, responseInterceptors }) => {
-  const instanceRef = useRef2(axios.create(config2));
-  useEffect4(() => {
+  const instanceRef = useRef3(axios.create(config2));
+  useEffect5(() => {
     requestInterceptors == null ? void 0 : requestInterceptors.forEach((interceptor) => {
       instanceRef.current.interceptors.request.use(interceptor);
     });