@ctlyst.id/internal-ui 3.3.13 → 3.3.15

package/dist/index.d.mts

@@ -726,7 +726,7 @@ declare class Time {
 }
 interface TimeInputProps {
     config?: TimeOptions;
-    value?: string;
+    value?: Time;
     seconds?: boolean;
     onChangeTime?: (time: Time) => void;
     isDisabled?: boolean;

package/dist/index.d.ts

@@ -726,7 +726,7 @@ declare class Time {
 }
 interface TimeInputProps {
     config?: TimeOptions;
-    value?: string;
+    value?: Time;
     seconds?: boolean;
     onChangeTime?: (time: Time) => void;
     isDisabled?: boolean;

package/dist/index.js

@@ -1424,16 +1424,25 @@ var DataTable = React5.forwardRef((props, ref) => {
       w: "full",
       ...container,
       children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Th, { colSpan: header.colSpan, width: header.getSize(), ...styles == null ? void 0 : styles.tableColumnHeader, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-          import_react28.Flex,
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          import_react28.Th,
           {
-            "data-test-id": "CT_component_data-table_loader",
-            textTransform: "capitalize",
-            align: "center",
-            gap: 2,
-            children: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
-          }
-        ) }, header.id)) }, headerGroup.id)) }),
+            colSpan: header.colSpan,
+            width: `${header.getSize()}px`,
+            ...styles == null ? void 0 : styles.tableColumnHeader,
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+              import_react28.Flex,
+              {
+                "data-test-id": "CT_component_data-table_loader",
+                textTransform: "capitalize",
+                align: "center",
+                gap: 2,
+                children: (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext())
+              }
+            )
+          },
+          header.id
+        )) }, headerGroup.id)) }),
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tbody, { children: [...Array(5)].map((num) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Tr, { mx: "2", children: [...Array(generateColumn().length)].map((i) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Td, { width: 210, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Skeleton, { startColor: "neutral.100", endColor: "neutral.200", h: "20px", w: "70%" }, i) }, i)) }, num)) })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(import_react28.Table, { ...styles == null ? void 0 : styles.table, children: [
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
@@ -1448,7 +1457,7 @@ var DataTable = React5.forwardRef((props, ref) => {
                 {
                   colSpan: header.colSpan,
                   sx: getCommonPinningStyles(header.column),
-                  width: header.getSize(),
+                  width: `${header.getSize()}px`,
                   ...styles == null ? void 0 : styles.tableColumnHeader,
                   children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                     import_react28.Flex,
@@ -4889,7 +4898,8 @@ var InputTimeArea = (0, import_react84.forwardRef)((props, ref) => {
       px: "2px",
       py: 0,
       sx: {
-        fontVariantNumeric: "tabular-nums"
+        fontVariantNumeric: "tabular-nums",
+        fontSize: 12
       },
       ...props
     }
@@ -4910,10 +4920,12 @@ var TimeInput2 = (0, import_react84.forwardRef)(
     isSuccess,
     onChangeTime
   }, ref) => {
-    const dateVal = value != null ? value : config2 == null ? void 0 : config2.date;
+    const timeVal = value != null ? value : new Time(0, 0, 0);
+    const dateVal = /* @__PURE__ */ new Date();
+    dateVal.setHours(timeVal.hours, timeVal.minutes, timeVal.seconds, 0);
     const defaultDate = /* @__PURE__ */ new Date();
     defaultDate.setHours(0, 0, 0, 0);
-    const date = dateVal ? new Date(dateVal) : defaultDate;
+    const date = dateVal || defaultDate;
     const timeValue = new Time();
     const { getRootProps, getInputProps, options, update, _manager } = useTimescape({
       date,
@@ -5279,7 +5291,16 @@ var Uploader = ({
   });
   const renderHelperText = () => {
     if (Array.isArray(helperText)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.UnorderedList, { pl: 2, fontSize: 12, color: "gray.600", "data-test-id": "CT_component_base-image-uploader_helperText", children: helperText.map((text2) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.ListItem, { children: text2 }, text2)) });
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+        import_react88.UnorderedList,
+        {
+          pl: 2,
+          fontSize: 12,
+          color: "black.medium",
+          "data-test-id": "CT_component_base-image-uploader_helperText",
+          children: helperText.map((text2) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.ListItem, { children: text2 }, text2))
+        }
+      );
     }
     return helperText;
   };
@@ -5306,7 +5327,6 @@ var Uploader = ({
   const color = isDisabled ? "neutral.500" : "primary.500";
   const containerHeight = !isSmall ? "160px" : "120px";
   const cursorType = filePreview ? "initial" : "pointer";
-  console.log(isDragActive);
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.FormControl, { isRequired, children: [
     label && typeof label === "string" ? (
       // eslint-disable-next-line react/jsx-no-useless-fragment