@ctlyst.id/internal-ui 3.1.16 → 3.1.18

package/dist/index.mjs

@@ -376,7 +376,8 @@ var BreadCrumb = (props) => {
                   bg: "white",
                   variant: "ghost",
                   "aria-label": "Edit",
-                  icon: /* @__PURE__ */ jsx14(ChevronLeft, { size: 5 })
+                  icon: /* @__PURE__ */ jsx14(ChevronLeft, { size: 5 }),
+                  onClick: backButton
                 }
               ),
               /* @__PURE__ */ jsx14(Text, { pr: "2", textStyle: "heading.6", color: "neutral.700", children: title })
@@ -1200,12 +1201,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: flexRender(cell.column.columnDef.cell, cell.getContext())
                       }
@@ -3864,7 +3862,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)" };
@@ -3872,8 +3877,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" };
@@ -3949,8 +3957,9 @@ function Select2({
         ...components
       },
       value,
+      maxMenuHeight: 320,
       onChange,
-      styles: { ...selectStyles(colorMode, isError) },
+      styles: { ...selectStyles(colorMode, isError), ...styles },
       theme: themeSelect,
       ...rest
     }
@@ -3972,6 +3981,7 @@ function SelectAsync({
     AsyncPaginate,
     {
       classNamePrefix: "react-select",
+      maxMenuHeight: 320,
       components: {
         DropdownIndicator,
         ClearIndicator
@@ -3994,6 +4004,7 @@ function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
     ReactSelectAsyncCreatable,
     {
       classNamePrefix: "react-select",
+      maxMenuHeight: 320,
       components: {
         DropdownIndicator,
         ClearIndicator
@@ -4015,6 +4026,7 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
     ReactSelectCreatable,
     {
       classNamePrefix: "react-select",
+      maxMenuHeight: 320,
       components: {
         DropdownIndicator,
         ClearIndicator
@@ -4117,6 +4129,7 @@ var InputOption = ({
   ] });
 };
 var SelectWithCheckboxBase = ({
+  styles,
   isError = false,
   components,
   options,
@@ -4133,8 +4146,9 @@ var SelectWithCheckboxBase = ({
       options,
       value,
       onChange,
-      styles: { ...selectStyles(colorMode, !!isError) },
+      styles: { ...selectStyles(colorMode, !!isError), ...styles },
       theme: themeSelect,
+      maxMenuHeight: 320,
       closeMenuOnSelect: false,
       hideSelectedOptions: false,
       components,
@@ -4143,7 +4157,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,