@ctlyst.id/internal-ui 3.4.4 → 3.4.6

package/dist/index.js

@@ -1280,6 +1280,7 @@ var getCommonPinningStyles = (column) => {
   const isFirstLeftPinnedColumn = isPinned === "left" && column.getIsFirstColumn("left");
   const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
   const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
+  const isLastRightPinnedColumn = isPinned === "right" && column.getIsLastColumn("right");
   return {
     left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
     right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
@@ -1289,6 +1290,9 @@ var getCommonPinningStyles = (column) => {
     ...isFirstLeftPinnedColumn ? {
       pl: "16px"
     } : { pl: "8px" },
+    ...isLastRightPinnedColumn ? {
+      pr: "16px"
+    } : { pr: "8px" },
     ...isLastLeftPinnedColumn ? {
       py: "16px",
       pr: "8px",
@@ -1308,7 +1312,7 @@ var getCommonPinningStyles = (column) => {
     } : {},
     ...isFirstRightPinnedColumn ? {
       py: "16px",
-      px: "8px",
+      pl: "8px",
       "&:after": {
         transition: "all 0.3s",
         content: "''",
@@ -1522,17 +1526,17 @@ var DataTable = React5.forwardRef((props, ref) => {
                       gap: 2,
                       children: [
                         (0, import_react_table.flexRender)(header.column.columnDef.header, header.getContext()),
-                        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+                        (_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 ? _b2 : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                           import_react28.Box,
                           {
                             as: "span",
                             cursor: header.column.getCanSort() ? "pointer" : "default",
                             "data-test-id": `CT_Container_SortingIcon_${header.id}`,
                             onClick: header.column.getToggleSortingHandler(),
-                            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 ? _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" }) })
+                            children: /* @__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" }) })
                           }
                         )
                       ]
@@ -5872,7 +5876,6 @@ var Uploader = ({
     onDrop,
     maxFiles: 1,
     noClick: isDisabled,
-    disabled: !!filePreview,
     noDrag: isDisabled
   });
   const renderHelperText = () => {
@@ -5975,60 +5978,49 @@ var Uploader = ({
               )
             }
           ) }),
-          !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-              "input",
-              {
-                "data-test-id": `CT_component_base-image-uploader_input-file${testId ? `_${testId}` : ""}`,
-                ...getInputProps()
-              }
-            ),
-            isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.Text, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.Flex, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color, children: [
-              size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon11.Plus, { size: 6, color }),
-              /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.Box, { children: [
-                !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-                  import_react88.Heading,
-                  {
-                    fontWeight: "400",
-                    fontSize: size2 === "sm" ? "text.md" : "text.xl",
-                    mb: size2 === "sm" ? "0" : "2",
-                    textAlign: "center",
-                    children: uploadFileText && size2 === "lg" ? uploadFileText : "Upload"
-                  }
-                ),
-                size2 === "lg" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.Text, { fontSize: 12, children: filePreview ? dragReplaceText != null ? dragReplaceText : messages.dragReplace : dragInActiveText != null ? dragInActiveText : messages.dragInActive })
-              ] })
+          !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.Text, { children: dragActiveText != null ? dragActiveText : messages.dragActive }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.Flex, { gap: 2, flexDirection: "column", alignItems: "center", color: isError ? "danger.500" : color, children: [
+            size2 === "sm" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_internal_icon11.Plus, { size: 6, color }),
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.Box, { children: [
+              !filePreview && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+                import_react88.Heading,
+                {
+                  fontWeight: "400",
+                  fontSize: size2 === "sm" ? "text.md" : "text.xl",
+                  mb: size2 === "sm" ? "0" : "2",
+                  textAlign: "center",
+                  children: uploadFileText && size2 === "lg" ? uploadFileText : "Upload"
+                }
+              ),
+              size2 === "lg" && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.Text, { fontSize: 12, children: filePreview ? dragReplaceText != null ? dragReplaceText : messages.dragReplace : dragInActiveText != null ? dragInActiveText : messages.dragInActive })
             ] })
-          ] })
+          ] }) })
         ]
       }
     ),
-    filePreview && !isSmall && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react88.Flex, { align: "center", justify: "center", my: 2, children: [
-      /* @__PURE__ */ (0, import_react90.createElement)(
-        "input",
-        {
-          ...getInputProps(),
-          key: Math.random(),
-          ref: inputRef,
-          accept: "image/*",
-          "data-test-id": `CT_component_base-image-uploader_change-img${testId ? `_${testId}` : ""}`
-        }
-      ),
-      isShowReupload && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
-        import_react88.Button,
-        {
-          "data-test-id": `CT_component_base-image-uploader_change-img-btn${testId ? `_${testId}` : ""}`,
-          type: "button",
-          size: "sm",
-          variant: "outline",
-          onClick: () => {
-            var _a;
-            (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
-          },
-          children: "Ubah Foto"
-        }
-      )
-    ] }),
+    /* @__PURE__ */ (0, import_react90.createElement)(
+      "input",
+      {
+        ...getInputProps(),
+        key: Math.random(),
+        ref: inputRef,
+        accept: "image/*",
+        "data-test-id": `CT_component_base-image-uploader_change-img${testId ? `_${testId}` : ""}`
+      }
+    ),
+    filePreview && !isSmall && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react88.Flex, { align: "center", justify: "center", my: 2, children: isShowReupload && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      import_react88.Button,
+      {
+        "data-test-id": `CT_component_base-image-uploader_change-img-btn${testId ? `_${testId}` : ""}`,
+        type: "button",
+        size: "sm",
+        variant: "outline",
+        onClick: () => {
+          var _a;
+          (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
+        },
+        children: "Ubah Foto"
+      }
+    ) }),
     renderErrorText(errorText),
     renderHelperText()
   ] });