@ctlyst.id/internal-ui 1.0.2-canary.3 → 1.0.2-canary.5

package/dist/internal-ui.esm.js

@@ -10,8 +10,8 @@ import ReactDatePicker from 'react-datepicker';
 import { useColorMode } from '@chakra-ui/system';
 import ReactSelect from 'react-select';
 import { AsyncPaginate } from 'react-select-async-paginate';
-import ReactSelectCreatable from 'react-select/creatable';
 import ReactSelectAsyncCreatable from 'react-select/async-creatable';
+import ReactSelectCreatable from 'react-select/creatable';
 import { useDropzone } from 'react-dropzone';
 import { mode, getColor } from '@chakra-ui/theme-tools';
 import { checkboxAnatomy, inputAnatomy, radioAnatomy, switchAnatomy, popoverAnatomy } from '@chakra-ui/anatomy';
@@ -279,7 +279,7 @@ const Styles = () => {
   const {
     colorMode
   } = useColorMode();
-  return React.createElement(Global, {
+  return /*#__PURE__*/React__default.createElement(Global, {
     styles: `
       @charset "UTF-8";
       .react-datepicker__year-read-view--down-arrow,
@@ -1202,19 +1202,19 @@ const Field = props => {
     isRequired,
     children
   } = props;
-  return React.createElement(FormControl, {
+  return /*#__PURE__*/React__default.createElement(FormControl, {
     isInvalid: isError
-  }, label && (typeof label === 'string' ? React.createElement(FormLabel$1, {
+  }, label && (typeof label === 'string' ? /*#__PURE__*/React__default.createElement(FormLabel$1, {
     fontSize: "field.sm",
     requiredIndicator: undefined
-  }, isRequired && React.createElement(Box, {
+  }, isRequired && /*#__PURE__*/React__default.createElement(Box, {
     as: "span",
     color: "red.500",
     ml: 0,
     mr: 1
-  }, "*"), label) : label), children, !isError ? helperText && React.createElement(FormHelperText, {
+  }, "*"), label) : label), children, !isError ? helperText && /*#__PURE__*/React__default.createElement(FormHelperText, {
     fontSize: "field.sm"
-  }, helperText) : typeof error === 'string' ? React.createElement(FormErrorMessage, {
+  }, helperText) : typeof error === 'string' ? /*#__PURE__*/React__default.createElement(FormErrorMessage, {
     textStyle: "field.sm",
     fontSize: "field.sm",
     mt: 1,
@@ -1283,11 +1283,11 @@ TextareaField.defaultProps = {
   elementRight: undefined
 };
 
-const XMSLogo = () => React.createElement(Image, {
+const XMSLogo = () => /*#__PURE__*/React__default.createElement(Image, {
   height: 8,
   src: useColorModeValue('https://assets.voila.id/xms/logo-xms.jpg', 'https://assets.voila.id/xms/logo-xms-dark.png')
 });
-const VoilaLogo = () => React.createElement(Image, {
+const VoilaLogo = () => /*#__PURE__*/React__default.createElement(Image, {
   src: "https://s3.ap-southeast-1.amazonaws.com/assets.voila.id/xms/logo-voila-black.png?v=1",
   filter: useColorModeValue('none', 'invert(1)'),
   maxW: 24
@@ -1376,6 +1376,7 @@ const SwitchMode = () => {
     toggleColorMode
   } = useColorMode$1();
   return /*#__PURE__*/createElement(Box, {
+    "data-test-id": "rhYuTDCiWkFqr96upiEEh",
     mx: 5,
     onClick: toggleColorMode,
     cursor: "pointer"
@@ -1465,7 +1466,7 @@ Header.defaultProps = {
 };
 
 const ModalCloseButton = /*#__PURE__*/forwardRef((props, ref) => {
-  return React.createElement(ModalCloseButton$1, Object.assign({
+  return /*#__PURE__*/React__default.createElement(ModalCloseButton$1, Object.assign({
     ref: ref,
     top: 4,
     right: 4,
@@ -1478,7 +1479,7 @@ const ModalFooter = /*#__PURE__*/forwardRef(({
   children,
   ...rest
 }, ref) => {
-  return React.createElement(ModalFooter$1, Object.assign({
+  return /*#__PURE__*/React__default.createElement(ModalFooter$1, Object.assign({
     ref: ref,
     background: useColorModeValue('neutral.200', 'mirage.900'),
     borderBottomRadius: "md"
@@ -1489,7 +1490,7 @@ const ModalHeader = /*#__PURE__*/forwardRef(({
   children,
   ...rest
 }, ref) => {
-  return React.createElement(ModalHeader$1, Object.assign({
+  return /*#__PURE__*/React__default.createElement(ModalHeader$1, Object.assign({
     ref: ref,
     background: useColorModeValue('neutral.200', 'mirage.900'),
     borderTopRadius: 'md',
@@ -1618,7 +1619,7 @@ const PaginationButton = /*#__PURE__*/forwardRef$1(({
   const btnColor = useColorModeValue('black.high', 'primary.300');
   const btnNotActiveBg = useColorModeValue('secondary.50', 'primary.500');
   const btnNotActiveColor = useColorModeValue('primary.500', 'white');
-  return React.createElement(Button$1, Object.assign({
+  return /*#__PURE__*/React__default.createElement(Button$1, Object.assign({
     "data-test-id": "Pagination-Button",
     ref: ref,
     className: className,
@@ -2312,7 +2313,7 @@ function Select({
   const {
     colorMode
   } = useColorMode();
-  return React.createElement(ReactSelect, Object.assign({}, rest, {
+  return /*#__PURE__*/React__default.createElement(ReactSelect, Object.assign({}, rest, {
     styles: {
       ...selectStyles(colorMode),
       ...styles
@@ -2328,7 +2329,7 @@ function SelectAsync({
   const {
     colorMode
   } = useColorMode();
-  return React.createElement(AsyncPaginate, Object.assign({}, rest, {
+  return /*#__PURE__*/React__default.createElement(AsyncPaginate, Object.assign({}, rest, {
     styles: {
       ...selectStyles(colorMode),
       ...styles
@@ -2337,14 +2338,14 @@ function SelectAsync({
   }));
 }
 
-function SelectCreatable({
+function SelectAsyncCreatable({
   styles,
   ...rest
 }) {
   const {
     colorMode
   } = useColorMode();
-  return React.createElement(ReactSelectCreatable, Object.assign({}, rest, {
+  return /*#__PURE__*/React__default.createElement(ReactSelectAsyncCreatable, Object.assign({}, rest, {
     styles: {
       ...selectStyles(colorMode),
       ...styles
@@ -2353,14 +2354,14 @@ function SelectCreatable({
   }));
 }
 
-function SelectAsyncCreatable({
+function SelectCreatable({
   styles,
   ...rest
 }) {
   const {
     colorMode
   } = useColorMode();
-  return React.createElement(ReactSelectAsyncCreatable, Object.assign({}, rest, {
+  return /*#__PURE__*/React__default.createElement(ReactSelectCreatable, Object.assign({}, rest, {
     styles: {
       ...selectStyles(colorMode),
       ...styles
@@ -2397,13 +2398,13 @@ const Tab = /*#__PURE__*/forwardRef$1((props, ref) => {
   })));
 });
 
-const TabList = /*#__PURE__*/forwardRef$1((props, ref) => React.createElement(TabList$1, {
+const TabList = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabList$1, {
   borderBottom: "1px solid",
   borderColor: useColorModeValue('gray.200', 'bright-gray.800'),
   ref: ref
 }, props.children));
 
-const TabPanel = /*#__PURE__*/forwardRef$1((props, ref) => React.createElement(TabPanel$1, {
+const TabPanel = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabPanel$1, {
   px: 0,
   ref: ref
 }, props.children));
@@ -2998,7 +2999,7 @@ const Provider = ({
   const provider = useMemo(() => ({
     instance: instanceRef.current
   }), []);
-  return React.createElement(ProviderContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(ProviderContext.Provider, {
     value: provider
   }, children);
 };