@ctlyst.id/internal-ui 4.0.2 → 4.1.0

package/dist/index.mjs

@@ -4731,12 +4731,20 @@ var InputOption = ({
               (data == null ? void 0 : data.selectAllCheckbox) ? /* @__PURE__ */ jsx57(
                 Checkbox3,
                 {
+                  onClick: (e) => e.stopPropagation(),
                   isChecked: checkedState === CHECKBOX_STATE.CHECKED,
                   isIndeterminate: checkedState === CHECKBOX_STATE.INDETERMINATE,
                   isDisabled,
                   "data-test-id": "CT_component_select-checkbox_select-all-option"
                 }
-              ) : /* @__PURE__ */ jsx57(Checkbox3, { isChecked: isSelected, "data-test-id": "CT_component_select-checkbox_option-checkbox" }),
+              ) : /* @__PURE__ */ jsx57(
+                Checkbox3,
+                {
+                  onClick: (e) => e.stopPropagation(),
+                  isChecked: isSelected,
+                  "data-test-id": "CT_component_select-checkbox_option-checkbox"
+                }
+              ),
               /* @__PURE__ */ jsx57(Text14, { textStyle: "text.sm", "data-test-id": `select-checkbox-option-label-${data.value}`, children })
             ]
           }
@@ -5334,6 +5342,12 @@ var useTimescape = (options = {}) => {
 
 // src/components/time-input/components/index.tsx
 import { Fragment as Fragment10, jsx as jsx63, jsxs as jsxs29 } from "react/jsx-runtime";
+var timeDigitFormat = (number) => {
+  if (number.toString().length === 1) {
+    return `0${number}`;
+  }
+  return number;
+};
 var Time = class {
   constructor(hours, minutes, seconds) {
     __publicField(this, "hours");
@@ -5344,9 +5358,13 @@ var Time = class {
     this.seconds = seconds != null ? seconds : 0;
   }
   toString() {
-    return `${this.hours}:${this.minutes}:${this.seconds}`;
+    return `${timeDigitFormat(this.hours)}:${timeDigitFormat(this.minutes)}:${timeDigitFormat(this.seconds)}`;
   }
 };
+var timeFromString = (timeString) => {
+  const [hours, minutes, seconds] = timeString.split(":");
+  return new Time(Number(hours), Number(minutes), Number(seconds));
+};
 var InputTimeArea = forwardRef12((props, ref) => {
   return /* @__PURE__ */ jsx63(
     Input3,
@@ -5475,7 +5493,8 @@ var TimeInput2 = forwardRef12(
 );
 
 // src/components/toast/components/toast.tsx
-import { chakra as chakra7, Flex as Flex18, Link as Link6, useToken } from "@chakra-ui/react";
+import { Box as Box30, chakra as chakra7, Flex as Flex18, Link as Link6, useToken } from "@chakra-ui/react";
+import { Close as Close6 } from "@ctlyst.id/internal-icon";
 import { Bounce, toast } from "react-toastify";
 
 // src/components/toast/components/styles.tsx
@@ -5515,6 +5534,10 @@ var styles_default2 = Styles2;
 
 // src/components/toast/components/toast.tsx
 import { Fragment as Fragment11, jsx as jsx65, jsxs as jsxs30 } from "react/jsx-runtime";
+var CustomCloseButton = (props) => {
+  const { closeToast } = props;
+  return /* @__PURE__ */ jsx65(Box30, { p: 2, alignItems: "center", display: "flex", "data-test-id": "", cursor: "pointer", onClick: closeToast, children: /* @__PURE__ */ jsx65(Close6, { size: 4, color: "white" }) });
+};
 var DEFAULT_OPTIONS = {
   position: "top-right",
   autoClose: 5e3,
@@ -5524,7 +5547,7 @@ var DEFAULT_OPTIONS = {
   draggable: true,
   icon: false,
   theme: "colored",
-  closeButton: true,
+  closeButton: CustomCloseButton,
   className: "container-toast",
   transition: Bounce
 };
@@ -5633,7 +5656,7 @@ import { ToastContainer } from "react-toastify";
 
 // src/components/uploader/components/uploader.tsx
 import {
-  Box as Box30,
+  Box as Box31,
   Button as Button7,
   Flex as Flex19,
   FormControl as FormControl4,
@@ -5828,7 +5851,7 @@ var Uploader = ({
     }
     return helperText;
   };
-  const renderErrorText = (text2) => /* @__PURE__ */ jsx66(Box30, { mb: 2, children: /* @__PURE__ */ jsx66(Text18, { textStyle: "text.xs", color: "danger.500", children: text2 }) });
+  const renderErrorText = (text2) => /* @__PURE__ */ jsx66(Box31, { mb: 2, children: /* @__PURE__ */ jsx66(Text18, { textStyle: "text.xs", color: "danger.500", children: text2 }) });
   const handleRemove = (e) => {
     e.stopPropagation();
     setFilePreview(void 0);
@@ -5877,7 +5900,7 @@ var Uploader = ({
         ...props,
         ...getRootProps(),
         children: [
-          filePreview && isShowCloseButton && /* @__PURE__ */ jsx66(Box30, { position: "absolute", top: 1, right: 1, children: /* @__PURE__ */ jsx66(
+          filePreview && isShowCloseButton && /* @__PURE__ */ jsx66(Box31, { position: "absolute", top: 1, right: 1, children: /* @__PURE__ */ jsx66(
             Button7,
             {
               "data-test-id": `CT_component_base-image-uploader_remove-image${testId ? `_${testId}` : ""}`,
@@ -5895,7 +5918,7 @@ var Uploader = ({
               children: /* @__PURE__ */ jsx66(X, { size: 3, color: "white" })
             }
           ) }),
-          filePreview && /* @__PURE__ */ jsx66(Box30, { w: "full", children: /* @__PURE__ */ jsx66(
+          filePreview && /* @__PURE__ */ jsx66(Box31, { w: "full", children: /* @__PURE__ */ jsx66(
             Flex19,
             {
               position: "relative",
@@ -5915,7 +5938,7 @@ var Uploader = ({
           ) }),
           !filePreview && /* @__PURE__ */ jsx66(Fragment12, { children: isDragActive ? /* @__PURE__ */ jsx66(Text18, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ jsxs31(Flex19, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color, children: [
             size2 === "sm" && /* @__PURE__ */ jsx66(Plus, { size: 6, color }),
-            /* @__PURE__ */ jsxs31(Box30, { children: [
+            /* @__PURE__ */ jsxs31(Box31, { children: [
               !filePreview && /* @__PURE__ */ jsx66(
                 Heading2,
                 {
@@ -8078,6 +8101,7 @@ export {
   selectStyles,
   theme4 as theme,
   themeSelect,
+  timeFromString,
   useAccordion,
   useAccordionContext,
   useAccordionItem,