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

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.
@@ -10,8 +10,8 @@ import ReactDatePicker from 'react-datepicker';
10
10
  import { useColorMode } from '@chakra-ui/system';
11
11
  import ReactSelect from 'react-select';
12
12
  import { AsyncPaginate } from 'react-select-async-paginate';
13
- import ReactSelectCreatable from 'react-select/creatable';
14
13
  import ReactSelectAsyncCreatable from 'react-select/async-creatable';
14
+ import ReactSelectCreatable from 'react-select/creatable';
15
15
  import { useDropzone } from 'react-dropzone';
16
16
  import { mode, getColor } from '@chakra-ui/theme-tools';
17
17
  import { checkboxAnatomy, inputAnatomy, radioAnatomy, switchAnatomy, popoverAnatomy } from '@chakra-ui/anatomy';
@@ -279,7 +279,7 @@ const Styles = () => {
279
279
  const {
280
280
  colorMode
281
281
  } = useColorMode();
282
- return React.createElement(Global, {
282
+ return /*#__PURE__*/React__default.createElement(Global, {
283
283
  styles: `
284
284
  @charset "UTF-8";
285
285
  .react-datepicker__year-read-view--down-arrow,
@@ -1202,19 +1202,19 @@ const Field = props => {
1202
1202
  isRequired,
1203
1203
  children
1204
1204
  } = props;
1205
- return React.createElement(FormControl, {
1205
+ return /*#__PURE__*/React__default.createElement(FormControl, {
1206
1206
  isInvalid: isError
1207
- }, label && (typeof label === 'string' ? React.createElement(FormLabel$1, {
1207
+ }, label && (typeof label === 'string' ? /*#__PURE__*/React__default.createElement(FormLabel$1, {
1208
1208
  fontSize: "field.sm",
1209
1209
  requiredIndicator: undefined
1210
- }, isRequired && React.createElement(Box, {
1210
+ }, isRequired && /*#__PURE__*/React__default.createElement(Box, {
1211
1211
  as: "span",
1212
1212
  color: "red.500",
1213
1213
  ml: 0,
1214
1214
  mr: 1
1215
- }, "*"), label) : label), children, !isError ? helperText && React.createElement(FormHelperText, {
1215
+ }, "*"), label) : label), children, !isError ? helperText && /*#__PURE__*/React__default.createElement(FormHelperText, {
1216
1216
  fontSize: "field.sm"
1217
- }, helperText) : typeof error === 'string' ? React.createElement(FormErrorMessage, {
1217
+ }, helperText) : typeof error === 'string' ? /*#__PURE__*/React__default.createElement(FormErrorMessage, {
1218
1218
  textStyle: "field.sm",
1219
1219
  fontSize: "field.sm",
1220
1220
  mt: 1,
@@ -1283,11 +1283,11 @@ TextareaField.defaultProps = {
1283
1283
  elementRight: undefined
1284
1284
  };
1285
1285
 
1286
- const XMSLogo = () => React.createElement(Image, {
1286
+ const XMSLogo = () => /*#__PURE__*/React__default.createElement(Image, {
1287
1287
  height: 8,
1288
1288
  src: useColorModeValue('https://assets.voila.id/xms/logo-xms.jpg', 'https://assets.voila.id/xms/logo-xms-dark.png')
1289
1289
  });
1290
- const VoilaLogo = () => React.createElement(Image, {
1290
+ const VoilaLogo = () => /*#__PURE__*/React__default.createElement(Image, {
1291
1291
  src: "https://s3.ap-southeast-1.amazonaws.com/assets.voila.id/xms/logo-voila-black.png?v=1",
1292
1292
  filter: useColorModeValue('none', 'invert(1)'),
1293
1293
  maxW: 24
@@ -1376,6 +1376,7 @@ const SwitchMode = () => {
1376
1376
  toggleColorMode
1377
1377
  } = useColorMode$1();
1378
1378
  return /*#__PURE__*/createElement(Box, {
1379
+ "data-test-id": "rhYuTDCiWkFqr96upiEEh",
1379
1380
  mx: 5,
1380
1381
  onClick: toggleColorMode,
1381
1382
  cursor: "pointer"
@@ -1465,7 +1466,7 @@ Header.defaultProps = {
1465
1466
  };
1466
1467
 
1467
1468
  const ModalCloseButton = /*#__PURE__*/forwardRef((props, ref) => {
1468
- return React.createElement(ModalCloseButton$1, Object.assign({
1469
+ return /*#__PURE__*/React__default.createElement(ModalCloseButton$1, Object.assign({
1469
1470
  ref: ref,
1470
1471
  top: 4,
1471
1472
  right: 4,
@@ -1478,7 +1479,7 @@ const ModalFooter = /*#__PURE__*/forwardRef(({
1478
1479
  children,
1479
1480
  ...rest
1480
1481
  }, ref) => {
1481
- return React.createElement(ModalFooter$1, Object.assign({
1482
+ return /*#__PURE__*/React__default.createElement(ModalFooter$1, Object.assign({
1482
1483
  ref: ref,
1483
1484
  background: useColorModeValue('neutral.200', 'mirage.900'),
1484
1485
  borderBottomRadius: "md"
@@ -1489,7 +1490,7 @@ const ModalHeader = /*#__PURE__*/forwardRef(({
1489
1490
  children,
1490
1491
  ...rest
1491
1492
  }, ref) => {
1492
- return React.createElement(ModalHeader$1, Object.assign({
1493
+ return /*#__PURE__*/React__default.createElement(ModalHeader$1, Object.assign({
1493
1494
  ref: ref,
1494
1495
  background: useColorModeValue('neutral.200', 'mirage.900'),
1495
1496
  borderTopRadius: 'md',
@@ -1618,7 +1619,7 @@ const PaginationButton = /*#__PURE__*/forwardRef$1(({
1618
1619
  const btnColor = useColorModeValue('black.high', 'primary.300');
1619
1620
  const btnNotActiveBg = useColorModeValue('secondary.50', 'primary.500');
1620
1621
  const btnNotActiveColor = useColorModeValue('primary.500', 'white');
1621
- return React.createElement(Button$1, Object.assign({
1622
+ return /*#__PURE__*/React__default.createElement(Button$1, Object.assign({
1622
1623
  "data-test-id": "Pagination-Button",
1623
1624
  ref: ref,
1624
1625
  className: className,
@@ -2312,7 +2313,7 @@ function Select({
2312
2313
  const {
2313
2314
  colorMode
2314
2315
  } = useColorMode();
2315
- return React.createElement(ReactSelect, Object.assign({}, rest, {
2316
+ return /*#__PURE__*/React__default.createElement(ReactSelect, Object.assign({}, rest, {
2316
2317
  styles: {
2317
2318
  ...selectStyles(colorMode),
2318
2319
  ...styles
@@ -2328,7 +2329,7 @@ function SelectAsync({
2328
2329
  const {
2329
2330
  colorMode
2330
2331
  } = useColorMode();
2331
- return React.createElement(AsyncPaginate, Object.assign({}, rest, {
2332
+ return /*#__PURE__*/React__default.createElement(AsyncPaginate, Object.assign({}, rest, {
2332
2333
  styles: {
2333
2334
  ...selectStyles(colorMode),
2334
2335
  ...styles
@@ -2337,14 +2338,14 @@ function SelectAsync({
2337
2338
  }));
2338
2339
  }
2339
2340
 
2340
- function SelectCreatable({
2341
+ function SelectAsyncCreatable({
2341
2342
  styles,
2342
2343
  ...rest
2343
2344
  }) {
2344
2345
  const {
2345
2346
  colorMode
2346
2347
  } = useColorMode();
2347
- return React.createElement(ReactSelectCreatable, Object.assign({}, rest, {
2348
+ return /*#__PURE__*/React__default.createElement(ReactSelectAsyncCreatable, Object.assign({}, rest, {
2348
2349
  styles: {
2349
2350
  ...selectStyles(colorMode),
2350
2351
  ...styles
@@ -2353,14 +2354,14 @@ function SelectCreatable({
2353
2354
  }));
2354
2355
  }
2355
2356
 
2356
- function SelectAsyncCreatable({
2357
+ function SelectCreatable({
2357
2358
  styles,
2358
2359
  ...rest
2359
2360
  }) {
2360
2361
  const {
2361
2362
  colorMode
2362
2363
  } = useColorMode();
2363
- return React.createElement(ReactSelectAsyncCreatable, Object.assign({}, rest, {
2364
+ return /*#__PURE__*/React__default.createElement(ReactSelectCreatable, Object.assign({}, rest, {
2364
2365
  styles: {
2365
2366
  ...selectStyles(colorMode),
2366
2367
  ...styles
@@ -2397,13 +2398,13 @@ const Tab = /*#__PURE__*/forwardRef$1((props, ref) => {
2397
2398
  })));
2398
2399
  });
2399
2400
 
2400
- const TabList = /*#__PURE__*/forwardRef$1((props, ref) => React.createElement(TabList$1, {
2401
+ const TabList = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabList$1, {
2401
2402
  borderBottom: "1px solid",
2402
2403
  borderColor: useColorModeValue('gray.200', 'bright-gray.800'),
2403
2404
  ref: ref
2404
2405
  }, props.children));
2405
2406
 
2406
- const TabPanel = /*#__PURE__*/forwardRef$1((props, ref) => React.createElement(TabPanel$1, {
2407
+ const TabPanel = /*#__PURE__*/forwardRef$1((props, ref) => /*#__PURE__*/React__default.createElement(TabPanel$1, {
2407
2408
  px: 0,
2408
2409
  ref: ref
2409
2410
  }, props.children));
@@ -2998,7 +2999,7 @@ const Provider = ({
2998
2999
  const provider = useMemo(() => ({
2999
3000
  instance: instanceRef.current
3000
3001
  }), []);
3001
- return React.createElement(ProviderContext.Provider, {
3002
+ return /*#__PURE__*/React__default.createElement(ProviderContext.Provider, {
3002
3003
  value: provider
3003
3004
  }, children);
3004
3005
  };