@ctlyst.id/internal-ui 3.3.14 → 3.3.16

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

@@ -1287,26 +1287,32 @@ var getCommonPinningStyles = (column) => {
     ...isLastLeftPinnedColumn ? {
       padding: "16px 8px 16px 8px",
       "&:after": {
+        transition: "all 0.3s",
         content: "''",
         position: "absolute",
         width: "30px",
         right: "0px",
         bottom: "-1px",
         top: 0,
-        transform: "translateX(100%)",
+        transform: "translateX(100%)"
+      },
+      "[pin-left=true] &:after": {
         boxShadow: "inset 14px 0px 20px -10px #00000010"
       }
     } : {},
     ...isFirstRightPinnedColumn ? {
       padding: "16px 8px 16px 8px",
       "&:after": {
+        transition: "all 0.3s",
         content: "''",
         position: "absolute",
         width: "30px",
         left: "0%",
         top: 0,
         bottom: "-1px",
-        transform: "translateX(-100%)",
+        transform: "translateX(-100%)"
+      },
+      "[pin-right=true] &:after": {
         boxShadow: "inset -14px 0px 20px -10px #00000010"
       }
     } : {}
@@ -1406,22 +1412,39 @@ var useDataTable = ({
   };
 };
 var DataTable = React5.forwardRef((props, ref) => {
-  var _a, _b;
+  var _a, _b, _c;
   const { isLoading, styles, headerSticky, onRowClick, container, columnPinning } = props;
   const { table, toggleAllRowsSelected, generateColumn } = useDataTable(props);
+  const refTable = React5.useRef(null);
   React5.useImperativeHandle(ref, () => ({
     toggleAllRowsSelected
   }));
+  let lastPinnedColumn = 0;
+  (_a = refTable.current) == null ? void 0 : _a.addEventListener("scroll", (s) => {
+    var _a2, _b2, _c2, _d;
+    const element = s.currentTarget;
+    if (element.scrollLeft > 0) {
+      (_a2 = refTable.current) == null ? void 0 : _a2.setAttribute("pin-left", "true");
+    } else {
+      (_b2 = refTable.current) == null ? void 0 : _b2.removeAttribute("pin-left");
+    }
+    if (element.scrollLeft < element.scrollWidth - (lastPinnedColumn + element.offsetWidth)) {
+      (_c2 = refTable.current) == null ? void 0 : _c2.setAttribute("pin-right", "true");
+    } else {
+      (_d = refTable.current) == null ? void 0 : _d.removeAttribute("pin-right");
+    }
+  });
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     import_react28.Box,
     {
       overflowX: "auto",
       overflowY: "hidden",
       position: "relative",
-      pl: ((_a = columnPinning == null ? void 0 : columnPinning.left) == null ? void 0 : _a.length) ? 0 : 4,
-      pr: ((_b = columnPinning == null ? void 0 : columnPinning.right) == null ? void 0 : _b.length) ? 0 : 4,
+      pl: ((_b = columnPinning == null ? void 0 : columnPinning.left) == null ? void 0 : _b.length) ? 0 : 4,
+      pr: ((_c = columnPinning == null ? void 0 : columnPinning.right) == null ? void 0 : _c.length) ? 0 : 4,
       maxW: "100%",
       w: "full",
+      ref: refTable,
       ...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)(
@@ -1451,7 +1474,10 @@ var DataTable = React5.forwardRef((props, ref) => {
             maxH: "50px",
             ...(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, { bg: (0, import_react28.useColorModeValue)("initial", "ebony-clay.700"), ...styles == null ? void 0 : styles.tableRow, children: headerGroup.headers.map((header, index) => {
-              var _a2;
+              var _a2, _b2;
+              if (!!((_a2 = columnPinning == null ? void 0 : columnPinning.right) == null ? void 0 : _a2.length) && header.column.getIsFirstColumn("right")) {
+                lastPinnedColumn = header.column.getAfter("right");
+              }
               return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 import_react28.Th,
                 {
@@ -1478,10 +1504,10 @@ var DataTable = React5.forwardRef((props, ref) => {
                             cursor: header.column.getCanSort() ? "pointer" : "default",
                             "data-test-id": `CT_Container_SortingIcon_${header.id}`,
                             onClick: header.column.getToggleSortingHandler(),
-                            children: (_a2 = header.column.getCanSort() && {
+                            children: (_b2 = header.column.getCanSort() && {
                               asc: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.ChevronUpIcon, { h: 4, w: 4, color: "neutral.500" }),
                               desc: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.ChevronDownIcon, { h: 4, w: 4, color: "neutral.500" })
-                            }[header.column.getIsSorted()]) != null ? _a2 : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Box, { display: "flex", justifyContent: "center", alignItems: "center", boxSize: 4, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.UpDownIcon, { color: "neutral.500" }) })
+                            }[header.column.getIsSorted()]) != null ? _b2 : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react28.Box, { display: "flex", justifyContent: "center", alignItems: "center", boxSize: 4, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_icons2.UpDownIcon, { color: "neutral.500" }) })
                           }
                         )
                       ]
@@ -4920,10 +4946,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,
@@ -5289,7 +5317,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;
   };
@@ -5316,7 +5353,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