@ctlyst.id/internal-ui 3.1.17 → 3.1.19

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 })
@@ -4046,17 +4047,24 @@ function selectStyles(colorMode, _isError) {
     singleValue: (base) => {
       return { ...base, ...selectStyle };
     },
-    input: (base) => {
-      return { ...base, ...selectStyle };
-    },
+    input: (base) => ({
+      ...base,
+      ...selectStyle,
+      paddingTop: 8,
+      paddingBottom: 8,
+      margin: 0
+    }),
     dropdownIndicator: (base) => {
       return { ...base, ...selectStyle, color: "var(--chakra-colors-neutral-400)" };
     },
     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" };
@@ -4132,8 +4140,9 @@ function Select2({
         ...components
       },
       value,
+      maxMenuHeight: 320,
       onChange,
-      styles: { ...selectStyles(colorMode, isError) },
+      styles: { ...selectStyles(colorMode, isError), ...styles },
       theme: themeSelect,
       ...rest
     }
@@ -4155,6 +4164,7 @@ function SelectAsync({
     import_react_select_async_paginate.AsyncPaginate,
     {
       classNamePrefix: "react-select",
+      maxMenuHeight: 320,
       components: {
         DropdownIndicator,
         ClearIndicator
@@ -4177,6 +4187,7 @@ function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
     import_async_creatable.default,
     {
       classNamePrefix: "react-select",
+      maxMenuHeight: 320,
       components: {
         DropdownIndicator,
         ClearIndicator
@@ -4198,6 +4209,7 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
     import_creatable.default,
     {
       classNamePrefix: "react-select",
+      maxMenuHeight: 320,
       components: {
         DropdownIndicator,
         ClearIndicator
@@ -4300,6 +4312,7 @@ var InputOption = ({
   ] });
 };
 var SelectWithCheckboxBase = ({
+  styles,
   isError = false,
   components,
   options,
@@ -4316,8 +4329,9 @@ var SelectWithCheckboxBase = ({
       options,
       value,
       onChange,
-      styles: { ...selectStyles(colorMode, !!isError) },
+      styles: { ...selectStyles(colorMode, !!isError), ...styles },
       theme: themeSelect,
+      maxMenuHeight: 320,
       closeMenuOnSelect: false,
       hideSelectedOptions: false,
       components,
@@ -4326,7 +4340,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,