@ctlyst.id/internal-ui 3.4.4 → 3.4.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.js +49 -57
  2. package/dist/index.js.map +1 -1
  3. package/dist/index.mjs +49 -57
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -1
package/dist/index.mjs CHANGED
@@ -938,6 +938,7 @@ var getCommonPinningStyles = (column) => {
938
938
  const isFirstLeftPinnedColumn = isPinned === "left" && column.getIsFirstColumn("left");
939
939
  const isLastLeftPinnedColumn = isPinned === "left" && column.getIsLastColumn("left");
940
940
  const isFirstRightPinnedColumn = isPinned === "right" && column.getIsFirstColumn("right");
941
+ const isLastRightPinnedColumn = isPinned === "right" && column.getIsLastColumn("right");
941
942
  return {
942
943
  left: isPinned === "left" ? `${column.getStart("left")}px` : void 0,
943
944
  right: isPinned === "right" ? `${column.getAfter("right")}px` : void 0,
@@ -947,6 +948,9 @@ var getCommonPinningStyles = (column) => {
947
948
  ...isFirstLeftPinnedColumn ? {
948
949
  pl: "16px"
949
950
  } : { pl: "8px" },
951
+ ...isLastRightPinnedColumn ? {
952
+ pr: "16px"
953
+ } : { pr: "8px" },
950
954
  ...isLastLeftPinnedColumn ? {
951
955
  py: "16px",
952
956
  pr: "8px",
@@ -966,7 +970,7 @@ var getCommonPinningStyles = (column) => {
966
970
  } : {},
967
971
  ...isFirstRightPinnedColumn ? {
968
972
  py: "16px",
969
- px: "8px",
973
+ pl: "8px",
970
974
  "&:after": {
971
975
  transition: "all 0.3s",
972
976
  content: "''",
@@ -1180,17 +1184,17 @@ var DataTable = React5.forwardRef((props, ref) => {
1180
1184
  gap: 2,
1181
1185
  children: [
1182
1186
  flexRender(header.column.columnDef.header, header.getContext()),
1183
- /* @__PURE__ */ jsx24(
1187
+ (_b2 = header.column.getCanSort() && {
1188
+ asc: /* @__PURE__ */ jsx24(ChevronUpIcon, { h: 4, w: 4, color: "neutral.500" }),
1189
+ desc: /* @__PURE__ */ jsx24(ChevronDownIcon, { h: 4, w: 4, color: "neutral.500" })
1190
+ }[header.column.getIsSorted()]) != null ? _b2 : /* @__PURE__ */ jsx24(
1184
1191
  Box11,
1185
1192
  {
1186
1193
  as: "span",
1187
1194
  cursor: header.column.getCanSort() ? "pointer" : "default",
1188
1195
  "data-test-id": `CT_Container_SortingIcon_${header.id}`,
1189
1196
  onClick: header.column.getToggleSortingHandler(),
1190
- children: (_b2 = header.column.getCanSort() && {
1191
- asc: /* @__PURE__ */ jsx24(ChevronUpIcon, { h: 4, w: 4, color: "neutral.500" }),
1192
- desc: /* @__PURE__ */ jsx24(ChevronDownIcon, { h: 4, w: 4, color: "neutral.500" })
1193
- }[header.column.getIsSorted()]) != null ? _b2 : /* @__PURE__ */ jsx24(Box11, { display: "flex", justifyContent: "center", alignItems: "center", boxSize: 4, children: /* @__PURE__ */ jsx24(UpDownIcon, { color: "neutral.500" }) })
1197
+ children: /* @__PURE__ */ jsx24(Box11, { display: "flex", justifyContent: "center", alignItems: "center", boxSize: 4, children: /* @__PURE__ */ jsx24(UpDownIcon, { color: "neutral.500" }) })
1194
1198
  }
1195
1199
  )
1196
1200
  ]
@@ -5748,7 +5752,6 @@ var Uploader = ({
5748
5752
  onDrop,
5749
5753
  maxFiles: 1,
5750
5754
  noClick: isDisabled,
5751
- disabled: !!filePreview,
5752
5755
  noDrag: isDisabled
5753
5756
  });
5754
5757
  const renderHelperText = () => {
@@ -5851,60 +5854,49 @@ var Uploader = ({
5851
5854
  )
5852
5855
  }
5853
5856
  ) }),
5854
- !filePreview && /* @__PURE__ */ jsxs31(Fragment12, { children: [
5855
- /* @__PURE__ */ jsx66(
5856
- "input",
5857
- {
5858
- "data-test-id": `CT_component_base-image-uploader_input-file${testId ? `_${testId}` : ""}`,
5859
- ...getInputProps()
5860
- }
5861
- ),
5862
- 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: [
5863
- size2 === "sm" && /* @__PURE__ */ jsx66(Plus, { size: 6, color }),
5864
- /* @__PURE__ */ jsxs31(Box30, { children: [
5865
- !filePreview && /* @__PURE__ */ jsx66(
5866
- Heading2,
5867
- {
5868
- fontWeight: "400",
5869
- fontSize: size2 === "sm" ? "text.md" : "text.xl",
5870
- mb: size2 === "sm" ? "0" : "2",
5871
- textAlign: "center",
5872
- children: uploadFileText && size2 === "lg" ? uploadFileText : "Upload"
5873
- }
5874
- ),
5875
- size2 === "lg" && /* @__PURE__ */ jsx66(Text18, { fontSize: 12, children: filePreview ? dragReplaceText != null ? dragReplaceText : messages.dragReplace : dragInActiveText != null ? dragInActiveText : messages.dragInActive })
5876
- ] })
5857
+ !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: [
5858
+ size2 === "sm" && /* @__PURE__ */ jsx66(Plus, { size: 6, color }),
5859
+ /* @__PURE__ */ jsxs31(Box30, { children: [
5860
+ !filePreview && /* @__PURE__ */ jsx66(
5861
+ Heading2,
5862
+ {
5863
+ fontWeight: "400",
5864
+ fontSize: size2 === "sm" ? "text.md" : "text.xl",
5865
+ mb: size2 === "sm" ? "0" : "2",
5866
+ textAlign: "center",
5867
+ children: uploadFileText && size2 === "lg" ? uploadFileText : "Upload"
5868
+ }
5869
+ ),
5870
+ size2 === "lg" && /* @__PURE__ */ jsx66(Text18, { fontSize: 12, children: filePreview ? dragReplaceText != null ? dragReplaceText : messages.dragReplace : dragInActiveText != null ? dragInActiveText : messages.dragInActive })
5877
5871
  ] })
5878
- ] })
5872
+ ] }) })
5879
5873
  ]
5880
5874
  }
5881
5875
  ),
5882
- filePreview && !isSmall && /* @__PURE__ */ jsxs31(Flex19, { align: "center", justify: "center", my: 2, children: [
5883
- /* @__PURE__ */ createElement(
5884
- "input",
5885
- {
5886
- ...getInputProps(),
5887
- key: Math.random(),
5888
- ref: inputRef,
5889
- accept: "image/*",
5890
- "data-test-id": `CT_component_base-image-uploader_change-img${testId ? `_${testId}` : ""}`
5891
- }
5892
- ),
5893
- isShowReupload && /* @__PURE__ */ jsx66(
5894
- Button7,
5895
- {
5896
- "data-test-id": `CT_component_base-image-uploader_change-img-btn${testId ? `_${testId}` : ""}`,
5897
- type: "button",
5898
- size: "sm",
5899
- variant: "outline",
5900
- onClick: () => {
5901
- var _a;
5902
- (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
5903
- },
5904
- children: "Ubah Foto"
5905
- }
5906
- )
5907
- ] }),
5876
+ /* @__PURE__ */ createElement(
5877
+ "input",
5878
+ {
5879
+ ...getInputProps(),
5880
+ key: Math.random(),
5881
+ ref: inputRef,
5882
+ accept: "image/*",
5883
+ "data-test-id": `CT_component_base-image-uploader_change-img${testId ? `_${testId}` : ""}`
5884
+ }
5885
+ ),
5886
+ filePreview && !isSmall && /* @__PURE__ */ jsx66(Flex19, { align: "center", justify: "center", my: 2, children: isShowReupload && /* @__PURE__ */ jsx66(
5887
+ Button7,
5888
+ {
5889
+ "data-test-id": `CT_component_base-image-uploader_change-img-btn${testId ? `_${testId}` : ""}`,
5890
+ type: "button",
5891
+ size: "sm",
5892
+ variant: "outline",
5893
+ onClick: () => {
5894
+ var _a;
5895
+ (_a = inputRef == null ? void 0 : inputRef.current) == null ? void 0 : _a.click();
5896
+ },
5897
+ children: "Ubah Foto"
5898
+ }
5899
+ ) }),
5908
5900
  renderErrorText(errorText),
5909
5901
  renderHelperText()
5910
5902
  ] });