@ctlyst.id/internal-ui 3.1.21 → 3.1.22

package/dist/index.mjs

@@ -3553,7 +3553,7 @@ var Rating = ({ value }) => {
 var rating_default = Rating;
 
 // src/components/select/components/select.tsx
-import { Badge as Badge2, Flex as Flex11 } from "@chakra-ui/react";
+import { Badge as Badge2, Center as Center2, Flex as Flex11 } from "@chakra-ui/react";
 import { useColorMode as useColorMode3 } from "@chakra-ui/system";
 import * as Icon7 from "@ctlyst.id/internal-icon";
 import ReactSelect, { components as componentRS } from "react-select";
@@ -3945,6 +3945,9 @@ function MultiValue(props) {
 function MultiValueRemove(props) {
   return /* @__PURE__ */ jsx53(componentRS.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsx53(Flex11, { align: "center", justify: "center", children: /* @__PURE__ */ jsx53(Icon7.Close, { size: 2.5, color: "inherit" }) }) });
 }
+function NoOptionsMessage(props) {
+  return /* @__PURE__ */ jsx53(Center2, { textStyle: "text.xs", py: "1.5", color: "black.medium", children: (props == null ? void 0 : props.options.length) === 0 ? "Opsi tidak tersedia" : "Hasil tidak ditemukan" });
+}
 function Select2({
   styles,
   isError = false,
@@ -3962,6 +3965,7 @@ function Select2({
         ClearIndicator,
         MultiValue,
         MultiValueRemove,
+        NoOptionsMessage,
         ...components
       },
       value,
@@ -3992,7 +3996,8 @@ function SelectAsync({
       maxMenuHeight: 320,
       components: {
         DropdownIndicator,
-        ClearIndicator
+        ClearIndicator,
+        NoOptionsMessage
       },
       ...rest,
       styles: { ...selectStyles(colorMode, isError), ...styles },
@@ -4015,7 +4020,8 @@ function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
       maxMenuHeight: 320,
       components: {
         DropdownIndicator,
-        ClearIndicator
+        ClearIndicator,
+        NoOptionsMessage
       },
       ...rest,
       styles: { ...selectStyles(colorMode, isError), ...styles },
@@ -4037,7 +4043,8 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
       maxMenuHeight: 320,
       components: {
         DropdownIndicator,
-        ClearIndicator
+        ClearIndicator,
+        NoOptionsMessage
       },
       ...rest,
       styles: { ...selectStyles(colorMode, isError), ...styles },
@@ -4172,6 +4179,7 @@ var SelectCheckbox = (props) => {
     ClearIndicator,
     MultiValue,
     MultiValueRemove,
+    NoOptionsMessage,
     Option: (optionProps) => {
       const { isSelected, data } = optionProps;
       const optionLength = (options == null ? void 0 : options.length) ? options.length - 1 : 0;
@@ -6991,6 +6999,7 @@ export {
   NavItem,
   Navbar,
   navigation_bar_default as NavigationBar,
+  NoOptionsMessage,
   OrderedList,
   pagination_default as Pagination,
   pagination_detail_default as PaginationDetail,