@majoo-ui/react 1.61.14-rc.6 → 1.61.14-rc.7
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/components/devicePreview/DevicePreview.d.ts +3 -1
- package/components/form/components/InputResourceList/InputResourceList.d.ts +5 -7
- package/components/form/components/index.d.ts +1 -1
- package/index.esm.js +392 -444
- package/package.json +2 -2
- package/components/form/components/InputResourceList/ResourceList.d.ts +0 -4
package/index.esm.js
CHANGED
|
@@ -57,7 +57,7 @@ import imageCompressionComponent from 'browser-image-compression';
|
|
|
57
57
|
import { useSticky } from 'react-table-sticky';
|
|
58
58
|
import SignaturePad from 'react-signature-pad-wrapper';
|
|
59
59
|
|
|
60
|
-
var _jsxFileName$13 = "
|
|
60
|
+
var _jsxFileName$13 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
|
|
61
61
|
function ThemeProvider({
|
|
62
62
|
name,
|
|
63
63
|
theme,
|
|
@@ -403,10 +403,10 @@ var SHARED = '__core-js_shared__';
|
|
|
403
403
|
var store$3 = sharedStore.exports = globalThis$p[SHARED] || defineGlobalProperty$2(SHARED, {});
|
|
404
404
|
|
|
405
405
|
(store$3.versions || (store$3.versions = [])).push({
|
|
406
|
-
version: '3.
|
|
406
|
+
version: '3.45.0',
|
|
407
407
|
mode: 'global',
|
|
408
408
|
copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
|
|
409
|
-
license: 'https://github.com/zloirock/core-js/blob/v3.
|
|
409
|
+
license: 'https://github.com/zloirock/core-js/blob/v3.45.0/LICENSE',
|
|
410
410
|
source: 'https://github.com/zloirock/core-js'
|
|
411
411
|
});
|
|
412
412
|
|
|
@@ -1244,7 +1244,7 @@ createTheme({
|
|
|
1244
1244
|
bgBorder: '#004a49'
|
|
1245
1245
|
}
|
|
1246
1246
|
});
|
|
1247
|
-
const colors$
|
|
1247
|
+
const colors$7 = foundations.colors;
|
|
1248
1248
|
|
|
1249
1249
|
const normalize = {
|
|
1250
1250
|
'*,::before,::after': {
|
|
@@ -1414,7 +1414,7 @@ const applyGlobalStyles = additionaStyles => {
|
|
|
1414
1414
|
globalStyles();
|
|
1415
1415
|
};
|
|
1416
1416
|
|
|
1417
|
-
var _jsxFileName$12 = "
|
|
1417
|
+
var _jsxFileName$12 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
|
|
1418
1418
|
function MajooProvider({
|
|
1419
1419
|
children,
|
|
1420
1420
|
name,
|
|
@@ -1637,7 +1637,7 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
1637
1637
|
|
|
1638
1638
|
const _excluded$C = ["children"],
|
|
1639
1639
|
_excluded2$4 = ["children"];
|
|
1640
|
-
var _jsxFileName$11 = "
|
|
1640
|
+
var _jsxFileName$11 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/grid/Grid.js";
|
|
1641
1641
|
const GridComponent = styled('div', {
|
|
1642
1642
|
display: 'grid',
|
|
1643
1643
|
variants: {
|
|
@@ -1907,7 +1907,7 @@ GridItem.propTypes = {
|
|
|
1907
1907
|
GridItem.displayName = 'Grid Item';
|
|
1908
1908
|
|
|
1909
1909
|
const _excluded$B = ["children", "isCollapse", "css", "contentHeader"];
|
|
1910
|
-
var _jsxFileName$10 = "
|
|
1910
|
+
var _jsxFileName$10 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/pageContainer/PageContainer.js";
|
|
1911
1911
|
const StyledDiv$2 = styled(Flex$1, {
|
|
1912
1912
|
justifyContent: 'center',
|
|
1913
1913
|
marginLeft: 'auto',
|
|
@@ -2415,7 +2415,7 @@ const Link = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
|
|
|
2415
2415
|
});
|
|
2416
2416
|
|
|
2417
2417
|
const _excluded$A = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock", "icon"];
|
|
2418
|
-
var _jsxFileName$$ = "
|
|
2418
|
+
var _jsxFileName$$ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/banner/Banner.js";
|
|
2419
2419
|
const Context$2 = /*#__PURE__*/React.createContext();
|
|
2420
2420
|
const StyledBanner = styled(Flex$1, {
|
|
2421
2421
|
maxWidth: '100%',
|
|
@@ -2629,7 +2629,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
|
|
|
2629
2629
|
columnNumber: 7
|
|
2630
2630
|
}
|
|
2631
2631
|
}, /*#__PURE__*/React.createElement(CloseOutline, {
|
|
2632
|
-
color: colors$
|
|
2632
|
+
color: colors$7.iconSecondary,
|
|
2633
2633
|
size: "16px",
|
|
2634
2634
|
__self: undefined,
|
|
2635
2635
|
__source: {
|
|
@@ -2715,7 +2715,7 @@ const SingleTagBanner = props => {
|
|
|
2715
2715
|
columnNumber: 11
|
|
2716
2716
|
}
|
|
2717
2717
|
}, /*#__PURE__*/React.createElement(CloseOutline, {
|
|
2718
|
-
color: colors$
|
|
2718
|
+
color: colors$7.iconSecondary,
|
|
2719
2719
|
size: "16px",
|
|
2720
2720
|
__self: undefined,
|
|
2721
2721
|
__source: {
|
|
@@ -3412,7 +3412,7 @@ Card.Label = StyledLabel$2;
|
|
|
3412
3412
|
Card.Description = StyledDescription$3;
|
|
3413
3413
|
|
|
3414
3414
|
const _excluded$z = ["children"];
|
|
3415
|
-
var _jsxFileName$_ = "
|
|
3415
|
+
var _jsxFileName$_ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
|
|
3416
3416
|
const BreadcrumbStyle = styled('nav', {
|
|
3417
3417
|
wordWrap: 'break-word',
|
|
3418
3418
|
'& li+li:before': {
|
|
@@ -3732,7 +3732,7 @@ Badge.defaultProps = {
|
|
|
3732
3732
|
Badge.displayName = 'Badge';
|
|
3733
3733
|
|
|
3734
3734
|
const _excluded$y = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
|
|
3735
|
-
var _jsxFileName$Z = "
|
|
3735
|
+
var _jsxFileName$Z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/avatar/Avatar.js";
|
|
3736
3736
|
const StyledAvatar = styled(AvatarPrimitive.Root, {
|
|
3737
3737
|
width: '32px',
|
|
3738
3738
|
height: '32px',
|
|
@@ -3834,7 +3834,7 @@ Avatar.defaultProps = {
|
|
|
3834
3834
|
};
|
|
3835
3835
|
|
|
3836
3836
|
const _excluded$x = ["className", "src", "alt", "width", "height", "objectFit", "fallback", "fallbackTitle", "css", "cssFallback", "rounded"];
|
|
3837
|
-
var _jsxFileName$Y = "
|
|
3837
|
+
var _jsxFileName$Y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/image/Image.js";
|
|
3838
3838
|
const ContainerFallback = styled(Flex$1, {
|
|
3839
3839
|
boxSizing: 'border-box',
|
|
3840
3840
|
border: '2px dashed #C0C4C4',
|
|
@@ -4528,7 +4528,7 @@ for (var COLLECTION_NAME in DOMIterables) {
|
|
|
4528
4528
|
handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
|
|
4529
4529
|
|
|
4530
4530
|
const _excluded$w = ["children", "label", "color", "css", "withClick", "side", "align", "delayDuration"];
|
|
4531
|
-
var _jsxFileName$X = "
|
|
4531
|
+
var _jsxFileName$X = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
|
|
4532
4532
|
const {
|
|
4533
4533
|
zIndices: zIndices$2
|
|
4534
4534
|
} = foundations;
|
|
@@ -4734,7 +4734,7 @@ Tooltip$1.defaultProps = {
|
|
|
4734
4734
|
};
|
|
4735
4735
|
|
|
4736
4736
|
const _excluded$v = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
|
|
4737
|
-
var _jsxFileName$W = "
|
|
4737
|
+
var _jsxFileName$W = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/progress/Progress.js";
|
|
4738
4738
|
const StyledProgress$1 = styled$1(ProgressPrimitive.Root, {
|
|
4739
4739
|
position: 'relative',
|
|
4740
4740
|
overflow: 'hidden',
|
|
@@ -5608,7 +5608,7 @@ function useMediaQuery(query) {
|
|
|
5608
5608
|
}
|
|
5609
5609
|
|
|
5610
5610
|
const _excluded$u = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
|
|
5611
|
-
var _jsxFileName$V = "
|
|
5611
|
+
var _jsxFileName$V = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/Toast.js";
|
|
5612
5612
|
const TOAST_WIDTH = 576;
|
|
5613
5613
|
const ANIMATION_DURATION = 400;
|
|
5614
5614
|
const TOP_RIGHT_POSITION = 'top-right';
|
|
@@ -5919,7 +5919,7 @@ const Toast = _ref => {
|
|
|
5919
5919
|
columnNumber: 17
|
|
5920
5920
|
}
|
|
5921
5921
|
}, /*#__PURE__*/React.createElement(CloseOutline, {
|
|
5922
|
-
color: colors$
|
|
5922
|
+
color: colors$7.iconSecondary,
|
|
5923
5923
|
size: "16px",
|
|
5924
5924
|
__self: undefined,
|
|
5925
5925
|
__source: {
|
|
@@ -5961,7 +5961,7 @@ Toast.defaultProps = {
|
|
|
5961
5961
|
};
|
|
5962
5962
|
|
|
5963
5963
|
const _excluded$t = ["preventDuplicate"];
|
|
5964
|
-
var _jsxFileName$U = "
|
|
5964
|
+
var _jsxFileName$U = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
|
|
5965
5965
|
const ToastBox = styled(Flex$1, {
|
|
5966
5966
|
position: 'fixed',
|
|
5967
5967
|
variants: {
|
|
@@ -7311,7 +7311,7 @@ const catchError = e => {
|
|
|
7311
7311
|
};
|
|
7312
7312
|
|
|
7313
7313
|
const _excluded$s = ["id", "disabledOfflineIntercept"];
|
|
7314
|
-
var _jsxFileName$T = "
|
|
7314
|
+
var _jsxFileName$T = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
|
|
7315
7315
|
let toastCount = 0;
|
|
7316
7316
|
const ToastProvider = ({
|
|
7317
7317
|
children,
|
|
@@ -7432,7 +7432,7 @@ const ConditionalWrapper = ({
|
|
|
7432
7432
|
}) => condition ? wrapper(children) : children;
|
|
7433
7433
|
|
|
7434
7434
|
const _excluded$r = ["count", "maxCount", "css"];
|
|
7435
|
-
var _jsxFileName$S = "
|
|
7435
|
+
var _jsxFileName$S = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormGroup/FormGroup.js";
|
|
7436
7436
|
const formLabelClassStyle = {
|
|
7437
7437
|
alignItems: 'start !important',
|
|
7438
7438
|
'& > div': {
|
|
@@ -7583,7 +7583,7 @@ const FormGroup = _ref => {
|
|
|
7583
7583
|
FormGroup.displayName = 'FormGroup';
|
|
7584
7584
|
|
|
7585
7585
|
const _excluded$q = ["children", "htmlFor", "variant", "variants", "tooltipLabel", "count", "maxCount", "labelCss"];
|
|
7586
|
-
var _jsxFileName$R = "
|
|
7586
|
+
var _jsxFileName$R = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
|
|
7587
7587
|
const StyledLabel$1 = styled(LabelPrimitive.Root, Text$1, {
|
|
7588
7588
|
display: 'inline-block',
|
|
7589
7589
|
fontSize: '$label',
|
|
@@ -7700,7 +7700,7 @@ FormLabel.defaultProps = {
|
|
|
7700
7700
|
FormLabel.displayName = 'FormLabel';
|
|
7701
7701
|
|
|
7702
7702
|
const _excluded$p = ["children", "error", "errorMessage"];
|
|
7703
|
-
var _jsxFileName$Q = "
|
|
7703
|
+
var _jsxFileName$Q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
|
|
7704
7704
|
const StyledHelper = styled(Text$1, {
|
|
7705
7705
|
display: 'inline-block',
|
|
7706
7706
|
color: '$textSecondary',
|
|
@@ -7755,7 +7755,7 @@ FormHelper.propTypes = {
|
|
|
7755
7755
|
};
|
|
7756
7756
|
FormHelper.displayName = 'FormHelper';
|
|
7757
7757
|
|
|
7758
|
-
var _jsxFileName$P = "
|
|
7758
|
+
var _jsxFileName$P = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/CheckboxGroup.js";
|
|
7759
7759
|
const CheckboxContext = /*#__PURE__*/createContext();
|
|
7760
7760
|
const CheckboxGroup = ({
|
|
7761
7761
|
children,
|
|
@@ -7813,7 +7813,7 @@ CheckboxGroup.defaultProps = {
|
|
|
7813
7813
|
};
|
|
7814
7814
|
CheckboxGroup.displayName = 'CheckboxGroup';
|
|
7815
7815
|
|
|
7816
|
-
var _jsxFileName$O = "
|
|
7816
|
+
var _jsxFileName$O = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
|
|
7817
7817
|
const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
7818
7818
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7819
7819
|
xmlSpace: "preserve",
|
|
@@ -7860,7 +7860,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
|
|
|
7860
7860
|
}
|
|
7861
7861
|
}));
|
|
7862
7862
|
|
|
7863
|
-
var _jsxFileName$N = "
|
|
7863
|
+
var _jsxFileName$N = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
|
|
7864
7864
|
const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
7865
7865
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7866
7866
|
xmlSpace: "preserve",
|
|
@@ -7908,7 +7908,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
|
|
|
7908
7908
|
}));
|
|
7909
7909
|
|
|
7910
7910
|
const _excluded$o = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
|
|
7911
|
-
var _jsxFileName$M = "
|
|
7911
|
+
var _jsxFileName$M = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
|
|
7912
7912
|
const StyledIndicator$2 = styled(CheckboxPrimitive.Indicator, {
|
|
7913
7913
|
alignItems: 'center',
|
|
7914
7914
|
display: 'flex',
|
|
@@ -8069,7 +8069,7 @@ InputCheckbox.propTypes = {
|
|
|
8069
8069
|
InputCheckbox.displayName = 'InputCheckbox';
|
|
8070
8070
|
|
|
8071
8071
|
const _excluded$n = ["children", "size"];
|
|
8072
|
-
var _jsxFileName$L = "
|
|
8072
|
+
var _jsxFileName$L = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
|
|
8073
8073
|
const InputGroupStyle = styled('div', {
|
|
8074
8074
|
display: 'flex',
|
|
8075
8075
|
width: '100%',
|
|
@@ -8239,12 +8239,12 @@ const InputGroup = _ref => {
|
|
|
8239
8239
|
}));
|
|
8240
8240
|
};
|
|
8241
8241
|
InputGroup.propTypes = {
|
|
8242
|
-
/**
|
|
8243
|
-
Adjust Input Text Size
|
|
8242
|
+
/**
|
|
8243
|
+
Adjust Input Text Size
|
|
8244
8244
|
*/
|
|
8245
8245
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
8246
|
-
/**
|
|
8247
|
-
Children must be InputText, InputAddon, or InputPrefixes
|
|
8246
|
+
/**
|
|
8247
|
+
Children must be InputText, InputAddon, or InputPrefixes
|
|
8248
8248
|
*/
|
|
8249
8249
|
children: PropTypes.node.isRequired,
|
|
8250
8250
|
/** Error state */
|
|
@@ -8409,7 +8409,7 @@ InputSuffix.propTypes = {
|
|
|
8409
8409
|
};
|
|
8410
8410
|
|
|
8411
8411
|
const _excluded$m = ["disabled", "readOnly"];
|
|
8412
|
-
var _jsxFileName$K = "
|
|
8412
|
+
var _jsxFileName$K = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
|
|
8413
8413
|
const disabledStyle = {
|
|
8414
8414
|
backgroundColor: '$formDisable',
|
|
8415
8415
|
color: '$textDisable',
|
|
@@ -8611,7 +8611,7 @@ InputText.propTypes = {
|
|
|
8611
8611
|
InputText.displayName = 'InputText';
|
|
8612
8612
|
|
|
8613
8613
|
const _excluded$l = ["disabled", "readOnly"];
|
|
8614
|
-
var _jsxFileName$J = "
|
|
8614
|
+
var _jsxFileName$J = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
|
|
8615
8615
|
const StyledTextArea = styled(StyledInput$1, {
|
|
8616
8616
|
variants: {
|
|
8617
8617
|
size: {
|
|
@@ -8689,7 +8689,7 @@ InputTextArea.defaultProps = {
|
|
|
8689
8689
|
|
|
8690
8690
|
const InputRadioContext = /*#__PURE__*/React__default.createContext();
|
|
8691
8691
|
|
|
8692
|
-
var _jsxFileName$I = "
|
|
8692
|
+
var _jsxFileName$I = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
|
|
8693
8693
|
const RadioGroup = styled(RadioGroupPrimitive.Root, Flex$1);
|
|
8694
8694
|
function InputRadioGroup(props) {
|
|
8695
8695
|
return (props == null ? void 0 : props.children) && /*#__PURE__*/React__default.createElement(InputRadioContext.Provider, {
|
|
@@ -8723,7 +8723,7 @@ InputRadioGroup.propTypes = {
|
|
|
8723
8723
|
InputRadioGroup.displayName = 'InputRadioGroup';
|
|
8724
8724
|
|
|
8725
8725
|
const _excluded$k = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
|
|
8726
|
-
var _jsxFileName$H = "
|
|
8726
|
+
var _jsxFileName$H = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
|
|
8727
8727
|
const INDICATOR_BASE_STYLES = {
|
|
8728
8728
|
alignItems: 'center',
|
|
8729
8729
|
display: 'flex',
|
|
@@ -11090,7 +11090,7 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
|
|
|
11090
11090
|
NumberFormat.defaultProps = defaultProps;
|
|
11091
11091
|
|
|
11092
11092
|
const _excluded$j = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
|
|
11093
|
-
var _jsxFileName$G = "
|
|
11093
|
+
var _jsxFileName$G = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
|
|
11094
11094
|
const StyledInput = styled(NumberFormat, {
|
|
11095
11095
|
// Reset
|
|
11096
11096
|
appearance: 'none',
|
|
@@ -11351,7 +11351,7 @@ InputNumber.name = 'InputText';
|
|
|
11351
11351
|
InputNumber.displayName = 'InputNumber';
|
|
11352
11352
|
|
|
11353
11353
|
const _excluded$i = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
|
|
11354
|
-
var _jsxFileName$F = "
|
|
11354
|
+
var _jsxFileName$F = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tag/Tag.js";
|
|
11355
11355
|
const TagWrapper$4 = styled('div', {
|
|
11356
11356
|
boxSizing: 'border-box',
|
|
11357
11357
|
listStyle: 'none',
|
|
@@ -11497,7 +11497,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
|
|
|
11497
11497
|
}
|
|
11498
11498
|
}, /*#__PURE__*/React__default.createElement(CloseOutline, {
|
|
11499
11499
|
size: 16,
|
|
11500
|
-
color: colors$
|
|
11500
|
+
color: colors$7.iconSecondary,
|
|
11501
11501
|
style: {
|
|
11502
11502
|
verticalAlign: 'middle'
|
|
11503
11503
|
},
|
|
@@ -11527,7 +11527,7 @@ Tag.defaultProps = {
|
|
|
11527
11527
|
};
|
|
11528
11528
|
|
|
11529
11529
|
const _excluded$h = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
|
|
11530
|
-
var _jsxFileName$E = "
|
|
11530
|
+
var _jsxFileName$E = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
|
|
11531
11531
|
const Wrapper$2 = styled('div', {
|
|
11532
11532
|
margin: 0,
|
|
11533
11533
|
flexDirection: 'column',
|
|
@@ -11824,7 +11824,7 @@ TagsInput.defaultProps = {
|
|
|
11824
11824
|
};
|
|
11825
11825
|
|
|
11826
11826
|
const _excluded$g = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
|
|
11827
|
-
var _jsxFileName$D = "
|
|
11827
|
+
var _jsxFileName$D = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
|
|
11828
11828
|
const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
|
|
11829
11829
|
display: 'block',
|
|
11830
11830
|
width: '16px',
|
|
@@ -11929,7 +11929,7 @@ InputSwitch.propTypes = {
|
|
|
11929
11929
|
};
|
|
11930
11930
|
InputSwitch.displayName = 'InputSwitch';
|
|
11931
11931
|
|
|
11932
|
-
var _jsxFileName$C = "
|
|
11932
|
+
var _jsxFileName$C = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
|
|
11933
11933
|
const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
11934
11934
|
width: props.size,
|
|
11935
11935
|
height: props.size,
|
|
@@ -11988,7 +11988,7 @@ SvgCloseFilled.defaultProps = {
|
|
|
11988
11988
|
size: 24
|
|
11989
11989
|
};
|
|
11990
11990
|
|
|
11991
|
-
var _jsxFileName$B = "
|
|
11991
|
+
var _jsxFileName$B = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
|
|
11992
11992
|
const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
11993
11993
|
width: props.size,
|
|
11994
11994
|
height: props.size,
|
|
@@ -12029,9 +12029,9 @@ SvgSearchOutline.defaultProps = {
|
|
|
12029
12029
|
};
|
|
12030
12030
|
|
|
12031
12031
|
const _excluded$f = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
|
|
12032
|
-
var _jsxFileName$A = "
|
|
12032
|
+
var _jsxFileName$A = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
|
|
12033
12033
|
const {
|
|
12034
|
-
colors: colors$
|
|
12034
|
+
colors: colors$6
|
|
12035
12035
|
} = foundations;
|
|
12036
12036
|
const InputSearchbox = _ref => {
|
|
12037
12037
|
var _props$value;
|
|
@@ -12111,7 +12111,7 @@ const InputSearchbox = _ref => {
|
|
|
12111
12111
|
}
|
|
12112
12112
|
})), /*#__PURE__*/React__default.createElement(InputRightElement, {
|
|
12113
12113
|
children: (inputValue == null ? void 0 : inputValue.length) > 0 ? /*#__PURE__*/React__default.createElement(SvgCloseFilled, {
|
|
12114
|
-
color: colors$
|
|
12114
|
+
color: colors$6.iconSecondary,
|
|
12115
12115
|
__self: undefined,
|
|
12116
12116
|
__source: {
|
|
12117
12117
|
fileName: _jsxFileName$A,
|
|
@@ -12519,7 +12519,7 @@ function isFunction$1(value) {
|
|
|
12519
12519
|
var isFunction_1 = isFunction$1;
|
|
12520
12520
|
|
|
12521
12521
|
const _excluded$e = ["children"];
|
|
12522
|
-
var _jsxFileName$z = "
|
|
12522
|
+
var _jsxFileName$z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/popover/Popover.js";
|
|
12523
12523
|
const {
|
|
12524
12524
|
zIndices: zIndices$1
|
|
12525
12525
|
} = foundations;
|
|
@@ -13683,7 +13683,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
13683
13683
|
readOnly: readOnly
|
|
13684
13684
|
}, {
|
|
13685
13685
|
children: jsx(CaretDownOutline, {
|
|
13686
|
-
color: readOnly ? colors$
|
|
13686
|
+
color: readOnly ? colors$7.gray300 : iconColor
|
|
13687
13687
|
}, void 0)
|
|
13688
13688
|
}), void 0);
|
|
13689
13689
|
};
|
|
@@ -13904,7 +13904,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
13904
13904
|
}, {
|
|
13905
13905
|
children: jsx(CircleInfoOutline, {
|
|
13906
13906
|
size: "16px",
|
|
13907
|
-
color: colors$
|
|
13907
|
+
color: colors$7.iconDisable,
|
|
13908
13908
|
style: {
|
|
13909
13909
|
verticalAlign: 'text-bottom'
|
|
13910
13910
|
}
|
|
@@ -14073,7 +14073,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
14073
14073
|
}, {
|
|
14074
14074
|
children: jsx(CircleInfoOutline, {
|
|
14075
14075
|
size: "16px",
|
|
14076
|
-
color: colors$
|
|
14076
|
+
color: colors$7.iconDisable,
|
|
14077
14077
|
style: {
|
|
14078
14078
|
verticalAlign: 'text-bottom'
|
|
14079
14079
|
}
|
|
@@ -14093,7 +14093,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
14093
14093
|
}), void 0);
|
|
14094
14094
|
});
|
|
14095
14095
|
|
|
14096
|
-
var _jsxFileName$y = "
|
|
14096
|
+
var _jsxFileName$y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/icon/CheckOutline.js";
|
|
14097
14097
|
const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
14098
14098
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14099
14099
|
xmlSpace: "preserve",
|
|
@@ -14174,7 +14174,7 @@ function OptionGroupItem({
|
|
|
14174
14174
|
}
|
|
14175
14175
|
|
|
14176
14176
|
const _excluded$d = ["placeholder", "option", "value", "defaultValue", "size", "disabled", "onChange", "search", "readOnly", "placement", "disabledOptions", "textEmptyItem", "onRemoveItem", "isInvalid", "sortBy", "showSelectAll", "showTagSelectAll", "selectAllLabel", "showSelectedTag", "unremovableTags", "helperText", "css", "showCounter", "labelCounter", "collapsible", "toggleInput", "fetchData", "onSearch", "isLoading", "maxSelectedItem", "mobileOnly", "desktopOnly", "label", "tagCss", "checkBoxCss", "optionListCss", "showCollapsibleCounter", "collapsibleLimit", "pageIndex", "onSelectAllChecked", "totalOptions", "clearSearchOnSelect", "onItemClick"];
|
|
14177
|
-
var _jsxFileName$x = "
|
|
14177
|
+
var _jsxFileName$x = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
|
|
14178
14178
|
const Wrapper$1 = styled('div', {
|
|
14179
14179
|
margin: 0,
|
|
14180
14180
|
flexDirection: 'column',
|
|
@@ -14919,7 +14919,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14919
14919
|
columnNumber: 11
|
|
14920
14920
|
}
|
|
14921
14921
|
}, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
14922
|
-
color: colors$
|
|
14922
|
+
color: colors$7.iconDisable,
|
|
14923
14923
|
__self: undefined,
|
|
14924
14924
|
__source: {
|
|
14925
14925
|
fileName: _jsxFileName$x,
|
|
@@ -14927,7 +14927,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14927
14927
|
columnNumber: 17
|
|
14928
14928
|
}
|
|
14929
14929
|
}) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
14930
|
-
color: colors$
|
|
14930
|
+
color: colors$7.iconGreen,
|
|
14931
14931
|
__self: undefined,
|
|
14932
14932
|
__source: {
|
|
14933
14933
|
fileName: _jsxFileName$x,
|
|
@@ -15001,7 +15001,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15001
15001
|
columnNumber: 15
|
|
15002
15002
|
}
|
|
15003
15003
|
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15004
|
-
color: colors$
|
|
15004
|
+
color: colors$7.iconDisable,
|
|
15005
15005
|
__self: undefined,
|
|
15006
15006
|
__source: {
|
|
15007
15007
|
fileName: _jsxFileName$x,
|
|
@@ -15009,7 +15009,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15009
15009
|
columnNumber: 19
|
|
15010
15010
|
}
|
|
15011
15011
|
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$children7 = item.children) == null || (_item$children7 = _item$children7.filter(e => !e.isDisabled)) == null ? void 0 : _item$children7.length) ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15012
|
-
color: colors$
|
|
15012
|
+
color: colors$7.iconGreen,
|
|
15013
15013
|
__self: undefined,
|
|
15014
15014
|
__source: {
|
|
15015
15015
|
fileName: _jsxFileName$x,
|
|
@@ -15123,7 +15123,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15123
15123
|
columnNumber: 11
|
|
15124
15124
|
}
|
|
15125
15125
|
}), /*#__PURE__*/React__default.createElement(IconCaretDown, {
|
|
15126
|
-
color: disabled || readOnly ? colors$
|
|
15126
|
+
color: disabled || readOnly ? colors$7.iconDisable : colors$7.iconPrimary,
|
|
15127
15127
|
__self: undefined,
|
|
15128
15128
|
__source: {
|
|
15129
15129
|
fileName: _jsxFileName$x,
|
|
@@ -15244,7 +15244,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15244
15244
|
columnNumber: 19
|
|
15245
15245
|
}
|
|
15246
15246
|
}, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
|
|
15247
|
-
color: colors$
|
|
15247
|
+
color: colors$7.iconSecondary,
|
|
15248
15248
|
__self: undefined,
|
|
15249
15249
|
__source: {
|
|
15250
15250
|
fileName: _jsxFileName$x,
|
|
@@ -15252,7 +15252,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15252
15252
|
columnNumber: 23
|
|
15253
15253
|
}
|
|
15254
15254
|
}) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
15255
|
-
color: colors$
|
|
15255
|
+
color: colors$7.iconSecondary,
|
|
15256
15256
|
__self: undefined,
|
|
15257
15257
|
__source: {
|
|
15258
15258
|
fileName: _jsxFileName$x,
|
|
@@ -15418,7 +15418,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15418
15418
|
}
|
|
15419
15419
|
}, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
|
|
15420
15420
|
size: "16px",
|
|
15421
|
-
color: colors$
|
|
15421
|
+
color: colors$7.iconDisable,
|
|
15422
15422
|
style: {
|
|
15423
15423
|
verticalAlign: 'text-bottom'
|
|
15424
15424
|
},
|
|
@@ -15498,7 +15498,7 @@ InputSelectCheck.defaultProps = {
|
|
|
15498
15498
|
onItemClick: changes => {}
|
|
15499
15499
|
};
|
|
15500
15500
|
|
|
15501
|
-
var _jsxFileName$w = "
|
|
15501
|
+
var _jsxFileName$w = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
|
|
15502
15502
|
const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15503
15503
|
return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
|
|
15504
15504
|
ref: ref,
|
|
@@ -15559,7 +15559,7 @@ InputSelectTag.defaultProps = {
|
|
|
15559
15559
|
defaultValue: []
|
|
15560
15560
|
};
|
|
15561
15561
|
|
|
15562
|
-
var _jsxFileName$v = "
|
|
15562
|
+
var _jsxFileName$v = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
|
|
15563
15563
|
const Wrapper = styled('div', {
|
|
15564
15564
|
margin: 0,
|
|
15565
15565
|
flexDirection: 'column',
|
|
@@ -15778,7 +15778,7 @@ function InputCreatable({
|
|
|
15778
15778
|
columnNumber: 9
|
|
15779
15779
|
}
|
|
15780
15780
|
}, /*#__PURE__*/React__default.createElement(CirclePlusOutline, {
|
|
15781
|
-
color: colors$
|
|
15781
|
+
color: colors$7.iconGreen,
|
|
15782
15782
|
__self: this,
|
|
15783
15783
|
__source: {
|
|
15784
15784
|
fileName: _jsxFileName$v,
|
|
@@ -15823,16 +15823,39 @@ const SortingIcon = styled(Flex$1, {
|
|
|
15823
15823
|
alignItems: 'center',
|
|
15824
15824
|
justifyContent: 'center'
|
|
15825
15825
|
});
|
|
15826
|
+
const IconBox = styled('div', {
|
|
15827
|
+
height: 16,
|
|
15828
|
+
width: 16,
|
|
15829
|
+
cursor: 'pointer',
|
|
15830
|
+
variants: {
|
|
15831
|
+
border: {
|
|
15832
|
+
true: {
|
|
15833
|
+
borderRadius: 3,
|
|
15834
|
+
border: '1.5px solid $gray300'
|
|
15835
|
+
}
|
|
15836
|
+
}
|
|
15837
|
+
}
|
|
15838
|
+
});
|
|
15839
|
+
const IndeterminateFilled = styled('div', {
|
|
15840
|
+
width: 16,
|
|
15841
|
+
height: 16,
|
|
15842
|
+
background: '$primary500',
|
|
15843
|
+
color: '$textWhite',
|
|
15844
|
+
borderRadius: 3,
|
|
15845
|
+
fontSize: 14,
|
|
15846
|
+
display: 'flex',
|
|
15847
|
+
justifyContent: 'center',
|
|
15848
|
+
alignItems: 'center'
|
|
15849
|
+
});
|
|
15826
15850
|
function InputResourceList({
|
|
15827
15851
|
data: dataProp,
|
|
15828
15852
|
disabled = false,
|
|
15829
|
-
|
|
15830
|
-
onItemUncheck,
|
|
15853
|
+
onChange,
|
|
15831
15854
|
searchPlaceholder,
|
|
15832
15855
|
counterFooter = true,
|
|
15833
15856
|
counterFooterText,
|
|
15834
15857
|
isLoading = false,
|
|
15835
|
-
|
|
15858
|
+
disabledItems,
|
|
15836
15859
|
emptyDataMessage,
|
|
15837
15860
|
value,
|
|
15838
15861
|
fetchData,
|
|
@@ -15843,25 +15866,29 @@ function InputResourceList({
|
|
|
15843
15866
|
title,
|
|
15844
15867
|
hideSelectAll,
|
|
15845
15868
|
customHeader,
|
|
15846
|
-
|
|
15869
|
+
expandable,
|
|
15870
|
+
renderSelectAll
|
|
15847
15871
|
}) {
|
|
15848
15872
|
const {
|
|
15849
15873
|
t
|
|
15850
15874
|
} = useTranslation(['MajooUI/inputResourceList', 'translation']);
|
|
15851
|
-
const [
|
|
15852
|
-
const [query, setQuery] = useState();
|
|
15875
|
+
const [query, setQuery] = useState('');
|
|
15853
15876
|
const [sortType, setSortType] = useState('asc');
|
|
15854
15877
|
const [data, setData] = useState([]);
|
|
15855
|
-
const
|
|
15856
|
-
|
|
15857
|
-
|
|
15858
|
-
|
|
15859
|
-
|
|
15860
|
-
|
|
15878
|
+
const [expand, setExpand] = useState(false);
|
|
15879
|
+
const isValueString = typeof (value === null || value === void 0 ? void 0 : value[0]) === 'string';
|
|
15880
|
+
const checkedItems = useMemo(() => {
|
|
15881
|
+
if (!value) return [];
|
|
15882
|
+
if (isValueString) {
|
|
15883
|
+
return data.filter(item => value.includes(item.value));
|
|
15884
|
+
}
|
|
15885
|
+
return value;
|
|
15886
|
+
}, [value, data, isValueString]);
|
|
15861
15887
|
const scrollerRef = useRef(null);
|
|
15862
15888
|
useEffect(() => {
|
|
15863
15889
|
function filterUnique(params) {
|
|
15864
|
-
|
|
15890
|
+
if (!params) return;
|
|
15891
|
+
const unique = params.filter((obj, index) => params.findIndex(item => (item === null || item === void 0 ? void 0 : item.value) === (obj === null || obj === void 0 ? void 0 : obj.value)) === index);
|
|
15865
15892
|
setData(unique);
|
|
15866
15893
|
}
|
|
15867
15894
|
filterUnique(dataProp);
|
|
@@ -15877,9 +15904,25 @@ function InputResourceList({
|
|
|
15877
15904
|
setSortType(defaultSort);
|
|
15878
15905
|
}
|
|
15879
15906
|
}, [defaultSort]);
|
|
15907
|
+
const availableData = useMemo(() => {
|
|
15908
|
+
if (!data) return [];
|
|
15909
|
+
const filteredData = data.filter(item => item.label.toLowerCase().match((query === null || query === void 0 ? void 0 : query.toLowerCase()) || ''));
|
|
15910
|
+
const checkedValues = new Set(checkedItems.map(item => item.value));
|
|
15911
|
+
return filteredData.sort((a, b) => {
|
|
15912
|
+
const aIsChecked = checkedValues.has(a.value);
|
|
15913
|
+
const bIsChecked = checkedValues.has(b.value);
|
|
15914
|
+
if (aIsChecked && !bIsChecked) {
|
|
15915
|
+
return -1;
|
|
15916
|
+
}
|
|
15917
|
+
if (!aIsChecked && bIsChecked) {
|
|
15918
|
+
return 1;
|
|
15919
|
+
}
|
|
15920
|
+
return a.label.localeCompare(b.label);
|
|
15921
|
+
});
|
|
15922
|
+
}, [data, query, checkedItems]);
|
|
15880
15923
|
const renderCheckbox = (resource, index) => {
|
|
15881
15924
|
var _a, _b;
|
|
15882
|
-
const isDisabled = resource.disabled ||
|
|
15925
|
+
const isDisabled = resource.disabled || disabledItems && disabledItems.includes(resource.value);
|
|
15883
15926
|
return jsxs(Flex$1, Object.assign({
|
|
15884
15927
|
align: "center",
|
|
15885
15928
|
justify: "between"
|
|
@@ -15891,7 +15934,7 @@ function InputResourceList({
|
|
|
15891
15934
|
children: [jsxs(Flex$1, Object.assign({
|
|
15892
15935
|
align: "center"
|
|
15893
15936
|
}, {
|
|
15894
|
-
children: [jsx(InputCheckbox,
|
|
15937
|
+
children: [jsx(InputCheckbox, {
|
|
15895
15938
|
label: jsxs(Flex$1, Object.assign({
|
|
15896
15939
|
gap: 3,
|
|
15897
15940
|
align: "center"
|
|
@@ -15916,16 +15959,14 @@ function InputResourceList({
|
|
|
15916
15959
|
css: {
|
|
15917
15960
|
color: disabled || isDisabled ? '$textDisable' : '$textGreen'
|
|
15918
15961
|
}
|
|
15919
|
-
}, {
|
|
15962
|
+
}, {}, {
|
|
15920
15963
|
children: variant
|
|
15921
15964
|
}), index))]
|
|
15922
15965
|
}), void 0),
|
|
15923
15966
|
index: index,
|
|
15924
15967
|
value: resource.value,
|
|
15925
15968
|
disabled: isDisabled
|
|
15926
|
-
},
|
|
15927
|
-
checked: isDisabled
|
|
15928
|
-
})), void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
|
|
15969
|
+
}, void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
|
|
15929
15970
|
css: {
|
|
15930
15971
|
marginLeft: '$spacing-03'
|
|
15931
15972
|
}
|
|
@@ -15990,84 +16031,44 @@ function InputResourceList({
|
|
|
15990
16031
|
function toggleSort() {
|
|
15991
16032
|
setSortType(sortType === 'asc' ? 'desc' : 'asc');
|
|
15992
16033
|
}
|
|
15993
|
-
function renderWithoutSorting() {
|
|
15994
|
-
return jsxs(Flex$1, Object.assign({
|
|
15995
|
-
direction: "column",
|
|
15996
|
-
gap: 3
|
|
15997
|
-
}, {
|
|
15998
|
-
children: [jsx(CheckboxGroup, Object.assign({
|
|
15999
|
-
onChange: (_, index) => {
|
|
16000
|
-
onItemUncheck === null || onItemUncheck === void 0 ? void 0 : onItemUncheck((value || checkedResources)[index]);
|
|
16001
|
-
if (!value) setCheckedResources(current => current.filter(currItem => currItem.value !== checkedResources[index].value));
|
|
16002
|
-
},
|
|
16003
|
-
value: (value || checkedResources).map(item => item.value),
|
|
16004
|
-
disabled: disabled
|
|
16005
|
-
}, {
|
|
16006
|
-
children: (value || checkedResources).map(renderCheckbox)
|
|
16007
|
-
}), void 0), jsx(CheckboxGroup, Object.assign({
|
|
16008
|
-
onChange: (_, index) => {
|
|
16009
|
-
onItemCheck === null || onItemCheck === void 0 ? void 0 : onItemCheck(data[index]);
|
|
16010
|
-
if (!value) setCheckedResources(current => [...current, data[index]]);
|
|
16011
|
-
},
|
|
16012
|
-
value: (value || checkedResources).map(item => item.value),
|
|
16013
|
-
disabled: disabled
|
|
16014
|
-
}, {
|
|
16015
|
-
children: data.map(renderCheckbox)
|
|
16016
|
-
}), void 0)]
|
|
16017
|
-
}), void 0);
|
|
16018
|
-
}
|
|
16019
|
-
function renderWithSorting() {
|
|
16020
|
-
const datasets = sorting(data, sortType);
|
|
16021
|
-
return jsx(Flex$1, Object.assign({
|
|
16022
|
-
direction: "column",
|
|
16023
|
-
gap: 3
|
|
16024
|
-
}, {
|
|
16025
|
-
children: jsx(CheckboxGroup, Object.assign({
|
|
16026
|
-
onChange: (_, index) => {
|
|
16027
|
-
if (value === null || value === void 0 ? void 0 : value.some(val => {
|
|
16028
|
-
var _a;
|
|
16029
|
-
return (val === null || val === void 0 ? void 0 : val.value) === ((_a = datasets[index]) === null || _a === void 0 ? void 0 : _a.value);
|
|
16030
|
-
})) {
|
|
16031
|
-
onItemUncheck === null || onItemUncheck === void 0 ? void 0 : onItemUncheck(datasets[index]);
|
|
16032
|
-
} else {
|
|
16033
|
-
onItemCheck === null || onItemCheck === void 0 ? void 0 : onItemCheck(datasets[index]);
|
|
16034
|
-
}
|
|
16035
|
-
},
|
|
16036
|
-
value: value === null || value === void 0 ? void 0 : value.map(item => item === null || item === void 0 ? void 0 : item.value),
|
|
16037
|
-
disabled: disabled
|
|
16038
|
-
}, {
|
|
16039
|
-
children: datasets.map(renderCheckbox)
|
|
16040
|
-
}), void 0)
|
|
16041
|
-
}), void 0);
|
|
16042
|
-
}
|
|
16043
16034
|
function toggleCheckAll() {
|
|
16044
|
-
|
|
16045
|
-
|
|
16046
|
-
|
|
16047
|
-
|
|
16035
|
+
const allAvailableItemsSelected = availableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value));
|
|
16036
|
+
if (allAvailableItemsSelected) {
|
|
16037
|
+
const newCheckedItems = checkedItems.filter(checkedItem => !availableData.some(item => item.value === checkedItem.value));
|
|
16038
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16048
16039
|
} else {
|
|
16049
|
-
|
|
16050
|
-
|
|
16051
|
-
|
|
16052
|
-
|
|
16040
|
+
const newCheckedItems = [...checkedItems, ...availableData.filter(item => !checkedItems.some(checkedItem => checkedItem.value === item.value))];
|
|
16041
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16042
|
+
}
|
|
16043
|
+
}
|
|
16044
|
+
function handleCheckedAllExpandable() {
|
|
16045
|
+
const allItems = data || [];
|
|
16046
|
+
const allItemValues = allItems.map(i => i.value);
|
|
16047
|
+
const currentValues = checkedItems.map(i => i.value);
|
|
16048
|
+
const areAllSelected = allItems.length > 0 && allItems.every(item => currentValues.includes(item.value));
|
|
16049
|
+
let newCheckedItems;
|
|
16050
|
+
if (areAllSelected) {
|
|
16051
|
+
newCheckedItems = checkedItems.filter(item => !allItemValues.includes(item.value));
|
|
16052
|
+
} else {
|
|
16053
|
+
const itemsToAdd = allItems.filter(item => !currentValues.includes(item.value));
|
|
16054
|
+
newCheckedItems = [...checkedItems, ...itemsToAdd];
|
|
16053
16055
|
}
|
|
16056
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16054
16057
|
}
|
|
16055
|
-
|
|
16058
|
+
const listContent = jsxs(Box, Object.assign({
|
|
16056
16059
|
css: Object.assign({
|
|
16057
16060
|
position: 'relative'
|
|
16058
16061
|
}, css)
|
|
16059
16062
|
}, {
|
|
16060
|
-
children: [customHeader, onQueryChange && jsx(InputSearchbox, {
|
|
16063
|
+
children: [customHeader, onQueryChange && jsx(InputSearchbox, Object.assign({
|
|
16061
16064
|
size: "lg",
|
|
16062
|
-
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...',
|
|
16063
|
-
ns: 'translation'
|
|
16064
|
-
}),
|
|
16065
|
+
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...'),
|
|
16065
16066
|
onChange: debounce(query => {
|
|
16066
16067
|
setQuery(query);
|
|
16067
|
-
onQueryChange(query);
|
|
16068
|
+
if (onQueryChange) onQueryChange(query);
|
|
16068
16069
|
}, 1000),
|
|
16069
16070
|
disabled: disabled
|
|
16070
|
-
}, void 0), defaultSort && jsxs(Flex$1, Object.assign({
|
|
16071
|
+
}, {}), void 0), defaultSort && jsxs(Flex$1, Object.assign({
|
|
16071
16072
|
align: "center",
|
|
16072
16073
|
gap: 3,
|
|
16073
16074
|
css: {
|
|
@@ -16076,8 +16077,8 @@ function InputResourceList({
|
|
|
16076
16077
|
}
|
|
16077
16078
|
}, {
|
|
16078
16079
|
children: [!hideSelectAll && jsx(InputCheckbox, {
|
|
16079
|
-
checked:
|
|
16080
|
-
indeterminate:
|
|
16080
|
+
checked: availableData.length > 0 && availableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value)),
|
|
16081
|
+
indeterminate: availableData.some(item => checkedItems.some(checkedItem => checkedItem.value === item.value)) && !availableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value)),
|
|
16081
16082
|
onCheckedChange: toggleCheckAll,
|
|
16082
16083
|
css: {
|
|
16083
16084
|
marginRight: '$spacing-02'
|
|
@@ -16091,7 +16092,7 @@ function InputResourceList({
|
|
|
16091
16092
|
}, {
|
|
16092
16093
|
children: jsx(SortingOutline, {
|
|
16093
16094
|
size: 16,
|
|
16094
|
-
color: colors$
|
|
16095
|
+
color: colors$7.iconSecondary
|
|
16095
16096
|
}, void 0)
|
|
16096
16097
|
}), void 0)]
|
|
16097
16098
|
}), void 0), isLoading && jsx(Flex$1, Object.assign({
|
|
@@ -16126,7 +16127,7 @@ function InputResourceList({
|
|
|
16126
16127
|
}, wrapperCss && wrapperCss),
|
|
16127
16128
|
ref: scrollerRef
|
|
16128
16129
|
}, {
|
|
16129
|
-
children: [data.length <= 0 &&
|
|
16130
|
+
children: [data.length <= 0 && checkedItems.length <= 0 && !isLoading || defaultSort && data.length < 1 ? jsx(Flex$1, Object.assign({
|
|
16130
16131
|
justify: "center",
|
|
16131
16132
|
align: "center",
|
|
16132
16133
|
css: {
|
|
@@ -16159,9 +16160,27 @@ function InputResourceList({
|
|
|
16159
16160
|
children: children
|
|
16160
16161
|
}), void 0)
|
|
16161
16162
|
}, {
|
|
16162
|
-
children:
|
|
16163
|
+
children: jsx(Flex$1, Object.assign({
|
|
16164
|
+
direction: "column",
|
|
16165
|
+
gap: 3
|
|
16166
|
+
}, {
|
|
16167
|
+
children: jsx(CheckboxGroup, Object.assign({
|
|
16168
|
+
onChange: (_, index) => {
|
|
16169
|
+
const datasets = defaultSort ? sorting(availableData, sortType) : availableData;
|
|
16170
|
+
const newCheckedItems = (checkedItems === null || checkedItems === void 0 ? void 0 : checkedItems.some(val => {
|
|
16171
|
+
var _a;
|
|
16172
|
+
return (val === null || val === void 0 ? void 0 : val.value) === ((_a = datasets[index]) === null || _a === void 0 ? void 0 : _a.value);
|
|
16173
|
+
})) ? checkedItems.filter(val => val.value !== datasets[index].value) : [...(checkedItems || []), datasets[index]];
|
|
16174
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16175
|
+
},
|
|
16176
|
+
value: checkedItems === null || checkedItems === void 0 ? void 0 : checkedItems.map(item => item === null || item === void 0 ? void 0 : item.value),
|
|
16177
|
+
disabled: disabled
|
|
16178
|
+
}, {
|
|
16179
|
+
children: (defaultSort ? sorting(availableData, sortType) : availableData).map(renderCheckbox)
|
|
16180
|
+
}), void 0)
|
|
16181
|
+
}), void 0)
|
|
16163
16182
|
}), void 0)]
|
|
16164
|
-
}), void 0), counterFooter &&
|
|
16183
|
+
}), void 0), counterFooter && checkedItems.length > 0 && jsx(Box, Object.assign({
|
|
16165
16184
|
css: {
|
|
16166
16185
|
marginTop: '$spacing-04'
|
|
16167
16186
|
}
|
|
@@ -16170,119 +16189,48 @@ function InputResourceList({
|
|
|
16170
16189
|
variant: "helper",
|
|
16171
16190
|
color: disabled ? 'disable' : 'green'
|
|
16172
16191
|
}, {
|
|
16173
|
-
children: `${
|
|
16192
|
+
children: `${checkedItems.length} ${counterFooterText || t('counterFooterText', 'kategori dipilih')}`
|
|
16174
16193
|
}), void 0)
|
|
16175
16194
|
}), void 0)]
|
|
16176
16195
|
}), void 0);
|
|
16177
|
-
|
|
16178
|
-
|
|
16179
|
-
const
|
|
16180
|
-
|
|
16181
|
-
|
|
16182
|
-
|
|
16183
|
-
height: 16,
|
|
16184
|
-
width: 16,
|
|
16185
|
-
cursor: 'pointer',
|
|
16186
|
-
variants: {
|
|
16187
|
-
border: {
|
|
16188
|
-
true: {
|
|
16189
|
-
borderRadius: 3,
|
|
16190
|
-
border: '1.5px solid $gray300'
|
|
16191
|
-
}
|
|
16192
|
-
}
|
|
16193
|
-
}
|
|
16194
|
-
});
|
|
16195
|
-
const IndeterminateFilled = styled('div', {
|
|
16196
|
-
width: 16,
|
|
16197
|
-
height: 16,
|
|
16198
|
-
background: '$primary500',
|
|
16199
|
-
color: '$textWhite',
|
|
16200
|
-
borderRadius: 3,
|
|
16201
|
-
fontSize: 14,
|
|
16202
|
-
display: 'flex',
|
|
16203
|
-
justifyContent: 'center',
|
|
16204
|
-
alignItems: 'center'
|
|
16205
|
-
});
|
|
16206
|
-
const InputResourceListExpandable = _a => {
|
|
16207
|
-
var _b;
|
|
16208
|
-
var {
|
|
16209
|
-
renderSelectAll,
|
|
16210
|
-
onItemCheck,
|
|
16211
|
-
onItemUncheck,
|
|
16212
|
-
value
|
|
16213
|
-
} = _a,
|
|
16214
|
-
props = __rest(_a, ["renderSelectAll", "onItemCheck", "onItemUncheck", "value"]);
|
|
16215
|
-
const [expand, setExpand] = useState(false);
|
|
16216
|
-
const [checkedItem, setCheckedItem] = useState([]);
|
|
16217
|
-
useEffect(() => {
|
|
16218
|
-
if (value) {
|
|
16219
|
-
setCheckedItem(value);
|
|
16220
|
-
}
|
|
16221
|
-
}, [value]);
|
|
16222
|
-
const handleChecked = item => {
|
|
16223
|
-
onItemCheck(item);
|
|
16224
|
-
setCheckedItem(current => [...current, item]);
|
|
16225
|
-
};
|
|
16226
|
-
const handleUnChecked = item => {
|
|
16227
|
-
onItemUncheck(item);
|
|
16228
|
-
setCheckedItem(current => current.filter(currItem => currItem.value !== item.value));
|
|
16229
|
-
};
|
|
16230
|
-
const handleCheckedAll = () => {
|
|
16231
|
-
var _a, _b, _c;
|
|
16232
|
-
if ((checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length) && !((_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
16233
|
-
for (let i = 0; i < (checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length); i++) {
|
|
16234
|
-
const item = checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem[i];
|
|
16235
|
-
handleUnChecked(item);
|
|
16236
|
-
}
|
|
16237
|
-
} else {
|
|
16238
|
-
for (let i = 0; i < ((_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.length); i++) {
|
|
16239
|
-
const item = (_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c[i];
|
|
16240
|
-
handleChecked(item);
|
|
16241
|
-
}
|
|
16242
|
-
}
|
|
16243
|
-
};
|
|
16244
|
-
return jsxs(Box, {
|
|
16245
|
-
children: [jsxs(Flex$1, Object.assign({
|
|
16246
|
-
justify: "between",
|
|
16247
|
-
align: "start"
|
|
16248
|
-
}, {
|
|
16196
|
+
if (expandable) {
|
|
16197
|
+
const allItems = data || [];
|
|
16198
|
+
const checkedValues = checkedItems.map(i => i.value);
|
|
16199
|
+
const isAllSelected = allItems.length > 0 && allItems.every(item => checkedValues.includes(item.value));
|
|
16200
|
+
const isIndeterminate = !isAllSelected && allItems.some(item => checkedValues.includes(item.value));
|
|
16201
|
+
return jsxs(Box, {
|
|
16249
16202
|
children: [jsxs(Flex$1, Object.assign({
|
|
16250
|
-
|
|
16203
|
+
justify: "between",
|
|
16204
|
+
align: "start"
|
|
16251
16205
|
}, {
|
|
16252
|
-
children: [
|
|
16253
|
-
|
|
16254
|
-
border: Boolean(!(checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length))
|
|
16206
|
+
children: [jsxs(Flex$1, Object.assign({
|
|
16207
|
+
gap: 5
|
|
16255
16208
|
}, {
|
|
16256
|
-
children: (
|
|
16257
|
-
|
|
16258
|
-
|
|
16259
|
-
|
|
16260
|
-
|
|
16261
|
-
|
|
16262
|
-
|
|
16263
|
-
|
|
16264
|
-
|
|
16265
|
-
|
|
16266
|
-
|
|
16267
|
-
|
|
16268
|
-
|
|
16269
|
-
|
|
16270
|
-
|
|
16271
|
-
|
|
16272
|
-
|
|
16273
|
-
|
|
16274
|
-
|
|
16275
|
-
|
|
16276
|
-
|
|
16277
|
-
|
|
16278
|
-
}
|
|
16279
|
-
|
|
16280
|
-
|
|
16281
|
-
expandable
|
|
16282
|
-
} = _a,
|
|
16283
|
-
props = __rest(_a, ["expandable"]);
|
|
16284
|
-
return expandable ? jsx(InputResourceListExpandable, Object.assign({}, props), void 0) : jsx(InputResourceList, Object.assign({}, props), void 0);
|
|
16285
|
-
};
|
|
16209
|
+
children: [jsx(IconBox, Object.assign({
|
|
16210
|
+
onClick: handleCheckedAllExpandable,
|
|
16211
|
+
border: !isAllSelected && !isIndeterminate
|
|
16212
|
+
}, {
|
|
16213
|
+
children: isAllSelected ? jsx(CheckOutline, {
|
|
16214
|
+
color: colors$7.iconGreen
|
|
16215
|
+
}, void 0) : isIndeterminate ? jsx(IndeterminateFilled, {
|
|
16216
|
+
children: "-"
|
|
16217
|
+
}, void 0) : ''
|
|
16218
|
+
}), void 0), renderSelectAll]
|
|
16219
|
+
}), void 0), jsx(Box, Object.assign({
|
|
16220
|
+
css: {
|
|
16221
|
+
cursor: 'pointer'
|
|
16222
|
+
},
|
|
16223
|
+
onClick: () => setExpand(!expand)
|
|
16224
|
+
}, {
|
|
16225
|
+
children: expand ? jsx(ChevronUpOutline, {}, void 0) : jsx(ChevronDownOutline, {}, void 0)
|
|
16226
|
+
}), void 0)]
|
|
16227
|
+
}), void 0), jsx(Box, {
|
|
16228
|
+
children: expand && listContent
|
|
16229
|
+
}, void 0)]
|
|
16230
|
+
}, void 0);
|
|
16231
|
+
}
|
|
16232
|
+
return listContent;
|
|
16233
|
+
}
|
|
16286
16234
|
|
|
16287
16235
|
const SelectInputSearch = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
|
|
16288
16236
|
var {
|
|
@@ -16694,7 +16642,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16694
16642
|
}, {
|
|
16695
16643
|
children: jsx(MinusOutline, {
|
|
16696
16644
|
size: 24,
|
|
16697
|
-
color: disabled || disabledDecrement ? colors$
|
|
16645
|
+
color: disabled || disabledDecrement ? colors$7.iconDisable : colors$7.primary500
|
|
16698
16646
|
}, void 0)
|
|
16699
16647
|
}), void 0), jsx(Input$4, {
|
|
16700
16648
|
ref: ref,
|
|
@@ -16717,7 +16665,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16717
16665
|
}, {
|
|
16718
16666
|
children: jsx(PlusOutline, {
|
|
16719
16667
|
size: 24,
|
|
16720
|
-
color: disabled || disabledIncrement ? colors$
|
|
16668
|
+
color: disabled || disabledIncrement ? colors$7.iconDisable : colors$7.primary500
|
|
16721
16669
|
}, void 0)
|
|
16722
16670
|
}), void 0)]
|
|
16723
16671
|
}), void 0);
|
|
@@ -16730,7 +16678,7 @@ InputCounter.defaultProps = {
|
|
|
16730
16678
|
|
|
16731
16679
|
const _excluded$c = ["children"],
|
|
16732
16680
|
_excluded2$3 = ["children", "showOverlay"];
|
|
16733
|
-
var _jsxFileName$u = "
|
|
16681
|
+
var _jsxFileName$u = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/drawer/Drawer.js";
|
|
16734
16682
|
const Context$1 = /*#__PURE__*/React__default.createContext();
|
|
16735
16683
|
const {
|
|
16736
16684
|
sizes
|
|
@@ -17080,7 +17028,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
|
17080
17028
|
|
|
17081
17029
|
const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
|
|
17082
17030
|
_excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
|
|
17083
|
-
var _jsxFileName$t = "
|
|
17031
|
+
var _jsxFileName$t = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
|
|
17084
17032
|
const ScrollButton$1 = styled(Button$4, {
|
|
17085
17033
|
width: '28px',
|
|
17086
17034
|
outline: '$btnPrimary solid 1px',
|
|
@@ -17329,7 +17277,7 @@ function ButtonGroup$1(_ref) {
|
|
|
17329
17277
|
columnNumber: 15
|
|
17330
17278
|
}
|
|
17331
17279
|
}, /*#__PURE__*/React__default.createElement(ChevronLeftOutline, {
|
|
17332
|
-
color: colors$
|
|
17280
|
+
color: colors$7.iconGreen,
|
|
17333
17281
|
__self: this,
|
|
17334
17282
|
__source: {
|
|
17335
17283
|
fileName: _jsxFileName$t,
|
|
@@ -17359,7 +17307,7 @@ function ButtonGroup$1(_ref) {
|
|
|
17359
17307
|
columnNumber: 15
|
|
17360
17308
|
}
|
|
17361
17309
|
}, /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
|
|
17362
|
-
color: colors$
|
|
17310
|
+
color: colors$7.iconGreen,
|
|
17363
17311
|
__self: this,
|
|
17364
17312
|
__source: {
|
|
17365
17313
|
fileName: _jsxFileName$t,
|
|
@@ -17609,7 +17557,7 @@ const DateNumber = styled('div', {
|
|
|
17609
17557
|
});
|
|
17610
17558
|
DateNumber.displayName = 'DateNumber';
|
|
17611
17559
|
|
|
17612
|
-
var _jsxFileName$s = "
|
|
17560
|
+
var _jsxFileName$s = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
|
|
17613
17561
|
const Input$3 = styled('input', {
|
|
17614
17562
|
display: 'none'
|
|
17615
17563
|
});
|
|
@@ -18165,7 +18113,7 @@ TimePicker.propTypes = {
|
|
|
18165
18113
|
};
|
|
18166
18114
|
NativeTimePicker.displayName = 'NativeTimePicker';
|
|
18167
18115
|
|
|
18168
|
-
var _jsxFileName$r = "
|
|
18116
|
+
var _jsxFileName$r = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
|
|
18169
18117
|
const getInputPickerValue$1 = date => {
|
|
18170
18118
|
if (!date) return;
|
|
18171
18119
|
return moment(date).format('HH:mm');
|
|
@@ -18213,7 +18161,7 @@ function InputTimePicker({
|
|
|
18213
18161
|
}
|
|
18214
18162
|
}, /*#__PURE__*/React__default.createElement(InputLeftElement, {
|
|
18215
18163
|
children: /*#__PURE__*/React__default.createElement(TimeOutline, {
|
|
18216
|
-
color: disabled ? colors$
|
|
18164
|
+
color: disabled ? colors$7.iconDisable : colors$7.iconPrimary,
|
|
18217
18165
|
__self: this,
|
|
18218
18166
|
__source: {
|
|
18219
18167
|
fileName: _jsxFileName$r,
|
|
@@ -21020,7 +20968,7 @@ function InputSignature({
|
|
|
21020
20968
|
}
|
|
21021
20969
|
|
|
21022
20970
|
const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
|
|
21023
|
-
var _jsxFileName$q = "
|
|
20971
|
+
var _jsxFileName$q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/slider/Slider.js";
|
|
21024
20972
|
const StyledSlider = styled$1(SliderPrimitive.Root, {
|
|
21025
20973
|
position: 'relative',
|
|
21026
20974
|
display: 'flex',
|
|
@@ -21364,7 +21312,7 @@ Slider.defaultProps = {
|
|
|
21364
21312
|
};
|
|
21365
21313
|
|
|
21366
21314
|
const _excluded$9 = ["className", "children", "onClick", "type", "size"];
|
|
21367
|
-
var _jsxFileName$p = "
|
|
21315
|
+
var _jsxFileName$p = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
|
|
21368
21316
|
const TagWrapper$1 = styled('div', {
|
|
21369
21317
|
boxSizing: 'border-box',
|
|
21370
21318
|
fontSize: '12px',
|
|
@@ -21527,7 +21475,7 @@ const _excluded$8 = ["children"],
|
|
|
21527
21475
|
_excluded2$1 = ["children", "activeTabs"],
|
|
21528
21476
|
_excluded3$1 = ["children", "icon", "activeTabs", "value"],
|
|
21529
21477
|
_excluded4 = ["activeTabs"];
|
|
21530
|
-
var _jsxFileName$o = "
|
|
21478
|
+
var _jsxFileName$o = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tabs/Tabs.js";
|
|
21531
21479
|
const StyledTabs = styled(TabsPrimitive.Root, {
|
|
21532
21480
|
display: 'flex',
|
|
21533
21481
|
flexDirection: 'column',
|
|
@@ -21753,7 +21701,7 @@ const TabsList$1 = _ref2 => {
|
|
|
21753
21701
|
columnNumber: 11
|
|
21754
21702
|
}
|
|
21755
21703
|
}, /*#__PURE__*/React__default.createElement(ChevronLgLeftOutline, {
|
|
21756
|
-
color: colors$
|
|
21704
|
+
color: colors$7.iconGreen,
|
|
21757
21705
|
__self: undefined,
|
|
21758
21706
|
__source: {
|
|
21759
21707
|
fileName: _jsxFileName$o,
|
|
@@ -21782,7 +21730,7 @@ const TabsList$1 = _ref2 => {
|
|
|
21782
21730
|
columnNumber: 11
|
|
21783
21731
|
}
|
|
21784
21732
|
}, /*#__PURE__*/React__default.createElement(ChevronLgRightOutline, {
|
|
21785
|
-
color: colors$
|
|
21733
|
+
color: colors$7.iconGreen,
|
|
21786
21734
|
__self: undefined,
|
|
21787
21735
|
__source: {
|
|
21788
21736
|
fileName: _jsxFileName$o,
|
|
@@ -21842,7 +21790,7 @@ const TabsTrigger$1 = _ref3 => {
|
|
|
21842
21790
|
columnNumber: 9
|
|
21843
21791
|
}
|
|
21844
21792
|
}, icon && /*#__PURE__*/React__default.cloneElement(icon, {
|
|
21845
|
-
color: activeTabs === value || isIconHovered ? colors$
|
|
21793
|
+
color: activeTabs === value || isIconHovered ? colors$7.iconGreen : colors$7.iconDisable
|
|
21846
21794
|
}), (!icon || activeTabs === value) && children)));
|
|
21847
21795
|
};
|
|
21848
21796
|
TabsTrigger$1.propTypes = {
|
|
@@ -21866,7 +21814,7 @@ TabsContent$1.propTypes = {
|
|
|
21866
21814
|
};
|
|
21867
21815
|
|
|
21868
21816
|
const _excluded$7 = ["children", "variantIcon"];
|
|
21869
|
-
var _jsxFileName$n = "
|
|
21817
|
+
var _jsxFileName$n = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
|
|
21870
21818
|
const NotificationBadgeRootStyle = styled('span', {
|
|
21871
21819
|
position: 'relative',
|
|
21872
21820
|
display: 'inline-flex',
|
|
@@ -22021,7 +21969,7 @@ NotificationBadge.propTypes = {
|
|
|
22021
21969
|
};
|
|
22022
21970
|
|
|
22023
21971
|
const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
|
|
22024
|
-
var _jsxFileName$m = "
|
|
21972
|
+
var _jsxFileName$m = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/paper/Paper.js";
|
|
22025
21973
|
const PaperComponent = styled('div', {
|
|
22026
21974
|
padding: '20px',
|
|
22027
21975
|
height: 'auto',
|
|
@@ -22274,7 +22222,7 @@ const removeUndefinedFields = obj => {
|
|
|
22274
22222
|
};
|
|
22275
22223
|
|
|
22276
22224
|
const _excluded$5 = ["isActive", "onClick"];
|
|
22277
|
-
var _jsxFileName$l = "
|
|
22225
|
+
var _jsxFileName$l = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
|
|
22278
22226
|
const PrevNextButton = styled(Text$1, {
|
|
22279
22227
|
padding: '$spacing-01',
|
|
22280
22228
|
cursor: 'pointer',
|
|
@@ -22338,7 +22286,7 @@ const PrevNextButtonIcon = ({
|
|
|
22338
22286
|
columnNumber: 5
|
|
22339
22287
|
}
|
|
22340
22288
|
}, iconType === 'prev' ? /*#__PURE__*/React__default.createElement(ArrowLeftOutline, {
|
|
22341
|
-
color: isHover ? colors$
|
|
22289
|
+
color: isHover ? colors$7.iconGreen : colors$7.iconPrimary,
|
|
22342
22290
|
__self: undefined,
|
|
22343
22291
|
__source: {
|
|
22344
22292
|
fileName: _jsxFileName$l,
|
|
@@ -22346,7 +22294,7 @@ const PrevNextButtonIcon = ({
|
|
|
22346
22294
|
columnNumber: 9
|
|
22347
22295
|
}
|
|
22348
22296
|
}) : /*#__PURE__*/React__default.createElement(ArrowRightOutline, {
|
|
22349
|
-
color: isHover ? colors$
|
|
22297
|
+
color: isHover ? colors$7.iconGreen : colors$7.iconPrimary,
|
|
22350
22298
|
__self: undefined,
|
|
22351
22299
|
__source: {
|
|
22352
22300
|
fileName: _jsxFileName$l,
|
|
@@ -22768,7 +22716,7 @@ const PaginationButton = ({
|
|
|
22768
22716
|
};
|
|
22769
22717
|
|
|
22770
22718
|
const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
|
|
22771
|
-
var _jsxFileName$k = "
|
|
22719
|
+
var _jsxFileName$k = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
|
|
22772
22720
|
const LimitContainer = styled(Flex$1, {
|
|
22773
22721
|
cursor: 'pointer'
|
|
22774
22722
|
});
|
|
@@ -22864,7 +22812,7 @@ function PaginationInfo(_ref) {
|
|
|
22864
22812
|
columnNumber: 15
|
|
22865
22813
|
}
|
|
22866
22814
|
}, selectedLimit.toString()), /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
22867
|
-
color: colors$
|
|
22815
|
+
color: colors$7.gray400,
|
|
22868
22816
|
__self: this,
|
|
22869
22817
|
__source: {
|
|
22870
22818
|
fileName: _jsxFileName$k,
|
|
@@ -23003,7 +22951,7 @@ function PaginationInfo(_ref) {
|
|
|
23003
22951
|
}
|
|
23004
22952
|
|
|
23005
22953
|
const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
|
|
23006
|
-
var _jsxFileName$j = "
|
|
22954
|
+
var _jsxFileName$j = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/Pagination.js";
|
|
23007
22955
|
function Pagination(_ref) {
|
|
23008
22956
|
let {
|
|
23009
22957
|
limit,
|
|
@@ -23178,23 +23126,23 @@ const ContextMenuItem = styled(Item, {
|
|
|
23178
23126
|
userSelect: 'none',
|
|
23179
23127
|
color: '$textPrimary',
|
|
23180
23128
|
'&[data-disabled]': {
|
|
23181
|
-
color: colors$
|
|
23129
|
+
color: colors$7.gray400,
|
|
23182
23130
|
pointerEvents: 'none'
|
|
23183
23131
|
},
|
|
23184
23132
|
'&:hover': {
|
|
23185
23133
|
cursor: 'pointer',
|
|
23186
|
-
backgroundColor: colors$
|
|
23134
|
+
backgroundColor: colors$7.gray100
|
|
23187
23135
|
},
|
|
23188
23136
|
'&:active': {
|
|
23189
|
-
backgroundColor: colors$
|
|
23137
|
+
backgroundColor: colors$7.gray150
|
|
23190
23138
|
},
|
|
23191
23139
|
'&:focus': {
|
|
23192
|
-
backgroundColor: colors$
|
|
23140
|
+
backgroundColor: colors$7.gray100
|
|
23193
23141
|
}
|
|
23194
23142
|
});
|
|
23195
23143
|
const ContextMenuSeparator = styled('div', {
|
|
23196
23144
|
height: 1,
|
|
23197
|
-
backgroundColor: colors$
|
|
23145
|
+
backgroundColor: colors$7.gray150,
|
|
23198
23146
|
margin: 5
|
|
23199
23147
|
});
|
|
23200
23148
|
|
|
@@ -23877,7 +23825,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
23877
23825
|
});
|
|
23878
23826
|
ScrollSyncNode.displayName = 'ScrollSyncNode';
|
|
23879
23827
|
|
|
23880
|
-
var _jsxFileName$i = "
|
|
23828
|
+
var _jsxFileName$i = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
|
|
23881
23829
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
|
|
23882
23830
|
icon: true,
|
|
23883
23831
|
size: "xs",
|
|
@@ -25372,7 +25320,7 @@ const TableColumn = _a => {
|
|
|
25372
25320
|
return jsx("div", {}, void 0);
|
|
25373
25321
|
};
|
|
25374
25322
|
|
|
25375
|
-
var _jsxFileName$h = "
|
|
25323
|
+
var _jsxFileName$h = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
|
|
25376
25324
|
const DateColumn = ({
|
|
25377
25325
|
value,
|
|
25378
25326
|
customFormat
|
|
@@ -25484,7 +25432,7 @@ const PriceColumn = props => {
|
|
|
25484
25432
|
return addThousandSeparator(param);
|
|
25485
25433
|
};
|
|
25486
25434
|
|
|
25487
|
-
var _jsxFileName$g = "
|
|
25435
|
+
var _jsxFileName$g = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
|
|
25488
25436
|
const rowExpanderColumn = {
|
|
25489
25437
|
id: 'expander',
|
|
25490
25438
|
Header: () => null,
|
|
@@ -25527,7 +25475,7 @@ const rowExpanderColumn = {
|
|
|
25527
25475
|
unsortable: true
|
|
25528
25476
|
};
|
|
25529
25477
|
|
|
25530
|
-
var _jsxFileName$f = "
|
|
25478
|
+
var _jsxFileName$f = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
|
|
25531
25479
|
const rowExpanderMultipleColumn = {
|
|
25532
25480
|
id: 'multiple-expander',
|
|
25533
25481
|
Header: () => null,
|
|
@@ -25563,7 +25511,7 @@ const rowExpanderMultipleColumn = {
|
|
|
25563
25511
|
unsortable: true
|
|
25564
25512
|
};
|
|
25565
25513
|
|
|
25566
|
-
var _jsxFileName$e = "
|
|
25514
|
+
var _jsxFileName$e = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
|
|
25567
25515
|
const rowMenuColumn = (options, icon, config) => ({
|
|
25568
25516
|
id: 'menu',
|
|
25569
25517
|
options,
|
|
@@ -25700,7 +25648,7 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
25700
25648
|
unsortable: true
|
|
25701
25649
|
});
|
|
25702
25650
|
|
|
25703
|
-
var _jsxFileName$d = "
|
|
25651
|
+
var _jsxFileName$d = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
|
|
25704
25652
|
const rowSelectionColumn = {
|
|
25705
25653
|
id: 'selection',
|
|
25706
25654
|
Header: ({
|
|
@@ -25749,7 +25697,7 @@ const rowSelectionColumn = {
|
|
|
25749
25697
|
unsortable: true
|
|
25750
25698
|
};
|
|
25751
25699
|
|
|
25752
|
-
var _jsxFileName$c = "
|
|
25700
|
+
var _jsxFileName$c = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
|
|
25753
25701
|
const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
|
|
25754
25702
|
id: 'selection',
|
|
25755
25703
|
Header: ({
|
|
@@ -26087,7 +26035,7 @@ PageDialog.defaultProps = {
|
|
|
26087
26035
|
};
|
|
26088
26036
|
|
|
26089
26037
|
const _excluded$2 = ["children"];
|
|
26090
|
-
var _jsxFileName$b = "
|
|
26038
|
+
var _jsxFileName$b = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
|
|
26091
26039
|
const overlayShow = keyframes({
|
|
26092
26040
|
'0%': {
|
|
26093
26041
|
opacity: 0
|
|
@@ -26108,7 +26056,7 @@ const contentShow = keyframes({
|
|
|
26108
26056
|
});
|
|
26109
26057
|
const StyledOverlay = styled(ADialog.Overlay, {
|
|
26110
26058
|
zIndex: 1,
|
|
26111
|
-
backgroundColor: colors$
|
|
26059
|
+
backgroundColor: colors$7.bgDimmer,
|
|
26112
26060
|
position: 'fixed',
|
|
26113
26061
|
inset: 0,
|
|
26114
26062
|
'@media (prefers-reduced-motion: no-preference)': {
|
|
@@ -26141,14 +26089,14 @@ const StyledTitle = styled(ADialog.Title, {
|
|
|
26141
26089
|
display: 'flex',
|
|
26142
26090
|
flexDirection: 'row',
|
|
26143
26091
|
justifyContent: 'space-between',
|
|
26144
|
-
color: colors$
|
|
26092
|
+
color: colors$7.gray900,
|
|
26145
26093
|
fontSize: 17,
|
|
26146
26094
|
fontWeight: 500
|
|
26147
26095
|
});
|
|
26148
26096
|
const StyledDescription$1 = styled(ADialog.Description, {
|
|
26149
26097
|
mx: 24,
|
|
26150
26098
|
my: 20,
|
|
26151
|
-
color: colors$
|
|
26099
|
+
color: colors$7.gray900,
|
|
26152
26100
|
fontSize: 15,
|
|
26153
26101
|
lineHeight: 1.5
|
|
26154
26102
|
});
|
|
@@ -26722,7 +26670,7 @@ const AlertDialogConfirm = ADialog.Action;
|
|
|
26722
26670
|
const _excluded$1 = ["side", "align", "children"],
|
|
26723
26671
|
_excluded2 = ["children"],
|
|
26724
26672
|
_excluded3 = ["asChild"];
|
|
26725
|
-
var _jsxFileName$a = "
|
|
26673
|
+
var _jsxFileName$a = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
|
|
26726
26674
|
const Context = /*#__PURE__*/React__default.createContext();
|
|
26727
26675
|
const slideUpAndFade = keyframes({
|
|
26728
26676
|
'0%': {
|
|
@@ -26806,17 +26754,17 @@ const itemStyles = {
|
|
|
26806
26754
|
position: 'relative',
|
|
26807
26755
|
userSelect: 'none',
|
|
26808
26756
|
'&[data-disabled]': {
|
|
26809
|
-
color: colors$
|
|
26757
|
+
color: colors$7.gray400,
|
|
26810
26758
|
pointerEvents: 'none'
|
|
26811
26759
|
},
|
|
26812
26760
|
'&:hover': {
|
|
26813
26761
|
cursor: 'pointer'
|
|
26814
26762
|
},
|
|
26815
26763
|
'&:active': {
|
|
26816
|
-
backgroundColor: colors$
|
|
26764
|
+
backgroundColor: colors$7.gray150
|
|
26817
26765
|
},
|
|
26818
26766
|
'&:focus': {
|
|
26819
|
-
backgroundColor: colors$
|
|
26767
|
+
backgroundColor: colors$7.gray100
|
|
26820
26768
|
}
|
|
26821
26769
|
};
|
|
26822
26770
|
const StyledItem = styled(DropdownMenuPrimitive.Item, Object.assign({}, itemStyles));
|
|
@@ -26838,11 +26786,11 @@ const StyledLabel = styled(DropdownMenuPrimitive.Label, {
|
|
|
26838
26786
|
padding: '8px 0',
|
|
26839
26787
|
fontSize: 12,
|
|
26840
26788
|
lineHeight: '25px',
|
|
26841
|
-
color: colors$
|
|
26789
|
+
color: colors$7.gray700
|
|
26842
26790
|
});
|
|
26843
26791
|
const StyledSeparator = styled(DropdownMenuPrimitive.Separator, {
|
|
26844
26792
|
height: 1,
|
|
26845
|
-
backgroundColor: colors$
|
|
26793
|
+
backgroundColor: colors$7.gray150,
|
|
26846
26794
|
margin: 5
|
|
26847
26795
|
});
|
|
26848
26796
|
const StyledItemIndicator = styled(DropdownMenuPrimitive.ItemIndicator, {
|
|
@@ -26951,7 +26899,7 @@ const RightSlot = styled('div', {
|
|
|
26951
26899
|
color: 'white'
|
|
26952
26900
|
},
|
|
26953
26901
|
'[data-disabled] &': {
|
|
26954
|
-
color: colors$
|
|
26902
|
+
color: colors$7.gray400
|
|
26955
26903
|
}
|
|
26956
26904
|
});
|
|
26957
26905
|
const StyledDropdown = styled(Button$4, {
|
|
@@ -29002,7 +28950,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
|
|
|
29002
28950
|
}
|
|
29003
28951
|
|
|
29004
28952
|
const _excluded = ["customPreviewIcon"];
|
|
29005
|
-
var _jsxFileName$9 = "
|
|
28953
|
+
var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
|
|
29006
28954
|
const Input$2 = styled('input', {
|
|
29007
28955
|
display: 'none !important'
|
|
29008
28956
|
});
|
|
@@ -30208,159 +30156,159 @@ Upload.defaultProps = {
|
|
|
30208
30156
|
maxWidthOrHeight: 1024
|
|
30209
30157
|
};
|
|
30210
30158
|
Upload.propTypes = {
|
|
30211
|
-
/**
|
|
30212
|
-
Placeholder label of upload.
|
|
30159
|
+
/**
|
|
30160
|
+
Placeholder label of upload.
|
|
30213
30161
|
*/
|
|
30214
30162
|
placeholder: PropTypes.string,
|
|
30215
|
-
/**
|
|
30216
|
-
Disabled state of upload.
|
|
30163
|
+
/**
|
|
30164
|
+
Disabled state of upload.
|
|
30217
30165
|
*/
|
|
30218
30166
|
disabled: PropTypes.bool,
|
|
30219
|
-
/**
|
|
30220
|
-
Built-in stylesheets, support for two types.
|
|
30167
|
+
/**
|
|
30168
|
+
Built-in stylesheets, support for two types.
|
|
30221
30169
|
*/
|
|
30222
30170
|
listType: PropTypes.oneOf(['file', 'picture']),
|
|
30223
|
-
/**
|
|
30224
|
-
Whether to support selected multiple file.
|
|
30171
|
+
/**
|
|
30172
|
+
Whether to support selected multiple file.
|
|
30225
30173
|
*/
|
|
30226
30174
|
multiple: PropTypes.bool,
|
|
30227
|
-
/**
|
|
30228
|
-
List of files to be uploaded.
|
|
30175
|
+
/**
|
|
30176
|
+
List of files to be uploaded.
|
|
30229
30177
|
*/
|
|
30230
30178
|
fileList: PropTypes.array,
|
|
30231
|
-
/**
|
|
30232
|
-
A callback function, can be executed when uploading state is changing.
|
|
30179
|
+
/**
|
|
30180
|
+
A callback function, can be executed when uploading state is changing.
|
|
30233
30181
|
*/
|
|
30234
30182
|
onChange: PropTypes.func,
|
|
30235
|
-
/**
|
|
30236
|
-
A callback function, can be executed when uploading in progress.
|
|
30237
|
-
`(progress) => void`
|
|
30183
|
+
/**
|
|
30184
|
+
A callback function, can be executed when uploading in progress.
|
|
30185
|
+
`(progress) => void`
|
|
30238
30186
|
*/
|
|
30239
30187
|
onProgress: PropTypes.func,
|
|
30240
|
-
/**
|
|
30241
|
-
A callback function, can be executed when uploading is success.
|
|
30242
|
-
`(response) => void`
|
|
30188
|
+
/**
|
|
30189
|
+
A callback function, can be executed when uploading is success.
|
|
30190
|
+
`(response) => void`
|
|
30243
30191
|
*/
|
|
30244
30192
|
onSuccess: PropTypes.func,
|
|
30245
|
-
/**
|
|
30246
|
-
A callback function, can be executed when uploading is error.
|
|
30247
|
-
`(error, response) => void`
|
|
30193
|
+
/**
|
|
30194
|
+
A callback function, can be executed when uploading is error.
|
|
30195
|
+
`(error, response) => void`
|
|
30248
30196
|
*/
|
|
30249
30197
|
onError: PropTypes.func,
|
|
30250
|
-
/**
|
|
30251
|
-
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30198
|
+
/**
|
|
30199
|
+
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30252
30200
|
*/
|
|
30253
30201
|
onPreview: PropTypes.func,
|
|
30254
|
-
/**
|
|
30255
|
-
A callback function, can be executed when remove icon is clicked.
|
|
30202
|
+
/**
|
|
30203
|
+
A callback function, can be executed when remove icon is clicked.
|
|
30256
30204
|
*/
|
|
30257
30205
|
onRemove: PropTypes.func,
|
|
30258
|
-
/**
|
|
30259
|
-
A custom element inside upload container.
|
|
30206
|
+
/**
|
|
30207
|
+
A custom element inside upload container.
|
|
30260
30208
|
*/
|
|
30261
30209
|
children: PropTypes.element,
|
|
30262
|
-
/**
|
|
30263
|
-
Limit the number of uploaded files.
|
|
30210
|
+
/**
|
|
30211
|
+
Limit the number of uploaded files.
|
|
30264
30212
|
*/
|
|
30265
30213
|
max: PropTypes.number,
|
|
30266
|
-
/**
|
|
30267
|
-
Limit the maximum image size in MB.
|
|
30214
|
+
/**
|
|
30215
|
+
Limit the maximum image size in MB.
|
|
30268
30216
|
*/
|
|
30269
30217
|
maxSizeMB: PropTypes.number,
|
|
30270
|
-
/**
|
|
30271
|
-
Limit file type of upload.
|
|
30218
|
+
/**
|
|
30219
|
+
Limit file type of upload.
|
|
30272
30220
|
*/
|
|
30273
30221
|
accept: PropTypes.string,
|
|
30274
|
-
/**
|
|
30275
|
-
Custom label for replace button.
|
|
30222
|
+
/**
|
|
30223
|
+
Custom label for replace button.
|
|
30276
30224
|
*/
|
|
30277
30225
|
replaceLabel: PropTypes.string,
|
|
30278
|
-
/**
|
|
30279
|
-
Custom width of upload container.
|
|
30226
|
+
/**
|
|
30227
|
+
Custom width of upload container.
|
|
30280
30228
|
*/
|
|
30281
30229
|
width: PropTypes.number,
|
|
30282
|
-
/**
|
|
30283
|
-
Custom height of upload container.
|
|
30230
|
+
/**
|
|
30231
|
+
Custom height of upload container.
|
|
30284
30232
|
*/
|
|
30285
30233
|
height: PropTypes.number,
|
|
30286
|
-
/**
|
|
30287
|
-
Additional css.
|
|
30234
|
+
/**
|
|
30235
|
+
Additional css.
|
|
30288
30236
|
*/
|
|
30289
30237
|
css: PropTypes.object,
|
|
30290
|
-
/**
|
|
30291
|
-
Custom title header of cropper modal.
|
|
30238
|
+
/**
|
|
30239
|
+
Custom title header of cropper modal.
|
|
30292
30240
|
*/
|
|
30293
30241
|
cropperTitle: PropTypes.string,
|
|
30294
|
-
/**
|
|
30295
|
-
Add image cropper on upload.
|
|
30242
|
+
/**
|
|
30243
|
+
Add image cropper on upload.
|
|
30296
30244
|
*/
|
|
30297
30245
|
showCropper: PropTypes.bool,
|
|
30298
|
-
/**
|
|
30299
|
-
Hidden toggle aspect ratio image cropper.
|
|
30246
|
+
/**
|
|
30247
|
+
Hidden toggle aspect ratio image cropper.
|
|
30300
30248
|
*/
|
|
30301
30249
|
hiddenToggleAspect: PropTypes.bool,
|
|
30302
|
-
/**
|
|
30303
|
-
The aspect ratio of the crop, e.g. `1` for a square or `16 / 9` for landscape. Omit/pass undefined for a free-form crop.
|
|
30250
|
+
/**
|
|
30251
|
+
The aspect ratio of the crop, e.g. `1` for a square or `16 / 9` for landscape. Omit/pass undefined for a free-form crop.
|
|
30304
30252
|
*/
|
|
30305
30253
|
ratio: PropTypes.number,
|
|
30306
|
-
/**
|
|
30307
|
-
Can set error message to the upload.
|
|
30254
|
+
/**
|
|
30255
|
+
Can set error message to the upload.
|
|
30308
30256
|
*/
|
|
30309
30257
|
errorMessage: PropTypes.string,
|
|
30310
|
-
/**
|
|
30311
|
-
Progress of upload process.
|
|
30258
|
+
/**
|
|
30259
|
+
Progress of upload process.
|
|
30312
30260
|
*/
|
|
30313
30261
|
progress: PropTypes.number,
|
|
30314
|
-
/**
|
|
30315
|
-
Auto increment progress of upload process.
|
|
30262
|
+
/**
|
|
30263
|
+
Auto increment progress of upload process.
|
|
30316
30264
|
*/
|
|
30317
30265
|
loading: PropTypes.bool,
|
|
30318
|
-
/**
|
|
30319
|
-
API upload url, allows components to automatically upload directly to API service.
|
|
30266
|
+
/**
|
|
30267
|
+
API upload url, allows components to automatically upload directly to API service.
|
|
30320
30268
|
*/
|
|
30321
30269
|
action: PropTypes.string,
|
|
30322
|
-
/**
|
|
30323
|
-
Custom body request to upload action.
|
|
30270
|
+
/**
|
|
30271
|
+
Custom body request to upload action.
|
|
30324
30272
|
*/
|
|
30325
30273
|
customBodyRequest: PropTypes.func,
|
|
30326
|
-
/**
|
|
30327
|
-
Contains an authentication token for upload API.
|
|
30274
|
+
/**
|
|
30275
|
+
Contains an authentication token for upload API.
|
|
30328
30276
|
*/
|
|
30329
30277
|
token: PropTypes.string,
|
|
30330
|
-
/**
|
|
30331
|
-
Referencing the headers key to attach the token.
|
|
30278
|
+
/**
|
|
30279
|
+
Referencing the headers key to attach the token.
|
|
30332
30280
|
*/
|
|
30333
30281
|
tokenKey: PropTypes.string,
|
|
30334
|
-
/**
|
|
30335
|
-
Referencing the key to attach the file to be sent.
|
|
30282
|
+
/**
|
|
30283
|
+
Referencing the key to attach the file to be sent.
|
|
30336
30284
|
*/
|
|
30337
30285
|
reqKey: PropTypes.string,
|
|
30338
|
-
/**
|
|
30339
|
-
Referencing the key to get the file from the API response.
|
|
30286
|
+
/**
|
|
30287
|
+
Referencing the key to get the file from the API response.
|
|
30340
30288
|
*/
|
|
30341
30289
|
resKey: PropTypes.string,
|
|
30342
|
-
/**
|
|
30343
|
-
To compression image if file size > 1MB.
|
|
30290
|
+
/**
|
|
30291
|
+
To compression image if file size > 1MB.
|
|
30344
30292
|
*/
|
|
30345
30293
|
imageCompression: PropTypes.bool,
|
|
30346
|
-
/**
|
|
30347
|
-
Callback to handle before crop image.
|
|
30294
|
+
/**
|
|
30295
|
+
Callback to handle before crop image.
|
|
30348
30296
|
*/
|
|
30349
30297
|
onBeforeCrop: PropTypes.func,
|
|
30350
|
-
/**
|
|
30351
|
-
Hidden preview icon in upload.
|
|
30298
|
+
/**
|
|
30299
|
+
Hidden preview icon in upload.
|
|
30352
30300
|
*/
|
|
30353
30301
|
hiddenPreview: PropTypes.bool,
|
|
30354
|
-
/**
|
|
30355
|
-
Auto full aspect ratio cropper.
|
|
30302
|
+
/**
|
|
30303
|
+
Auto full aspect ratio cropper.
|
|
30356
30304
|
*/
|
|
30357
30305
|
fullAspectCrop: PropTypes.bool,
|
|
30358
|
-
/**
|
|
30359
|
-
Set custom ratio as Default view
|
|
30306
|
+
/**
|
|
30307
|
+
Set custom ratio as Default view
|
|
30360
30308
|
*/
|
|
30361
30309
|
isDefaultCustomRatio: PropTypes.bool,
|
|
30362
|
-
/**
|
|
30363
|
-
Set max width or height of image
|
|
30310
|
+
/**
|
|
30311
|
+
Set max width or height of image
|
|
30364
30312
|
*/
|
|
30365
30313
|
maxWidthOrHeight: PropTypes.number
|
|
30366
30314
|
};
|
|
@@ -30969,7 +30917,7 @@ const Device = props => {
|
|
|
30969
30917
|
buttonType: "secondary"
|
|
30970
30918
|
}, {
|
|
30971
30919
|
children: jsx(ChevronLeftOutline, {
|
|
30972
|
-
color: colors$
|
|
30920
|
+
color: colors$7.btnPrimary
|
|
30973
30921
|
}, void 0)
|
|
30974
30922
|
}), void 0), jsxs(Flex$1, Object.assign({
|
|
30975
30923
|
align: "center",
|
|
@@ -31029,14 +30977,14 @@ const Device = props => {
|
|
|
31029
30977
|
buttonType: "secondary"
|
|
31030
30978
|
}, {
|
|
31031
30979
|
children: jsx(ChevronRightOutline, {
|
|
31032
|
-
color: colors$
|
|
30980
|
+
color: colors$7.btnPrimary
|
|
31033
30981
|
}, void 0)
|
|
31034
30982
|
}), void 0)]
|
|
31035
30983
|
}), void 0);
|
|
31036
30984
|
};
|
|
31037
30985
|
Device.displayName = 'DevicePreview';
|
|
31038
30986
|
|
|
31039
|
-
var _jsxFileName$8 = "
|
|
30987
|
+
var _jsxFileName$8 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
|
|
31040
30988
|
const Separator$1 = styled('div', {
|
|
31041
30989
|
height: 20,
|
|
31042
30990
|
width: 1,
|
|
@@ -31146,44 +31094,44 @@ function InputColorPicker(props) {
|
|
|
31146
31094
|
}
|
|
31147
31095
|
InputColorPicker.displayName = 'InputColorPicker';
|
|
31148
31096
|
InputColorPicker.propTypes = {
|
|
31149
|
-
/**
|
|
31150
|
-
Specify change InputColorPicker size.
|
|
31097
|
+
/**
|
|
31098
|
+
Specify change InputColorPicker size.
|
|
31151
31099
|
*/
|
|
31152
31100
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
31153
|
-
/**
|
|
31154
|
-
Color code to be displayed.
|
|
31101
|
+
/**
|
|
31102
|
+
Color code to be displayed.
|
|
31155
31103
|
*/
|
|
31156
31104
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
31157
|
-
/**
|
|
31158
|
-
Additional color list.
|
|
31105
|
+
/**
|
|
31106
|
+
Additional color list.
|
|
31159
31107
|
*/
|
|
31160
31108
|
presetColors: PropTypes.array,
|
|
31161
|
-
/**
|
|
31162
|
-
Change event handler.
|
|
31109
|
+
/**
|
|
31110
|
+
Change event handler.
|
|
31163
31111
|
*/
|
|
31164
31112
|
onChange: PropTypes.func,
|
|
31165
|
-
/**
|
|
31166
|
-
Add preset color event handler.
|
|
31113
|
+
/**
|
|
31114
|
+
Add preset color event handler.
|
|
31167
31115
|
*/
|
|
31168
31116
|
onAddColor: PropTypes.func,
|
|
31169
|
-
/**
|
|
31170
|
-
Disable opacity selector.
|
|
31117
|
+
/**
|
|
31118
|
+
Disable opacity selector.
|
|
31171
31119
|
*/
|
|
31172
31120
|
disableAlpha: PropTypes.bool,
|
|
31173
|
-
/**
|
|
31174
|
-
Input placement.
|
|
31121
|
+
/**
|
|
31122
|
+
Input placement.
|
|
31175
31123
|
*/
|
|
31176
31124
|
placement: PropTypes.string,
|
|
31177
|
-
/**
|
|
31178
|
-
Define is mobile layout or not.
|
|
31125
|
+
/**
|
|
31126
|
+
Define is mobile layout or not.
|
|
31179
31127
|
*/
|
|
31180
31128
|
isMobile: PropTypes.bool,
|
|
31181
|
-
/**
|
|
31182
|
-
Define popover custom styling.
|
|
31129
|
+
/**
|
|
31130
|
+
Define popover custom styling.
|
|
31183
31131
|
*/
|
|
31184
31132
|
popoverCss: PropTypes.shape({}),
|
|
31185
|
-
/**
|
|
31186
|
-
Disabled state.
|
|
31133
|
+
/**
|
|
31134
|
+
Disabled state.
|
|
31187
31135
|
*/
|
|
31188
31136
|
disabled: PropTypes.bool
|
|
31189
31137
|
};
|
|
@@ -31197,7 +31145,7 @@ InputColorPicker.defaultProps = {
|
|
|
31197
31145
|
|
|
31198
31146
|
var img$d = "data:image/gif;base64,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";
|
|
31199
31147
|
|
|
31200
|
-
var _jsxFileName$7 = "
|
|
31148
|
+
var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
|
|
31201
31149
|
const Container$7 = styled('div', {
|
|
31202
31150
|
userSelect: 'none',
|
|
31203
31151
|
margin: 'auto',
|
|
@@ -33158,7 +33106,7 @@ function ColorMap({
|
|
|
33158
33106
|
})));
|
|
33159
33107
|
}
|
|
33160
33108
|
|
|
33161
|
-
var _jsxFileName$6 = "
|
|
33109
|
+
var _jsxFileName$6 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
|
|
33162
33110
|
const CheckBoard = styled(Flex$1, {
|
|
33163
33111
|
background: '$bgwhite',
|
|
33164
33112
|
border: '1px solid #E5E7EB',
|
|
@@ -33359,7 +33307,7 @@ function ColorFields({
|
|
|
33359
33307
|
}, "%")));
|
|
33360
33308
|
}
|
|
33361
33309
|
|
|
33362
|
-
var _jsxFileName$5 = "
|
|
33310
|
+
var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
|
|
33363
33311
|
const Container$6 = styled(Flex$1, {
|
|
33364
33312
|
background: '$white',
|
|
33365
33313
|
padding: 16,
|
|
@@ -33850,24 +33798,24 @@ function ColorPicker({
|
|
|
33850
33798
|
})))))));
|
|
33851
33799
|
}
|
|
33852
33800
|
ColorPicker.propTypes = {
|
|
33853
|
-
/**
|
|
33854
|
-
Color code to be displayed.
|
|
33801
|
+
/**
|
|
33802
|
+
Color code to be displayed.
|
|
33855
33803
|
*/
|
|
33856
33804
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
33857
|
-
/**
|
|
33858
|
-
Additional color list
|
|
33805
|
+
/**
|
|
33806
|
+
Additional color list
|
|
33859
33807
|
*/
|
|
33860
33808
|
presetColors: PropTypes.array,
|
|
33861
|
-
/**
|
|
33862
|
-
Change event handler
|
|
33809
|
+
/**
|
|
33810
|
+
Change event handler
|
|
33863
33811
|
*/
|
|
33864
33812
|
onChange: PropTypes.func,
|
|
33865
|
-
/**
|
|
33866
|
-
Add preset color event handler
|
|
33813
|
+
/**
|
|
33814
|
+
Add preset color event handler
|
|
33867
33815
|
*/
|
|
33868
33816
|
onAddColor: PropTypes.func,
|
|
33869
|
-
/**
|
|
33870
|
-
Disable opacity selector
|
|
33817
|
+
/**
|
|
33818
|
+
Disable opacity selector
|
|
33871
33819
|
*/
|
|
33872
33820
|
disableAlpha: PropTypes.bool
|
|
33873
33821
|
};
|
|
@@ -33876,7 +33824,7 @@ ColorPicker.defaultProps = {
|
|
|
33876
33824
|
};
|
|
33877
33825
|
var ColorPicker$1 = ColorWrap(ColorPicker);
|
|
33878
33826
|
|
|
33879
|
-
var _jsxFileName$4 = "
|
|
33827
|
+
var _jsxFileName$4 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
|
|
33880
33828
|
const StepWizardContext = /*#__PURE__*/React__default.createContext({});
|
|
33881
33829
|
const Stepper = StepWizard$1;
|
|
33882
33830
|
Stepper.displayName = 'Stepper';
|
|
@@ -34130,7 +34078,7 @@ const Navigation = props => {
|
|
|
34130
34078
|
marginRight: 9
|
|
34131
34079
|
},
|
|
34132
34080
|
size: "24",
|
|
34133
|
-
color: colors$
|
|
34081
|
+
color: colors$7.bgGreen,
|
|
34134
34082
|
__self: undefined,
|
|
34135
34083
|
__source: {
|
|
34136
34084
|
fileName: _jsxFileName$4,
|
|
@@ -34151,7 +34099,7 @@ const Navigation = props => {
|
|
|
34151
34099
|
margin: '0 9px'
|
|
34152
34100
|
},
|
|
34153
34101
|
size: "20",
|
|
34154
|
-
color: colors$
|
|
34102
|
+
color: colors$7.iconSecondary,
|
|
34155
34103
|
__self: undefined,
|
|
34156
34104
|
__source: {
|
|
34157
34105
|
fileName: _jsxFileName$4,
|
|
@@ -34223,7 +34171,7 @@ const Navigation = props => {
|
|
|
34223
34171
|
}
|
|
34224
34172
|
}, /*#__PURE__*/React__default.createElement(StyledCircleInfoOutline, {
|
|
34225
34173
|
size: "20",
|
|
34226
|
-
color: colors$
|
|
34174
|
+
color: colors$7.iconPrimary,
|
|
34227
34175
|
__self: undefined,
|
|
34228
34176
|
__source: {
|
|
34229
34177
|
fileName: _jsxFileName$4,
|
|
@@ -34599,7 +34547,7 @@ StepWizard.defaultProps = {
|
|
|
34599
34547
|
isLazyMount: true
|
|
34600
34548
|
};
|
|
34601
34549
|
|
|
34602
|
-
var _jsxFileName$3 = "
|
|
34550
|
+
var _jsxFileName$3 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
|
|
34603
34551
|
function Collapse({
|
|
34604
34552
|
children,
|
|
34605
34553
|
isOpen
|
|
@@ -34642,14 +34590,14 @@ Collapse.defaultProps = {
|
|
|
34642
34590
|
isOpen: false
|
|
34643
34591
|
};
|
|
34644
34592
|
|
|
34645
|
-
var _jsxFileName$2 = "
|
|
34593
|
+
var _jsxFileName$2 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
|
|
34646
34594
|
const DesktopContainer = styled(Flex$1, {
|
|
34647
34595
|
display: 'none',
|
|
34648
34596
|
'& .active-scroll-spy': {
|
|
34649
|
-
borderLeft: `4px solid ${colors$
|
|
34597
|
+
borderLeft: `4px solid ${colors$7.primary500} !important`
|
|
34650
34598
|
},
|
|
34651
34599
|
'& .active-scroll-spy .link-title': {
|
|
34652
|
-
color: `${colors$
|
|
34600
|
+
color: `${colors$7.primary500} !important`
|
|
34653
34601
|
},
|
|
34654
34602
|
'@md': {
|
|
34655
34603
|
display: 'unset'
|
|
@@ -34657,7 +34605,7 @@ const DesktopContainer = styled(Flex$1, {
|
|
|
34657
34605
|
});
|
|
34658
34606
|
const MobileContainer = styled(Flex$1, {
|
|
34659
34607
|
backgroundColor: '$white',
|
|
34660
|
-
border: `1px solid ${colors$
|
|
34608
|
+
border: `1px solid ${colors$7.gray150}`,
|
|
34661
34609
|
borderRadius: 8,
|
|
34662
34610
|
padding: '8px 8px',
|
|
34663
34611
|
width: '100%',
|
|
@@ -34784,7 +34732,7 @@ function Content({
|
|
|
34784
34732
|
marginLeft: '-4px !important',
|
|
34785
34733
|
borderLeftWidth: '4px !important',
|
|
34786
34734
|
borderLeftStyle: 'solid !important',
|
|
34787
|
-
borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$
|
|
34735
|
+
borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$7.primary500 : 'transparent'} !important`,
|
|
34788
34736
|
paddingLeft: '16px !important',
|
|
34789
34737
|
minHeight: 25
|
|
34790
34738
|
},
|
|
@@ -35003,7 +34951,7 @@ TableOfContentPage.defaultProps = {
|
|
|
35003
34951
|
useBoxMethod: true
|
|
35004
34952
|
};
|
|
35005
34953
|
|
|
35006
|
-
var _jsxFileName$1 = "
|
|
34954
|
+
var _jsxFileName$1 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/editableTable/transition.js";
|
|
35007
34955
|
function Collapalse({
|
|
35008
34956
|
children,
|
|
35009
34957
|
isOpen
|
|
@@ -53456,11 +53404,11 @@ function ProgressIndicator(props) {
|
|
|
53456
53404
|
const getColor = state => {
|
|
53457
53405
|
switch (state) {
|
|
53458
53406
|
case 'error':
|
|
53459
|
-
return colors$
|
|
53407
|
+
return colors$7.red400;
|
|
53460
53408
|
case 'active':
|
|
53461
|
-
return colors$
|
|
53409
|
+
return colors$7.primary500;
|
|
53462
53410
|
default:
|
|
53463
|
-
return colors$
|
|
53411
|
+
return colors$7.gray150;
|
|
53464
53412
|
}
|
|
53465
53413
|
};
|
|
53466
53414
|
const iconProps = {
|
|
@@ -54019,8 +53967,8 @@ function MapPicker(props) {
|
|
|
54019
53967
|
center: [center === null || center === void 0 ? void 0 : center.lat, center === null || center === void 0 ? void 0 : center.lng],
|
|
54020
53968
|
radius: radius,
|
|
54021
53969
|
pathOptions: {
|
|
54022
|
-
color: colors$
|
|
54023
|
-
fillColor: colors$
|
|
53970
|
+
color: colors$7.bgGreen,
|
|
53971
|
+
fillColor: colors$7.bgGreen
|
|
54024
53972
|
}
|
|
54025
53973
|
}, void 0), jsx(TileLayer, {
|
|
54026
53974
|
url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
|
|
@@ -55526,7 +55474,7 @@ function CheckboxTable(props) {
|
|
|
55526
55474
|
}
|
|
55527
55475
|
}, void 0) : jsx(MinusOutline, {
|
|
55528
55476
|
size: 16,
|
|
55529
|
-
color: colors$
|
|
55477
|
+
color: colors$7.iconDisable
|
|
55530
55478
|
}, void 0)
|
|
55531
55479
|
}, void 0)
|
|
55532
55480
|
}), index + indexSubRow + 'tb-cell-collapse');
|
|
@@ -55831,9 +55779,9 @@ const StyledSkeleton = props => {
|
|
|
55831
55779
|
function getBaseColor(color) {
|
|
55832
55780
|
switch (color) {
|
|
55833
55781
|
case 'primary':
|
|
55834
|
-
return colors$
|
|
55782
|
+
return colors$7.gray300;
|
|
55835
55783
|
default:
|
|
55836
|
-
return colors$
|
|
55784
|
+
return colors$7.gray150;
|
|
55837
55785
|
}
|
|
55838
55786
|
}
|
|
55839
55787
|
function getSize(size) {
|
|
@@ -55987,9 +55935,9 @@ function TagList({
|
|
|
55987
55935
|
}
|
|
55988
55936
|
}, {
|
|
55989
55937
|
children: [showAllTags ? jsx(ChevronUpOutline, {
|
|
55990
|
-
color: colors$
|
|
55938
|
+
color: colors$7.iconSecondary
|
|
55991
55939
|
}, void 0) : jsx(ChevronDownOutline, {
|
|
55992
|
-
color: colors$
|
|
55940
|
+
color: colors$7.iconSecondary
|
|
55993
55941
|
}, void 0), jsx(Paragraph, Object.assign({
|
|
55994
55942
|
css: {
|
|
55995
55943
|
fontWeight: 600,
|
|
@@ -56517,7 +56465,7 @@ PieChartComponent.defaultProps = {
|
|
|
56517
56465
|
innerRadius: 70
|
|
56518
56466
|
};
|
|
56519
56467
|
|
|
56520
|
-
var _jsxFileName = "
|
|
56468
|
+
var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
|
|
56521
56469
|
const StyledPaper = styled(Paper, {
|
|
56522
56470
|
borderRadius: '10px 10px 0 0',
|
|
56523
56471
|
padding: 15,
|
|
@@ -57819,4 +57767,4 @@ const useToggle = initialValue => {
|
|
|
57819
57767
|
return useReducer(toggleReducer, initialValue);
|
|
57820
57768
|
};
|
|
57821
57769
|
|
|
57822
|
-
export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, BarChartComponent as BarChart, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$4 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, Cell, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CustomDatePicker, DATE_RANGE_PICKER, DEFAULT, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, Input$7 as Input, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputDateRange, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup,
|
|
57770
|
+
export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, BarChartComponent as BarChart, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$4 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, Cell, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CustomDatePicker, DATE_RANGE_PICKER, DEFAULT, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, Input$7 as Input, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputDateRange, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSignature, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_30_DAYS, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MONTHLY, MajooProvider, MapPicker, MemoizedEditableTable, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NEXT_MONTH, NEXT_WEEK, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PREV_MONTH, PREV_WEEK, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, PieChartComponent as PieChart, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_CONTROL, RANGE_MONTH, RANGE_PICKER, RANGE_WEEK, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowExpanderMultipleColumn as RowExpanderMultipleColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, rowSelectionWithCallbackColumn as RowSelectionWithCallbackColumn, SINGLE_PICKER, ScrollSync, ScrollSyncNode, SelectBox, SelectContainer, SelectItem, SelectOption, Separator$2 as Separator, Skeleton, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$3 as TableBody, TableCell$3 as TableCell, TableColumn, TableContent$3 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$3 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, TableRow$3 as TableRow, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagList, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, ToastProvider, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, WEEKLY, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptionsEn, advancePickerOptionsId, defaultEmptyDataProps, defaultFetchDataParams, pickerReducer, useListOption, useToggle };
|