@ctlyst.id/internal-ui 3.3.13 → 3.3.15

package/dist/index.mjs

@@ -1083,16 +1083,25 @@ var DataTable = React5.forwardRef((props, ref) => {
       w: "full",
       ...container,
       children: isLoading ? /* @__PURE__ */ jsxs8(Table, { ...styles == null ? void 0 : styles.table, "data-loading": "true", children: [
-        /* @__PURE__ */ jsx24(Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx24(Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ jsx24(Th, { colSpan: header.colSpan, width: header.getSize(), ...styles == null ? void 0 : styles.tableColumnHeader, children: /* @__PURE__ */ jsx24(
-          Flex2,
+        /* @__PURE__ */ jsx24(Thead, { ...(styles == null ? void 0 : styles.tableHead, headerSticky ? { position: "sticky", top: 0, bg: "white", zIndex: 1 } : {}), children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx24(Tr, { mx: "2", ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => /* @__PURE__ */ jsx24(
+          Th,
           {
-            "data-test-id": "CT_component_data-table_loader",
-            textTransform: "capitalize",
-            align: "center",
-            gap: 2,
-            children: 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__ */ jsx24(
+              Flex2,
+              {
+                "data-test-id": "CT_component_data-table_loader",
+                textTransform: "capitalize",
+                align: "center",
+                gap: 2,
+                children: flexRender(header.column.columnDef.header, header.getContext())
+              }
+            )
+          },
+          header.id
+        )) }, headerGroup.id)) }),
         /* @__PURE__ */ jsx24(Tbody, { children: [...Array(5)].map((num) => /* @__PURE__ */ jsx24(Tr, { mx: "2", children: [...Array(generateColumn().length)].map((i) => /* @__PURE__ */ jsx24(Td, { width: 210, children: /* @__PURE__ */ jsx24(Skeleton2, { startColor: "neutral.100", endColor: "neutral.200", h: "20px", w: "70%" }, i) }, i)) }, num)) })
       ] }) : /* @__PURE__ */ jsxs8(Table, { ...styles == null ? void 0 : styles.table, children: [
         /* @__PURE__ */ jsx24(
@@ -1107,7 +1116,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__ */ jsxs8(
                     Flex2,
@@ -4754,7 +4763,8 @@ var InputTimeArea = forwardRef12((props, ref) => {
       px: "2px",
       py: 0,
       sx: {
-        fontVariantNumeric: "tabular-nums"
+        fontVariantNumeric: "tabular-nums",
+        fontSize: 12
       },
       ...props
     }
@@ -4775,10 +4785,12 @@ var TimeInput2 = forwardRef12(
     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,
@@ -5156,7 +5168,16 @@ var Uploader = ({
   });
   const renderHelperText = () => {
     if (Array.isArray(helperText)) {
-      return /* @__PURE__ */ jsx66(UnorderedList2, { pl: 2, fontSize: 12, color: "gray.600", "data-test-id": "CT_component_base-image-uploader_helperText", children: helperText.map((text2) => /* @__PURE__ */ jsx66(ListItem2, { children: text2 }, text2)) });
+      return /* @__PURE__ */ jsx66(
+        UnorderedList2,
+        {
+          pl: 2,
+          fontSize: 12,
+          color: "black.medium",
+          "data-test-id": "CT_component_base-image-uploader_helperText",
+          children: helperText.map((text2) => /* @__PURE__ */ jsx66(ListItem2, { children: text2 }, text2))
+        }
+      );
     }
     return helperText;
   };
@@ -5183,7 +5204,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__ */ jsxs31(FormControl4, { isRequired, children: [
     label && typeof label === "string" ? (
       // eslint-disable-next-line react/jsx-no-useless-fragment