@ctlyst.id/internal-ui 3.1.16 → 3.1.18

package/dist/index.js

@@ -752,7 +752,8 @@ var BreadCrumb = (props) => {
                   bg: "white",
                   variant: "ghost",
                   "aria-label": "Edit",
-                  icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_internal_icon4.ChevronLeft, { size: 5 })
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_internal_icon4.ChevronLeft, { size: 5 }),
+                  onClick: backButton
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react9.Text, { pr: "2", textStyle: "heading.6", color: "neutral.700", children: title })
@@ -1537,12 +1538,9 @@ var DataTable = React5.forwardRef((props, ref) => {
                         onClick: (e) => {
                           e.stopPropagation();
                         },
-                        overflow: "hidden",
-                        textOverflow: "ellipsis",
+                        noOfLines: 2,
                         sx: {
-                          display: "-webkit-inline-box",
-                          WebkitLineClamp: "2",
-                          WebkitBoxOrient: "vertical"
+                          display: "-webkit-inline-box"
                         },
                         children: (0, import_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext())
                       }
@@ -4050,7 +4048,14 @@ function selectStyles(colorMode, _isError) {
       return { ...base, ...selectStyle };
     },
     input: (base) => {
-      return { ...base, ...selectStyle };
+      return {
+        ...base,
+        ...selectStyle,
+        paddingTop: 8,
+        paddingBottom: 8,
+        marginTop: 0,
+        marginBottom: 0
+      };
     },
     dropdownIndicator: (base) => {
       return { ...base, ...selectStyle, color: "var(--chakra-colors-neutral-400)" };
@@ -4058,8 +4063,11 @@ function selectStyles(colorMode, _isError) {
     indicatorSeparator: (base) => {
       return { ...base, background: "var(--chakra-colors-neutral-400)", borderRadius: 10 };
     },
+    valueContainer: (base) => {
+      return { ...base, ...selectStyle, marginLeft: 0 };
+    },
     placeholder: (base) => {
-      return { ...base, ...selectStyle, color: "var(--chakra-colors-black-low)" };
+      return { ...base, ...selectStyle, color: "var(--chakra-colors-black-low)", marginLeft: 0 };
     },
     clearIndicator: (base) => {
       return { ...base, cursor: "pointer" };
@@ -4135,8 +4143,9 @@ function Select2({
         ...components
       },
       value,
+      maxMenuHeight: 320,
       onChange,
-      styles: { ...selectStyles(colorMode, isError) },
+      styles: { ...selectStyles(colorMode, isError), ...styles },
       theme: themeSelect,
       ...rest
     }
@@ -4158,6 +4167,7 @@ function SelectAsync({
     import_react_select_async_paginate.AsyncPaginate,
     {
       classNamePrefix: "react-select",
+      maxMenuHeight: 320,
       components: {
         DropdownIndicator,
         ClearIndicator
@@ -4180,6 +4190,7 @@ function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
     import_async_creatable.default,
     {
       classNamePrefix: "react-select",
+      maxMenuHeight: 320,
       components: {
         DropdownIndicator,
         ClearIndicator
@@ -4201,6 +4212,7 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
     import_creatable.default,
     {
       classNamePrefix: "react-select",
+      maxMenuHeight: 320,
       components: {
         DropdownIndicator,
         ClearIndicator
@@ -4303,6 +4315,7 @@ var InputOption = ({
   ] });
 };
 var SelectWithCheckboxBase = ({
+  styles,
   isError = false,
   components,
   options,
@@ -4319,8 +4332,9 @@ var SelectWithCheckboxBase = ({
       options,
       value,
       onChange,
-      styles: { ...selectStyles(colorMode, !!isError) },
+      styles: { ...selectStyles(colorMode, !!isError), ...styles },
       theme: themeSelect,
+      maxMenuHeight: 320,
       closeMenuOnSelect: false,
       hideSelectedOptions: false,
       components,
@@ -4329,7 +4343,7 @@ var SelectWithCheckboxBase = ({
   );
 };
 var SelectCheckbox = (props) => {
-  const { isMulti, options, value, components, ...rest } = props;
+  const { isMulti, options, value, components, styles, ...rest } = props;
   const selectValue = value || [];
   const defaultComponents = {
     DropdownIndicator,