@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.
- package/dist/components/field/index.d.ts +2 -2
- package/dist/components/modal/components/modal-close-button.d.ts +2 -2
- package/dist/components/modal/components/modal-footer.d.ts +2 -2
- package/dist/components/modal/components/modal-header.d.ts +2 -2
- package/dist/components/select/index.d.ts +4 -4
- package/dist/internal-ui.cjs.development.js +165 -164
- package/dist/internal-ui.cjs.development.js.map +1 -1
- package/dist/internal-ui.cjs.production.min.js +3 -3
- package/dist/internal-ui.cjs.production.min.js.map +1 -1
- package/dist/internal-ui.esm.js +23 -22
- package/dist/internal-ui.esm.js.map +1 -1
- package/dist/provider/provider.d.ts +2 -1
- package/package.json +2 -2
package/dist/internal-ui.esm.js
CHANGED
@@ -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
|
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
|
1205
|
+
return /*#__PURE__*/React__default.createElement(FormControl, {
|
1206
1206
|
isInvalid: isError
|
1207
|
-
}, label && (typeof label === 'string' ?
|
1207
|
+
}, label && (typeof label === 'string' ? /*#__PURE__*/React__default.createElement(FormLabel$1, {
|
1208
1208
|
fontSize: "field.sm",
|
1209
1209
|
requiredIndicator: undefined
|
1210
|
-
}, isRequired &&
|
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 &&
|
1215
|
+
}, "*"), label) : label), children, !isError ? helperText && /*#__PURE__*/React__default.createElement(FormHelperText, {
|
1216
1216
|
fontSize: "field.sm"
|
1217
|
-
}, helperText) : typeof error === 'string' ?
|
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 = () =>
|
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 = () =>
|
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
|
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
|
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
|
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
|
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
|
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
|
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
|
2341
|
+
function SelectAsyncCreatable({
|
2341
2342
|
styles,
|
2342
2343
|
...rest
|
2343
2344
|
}) {
|
2344
2345
|
const {
|
2345
2346
|
colorMode
|
2346
2347
|
} = useColorMode();
|
2347
|
-
return
|
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
|
2357
|
+
function SelectCreatable({
|
2357
2358
|
styles,
|
2358
2359
|
...rest
|
2359
2360
|
}) {
|
2360
2361
|
const {
|
2361
2362
|
colorMode
|
2362
2363
|
} = useColorMode();
|
2363
|
-
return
|
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) =>
|
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) =>
|
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
|
3002
|
+
return /*#__PURE__*/React__default.createElement(ProviderContext.Provider, {
|
3002
3003
|
value: provider
|
3003
3004
|
}, children);
|
3004
3005
|
};
|