@ctlyst.id/internal-ui 3.1.21 → 3.1.22

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.
package/dist/index.mjs CHANGED
@@ -3553,7 +3553,7 @@ var Rating = ({ value }) => {
3553
3553
  var rating_default = Rating;
3554
3554
 
3555
3555
  // src/components/select/components/select.tsx
3556
- import { Badge as Badge2, Flex as Flex11 } from "@chakra-ui/react";
3556
+ import { Badge as Badge2, Center as Center2, Flex as Flex11 } from "@chakra-ui/react";
3557
3557
  import { useColorMode as useColorMode3 } from "@chakra-ui/system";
3558
3558
  import * as Icon7 from "@ctlyst.id/internal-icon";
3559
3559
  import ReactSelect, { components as componentRS } from "react-select";
@@ -3945,6 +3945,9 @@ function MultiValue(props) {
3945
3945
  function MultiValueRemove(props) {
3946
3946
  return /* @__PURE__ */ jsx53(componentRS.MultiValueRemove, { ...props, children: /* @__PURE__ */ jsx53(Flex11, { align: "center", justify: "center", children: /* @__PURE__ */ jsx53(Icon7.Close, { size: 2.5, color: "inherit" }) }) });
3947
3947
  }
3948
+ function NoOptionsMessage(props) {
3949
+ 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" });
3950
+ }
3948
3951
  function Select2({
3949
3952
  styles,
3950
3953
  isError = false,
@@ -3962,6 +3965,7 @@ function Select2({
3962
3965
  ClearIndicator,
3963
3966
  MultiValue,
3964
3967
  MultiValueRemove,
3968
+ NoOptionsMessage,
3965
3969
  ...components
3966
3970
  },
3967
3971
  value,
@@ -3992,7 +3996,8 @@ function SelectAsync({
3992
3996
  maxMenuHeight: 320,
3993
3997
  components: {
3994
3998
  DropdownIndicator,
3995
- ClearIndicator
3999
+ ClearIndicator,
4000
+ NoOptionsMessage
3996
4001
  },
3997
4002
  ...rest,
3998
4003
  styles: { ...selectStyles(colorMode, isError), ...styles },
@@ -4015,7 +4020,8 @@ function SelectAsyncCreatable({ styles, isError = false, ...rest }) {
4015
4020
  maxMenuHeight: 320,
4016
4021
  components: {
4017
4022
  DropdownIndicator,
4018
- ClearIndicator
4023
+ ClearIndicator,
4024
+ NoOptionsMessage
4019
4025
  },
4020
4026
  ...rest,
4021
4027
  styles: { ...selectStyles(colorMode, isError), ...styles },
@@ -4037,7 +4043,8 @@ function SelectCreatable({ styles, isError = false, ...rest }) {
4037
4043
  maxMenuHeight: 320,
4038
4044
  components: {
4039
4045
  DropdownIndicator,
4040
- ClearIndicator
4046
+ ClearIndicator,
4047
+ NoOptionsMessage
4041
4048
  },
4042
4049
  ...rest,
4043
4050
  styles: { ...selectStyles(colorMode, isError), ...styles },
@@ -4172,6 +4179,7 @@ var SelectCheckbox = (props) => {
4172
4179
  ClearIndicator,
4173
4180
  MultiValue,
4174
4181
  MultiValueRemove,
4182
+ NoOptionsMessage,
4175
4183
  Option: (optionProps) => {
4176
4184
  const { isSelected, data } = optionProps;
4177
4185
  const optionLength = (options == null ? void 0 : options.length) ? options.length - 1 : 0;
@@ -6991,6 +6999,7 @@ export {
6991
6999
  NavItem,
6992
7000
  Navbar,
6993
7001
  navigation_bar_default as NavigationBar,
7002
+ NoOptionsMessage,
6994
7003
  OrderedList,
6995
7004
  pagination_default as Pagination,
6996
7005
  pagination_detail_default as PaginationDetail,