@majoo-ui/react 1.61.15 → 1.61.16-rc.10
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/datePicker/components/DateNumber.d.ts +1 -1
- package/components/devicePreview/DevicePreview.d.ts +1 -3
- package/components/form/components/InputResourceList/InputResourceList.d.ts +6 -7
- package/components/form/components/index.d.ts +1 -1
- package/index.esm.js +587 -605
- 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 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\majoo-provider\\ThemeProvider.js";
|
|
61
61
|
function ThemeProvider({
|
|
62
62
|
name,
|
|
63
63
|
theme,
|
|
@@ -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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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$$ = "E:\\Coding\\Majoo\\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$_ = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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%',
|
|
@@ -8101,10 +8101,10 @@ const InputGroupStyle = styled('div', {
|
|
|
8101
8101
|
color: '$textDisable'
|
|
8102
8102
|
},
|
|
8103
8103
|
'&:hover': {
|
|
8104
|
-
border: '1px solid $
|
|
8104
|
+
border: '1px solid $bgBorder',
|
|
8105
8105
|
borderRadius: '$lg',
|
|
8106
8106
|
'& > .addon': {
|
|
8107
|
-
border: '1px solid $
|
|
8107
|
+
border: '1px solid $bgBorder'
|
|
8108
8108
|
}
|
|
8109
8109
|
},
|
|
8110
8110
|
'& > input': {
|
|
@@ -8119,12 +8119,12 @@ const InputGroupStyle = styled('div', {
|
|
|
8119
8119
|
},
|
|
8120
8120
|
isInvalid: {
|
|
8121
8121
|
true: {
|
|
8122
|
-
border: '1px solid $
|
|
8122
|
+
border: '1px solid $red400',
|
|
8123
8123
|
'&:focus': {
|
|
8124
|
-
border: '1px solid $
|
|
8124
|
+
border: '1px solid $red400'
|
|
8125
8125
|
},
|
|
8126
8126
|
'&:hover': {
|
|
8127
|
-
border: '1px solid $
|
|
8127
|
+
border: '1px solid $red400'
|
|
8128
8128
|
}
|
|
8129
8129
|
}
|
|
8130
8130
|
},
|
|
@@ -8159,15 +8159,15 @@ const InputGroupStyle = styled('div', {
|
|
|
8159
8159
|
isLetter: {
|
|
8160
8160
|
true: {
|
|
8161
8161
|
borderRadius: '$lg',
|
|
8162
|
-
border: '1px solid $
|
|
8162
|
+
border: '1px solid $bgBorder',
|
|
8163
8163
|
'&:focus': {
|
|
8164
|
-
border: '1px solid $
|
|
8164
|
+
border: '1px solid $primary400'
|
|
8165
8165
|
},
|
|
8166
8166
|
'&:active': {
|
|
8167
|
-
border: '1px solid $
|
|
8167
|
+
border: '1px solid $primary400'
|
|
8168
8168
|
},
|
|
8169
8169
|
'&:hover': {
|
|
8170
|
-
border: '1px solid $
|
|
8170
|
+
border: '1px solid $primary400'
|
|
8171
8171
|
},
|
|
8172
8172
|
'&:disabled': {
|
|
8173
8173
|
backgroundColor: '$formDisable',
|
|
@@ -8177,7 +8177,7 @@ const InputGroupStyle = styled('div', {
|
|
|
8177
8177
|
color: '$textDisable'
|
|
8178
8178
|
},
|
|
8179
8179
|
'&:hover': {
|
|
8180
|
-
border: '1px solid $
|
|
8180
|
+
border: '1px solid $gray300'
|
|
8181
8181
|
}
|
|
8182
8182
|
}
|
|
8183
8183
|
}
|
|
@@ -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 */
|
|
@@ -8369,10 +8369,19 @@ const InputLetter = styled(Text$1, {
|
|
|
8369
8369
|
lg: {
|
|
8370
8370
|
height: 40
|
|
8371
8371
|
}
|
|
8372
|
+
},
|
|
8373
|
+
color: {
|
|
8374
|
+
primary: {
|
|
8375
|
+
color: '$iconPrimary'
|
|
8376
|
+
},
|
|
8377
|
+
disabled: {
|
|
8378
|
+
color: '$iconDisable'
|
|
8379
|
+
}
|
|
8372
8380
|
}
|
|
8373
8381
|
},
|
|
8374
8382
|
defaultVariants: {
|
|
8375
|
-
size: 'lg'
|
|
8383
|
+
size: 'lg',
|
|
8384
|
+
color: 'primary'
|
|
8376
8385
|
}
|
|
8377
8386
|
});
|
|
8378
8387
|
const InputPrefix = styled(InputLetter, {
|
|
@@ -8409,7 +8418,7 @@ InputSuffix.propTypes = {
|
|
|
8409
8418
|
};
|
|
8410
8419
|
|
|
8411
8420
|
const _excluded$m = ["disabled", "readOnly"];
|
|
8412
|
-
var _jsxFileName$K = "
|
|
8421
|
+
var _jsxFileName$K = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputText\\InputText.js";
|
|
8413
8422
|
const disabledStyle = {
|
|
8414
8423
|
backgroundColor: '$formDisable',
|
|
8415
8424
|
color: '$textDisable',
|
|
@@ -8418,7 +8427,7 @@ const disabledStyle = {
|
|
|
8418
8427
|
color: '$textDisable'
|
|
8419
8428
|
},
|
|
8420
8429
|
'&:hover': {
|
|
8421
|
-
border: '1px solid $
|
|
8430
|
+
border: '1px solid $gray300'
|
|
8422
8431
|
}
|
|
8423
8432
|
};
|
|
8424
8433
|
const StyledInput$1 = styled('input', {
|
|
@@ -8448,13 +8457,13 @@ const StyledInput$1 = styled('input', {
|
|
|
8448
8457
|
border: '1px solid $gray300',
|
|
8449
8458
|
borderRadius: '$lg',
|
|
8450
8459
|
'&:focus': {
|
|
8451
|
-
border: '1px solid $
|
|
8460
|
+
border: '1px solid $primary400'
|
|
8452
8461
|
},
|
|
8453
8462
|
'&:active': {
|
|
8454
|
-
border: '1px solid $
|
|
8463
|
+
border: '1px solid $primary400'
|
|
8455
8464
|
},
|
|
8456
8465
|
'&:hover': {
|
|
8457
|
-
border: '1px solid $
|
|
8466
|
+
border: '1px solid $primary600'
|
|
8458
8467
|
},
|
|
8459
8468
|
'&:disabled': disabledStyle,
|
|
8460
8469
|
'&[data-state="readonly"]': {
|
|
@@ -8506,7 +8515,7 @@ const StyledInput$1 = styled('input', {
|
|
|
8506
8515
|
color: '$textDisable'
|
|
8507
8516
|
},
|
|
8508
8517
|
'&:hover': {
|
|
8509
|
-
border: '1px solid $
|
|
8518
|
+
border: '1px solid $gray300'
|
|
8510
8519
|
}
|
|
8511
8520
|
}
|
|
8512
8521
|
}
|
|
@@ -8539,8 +8548,8 @@ const StyledInput$1 = styled('input', {
|
|
|
8539
8548
|
}
|
|
8540
8549
|
}
|
|
8541
8550
|
},
|
|
8542
|
-
/**
|
|
8543
|
-
* Please insert size with string 'sm' | 'lg'
|
|
8551
|
+
/**
|
|
8552
|
+
* Please insert size with string 'sm' | 'lg'
|
|
8544
8553
|
*/
|
|
8545
8554
|
size: {
|
|
8546
8555
|
sm: {
|
|
@@ -8552,12 +8561,12 @@ const StyledInput$1 = styled('input', {
|
|
|
8552
8561
|
},
|
|
8553
8562
|
isInvalid: {
|
|
8554
8563
|
true: {
|
|
8555
|
-
border: '1px solid $
|
|
8564
|
+
border: '1px solid $red400',
|
|
8556
8565
|
'&:focus': {
|
|
8557
|
-
border: '1px solid $
|
|
8566
|
+
border: '1px solid $red400'
|
|
8558
8567
|
},
|
|
8559
8568
|
'&:hover': {
|
|
8560
|
-
border: '1px solid $
|
|
8569
|
+
border: '1px solid $red400'
|
|
8561
8570
|
}
|
|
8562
8571
|
}
|
|
8563
8572
|
},
|
|
@@ -8611,7 +8620,7 @@ InputText.propTypes = {
|
|
|
8611
8620
|
InputText.displayName = 'InputText';
|
|
8612
8621
|
|
|
8613
8622
|
const _excluded$l = ["disabled", "readOnly"];
|
|
8614
|
-
var _jsxFileName$J = "
|
|
8623
|
+
var _jsxFileName$J = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTextArea\\InputTextArea.js";
|
|
8615
8624
|
const StyledTextArea = styled(StyledInput$1, {
|
|
8616
8625
|
variants: {
|
|
8617
8626
|
size: {
|
|
@@ -8689,7 +8698,7 @@ InputTextArea.defaultProps = {
|
|
|
8689
8698
|
|
|
8690
8699
|
const InputRadioContext = /*#__PURE__*/React__default.createContext();
|
|
8691
8700
|
|
|
8692
|
-
var _jsxFileName$I = "
|
|
8701
|
+
var _jsxFileName$I = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadioGroup.js";
|
|
8693
8702
|
const RadioGroup = styled(RadioGroupPrimitive.Root, Flex$1);
|
|
8694
8703
|
function InputRadioGroup(props) {
|
|
8695
8704
|
return (props == null ? void 0 : props.children) && /*#__PURE__*/React__default.createElement(InputRadioContext.Provider, {
|
|
@@ -8723,7 +8732,7 @@ InputRadioGroup.propTypes = {
|
|
|
8723
8732
|
InputRadioGroup.displayName = 'InputRadioGroup';
|
|
8724
8733
|
|
|
8725
8734
|
const _excluded$k = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
|
|
8726
|
-
var _jsxFileName$H = "
|
|
8735
|
+
var _jsxFileName$H = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
|
|
8727
8736
|
const INDICATOR_BASE_STYLES = {
|
|
8728
8737
|
alignItems: 'center',
|
|
8729
8738
|
display: 'flex',
|
|
@@ -11090,7 +11099,7 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
|
|
|
11090
11099
|
NumberFormat.defaultProps = defaultProps;
|
|
11091
11100
|
|
|
11092
11101
|
const _excluded$j = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
|
|
11093
|
-
var _jsxFileName$G = "
|
|
11102
|
+
var _jsxFileName$G = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputNumber\\InputNumber.js";
|
|
11094
11103
|
const StyledInput = styled(NumberFormat, {
|
|
11095
11104
|
// Reset
|
|
11096
11105
|
appearance: 'none',
|
|
@@ -11351,7 +11360,7 @@ InputNumber.name = 'InputText';
|
|
|
11351
11360
|
InputNumber.displayName = 'InputNumber';
|
|
11352
11361
|
|
|
11353
11362
|
const _excluded$i = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
|
|
11354
|
-
var _jsxFileName$F = "
|
|
11363
|
+
var _jsxFileName$F = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
|
|
11355
11364
|
const TagWrapper$4 = styled('div', {
|
|
11356
11365
|
boxSizing: 'border-box',
|
|
11357
11366
|
listStyle: 'none',
|
|
@@ -11497,7 +11506,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
|
|
|
11497
11506
|
}
|
|
11498
11507
|
}, /*#__PURE__*/React__default.createElement(CloseOutline, {
|
|
11499
11508
|
size: 16,
|
|
11500
|
-
color: colors$
|
|
11509
|
+
color: colors$7.iconSecondary,
|
|
11501
11510
|
style: {
|
|
11502
11511
|
verticalAlign: 'middle'
|
|
11503
11512
|
},
|
|
@@ -11527,7 +11536,7 @@ Tag.defaultProps = {
|
|
|
11527
11536
|
};
|
|
11528
11537
|
|
|
11529
11538
|
const _excluded$h = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
|
|
11530
|
-
var _jsxFileName$E = "
|
|
11539
|
+
var _jsxFileName$E = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
|
|
11531
11540
|
const Wrapper$2 = styled('div', {
|
|
11532
11541
|
margin: 0,
|
|
11533
11542
|
flexDirection: 'column',
|
|
@@ -11824,7 +11833,7 @@ TagsInput.defaultProps = {
|
|
|
11824
11833
|
};
|
|
11825
11834
|
|
|
11826
11835
|
const _excluded$g = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
|
|
11827
|
-
var _jsxFileName$D = "
|
|
11836
|
+
var _jsxFileName$D = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
|
|
11828
11837
|
const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
|
|
11829
11838
|
display: 'block',
|
|
11830
11839
|
width: '16px',
|
|
@@ -11929,7 +11938,7 @@ InputSwitch.propTypes = {
|
|
|
11929
11938
|
};
|
|
11930
11939
|
InputSwitch.displayName = 'InputSwitch';
|
|
11931
11940
|
|
|
11932
|
-
var _jsxFileName$C = "
|
|
11941
|
+
var _jsxFileName$C = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
|
|
11933
11942
|
const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
11934
11943
|
width: props.size,
|
|
11935
11944
|
height: props.size,
|
|
@@ -11988,7 +11997,7 @@ SvgCloseFilled.defaultProps = {
|
|
|
11988
11997
|
size: 24
|
|
11989
11998
|
};
|
|
11990
11999
|
|
|
11991
|
-
var _jsxFileName$B = "
|
|
12000
|
+
var _jsxFileName$B = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
|
|
11992
12001
|
const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
11993
12002
|
width: props.size,
|
|
11994
12003
|
height: props.size,
|
|
@@ -12029,9 +12038,9 @@ SvgSearchOutline.defaultProps = {
|
|
|
12029
12038
|
};
|
|
12030
12039
|
|
|
12031
12040
|
const _excluded$f = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
|
|
12032
|
-
var _jsxFileName$A = "
|
|
12041
|
+
var _jsxFileName$A = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
|
|
12033
12042
|
const {
|
|
12034
|
-
colors: colors$
|
|
12043
|
+
colors: colors$6
|
|
12035
12044
|
} = foundations;
|
|
12036
12045
|
const InputSearchbox = _ref => {
|
|
12037
12046
|
var _props$value;
|
|
@@ -12111,7 +12120,7 @@ const InputSearchbox = _ref => {
|
|
|
12111
12120
|
}
|
|
12112
12121
|
})), /*#__PURE__*/React__default.createElement(InputRightElement, {
|
|
12113
12122
|
children: (inputValue == null ? void 0 : inputValue.length) > 0 ? /*#__PURE__*/React__default.createElement(SvgCloseFilled, {
|
|
12114
|
-
color: colors$
|
|
12123
|
+
color: colors$6.iconSecondary,
|
|
12115
12124
|
__self: undefined,
|
|
12116
12125
|
__source: {
|
|
12117
12126
|
fileName: _jsxFileName$A,
|
|
@@ -12519,7 +12528,7 @@ function isFunction$1(value) {
|
|
|
12519
12528
|
var isFunction_1 = isFunction$1;
|
|
12520
12529
|
|
|
12521
12530
|
const _excluded$e = ["children"];
|
|
12522
|
-
var _jsxFileName$z = "
|
|
12531
|
+
var _jsxFileName$z = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
|
|
12523
12532
|
const {
|
|
12524
12533
|
zIndices: zIndices$1
|
|
12525
12534
|
} = foundations;
|
|
@@ -13683,7 +13692,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
13683
13692
|
readOnly: readOnly
|
|
13684
13693
|
}, {
|
|
13685
13694
|
children: jsx(CaretDownOutline, {
|
|
13686
|
-
color: readOnly ? colors$
|
|
13695
|
+
color: readOnly ? colors$7.gray300 : iconColor
|
|
13687
13696
|
}, void 0)
|
|
13688
13697
|
}), void 0);
|
|
13689
13698
|
};
|
|
@@ -13904,7 +13913,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
13904
13913
|
}, {
|
|
13905
13914
|
children: jsx(CircleInfoOutline, {
|
|
13906
13915
|
size: "16px",
|
|
13907
|
-
color: colors$
|
|
13916
|
+
color: colors$7.iconDisable,
|
|
13908
13917
|
style: {
|
|
13909
13918
|
verticalAlign: 'text-bottom'
|
|
13910
13919
|
}
|
|
@@ -14073,7 +14082,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
14073
14082
|
}, {
|
|
14074
14083
|
children: jsx(CircleInfoOutline, {
|
|
14075
14084
|
size: "16px",
|
|
14076
|
-
color: colors$
|
|
14085
|
+
color: colors$7.iconDisable,
|
|
14077
14086
|
style: {
|
|
14078
14087
|
verticalAlign: 'text-bottom'
|
|
14079
14088
|
}
|
|
@@ -14093,7 +14102,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
14093
14102
|
}), void 0);
|
|
14094
14103
|
});
|
|
14095
14104
|
|
|
14096
|
-
var _jsxFileName$y = "
|
|
14105
|
+
var _jsxFileName$y = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\icon\\CheckOutline.js";
|
|
14097
14106
|
const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
14098
14107
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14099
14108
|
xmlSpace: "preserve",
|
|
@@ -14174,7 +14183,7 @@ function OptionGroupItem({
|
|
|
14174
14183
|
}
|
|
14175
14184
|
|
|
14176
14185
|
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 = "
|
|
14186
|
+
var _jsxFileName$x = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\InputSelectCheck.js";
|
|
14178
14187
|
const Wrapper$1 = styled('div', {
|
|
14179
14188
|
margin: 0,
|
|
14180
14189
|
flexDirection: 'column',
|
|
@@ -14919,7 +14928,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14919
14928
|
columnNumber: 11
|
|
14920
14929
|
}
|
|
14921
14930
|
}, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
14922
|
-
color: colors$
|
|
14931
|
+
color: colors$7.iconDisable,
|
|
14923
14932
|
__self: undefined,
|
|
14924
14933
|
__source: {
|
|
14925
14934
|
fileName: _jsxFileName$x,
|
|
@@ -14927,7 +14936,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14927
14936
|
columnNumber: 17
|
|
14928
14937
|
}
|
|
14929
14938
|
}) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
14930
|
-
color: colors$
|
|
14939
|
+
color: colors$7.iconGreen,
|
|
14931
14940
|
__self: undefined,
|
|
14932
14941
|
__source: {
|
|
14933
14942
|
fileName: _jsxFileName$x,
|
|
@@ -15001,7 +15010,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15001
15010
|
columnNumber: 15
|
|
15002
15011
|
}
|
|
15003
15012
|
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15004
|
-
color: colors$
|
|
15013
|
+
color: colors$7.iconDisable,
|
|
15005
15014
|
__self: undefined,
|
|
15006
15015
|
__source: {
|
|
15007
15016
|
fileName: _jsxFileName$x,
|
|
@@ -15009,7 +15018,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15009
15018
|
columnNumber: 19
|
|
15010
15019
|
}
|
|
15011
15020
|
}) : (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$
|
|
15021
|
+
color: colors$7.iconGreen,
|
|
15013
15022
|
__self: undefined,
|
|
15014
15023
|
__source: {
|
|
15015
15024
|
fileName: _jsxFileName$x,
|
|
@@ -15123,7 +15132,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15123
15132
|
columnNumber: 11
|
|
15124
15133
|
}
|
|
15125
15134
|
}), /*#__PURE__*/React__default.createElement(IconCaretDown, {
|
|
15126
|
-
color: disabled || readOnly ? colors$
|
|
15135
|
+
color: disabled || readOnly ? colors$7.iconDisable : colors$7.iconPrimary,
|
|
15127
15136
|
__self: undefined,
|
|
15128
15137
|
__source: {
|
|
15129
15138
|
fileName: _jsxFileName$x,
|
|
@@ -15244,7 +15253,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15244
15253
|
columnNumber: 19
|
|
15245
15254
|
}
|
|
15246
15255
|
}, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
|
|
15247
|
-
color: colors$
|
|
15256
|
+
color: colors$7.iconSecondary,
|
|
15248
15257
|
__self: undefined,
|
|
15249
15258
|
__source: {
|
|
15250
15259
|
fileName: _jsxFileName$x,
|
|
@@ -15252,7 +15261,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15252
15261
|
columnNumber: 23
|
|
15253
15262
|
}
|
|
15254
15263
|
}) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
15255
|
-
color: colors$
|
|
15264
|
+
color: colors$7.iconSecondary,
|
|
15256
15265
|
__self: undefined,
|
|
15257
15266
|
__source: {
|
|
15258
15267
|
fileName: _jsxFileName$x,
|
|
@@ -15418,7 +15427,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15418
15427
|
}
|
|
15419
15428
|
}, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
|
|
15420
15429
|
size: "16px",
|
|
15421
|
-
color: colors$
|
|
15430
|
+
color: colors$7.iconDisable,
|
|
15422
15431
|
style: {
|
|
15423
15432
|
verticalAlign: 'text-bottom'
|
|
15424
15433
|
},
|
|
@@ -15498,7 +15507,7 @@ InputSelectCheck.defaultProps = {
|
|
|
15498
15507
|
onItemClick: changes => {}
|
|
15499
15508
|
};
|
|
15500
15509
|
|
|
15501
|
-
var _jsxFileName$w = "
|
|
15510
|
+
var _jsxFileName$w = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
|
|
15502
15511
|
const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15503
15512
|
return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
|
|
15504
15513
|
ref: ref,
|
|
@@ -15559,7 +15568,7 @@ InputSelectTag.defaultProps = {
|
|
|
15559
15568
|
defaultValue: []
|
|
15560
15569
|
};
|
|
15561
15570
|
|
|
15562
|
-
var _jsxFileName$v = "
|
|
15571
|
+
var _jsxFileName$v = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCreatable\\InputCreatable.js";
|
|
15563
15572
|
const Wrapper = styled('div', {
|
|
15564
15573
|
margin: 0,
|
|
15565
15574
|
flexDirection: 'column',
|
|
@@ -15778,7 +15787,7 @@ function InputCreatable({
|
|
|
15778
15787
|
columnNumber: 9
|
|
15779
15788
|
}
|
|
15780
15789
|
}, /*#__PURE__*/React__default.createElement(CirclePlusOutline, {
|
|
15781
|
-
color: colors$
|
|
15790
|
+
color: colors$7.iconGreen,
|
|
15782
15791
|
__self: this,
|
|
15783
15792
|
__source: {
|
|
15784
15793
|
fileName: _jsxFileName$v,
|
|
@@ -15823,16 +15832,39 @@ const SortingIcon = styled(Flex$1, {
|
|
|
15823
15832
|
alignItems: 'center',
|
|
15824
15833
|
justifyContent: 'center'
|
|
15825
15834
|
});
|
|
15835
|
+
const IconBox = styled('div', {
|
|
15836
|
+
height: 16,
|
|
15837
|
+
width: 16,
|
|
15838
|
+
cursor: 'pointer',
|
|
15839
|
+
variants: {
|
|
15840
|
+
border: {
|
|
15841
|
+
true: {
|
|
15842
|
+
borderRadius: 3,
|
|
15843
|
+
border: '1.5px solid $gray300'
|
|
15844
|
+
}
|
|
15845
|
+
}
|
|
15846
|
+
}
|
|
15847
|
+
});
|
|
15848
|
+
const IndeterminateFilled = styled('div', {
|
|
15849
|
+
width: 16,
|
|
15850
|
+
height: 16,
|
|
15851
|
+
background: '$primary500',
|
|
15852
|
+
color: '$textWhite',
|
|
15853
|
+
borderRadius: 3,
|
|
15854
|
+
fontSize: 14,
|
|
15855
|
+
display: 'flex',
|
|
15856
|
+
justifyContent: 'center',
|
|
15857
|
+
alignItems: 'center'
|
|
15858
|
+
});
|
|
15826
15859
|
function InputResourceList({
|
|
15827
15860
|
data: dataProp,
|
|
15828
15861
|
disabled = false,
|
|
15829
|
-
|
|
15830
|
-
onItemUncheck,
|
|
15862
|
+
onChange,
|
|
15831
15863
|
searchPlaceholder,
|
|
15832
15864
|
counterFooter = true,
|
|
15833
15865
|
counterFooterText,
|
|
15834
15866
|
isLoading = false,
|
|
15835
|
-
|
|
15867
|
+
disabledItems,
|
|
15836
15868
|
emptyDataMessage,
|
|
15837
15869
|
value,
|
|
15838
15870
|
fetchData,
|
|
@@ -15842,26 +15874,31 @@ function InputResourceList({
|
|
|
15842
15874
|
defaultSort,
|
|
15843
15875
|
title,
|
|
15844
15876
|
hideSelectAll,
|
|
15877
|
+
renderSelectAll,
|
|
15845
15878
|
customHeader,
|
|
15846
|
-
|
|
15879
|
+
expandable,
|
|
15880
|
+
searchable
|
|
15847
15881
|
}) {
|
|
15848
15882
|
const {
|
|
15849
15883
|
t
|
|
15850
15884
|
} = useTranslation(['MajooUI/inputResourceList', 'translation']);
|
|
15851
|
-
const [
|
|
15852
|
-
const [query, setQuery] = useState();
|
|
15885
|
+
const [query, setQuery] = useState('');
|
|
15853
15886
|
const [sortType, setSortType] = useState('asc');
|
|
15854
15887
|
const [data, setData] = useState([]);
|
|
15855
|
-
const
|
|
15856
|
-
|
|
15857
|
-
|
|
15858
|
-
|
|
15859
|
-
|
|
15860
|
-
|
|
15888
|
+
const [expand, setExpand] = useState(false);
|
|
15889
|
+
const isValueString = typeof (value === null || value === void 0 ? void 0 : value[0]) === 'string';
|
|
15890
|
+
const checkedItems = useMemo(() => {
|
|
15891
|
+
if (!value) return [];
|
|
15892
|
+
if (isValueString) {
|
|
15893
|
+
return data.filter(item => value.includes(item.value));
|
|
15894
|
+
}
|
|
15895
|
+
return value;
|
|
15896
|
+
}, [value, data, isValueString]);
|
|
15861
15897
|
const scrollerRef = useRef(null);
|
|
15862
15898
|
useEffect(() => {
|
|
15863
15899
|
function filterUnique(params) {
|
|
15864
|
-
|
|
15900
|
+
if (!params) return;
|
|
15901
|
+
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
15902
|
setData(unique);
|
|
15866
15903
|
}
|
|
15867
15904
|
filterUnique(dataProp);
|
|
@@ -15877,9 +15914,29 @@ function InputResourceList({
|
|
|
15877
15914
|
setSortType(defaultSort);
|
|
15878
15915
|
}
|
|
15879
15916
|
}, [defaultSort]);
|
|
15917
|
+
const availableData = useMemo(() => {
|
|
15918
|
+
if (!data) return [];
|
|
15919
|
+
const filteredData = data.filter(item => !!onQueryChange || item.label.toLowerCase().match((query === null || query === void 0 ? void 0 : query.toLowerCase()) || ''));
|
|
15920
|
+
const checkedValues = new Set(checkedItems.map(item => item.value));
|
|
15921
|
+
return [...filteredData].sort((a, b) => {
|
|
15922
|
+
const aIsChecked = checkedValues.has(a.value);
|
|
15923
|
+
const bIsChecked = checkedValues.has(b.value);
|
|
15924
|
+
if (aIsChecked && !bIsChecked) {
|
|
15925
|
+
return -1;
|
|
15926
|
+
}
|
|
15927
|
+
if (!aIsChecked && bIsChecked) {
|
|
15928
|
+
return 1;
|
|
15929
|
+
}
|
|
15930
|
+
return 0;
|
|
15931
|
+
});
|
|
15932
|
+
}, [data, query, checkedItems]);
|
|
15933
|
+
const isItemDisabled = item => !!((item === null || item === void 0 ? void 0 : item.disabled) || disabledItems && disabledItems.includes(item.value));
|
|
15934
|
+
const selectableAvailableData = useMemo(() => {
|
|
15935
|
+
return availableData.filter(item => !isItemDisabled(item));
|
|
15936
|
+
}, [availableData, disabledItems]);
|
|
15880
15937
|
const renderCheckbox = (resource, index) => {
|
|
15881
15938
|
var _a, _b;
|
|
15882
|
-
const isDisabled = resource.disabled ||
|
|
15939
|
+
const isDisabled = resource.disabled || disabledItems && disabledItems.includes(resource.value);
|
|
15883
15940
|
return jsxs(Flex$1, Object.assign({
|
|
15884
15941
|
align: "center",
|
|
15885
15942
|
justify: "between"
|
|
@@ -15891,7 +15948,7 @@ function InputResourceList({
|
|
|
15891
15948
|
children: [jsxs(Flex$1, Object.assign({
|
|
15892
15949
|
align: "center"
|
|
15893
15950
|
}, {
|
|
15894
|
-
children: [jsx(InputCheckbox,
|
|
15951
|
+
children: [jsx(InputCheckbox, {
|
|
15895
15952
|
label: jsxs(Flex$1, Object.assign({
|
|
15896
15953
|
gap: 3,
|
|
15897
15954
|
align: "center"
|
|
@@ -15916,16 +15973,14 @@ function InputResourceList({
|
|
|
15916
15973
|
css: {
|
|
15917
15974
|
color: disabled || isDisabled ? '$textDisable' : '$textGreen'
|
|
15918
15975
|
}
|
|
15919
|
-
}, {
|
|
15976
|
+
}, {}, {
|
|
15920
15977
|
children: variant
|
|
15921
15978
|
}), index))]
|
|
15922
15979
|
}), void 0),
|
|
15923
15980
|
index: index,
|
|
15924
15981
|
value: resource.value,
|
|
15925
15982
|
disabled: isDisabled
|
|
15926
|
-
},
|
|
15927
|
-
checked: isDisabled
|
|
15928
|
-
})), void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
|
|
15983
|
+
}, void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
|
|
15929
15984
|
css: {
|
|
15930
15985
|
marginLeft: '$spacing-03'
|
|
15931
15986
|
}
|
|
@@ -15980,9 +16035,9 @@ function InputResourceList({
|
|
|
15980
16035
|
}
|
|
15981
16036
|
switch (type) {
|
|
15982
16037
|
case 'asc':
|
|
15983
|
-
return data.sort(ascending);
|
|
16038
|
+
return [...data].sort(ascending);
|
|
15984
16039
|
case 'desc':
|
|
15985
|
-
return data.sort(descending);
|
|
16040
|
+
return [...data].sort(descending);
|
|
15986
16041
|
default:
|
|
15987
16042
|
return data;
|
|
15988
16043
|
}
|
|
@@ -15990,84 +16045,47 @@ function InputResourceList({
|
|
|
15990
16045
|
function toggleSort() {
|
|
15991
16046
|
setSortType(sortType === 'asc' ? 'desc' : 'asc');
|
|
15992
16047
|
}
|
|
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
16048
|
function toggleCheckAll() {
|
|
16044
|
-
|
|
16045
|
-
|
|
16046
|
-
|
|
16047
|
-
|
|
16049
|
+
const selectable = selectableAvailableData;
|
|
16050
|
+
const allSelectableItemsSelected = selectable.length > 0 && selectable.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value));
|
|
16051
|
+
if (allSelectableItemsSelected) {
|
|
16052
|
+
const newCheckedItems = checkedItems.filter(checkedItem => !selectable.some(item => item.value === checkedItem.value));
|
|
16053
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16048
16054
|
} else {
|
|
16049
|
-
|
|
16050
|
-
|
|
16051
|
-
|
|
16052
|
-
|
|
16055
|
+
const itemsToAdd = selectable.filter(item => !checkedItems.some(checkedItem => checkedItem.value === item.value));
|
|
16056
|
+
const newCheckedItems = [...checkedItems, ...itemsToAdd];
|
|
16057
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16058
|
+
}
|
|
16059
|
+
}
|
|
16060
|
+
function handleCheckedAllExpandable() {
|
|
16061
|
+
const allItems = data || [];
|
|
16062
|
+
const selectableAllItems = allItems.filter(item => !isItemDisabled(item));
|
|
16063
|
+
const allItemValues = selectableAllItems.map(i => i.value);
|
|
16064
|
+
const currentValues = checkedItems.map(i => i.value);
|
|
16065
|
+
const areAllSelected = selectableAllItems.length > 0 && selectableAllItems.every(item => currentValues.includes(item.value));
|
|
16066
|
+
let newCheckedItems;
|
|
16067
|
+
if (areAllSelected) {
|
|
16068
|
+
newCheckedItems = checkedItems.filter(item => !allItemValues.includes(item.value));
|
|
16069
|
+
} else {
|
|
16070
|
+
const itemsToAdd = selectableAllItems.filter(item => !currentValues.includes(item.value));
|
|
16071
|
+
newCheckedItems = [...checkedItems, ...itemsToAdd];
|
|
16053
16072
|
}
|
|
16073
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16054
16074
|
}
|
|
16055
|
-
|
|
16075
|
+
const listContent = jsxs(Box, Object.assign({
|
|
16056
16076
|
css: Object.assign({
|
|
16057
16077
|
position: 'relative'
|
|
16058
16078
|
}, css)
|
|
16059
16079
|
}, {
|
|
16060
|
-
children: [customHeader, onQueryChange && jsx(InputSearchbox, {
|
|
16080
|
+
children: [customHeader, (searchable || !!onQueryChange) && jsx(InputSearchbox, Object.assign({
|
|
16061
16081
|
size: "lg",
|
|
16062
|
-
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...',
|
|
16063
|
-
ns: 'translation'
|
|
16064
|
-
}),
|
|
16082
|
+
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...'),
|
|
16065
16083
|
onChange: debounce(query => {
|
|
16066
16084
|
setQuery(query);
|
|
16067
|
-
onQueryChange(query);
|
|
16085
|
+
if (onQueryChange) onQueryChange(query);
|
|
16068
16086
|
}, 1000),
|
|
16069
16087
|
disabled: disabled
|
|
16070
|
-
}, void 0), defaultSort && jsxs(Flex$1, Object.assign({
|
|
16088
|
+
}, {}), void 0), defaultSort && jsxs(Flex$1, Object.assign({
|
|
16071
16089
|
align: "center",
|
|
16072
16090
|
gap: 3,
|
|
16073
16091
|
css: {
|
|
@@ -16076,8 +16094,8 @@ function InputResourceList({
|
|
|
16076
16094
|
}
|
|
16077
16095
|
}, {
|
|
16078
16096
|
children: [!hideSelectAll && jsx(InputCheckbox, {
|
|
16079
|
-
checked:
|
|
16080
|
-
indeterminate:
|
|
16097
|
+
checked: selectableAvailableData.length > 0 && selectableAvailableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value)),
|
|
16098
|
+
indeterminate: selectableAvailableData.some(item => checkedItems.some(checkedItem => checkedItem.value === item.value)) && !(selectableAvailableData.length > 0 && selectableAvailableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value))),
|
|
16081
16099
|
onCheckedChange: toggleCheckAll,
|
|
16082
16100
|
css: {
|
|
16083
16101
|
marginRight: '$spacing-02'
|
|
@@ -16091,7 +16109,7 @@ function InputResourceList({
|
|
|
16091
16109
|
}, {
|
|
16092
16110
|
children: jsx(SortingOutline, {
|
|
16093
16111
|
size: 16,
|
|
16094
|
-
color: colors$
|
|
16112
|
+
color: colors$7.iconSecondary
|
|
16095
16113
|
}, void 0)
|
|
16096
16114
|
}), void 0)]
|
|
16097
16115
|
}), void 0), isLoading && jsx(Flex$1, Object.assign({
|
|
@@ -16100,7 +16118,7 @@ function InputResourceList({
|
|
|
16100
16118
|
css: Object.assign({
|
|
16101
16119
|
position: 'absolute',
|
|
16102
16120
|
inset: 0,
|
|
16103
|
-
top: onQueryChange ? 48 : 0,
|
|
16121
|
+
top: onQueryChange || searchable ? 48 : 0,
|
|
16104
16122
|
width: '100%',
|
|
16105
16123
|
height: 285,
|
|
16106
16124
|
backgroundColor: '$bgWhite',
|
|
@@ -16126,7 +16144,7 @@ function InputResourceList({
|
|
|
16126
16144
|
}, wrapperCss && wrapperCss),
|
|
16127
16145
|
ref: scrollerRef
|
|
16128
16146
|
}, {
|
|
16129
|
-
children: [data.length <= 0 &&
|
|
16147
|
+
children: [data.length <= 0 && checkedItems.length <= 0 && !isLoading || defaultSort && data.length < 1 ? jsx(Flex$1, Object.assign({
|
|
16130
16148
|
justify: "center",
|
|
16131
16149
|
align: "center",
|
|
16132
16150
|
css: {
|
|
@@ -16159,9 +16177,27 @@ function InputResourceList({
|
|
|
16159
16177
|
children: children
|
|
16160
16178
|
}), void 0)
|
|
16161
16179
|
}, {
|
|
16162
|
-
children:
|
|
16180
|
+
children: jsx(Flex$1, Object.assign({
|
|
16181
|
+
direction: "column",
|
|
16182
|
+
gap: 3
|
|
16183
|
+
}, {
|
|
16184
|
+
children: jsx(CheckboxGroup, Object.assign({
|
|
16185
|
+
onChange: (_, index) => {
|
|
16186
|
+
const datasets = defaultSort ? sorting(availableData, sortType) : availableData;
|
|
16187
|
+
const newCheckedItems = (checkedItems === null || checkedItems === void 0 ? void 0 : checkedItems.some(val => {
|
|
16188
|
+
var _a;
|
|
16189
|
+
return (val === null || val === void 0 ? void 0 : val.value) === ((_a = datasets[index]) === null || _a === void 0 ? void 0 : _a.value);
|
|
16190
|
+
})) ? checkedItems.filter(val => val.value !== datasets[index].value) : [...(checkedItems || []), datasets[index]];
|
|
16191
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16192
|
+
},
|
|
16193
|
+
value: checkedItems === null || checkedItems === void 0 ? void 0 : checkedItems.map(item => item === null || item === void 0 ? void 0 : item.value),
|
|
16194
|
+
disabled: disabled
|
|
16195
|
+
}, {
|
|
16196
|
+
children: (defaultSort ? sorting(availableData, sortType) : availableData).map(renderCheckbox)
|
|
16197
|
+
}), void 0)
|
|
16198
|
+
}), void 0)
|
|
16163
16199
|
}), void 0)]
|
|
16164
|
-
}), void 0), counterFooter &&
|
|
16200
|
+
}), void 0), counterFooter && checkedItems.length > 0 && jsx(Box, Object.assign({
|
|
16165
16201
|
css: {
|
|
16166
16202
|
marginTop: '$spacing-04'
|
|
16167
16203
|
}
|
|
@@ -16170,119 +16206,49 @@ function InputResourceList({
|
|
|
16170
16206
|
variant: "helper",
|
|
16171
16207
|
color: disabled ? 'disable' : 'green'
|
|
16172
16208
|
}, {
|
|
16173
|
-
children: `${
|
|
16209
|
+
children: `${checkedItems.length} ${counterFooterText || t('counterFooterText', 'kategori dipilih')}`
|
|
16174
16210
|
}), void 0)
|
|
16175
16211
|
}), void 0)]
|
|
16176
16212
|
}), void 0);
|
|
16177
|
-
|
|
16178
|
-
|
|
16179
|
-
const
|
|
16180
|
-
|
|
16181
|
-
|
|
16182
|
-
const
|
|
16183
|
-
|
|
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
|
-
}, {
|
|
16213
|
+
if (expandable) {
|
|
16214
|
+
const allItems = data || [];
|
|
16215
|
+
const selectableAllItems = allItems.filter(item => !isItemDisabled(item));
|
|
16216
|
+
const checkedValues = checkedItems.map(i => i.value);
|
|
16217
|
+
const isAllSelected = selectableAllItems.length > 0 && selectableAllItems.every(item => checkedValues.includes(item.value));
|
|
16218
|
+
const isIndeterminate = !isAllSelected && selectableAllItems.some(item => checkedValues.includes(item.value));
|
|
16219
|
+
return jsxs(Box, {
|
|
16249
16220
|
children: [jsxs(Flex$1, Object.assign({
|
|
16250
|
-
|
|
16221
|
+
justify: "between",
|
|
16222
|
+
align: "start"
|
|
16251
16223
|
}, {
|
|
16252
|
-
children: [
|
|
16253
|
-
|
|
16254
|
-
border: Boolean(!(checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length))
|
|
16224
|
+
children: [jsxs(Flex$1, Object.assign({
|
|
16225
|
+
gap: 5
|
|
16255
16226
|
}, {
|
|
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
|
-
};
|
|
16227
|
+
children: [jsx(IconBox, Object.assign({
|
|
16228
|
+
onClick: handleCheckedAllExpandable,
|
|
16229
|
+
border: !isAllSelected && !isIndeterminate
|
|
16230
|
+
}, {
|
|
16231
|
+
children: isAllSelected ? jsx(CheckOutline, {
|
|
16232
|
+
color: colors$7.iconGreen
|
|
16233
|
+
}, void 0) : isIndeterminate ? jsx(IndeterminateFilled, {
|
|
16234
|
+
children: "-"
|
|
16235
|
+
}, void 0) : ''
|
|
16236
|
+
}), void 0), renderSelectAll]
|
|
16237
|
+
}), void 0), jsx(Box, Object.assign({
|
|
16238
|
+
css: {
|
|
16239
|
+
cursor: 'pointer'
|
|
16240
|
+
},
|
|
16241
|
+
onClick: () => setExpand(!expand)
|
|
16242
|
+
}, {
|
|
16243
|
+
children: expand ? jsx(ChevronUpOutline, {}, void 0) : jsx(ChevronDownOutline, {}, void 0)
|
|
16244
|
+
}), void 0)]
|
|
16245
|
+
}), void 0), jsx(Box, {
|
|
16246
|
+
children: expand && listContent
|
|
16247
|
+
}, void 0)]
|
|
16248
|
+
}, void 0);
|
|
16249
|
+
}
|
|
16250
|
+
return listContent;
|
|
16251
|
+
}
|
|
16286
16252
|
|
|
16287
16253
|
const SelectInputSearch = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
|
|
16288
16254
|
var {
|
|
@@ -16694,7 +16660,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16694
16660
|
}, {
|
|
16695
16661
|
children: jsx(MinusOutline, {
|
|
16696
16662
|
size: 24,
|
|
16697
|
-
color: disabled || disabledDecrement ? colors$
|
|
16663
|
+
color: disabled || disabledDecrement ? colors$7.iconDisable : colors$7.primary500
|
|
16698
16664
|
}, void 0)
|
|
16699
16665
|
}), void 0), jsx(Input$4, {
|
|
16700
16666
|
ref: ref,
|
|
@@ -16717,7 +16683,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16717
16683
|
}, {
|
|
16718
16684
|
children: jsx(PlusOutline, {
|
|
16719
16685
|
size: 24,
|
|
16720
|
-
color: disabled || disabledIncrement ? colors$
|
|
16686
|
+
color: disabled || disabledIncrement ? colors$7.iconDisable : colors$7.primary500
|
|
16721
16687
|
}, void 0)
|
|
16722
16688
|
}), void 0)]
|
|
16723
16689
|
}), void 0);
|
|
@@ -16730,7 +16696,7 @@ InputCounter.defaultProps = {
|
|
|
16730
16696
|
|
|
16731
16697
|
const _excluded$c = ["children"],
|
|
16732
16698
|
_excluded2$3 = ["children", "showOverlay"];
|
|
16733
|
-
var _jsxFileName$u = "
|
|
16699
|
+
var _jsxFileName$u = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
|
|
16734
16700
|
const Context$1 = /*#__PURE__*/React__default.createContext();
|
|
16735
16701
|
const {
|
|
16736
16702
|
sizes
|
|
@@ -17080,7 +17046,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
|
17080
17046
|
|
|
17081
17047
|
const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
|
|
17082
17048
|
_excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
|
|
17083
|
-
var _jsxFileName$t = "
|
|
17049
|
+
var _jsxFileName$t = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
|
|
17084
17050
|
const ScrollButton$1 = styled(Button$4, {
|
|
17085
17051
|
width: '28px',
|
|
17086
17052
|
outline: '$btnPrimary solid 1px',
|
|
@@ -17329,7 +17295,7 @@ function ButtonGroup$1(_ref) {
|
|
|
17329
17295
|
columnNumber: 15
|
|
17330
17296
|
}
|
|
17331
17297
|
}, /*#__PURE__*/React__default.createElement(ChevronLeftOutline, {
|
|
17332
|
-
color: colors$
|
|
17298
|
+
color: colors$7.iconGreen,
|
|
17333
17299
|
__self: this,
|
|
17334
17300
|
__source: {
|
|
17335
17301
|
fileName: _jsxFileName$t,
|
|
@@ -17359,7 +17325,7 @@ function ButtonGroup$1(_ref) {
|
|
|
17359
17325
|
columnNumber: 15
|
|
17360
17326
|
}
|
|
17361
17327
|
}, /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
|
|
17362
|
-
color: colors$
|
|
17328
|
+
color: colors$7.iconGreen,
|
|
17363
17329
|
__self: this,
|
|
17364
17330
|
__source: {
|
|
17365
17331
|
fileName: _jsxFileName$t,
|
|
@@ -17533,6 +17499,7 @@ const getCalendarStartYearRange = year => year - year % 100 + 1;
|
|
|
17533
17499
|
const toDateFormat = (date, locale = 'id') => moment(date).locale(locale).format('DD MMMM YYYY');
|
|
17534
17500
|
|
|
17535
17501
|
const DateNumber = styled('div', {
|
|
17502
|
+
width: '32px',
|
|
17536
17503
|
display: 'inline-flex',
|
|
17537
17504
|
alignItems: 'center',
|
|
17538
17505
|
justifyContent: 'center',
|
|
@@ -17550,14 +17517,14 @@ const DateNumber = styled('div', {
|
|
|
17550
17517
|
color: '$textGreen'
|
|
17551
17518
|
}
|
|
17552
17519
|
},
|
|
17553
|
-
neutral: {
|
|
17554
|
-
backgroundColor: 'transparent',
|
|
17555
|
-
color: 'rgba(0, 0, 0, 0.4)'
|
|
17556
|
-
},
|
|
17557
17520
|
disabled: {
|
|
17558
17521
|
backgroundColor: '$btnDisable',
|
|
17559
17522
|
color: '$textDisable'
|
|
17560
17523
|
},
|
|
17524
|
+
neutral: {
|
|
17525
|
+
backgroundColor: 'transparent',
|
|
17526
|
+
color: "$gray400"
|
|
17527
|
+
},
|
|
17561
17528
|
selected: {
|
|
17562
17529
|
backgroundColor: '$bgGreen',
|
|
17563
17530
|
color: '$white',
|
|
@@ -17609,7 +17576,7 @@ const DateNumber = styled('div', {
|
|
|
17609
17576
|
});
|
|
17610
17577
|
DateNumber.displayName = 'DateNumber';
|
|
17611
17578
|
|
|
17612
|
-
var _jsxFileName$s = "
|
|
17579
|
+
var _jsxFileName$s = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\TimePicker.js";
|
|
17613
17580
|
const Input$3 = styled('input', {
|
|
17614
17581
|
display: 'none'
|
|
17615
17582
|
});
|
|
@@ -17622,6 +17589,7 @@ const InputTime = styled('input', {
|
|
|
17622
17589
|
fontSize: 28,
|
|
17623
17590
|
color: '$textPrimary',
|
|
17624
17591
|
letterSpacing: 2,
|
|
17592
|
+
backgroundColor: '$bgWhite',
|
|
17625
17593
|
'&:read-only': {
|
|
17626
17594
|
backgroundColor: '$bgWhite'
|
|
17627
17595
|
},
|
|
@@ -17726,35 +17694,46 @@ const IconStateFull$2 = props => {
|
|
|
17726
17694
|
function handleLeave() {
|
|
17727
17695
|
setIsHover(false);
|
|
17728
17696
|
}
|
|
17729
|
-
return
|
|
17697
|
+
return /*#__PURE__*/React__default.createElement(Box, {
|
|
17698
|
+
css: {
|
|
17699
|
+
margin: 'auto',
|
|
17700
|
+
color: isHover && !props.disabled ? '$primary500' : '$iconPrimary'
|
|
17701
|
+
},
|
|
17702
|
+
__self: undefined,
|
|
17703
|
+
__source: {
|
|
17704
|
+
fileName: _jsxFileName$s,
|
|
17705
|
+
lineNumber: 135,
|
|
17706
|
+
columnNumber: 5
|
|
17707
|
+
}
|
|
17708
|
+
}, props.type === 'up' ? /*#__PURE__*/React__default.createElement(IconUp, _extends({
|
|
17730
17709
|
css: {
|
|
17731
17710
|
userSelect: 'none'
|
|
17732
17711
|
}
|
|
17733
17712
|
}, props, {
|
|
17734
|
-
color:
|
|
17713
|
+
color: "currentColor",
|
|
17735
17714
|
onMouseEnter: handleEnter,
|
|
17736
17715
|
onMouseLeave: handleLeave,
|
|
17737
17716
|
__self: undefined,
|
|
17738
17717
|
__source: {
|
|
17739
17718
|
fileName: _jsxFileName$s,
|
|
17740
|
-
lineNumber:
|
|
17741
|
-
columnNumber:
|
|
17719
|
+
lineNumber: 142,
|
|
17720
|
+
columnNumber: 9
|
|
17742
17721
|
}
|
|
17743
17722
|
})) : /*#__PURE__*/React__default.createElement(IconDown, _extends({
|
|
17744
17723
|
css: {
|
|
17745
17724
|
userSelect: 'none'
|
|
17746
17725
|
}
|
|
17747
17726
|
}, props, {
|
|
17748
|
-
color:
|
|
17727
|
+
color: "currentColor",
|
|
17749
17728
|
onMouseEnter: handleEnter,
|
|
17750
17729
|
onMouseLeave: handleLeave,
|
|
17751
17730
|
__self: undefined,
|
|
17752
17731
|
__source: {
|
|
17753
17732
|
fileName: _jsxFileName$s,
|
|
17754
|
-
lineNumber:
|
|
17755
|
-
columnNumber:
|
|
17733
|
+
lineNumber: 150,
|
|
17734
|
+
columnNumber: 9
|
|
17756
17735
|
}
|
|
17757
|
-
}));
|
|
17736
|
+
})));
|
|
17758
17737
|
};
|
|
17759
17738
|
const NativeTimePicker = ({
|
|
17760
17739
|
size,
|
|
@@ -17877,7 +17856,7 @@ const NativeTimePicker = ({
|
|
|
17877
17856
|
__self: undefined,
|
|
17878
17857
|
__source: {
|
|
17879
17858
|
fileName: _jsxFileName$s,
|
|
17880
|
-
lineNumber:
|
|
17859
|
+
lineNumber: 297,
|
|
17881
17860
|
columnNumber: 5
|
|
17882
17861
|
}
|
|
17883
17862
|
}, /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -17886,7 +17865,7 @@ const NativeTimePicker = ({
|
|
|
17886
17865
|
__self: undefined,
|
|
17887
17866
|
__source: {
|
|
17888
17867
|
fileName: _jsxFileName$s,
|
|
17889
|
-
lineNumber:
|
|
17868
|
+
lineNumber: 303,
|
|
17890
17869
|
columnNumber: 7
|
|
17891
17870
|
}
|
|
17892
17871
|
}, /*#__PURE__*/React__default.createElement(IconStateFull$2, {
|
|
@@ -17896,7 +17875,7 @@ const NativeTimePicker = ({
|
|
|
17896
17875
|
__self: undefined,
|
|
17897
17876
|
__source: {
|
|
17898
17877
|
fileName: _jsxFileName$s,
|
|
17899
|
-
lineNumber:
|
|
17878
|
+
lineNumber: 304,
|
|
17900
17879
|
columnNumber: 9
|
|
17901
17880
|
}
|
|
17902
17881
|
}), /*#__PURE__*/React__default.createElement(IconStateFull$2, {
|
|
@@ -17906,7 +17885,7 @@ const NativeTimePicker = ({
|
|
|
17906
17885
|
__self: undefined,
|
|
17907
17886
|
__source: {
|
|
17908
17887
|
fileName: _jsxFileName$s,
|
|
17909
|
-
lineNumber:
|
|
17888
|
+
lineNumber: 309,
|
|
17910
17889
|
columnNumber: 9
|
|
17911
17890
|
}
|
|
17912
17891
|
})), /*#__PURE__*/React__default.createElement(Input$3, {
|
|
@@ -17917,7 +17896,7 @@ const NativeTimePicker = ({
|
|
|
17917
17896
|
__self: undefined,
|
|
17918
17897
|
__source: {
|
|
17919
17898
|
fileName: _jsxFileName$s,
|
|
17920
|
-
lineNumber:
|
|
17899
|
+
lineNumber: 315,
|
|
17921
17900
|
columnNumber: 7
|
|
17922
17901
|
}
|
|
17923
17902
|
}), /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -17925,7 +17904,7 @@ const NativeTimePicker = ({
|
|
|
17925
17904
|
__self: undefined,
|
|
17926
17905
|
__source: {
|
|
17927
17906
|
fileName: _jsxFileName$s,
|
|
17928
|
-
lineNumber:
|
|
17907
|
+
lineNumber: 316,
|
|
17929
17908
|
columnNumber: 7
|
|
17930
17909
|
}
|
|
17931
17910
|
}, /*#__PURE__*/React__default.createElement(InputTime, {
|
|
@@ -17941,7 +17920,7 @@ const NativeTimePicker = ({
|
|
|
17941
17920
|
__self: undefined,
|
|
17942
17921
|
__source: {
|
|
17943
17922
|
fileName: _jsxFileName$s,
|
|
17944
|
-
lineNumber:
|
|
17923
|
+
lineNumber: 317,
|
|
17945
17924
|
columnNumber: 9
|
|
17946
17925
|
}
|
|
17947
17926
|
}), /*#__PURE__*/React__default.createElement(Time, {
|
|
@@ -17949,7 +17928,7 @@ const NativeTimePicker = ({
|
|
|
17949
17928
|
__self: undefined,
|
|
17950
17929
|
__source: {
|
|
17951
17930
|
fileName: _jsxFileName$s,
|
|
17952
|
-
lineNumber:
|
|
17931
|
+
lineNumber: 328,
|
|
17953
17932
|
columnNumber: 9
|
|
17954
17933
|
}
|
|
17955
17934
|
}, ":"), /*#__PURE__*/React__default.createElement(InputTime, {
|
|
@@ -17965,7 +17944,7 @@ const NativeTimePicker = ({
|
|
|
17965
17944
|
__self: undefined,
|
|
17966
17945
|
__source: {
|
|
17967
17946
|
fileName: _jsxFileName$s,
|
|
17968
|
-
lineNumber:
|
|
17947
|
+
lineNumber: 329,
|
|
17969
17948
|
columnNumber: 9
|
|
17970
17949
|
}
|
|
17971
17950
|
})), /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -17974,7 +17953,7 @@ const NativeTimePicker = ({
|
|
|
17974
17953
|
__self: undefined,
|
|
17975
17954
|
__source: {
|
|
17976
17955
|
fileName: _jsxFileName$s,
|
|
17977
|
-
lineNumber:
|
|
17956
|
+
lineNumber: 341,
|
|
17978
17957
|
columnNumber: 7
|
|
17979
17958
|
}
|
|
17980
17959
|
}, /*#__PURE__*/React__default.createElement(IconStateFull$2, {
|
|
@@ -17984,7 +17963,7 @@ const NativeTimePicker = ({
|
|
|
17984
17963
|
__self: undefined,
|
|
17985
17964
|
__source: {
|
|
17986
17965
|
fileName: _jsxFileName$s,
|
|
17987
|
-
lineNumber:
|
|
17966
|
+
lineNumber: 342,
|
|
17988
17967
|
columnNumber: 9
|
|
17989
17968
|
}
|
|
17990
17969
|
}), /*#__PURE__*/React__default.createElement(IconStateFull$2, {
|
|
@@ -17994,62 +17973,62 @@ const NativeTimePicker = ({
|
|
|
17994
17973
|
__self: undefined,
|
|
17995
17974
|
__source: {
|
|
17996
17975
|
fileName: _jsxFileName$s,
|
|
17997
|
-
lineNumber:
|
|
17976
|
+
lineNumber: 347,
|
|
17998
17977
|
columnNumber: 9
|
|
17999
17978
|
}
|
|
18000
17979
|
})));
|
|
18001
17980
|
};
|
|
18002
17981
|
NativeTimePicker.propTypes = {
|
|
18003
|
-
/**
|
|
18004
|
-
Resize time picker.
|
|
17982
|
+
/**
|
|
17983
|
+
Resize time picker.
|
|
18005
17984
|
*/
|
|
18006
17985
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18007
|
-
/**
|
|
18008
|
-
Change handler.
|
|
17986
|
+
/**
|
|
17987
|
+
Change handler.
|
|
18009
17988
|
*/
|
|
18010
17989
|
onChange: PropTypes.func,
|
|
18011
|
-
/**
|
|
18012
|
-
Time picker default value, support moment format.
|
|
17990
|
+
/**
|
|
17991
|
+
Time picker default value, support moment format.
|
|
18013
17992
|
*/
|
|
18014
17993
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18015
|
-
/**
|
|
18016
|
-
Time picker value, support moment format.
|
|
17994
|
+
/**
|
|
17995
|
+
Time picker value, support moment format.
|
|
18017
17996
|
*/
|
|
18018
17997
|
value: PropTypes.instanceOf(Date),
|
|
18019
|
-
/**
|
|
18020
|
-
Disabled state.
|
|
17998
|
+
/**
|
|
17999
|
+
Disabled state.
|
|
18021
18000
|
*/
|
|
18022
18001
|
disabled: PropTypes.bool,
|
|
18023
|
-
/**
|
|
18024
|
-
Disabled hour state.
|
|
18002
|
+
/**
|
|
18003
|
+
Disabled hour state.
|
|
18025
18004
|
*/
|
|
18026
18005
|
disabledHour: PropTypes.bool,
|
|
18027
|
-
/**
|
|
18028
|
-
Disabled increase hour state.
|
|
18006
|
+
/**
|
|
18007
|
+
Disabled increase hour state.
|
|
18029
18008
|
*/
|
|
18030
18009
|
disabledHourIncrease: PropTypes.bool,
|
|
18031
|
-
/**
|
|
18032
|
-
Disabled decrease hour state.
|
|
18010
|
+
/**
|
|
18011
|
+
Disabled decrease hour state.
|
|
18033
18012
|
*/
|
|
18034
18013
|
disabledHourDecrease: PropTypes.bool,
|
|
18035
|
-
/**
|
|
18036
|
-
Disabled minute state.
|
|
18014
|
+
/**
|
|
18015
|
+
Disabled minute state.
|
|
18037
18016
|
*/
|
|
18038
18017
|
disabledMinute: PropTypes.bool,
|
|
18039
|
-
/**
|
|
18040
|
-
Disabled increase minute state.
|
|
18018
|
+
/**
|
|
18019
|
+
Disabled increase minute state.
|
|
18041
18020
|
*/
|
|
18042
18021
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18043
|
-
/**
|
|
18044
|
-
Disabled decrease minute state.
|
|
18022
|
+
/**
|
|
18023
|
+
Disabled decrease minute state.
|
|
18045
18024
|
*/
|
|
18046
18025
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18047
|
-
/**
|
|
18048
|
-
Specify the minimum date.
|
|
18026
|
+
/**
|
|
18027
|
+
Specify the minimum date.
|
|
18049
18028
|
*/
|
|
18050
18029
|
minDate: PropTypes.instanceOf(Date),
|
|
18051
|
-
/**
|
|
18052
|
-
Specify the maximum date.
|
|
18030
|
+
/**
|
|
18031
|
+
Specify the maximum date.
|
|
18053
18032
|
*/
|
|
18054
18033
|
maxDate: PropTypes.instanceOf(Date)
|
|
18055
18034
|
};
|
|
@@ -18079,7 +18058,7 @@ const TimePicker = ({
|
|
|
18079
18058
|
__self: undefined,
|
|
18080
18059
|
__source: {
|
|
18081
18060
|
fileName: _jsxFileName$s,
|
|
18082
|
-
lineNumber:
|
|
18061
|
+
lineNumber: 429,
|
|
18083
18062
|
columnNumber: 5
|
|
18084
18063
|
}
|
|
18085
18064
|
}, /*#__PURE__*/React__default.createElement(NativeTimePicker, {
|
|
@@ -18099,73 +18078,73 @@ const TimePicker = ({
|
|
|
18099
18078
|
__self: undefined,
|
|
18100
18079
|
__source: {
|
|
18101
18080
|
fileName: _jsxFileName$s,
|
|
18102
|
-
lineNumber:
|
|
18081
|
+
lineNumber: 430,
|
|
18103
18082
|
columnNumber: 7
|
|
18104
18083
|
}
|
|
18105
18084
|
}));
|
|
18106
18085
|
};
|
|
18107
18086
|
TimePicker.displayName = 'TimePicker';
|
|
18108
18087
|
TimePicker.propTypes = {
|
|
18109
|
-
/**
|
|
18110
|
-
Additional styles.
|
|
18088
|
+
/**
|
|
18089
|
+
Additional styles.
|
|
18111
18090
|
*/
|
|
18112
18091
|
css: PropTypes.object,
|
|
18113
|
-
/**
|
|
18114
|
-
Resize time picker.
|
|
18092
|
+
/**
|
|
18093
|
+
Resize time picker.
|
|
18115
18094
|
*/
|
|
18116
18095
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18117
|
-
/**
|
|
18118
|
-
Change handler.
|
|
18096
|
+
/**
|
|
18097
|
+
Change handler.
|
|
18119
18098
|
*/
|
|
18120
18099
|
onChange: PropTypes.func,
|
|
18121
|
-
/**
|
|
18122
|
-
Time picker default value, support moment format.
|
|
18100
|
+
/**
|
|
18101
|
+
Time picker default value, support moment format.
|
|
18123
18102
|
*/
|
|
18124
18103
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18125
|
-
/**
|
|
18126
|
-
Time picker value, support moment format.
|
|
18104
|
+
/**
|
|
18105
|
+
Time picker value, support moment format.
|
|
18127
18106
|
*/
|
|
18128
18107
|
value: PropTypes.instanceOf(Date),
|
|
18129
|
-
/**
|
|
18130
|
-
Disabled state.
|
|
18108
|
+
/**
|
|
18109
|
+
Disabled state.
|
|
18131
18110
|
*/
|
|
18132
18111
|
disabled: PropTypes.bool,
|
|
18133
|
-
/**
|
|
18134
|
-
Disabled hour state.
|
|
18112
|
+
/**
|
|
18113
|
+
Disabled hour state.
|
|
18135
18114
|
*/
|
|
18136
18115
|
disabledHour: PropTypes.bool,
|
|
18137
|
-
/**
|
|
18138
|
-
Disabled increase hour state.
|
|
18116
|
+
/**
|
|
18117
|
+
Disabled increase hour state.
|
|
18139
18118
|
*/
|
|
18140
18119
|
disabledHourIncrease: PropTypes.bool,
|
|
18141
|
-
/**
|
|
18142
|
-
Disabled decrease hour state.
|
|
18120
|
+
/**
|
|
18121
|
+
Disabled decrease hour state.
|
|
18143
18122
|
*/
|
|
18144
18123
|
disabledHourDecrease: PropTypes.bool,
|
|
18145
|
-
/**
|
|
18146
|
-
Disabled minute state.
|
|
18124
|
+
/**
|
|
18125
|
+
Disabled minute state.
|
|
18147
18126
|
*/
|
|
18148
18127
|
disabledMinute: PropTypes.bool,
|
|
18149
|
-
/**
|
|
18150
|
-
Disabled increase minute state.
|
|
18128
|
+
/**
|
|
18129
|
+
Disabled increase minute state.
|
|
18151
18130
|
*/
|
|
18152
18131
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18153
|
-
/**
|
|
18154
|
-
Disabled decrease minute state.
|
|
18132
|
+
/**
|
|
18133
|
+
Disabled decrease minute state.
|
|
18155
18134
|
*/
|
|
18156
18135
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18157
|
-
/**
|
|
18158
|
-
Specify the minimum date.
|
|
18136
|
+
/**
|
|
18137
|
+
Specify the minimum date.
|
|
18159
18138
|
*/
|
|
18160
18139
|
minDate: PropTypes.instanceOf(Date),
|
|
18161
|
-
/**
|
|
18162
|
-
Specify the maximum date.
|
|
18140
|
+
/**
|
|
18141
|
+
Specify the maximum date.
|
|
18163
18142
|
*/
|
|
18164
18143
|
maxDate: PropTypes.instanceOf(Date)
|
|
18165
18144
|
};
|
|
18166
18145
|
NativeTimePicker.displayName = 'NativeTimePicker';
|
|
18167
18146
|
|
|
18168
|
-
var _jsxFileName$r = "
|
|
18147
|
+
var _jsxFileName$r = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\InputTimePicker.js";
|
|
18169
18148
|
const getInputPickerValue$1 = date => {
|
|
18170
18149
|
if (!date) return;
|
|
18171
18150
|
return moment(date).format('HH:mm');
|
|
@@ -18212,13 +18191,14 @@ function InputTimePicker({
|
|
|
18212
18191
|
columnNumber: 5
|
|
18213
18192
|
}
|
|
18214
18193
|
}, /*#__PURE__*/React__default.createElement(InputLeftElement, {
|
|
18194
|
+
color: disabled ? 'disabled' : 'primary',
|
|
18215
18195
|
children: /*#__PURE__*/React__default.createElement(TimeOutline, {
|
|
18216
|
-
color:
|
|
18196
|
+
color: "currentColor",
|
|
18217
18197
|
__self: this,
|
|
18218
18198
|
__source: {
|
|
18219
18199
|
fileName: _jsxFileName$r,
|
|
18220
|
-
lineNumber:
|
|
18221
|
-
columnNumber:
|
|
18200
|
+
lineNumber: 51,
|
|
18201
|
+
columnNumber: 19
|
|
18222
18202
|
}
|
|
18223
18203
|
}),
|
|
18224
18204
|
__self: this,
|
|
@@ -18240,7 +18220,7 @@ function InputTimePicker({
|
|
|
18240
18220
|
__self: this,
|
|
18241
18221
|
__source: {
|
|
18242
18222
|
fileName: _jsxFileName$r,
|
|
18243
|
-
lineNumber:
|
|
18223
|
+
lineNumber: 53,
|
|
18244
18224
|
columnNumber: 7
|
|
18245
18225
|
}
|
|
18246
18226
|
}));
|
|
@@ -18264,7 +18244,7 @@ function InputTimePicker({
|
|
|
18264
18244
|
__self: this,
|
|
18265
18245
|
__source: {
|
|
18266
18246
|
fileName: _jsxFileName$r,
|
|
18267
|
-
lineNumber:
|
|
18247
|
+
lineNumber: 67,
|
|
18268
18248
|
columnNumber: 5
|
|
18269
18249
|
}
|
|
18270
18250
|
});
|
|
@@ -18280,7 +18260,7 @@ function InputTimePicker({
|
|
|
18280
18260
|
__self: this,
|
|
18281
18261
|
__source: {
|
|
18282
18262
|
fileName: _jsxFileName$r,
|
|
18283
|
-
lineNumber:
|
|
18263
|
+
lineNumber: 86,
|
|
18284
18264
|
columnNumber: 5
|
|
18285
18265
|
}
|
|
18286
18266
|
}, disabled || readOnly ? /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -18288,14 +18268,14 @@ function InputTimePicker({
|
|
|
18288
18268
|
__self: this,
|
|
18289
18269
|
__source: {
|
|
18290
18270
|
fileName: _jsxFileName$r,
|
|
18291
|
-
lineNumber:
|
|
18271
|
+
lineNumber: 97,
|
|
18292
18272
|
columnNumber: 9
|
|
18293
18273
|
}
|
|
18294
18274
|
}, renderInputGroup()) : /*#__PURE__*/React__default.createElement(PopoverTrigger, {
|
|
18295
18275
|
__self: this,
|
|
18296
18276
|
__source: {
|
|
18297
18277
|
fileName: _jsxFileName$r,
|
|
18298
|
-
lineNumber:
|
|
18278
|
+
lineNumber: 99,
|
|
18299
18279
|
columnNumber: 9
|
|
18300
18280
|
}
|
|
18301
18281
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -18303,7 +18283,7 @@ function InputTimePicker({
|
|
|
18303
18283
|
__self: this,
|
|
18304
18284
|
__source: {
|
|
18305
18285
|
fileName: _jsxFileName$r,
|
|
18306
|
-
lineNumber:
|
|
18286
|
+
lineNumber: 100,
|
|
18307
18287
|
columnNumber: 11
|
|
18308
18288
|
}
|
|
18309
18289
|
}, renderInputGroup())), /*#__PURE__*/React__default.createElement(PopoverContent, {
|
|
@@ -18311,7 +18291,7 @@ function InputTimePicker({
|
|
|
18311
18291
|
__self: this,
|
|
18312
18292
|
__source: {
|
|
18313
18293
|
fileName: _jsxFileName$r,
|
|
18314
|
-
lineNumber:
|
|
18294
|
+
lineNumber: 103,
|
|
18315
18295
|
columnNumber: 7
|
|
18316
18296
|
}
|
|
18317
18297
|
}, renderTimePicker({
|
|
@@ -18323,88 +18303,88 @@ InputTimePicker.defaultProps = {
|
|
|
18323
18303
|
placeholder: 'Select Time'
|
|
18324
18304
|
};
|
|
18325
18305
|
InputTimePicker.propTypes = {
|
|
18326
|
-
/**
|
|
18327
|
-
Additional styles.
|
|
18306
|
+
/**
|
|
18307
|
+
Additional styles.
|
|
18328
18308
|
*/
|
|
18329
18309
|
css: PropTypes.object,
|
|
18330
|
-
/**
|
|
18331
|
-
Disabled state.
|
|
18310
|
+
/**
|
|
18311
|
+
Disabled state.
|
|
18332
18312
|
*/
|
|
18333
18313
|
disabled: PropTypes.bool,
|
|
18334
|
-
/**
|
|
18335
|
-
Disabled hour state.
|
|
18314
|
+
/**
|
|
18315
|
+
Disabled hour state.
|
|
18336
18316
|
*/
|
|
18337
18317
|
disabledHour: PropTypes.bool,
|
|
18338
|
-
/**
|
|
18339
|
-
Disabled increase hour state.
|
|
18318
|
+
/**
|
|
18319
|
+
Disabled increase hour state.
|
|
18340
18320
|
*/
|
|
18341
18321
|
disabledHourIncrease: PropTypes.bool,
|
|
18342
|
-
/**
|
|
18343
|
-
Disabled decrease hour state.
|
|
18322
|
+
/**
|
|
18323
|
+
Disabled decrease hour state.
|
|
18344
18324
|
*/
|
|
18345
18325
|
disabledHourDecrease: PropTypes.bool,
|
|
18346
|
-
/**
|
|
18347
|
-
Disabled minute state.
|
|
18326
|
+
/**
|
|
18327
|
+
Disabled minute state.
|
|
18348
18328
|
*/
|
|
18349
18329
|
disabledMinute: PropTypes.bool,
|
|
18350
|
-
/**
|
|
18351
|
-
Disabled increase minute state.
|
|
18330
|
+
/**
|
|
18331
|
+
Disabled increase minute state.
|
|
18352
18332
|
*/
|
|
18353
18333
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18354
|
-
/**
|
|
18355
|
-
Disabled decrease minute state.
|
|
18334
|
+
/**
|
|
18335
|
+
Disabled decrease minute state.
|
|
18356
18336
|
*/
|
|
18357
18337
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18358
|
-
/**
|
|
18359
|
-
ReadOnly state.
|
|
18338
|
+
/**
|
|
18339
|
+
ReadOnly state.
|
|
18360
18340
|
*/
|
|
18361
18341
|
readOnly: PropTypes.bool,
|
|
18362
|
-
/**
|
|
18363
|
-
Resize time picker.
|
|
18342
|
+
/**
|
|
18343
|
+
Resize time picker.
|
|
18364
18344
|
*/
|
|
18365
18345
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18366
|
-
/**
|
|
18367
|
-
Custom placeholder input time picker.
|
|
18346
|
+
/**
|
|
18347
|
+
Custom placeholder input time picker.
|
|
18368
18348
|
*/
|
|
18369
18349
|
placeholder: PropTypes.string,
|
|
18370
|
-
/**
|
|
18371
|
-
Time picker default value, support moment format.
|
|
18350
|
+
/**
|
|
18351
|
+
Time picker default value, support moment format.
|
|
18372
18352
|
*/
|
|
18373
18353
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18374
|
-
/**
|
|
18375
|
-
Time picker value, support moment format.
|
|
18354
|
+
/**
|
|
18355
|
+
Time picker value, support moment format.
|
|
18376
18356
|
*/
|
|
18377
18357
|
value: PropTypes.instanceOf(Date),
|
|
18378
|
-
/**
|
|
18379
|
-
Change handler.
|
|
18358
|
+
/**
|
|
18359
|
+
Change handler.
|
|
18380
18360
|
*/
|
|
18381
18361
|
onChange: PropTypes.func,
|
|
18382
|
-
/**
|
|
18383
|
-
Placement popover input time picker.
|
|
18362
|
+
/**
|
|
18363
|
+
Placement popover input time picker.
|
|
18384
18364
|
*/
|
|
18385
18365
|
placement: PropTypes.string,
|
|
18386
|
-
/**
|
|
18387
|
-
Specify the minimum date.
|
|
18366
|
+
/**
|
|
18367
|
+
Specify the minimum date.
|
|
18388
18368
|
*/
|
|
18389
18369
|
minDate: PropTypes.instanceOf(Date),
|
|
18390
|
-
/**
|
|
18391
|
-
Specify the maximum date.
|
|
18370
|
+
/**
|
|
18371
|
+
Specify the maximum date.
|
|
18392
18372
|
*/
|
|
18393
18373
|
maxDate: PropTypes.instanceOf(Date),
|
|
18394
|
-
/**
|
|
18395
|
-
* Invalid state input.
|
|
18374
|
+
/**
|
|
18375
|
+
* Invalid state input.
|
|
18396
18376
|
*/
|
|
18397
18377
|
isInvalid: PropTypes.bool,
|
|
18398
|
-
/**
|
|
18399
|
-
If true, the component will rendered on portal element
|
|
18378
|
+
/**
|
|
18379
|
+
If true, the component will rendered on portal element
|
|
18400
18380
|
*/
|
|
18401
18381
|
portalled: PropTypes.bool,
|
|
18402
|
-
/**
|
|
18403
|
-
Additional TimePicker styles.
|
|
18382
|
+
/**
|
|
18383
|
+
Additional TimePicker styles.
|
|
18404
18384
|
*/
|
|
18405
18385
|
contentCss: PropTypes.object,
|
|
18406
|
-
/**
|
|
18407
|
-
Input open change callback.
|
|
18386
|
+
/**
|
|
18387
|
+
Input open change callback.
|
|
18408
18388
|
*/
|
|
18409
18389
|
onInputOpenChange: PropTypes.func
|
|
18410
18390
|
};
|
|
@@ -18594,7 +18574,7 @@ const ArrowButton$1 = styled('button', {
|
|
|
18594
18574
|
},
|
|
18595
18575
|
'&:active': {
|
|
18596
18576
|
backgroundColor: '$bgGreen',
|
|
18597
|
-
color: '$
|
|
18577
|
+
color: '$bgWhite'
|
|
18598
18578
|
},
|
|
18599
18579
|
cursor: 'pointer',
|
|
18600
18580
|
'&:disabled': {
|
|
@@ -18624,7 +18604,7 @@ const CalenderBoxContainer = styled(Box, {
|
|
|
18624
18604
|
flexDirection: 'column',
|
|
18625
18605
|
boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.12)',
|
|
18626
18606
|
borderRadius: '$lg',
|
|
18627
|
-
backgroundColor: '$
|
|
18607
|
+
backgroundColor: '$bgWhite',
|
|
18628
18608
|
padding: '$spacing-03'
|
|
18629
18609
|
});
|
|
18630
18610
|
const CalendarItemContainer$1 = styled(Flex$1, {});
|
|
@@ -18650,7 +18630,7 @@ const TitleButton$1 = styled('p', {
|
|
|
18650
18630
|
},
|
|
18651
18631
|
'&:active': {
|
|
18652
18632
|
backgroundColor: '$bgGreen',
|
|
18653
|
-
color: '$
|
|
18633
|
+
color: '$bgWhite'
|
|
18654
18634
|
},
|
|
18655
18635
|
cursor: 'pointer',
|
|
18656
18636
|
'&:disabled': {
|
|
@@ -18683,7 +18663,7 @@ const MonthButton$1 = styled(Text$1, {
|
|
|
18683
18663
|
},
|
|
18684
18664
|
'&:active': {
|
|
18685
18665
|
backgroundColor: '$bgGreen',
|
|
18686
|
-
color: '$
|
|
18666
|
+
color: '$bgWhite'
|
|
18687
18667
|
},
|
|
18688
18668
|
'&:disabled': {
|
|
18689
18669
|
backgroundColor: '$btnDisable',
|
|
@@ -18694,7 +18674,7 @@ const MonthButton$1 = styled(Text$1, {
|
|
|
18694
18674
|
isSelected: {
|
|
18695
18675
|
true: {
|
|
18696
18676
|
backgroundColor: '$bgGreen',
|
|
18697
|
-
color: '$
|
|
18677
|
+
color: '$bgWhite'
|
|
18698
18678
|
}
|
|
18699
18679
|
}
|
|
18700
18680
|
}
|
|
@@ -20514,7 +20494,9 @@ function InputDatePicker({
|
|
|
20514
20494
|
desktopOnly: desktopOnly
|
|
20515
20495
|
}, {
|
|
20516
20496
|
children: [jsx(InputLeftElement, {
|
|
20517
|
-
children: jsx(CalendarOutline, {
|
|
20497
|
+
children: jsx(CalendarOutline, {
|
|
20498
|
+
color: "currentColor"
|
|
20499
|
+
}, void 0)
|
|
20518
20500
|
}, void 0), jsx(InputText, {
|
|
20519
20501
|
placeholder: placeholder || t('datePickerPlaceholder', 'Pilih Tanggal'),
|
|
20520
20502
|
value: getInputPickerValue(type, selectedDate, showTimePicker),
|
|
@@ -21020,7 +21002,7 @@ function InputSignature({
|
|
|
21020
21002
|
}
|
|
21021
21003
|
|
|
21022
21004
|
const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
|
|
21023
|
-
var _jsxFileName$q = "
|
|
21005
|
+
var _jsxFileName$q = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
|
|
21024
21006
|
const StyledSlider = styled$1(SliderPrimitive.Root, {
|
|
21025
21007
|
position: 'relative',
|
|
21026
21008
|
display: 'flex',
|
|
@@ -21364,7 +21346,7 @@ Slider.defaultProps = {
|
|
|
21364
21346
|
};
|
|
21365
21347
|
|
|
21366
21348
|
const _excluded$9 = ["className", "children", "onClick", "type", "size"];
|
|
21367
|
-
var _jsxFileName$p = "
|
|
21349
|
+
var _jsxFileName$p = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tagStatus\\TagStatus.js";
|
|
21368
21350
|
const TagWrapper$1 = styled('div', {
|
|
21369
21351
|
boxSizing: 'border-box',
|
|
21370
21352
|
fontSize: '12px',
|
|
@@ -21527,7 +21509,7 @@ const _excluded$8 = ["children"],
|
|
|
21527
21509
|
_excluded2$1 = ["children", "activeTabs"],
|
|
21528
21510
|
_excluded3$1 = ["children", "icon", "activeTabs", "value"],
|
|
21529
21511
|
_excluded4 = ["activeTabs"];
|
|
21530
|
-
var _jsxFileName$o = "
|
|
21512
|
+
var _jsxFileName$o = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tabs\\Tabs.js";
|
|
21531
21513
|
const StyledTabs = styled(TabsPrimitive.Root, {
|
|
21532
21514
|
display: 'flex',
|
|
21533
21515
|
flexDirection: 'column',
|
|
@@ -21564,7 +21546,7 @@ const StyledList = styled(TabsPrimitive.List, {
|
|
|
21564
21546
|
const StyledTrigger$1 = styled(TabsPrimitive.Trigger, {
|
|
21565
21547
|
all: 'unset',
|
|
21566
21548
|
fontFamily: 'inherit',
|
|
21567
|
-
backgroundColor: '
|
|
21549
|
+
backgroundColor: '$bgWhite ',
|
|
21568
21550
|
padding: '0 20px',
|
|
21569
21551
|
height: 60,
|
|
21570
21552
|
flex: 1,
|
|
@@ -21622,7 +21604,7 @@ const StyledTrigger$1 = styled(TabsPrimitive.Trigger, {
|
|
|
21622
21604
|
const StyledContent$2 = styled(TabsPrimitive.Content, {
|
|
21623
21605
|
flexGrow: 1,
|
|
21624
21606
|
borderRadius: '$lg',
|
|
21625
|
-
backgroundColor: '$
|
|
21607
|
+
backgroundColor: '$bgWhite ',
|
|
21626
21608
|
outline: 'none',
|
|
21627
21609
|
boxShadow: '$medium'
|
|
21628
21610
|
});
|
|
@@ -21753,7 +21735,7 @@ const TabsList$1 = _ref2 => {
|
|
|
21753
21735
|
columnNumber: 11
|
|
21754
21736
|
}
|
|
21755
21737
|
}, /*#__PURE__*/React__default.createElement(ChevronLgLeftOutline, {
|
|
21756
|
-
color: colors$
|
|
21738
|
+
color: colors$7.iconGreen,
|
|
21757
21739
|
__self: undefined,
|
|
21758
21740
|
__source: {
|
|
21759
21741
|
fileName: _jsxFileName$o,
|
|
@@ -21782,7 +21764,7 @@ const TabsList$1 = _ref2 => {
|
|
|
21782
21764
|
columnNumber: 11
|
|
21783
21765
|
}
|
|
21784
21766
|
}, /*#__PURE__*/React__default.createElement(ChevronLgRightOutline, {
|
|
21785
|
-
color: colors$
|
|
21767
|
+
color: colors$7.iconGreen,
|
|
21786
21768
|
__self: undefined,
|
|
21787
21769
|
__source: {
|
|
21788
21770
|
fileName: _jsxFileName$o,
|
|
@@ -21842,7 +21824,7 @@ const TabsTrigger$1 = _ref3 => {
|
|
|
21842
21824
|
columnNumber: 9
|
|
21843
21825
|
}
|
|
21844
21826
|
}, icon && /*#__PURE__*/React__default.cloneElement(icon, {
|
|
21845
|
-
color: activeTabs === value || isIconHovered ? colors$
|
|
21827
|
+
color: activeTabs === value || isIconHovered ? colors$7.iconGreen : colors$7.iconDisable
|
|
21846
21828
|
}), (!icon || activeTabs === value) && children)));
|
|
21847
21829
|
};
|
|
21848
21830
|
TabsTrigger$1.propTypes = {
|
|
@@ -21866,7 +21848,7 @@ TabsContent$1.propTypes = {
|
|
|
21866
21848
|
};
|
|
21867
21849
|
|
|
21868
21850
|
const _excluded$7 = ["children", "variantIcon"];
|
|
21869
|
-
var _jsxFileName$n = "
|
|
21851
|
+
var _jsxFileName$n = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\NotificationBadge.js";
|
|
21870
21852
|
const NotificationBadgeRootStyle = styled('span', {
|
|
21871
21853
|
position: 'relative',
|
|
21872
21854
|
display: 'inline-flex',
|
|
@@ -22021,7 +22003,7 @@ NotificationBadge.propTypes = {
|
|
|
22021
22003
|
};
|
|
22022
22004
|
|
|
22023
22005
|
const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
|
|
22024
|
-
var _jsxFileName$m = "
|
|
22006
|
+
var _jsxFileName$m = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
|
|
22025
22007
|
const PaperComponent = styled('div', {
|
|
22026
22008
|
padding: '20px',
|
|
22027
22009
|
height: 'auto',
|
|
@@ -22274,7 +22256,7 @@ const removeUndefinedFields = obj => {
|
|
|
22274
22256
|
};
|
|
22275
22257
|
|
|
22276
22258
|
const _excluded$5 = ["isActive", "onClick"];
|
|
22277
|
-
var _jsxFileName$l = "
|
|
22259
|
+
var _jsxFileName$l = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationButton.js";
|
|
22278
22260
|
const PrevNextButton = styled(Text$1, {
|
|
22279
22261
|
padding: '$spacing-01',
|
|
22280
22262
|
cursor: 'pointer',
|
|
@@ -22338,7 +22320,7 @@ const PrevNextButtonIcon = ({
|
|
|
22338
22320
|
columnNumber: 5
|
|
22339
22321
|
}
|
|
22340
22322
|
}, iconType === 'prev' ? /*#__PURE__*/React__default.createElement(ArrowLeftOutline, {
|
|
22341
|
-
color: isHover ? colors$
|
|
22323
|
+
color: isHover ? colors$7.iconGreen : colors$7.iconPrimary,
|
|
22342
22324
|
__self: undefined,
|
|
22343
22325
|
__source: {
|
|
22344
22326
|
fileName: _jsxFileName$l,
|
|
@@ -22346,7 +22328,7 @@ const PrevNextButtonIcon = ({
|
|
|
22346
22328
|
columnNumber: 9
|
|
22347
22329
|
}
|
|
22348
22330
|
}) : /*#__PURE__*/React__default.createElement(ArrowRightOutline, {
|
|
22349
|
-
color: isHover ? colors$
|
|
22331
|
+
color: isHover ? colors$7.iconGreen : colors$7.iconPrimary,
|
|
22350
22332
|
__self: undefined,
|
|
22351
22333
|
__source: {
|
|
22352
22334
|
fileName: _jsxFileName$l,
|
|
@@ -22768,7 +22750,7 @@ const PaginationButton = ({
|
|
|
22768
22750
|
};
|
|
22769
22751
|
|
|
22770
22752
|
const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
|
|
22771
|
-
var _jsxFileName$k = "
|
|
22753
|
+
var _jsxFileName$k = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationInfo.js";
|
|
22772
22754
|
const LimitContainer = styled(Flex$1, {
|
|
22773
22755
|
cursor: 'pointer'
|
|
22774
22756
|
});
|
|
@@ -22864,7 +22846,7 @@ function PaginationInfo(_ref) {
|
|
|
22864
22846
|
columnNumber: 15
|
|
22865
22847
|
}
|
|
22866
22848
|
}, selectedLimit.toString()), /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
22867
|
-
color: colors$
|
|
22849
|
+
color: colors$7.gray400,
|
|
22868
22850
|
__self: this,
|
|
22869
22851
|
__source: {
|
|
22870
22852
|
fileName: _jsxFileName$k,
|
|
@@ -23003,7 +22985,7 @@ function PaginationInfo(_ref) {
|
|
|
23003
22985
|
}
|
|
23004
22986
|
|
|
23005
22987
|
const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
|
|
23006
|
-
var _jsxFileName$j = "
|
|
22988
|
+
var _jsxFileName$j = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\Pagination.js";
|
|
23007
22989
|
function Pagination(_ref) {
|
|
23008
22990
|
let {
|
|
23009
22991
|
limit,
|
|
@@ -23178,23 +23160,23 @@ const ContextMenuItem = styled(Item, {
|
|
|
23178
23160
|
userSelect: 'none',
|
|
23179
23161
|
color: '$textPrimary',
|
|
23180
23162
|
'&[data-disabled]': {
|
|
23181
|
-
color: colors$
|
|
23163
|
+
color: colors$7.gray400,
|
|
23182
23164
|
pointerEvents: 'none'
|
|
23183
23165
|
},
|
|
23184
23166
|
'&:hover': {
|
|
23185
23167
|
cursor: 'pointer',
|
|
23186
|
-
backgroundColor: colors$
|
|
23168
|
+
backgroundColor: colors$7.gray100
|
|
23187
23169
|
},
|
|
23188
23170
|
'&:active': {
|
|
23189
|
-
backgroundColor: colors$
|
|
23171
|
+
backgroundColor: colors$7.gray150
|
|
23190
23172
|
},
|
|
23191
23173
|
'&:focus': {
|
|
23192
|
-
backgroundColor: colors$
|
|
23174
|
+
backgroundColor: colors$7.gray100
|
|
23193
23175
|
}
|
|
23194
23176
|
});
|
|
23195
23177
|
const ContextMenuSeparator = styled('div', {
|
|
23196
23178
|
height: 1,
|
|
23197
|
-
backgroundColor: colors$
|
|
23179
|
+
backgroundColor: colors$7.gray150,
|
|
23198
23180
|
margin: 5
|
|
23199
23181
|
});
|
|
23200
23182
|
|
|
@@ -23877,7 +23859,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
23877
23859
|
});
|
|
23878
23860
|
ScrollSyncNode.displayName = 'ScrollSyncNode';
|
|
23879
23861
|
|
|
23880
|
-
var _jsxFileName$i = "
|
|
23862
|
+
var _jsxFileName$i = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowDraggableColumn.js";
|
|
23881
23863
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
|
|
23882
23864
|
icon: true,
|
|
23883
23865
|
size: "xs",
|
|
@@ -25373,7 +25355,7 @@ const TableColumn = _a => {
|
|
|
25373
25355
|
return jsx("div", {}, void 0);
|
|
25374
25356
|
};
|
|
25375
25357
|
|
|
25376
|
-
var _jsxFileName$h = "
|
|
25358
|
+
var _jsxFileName$h = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
|
|
25377
25359
|
const DateColumn = ({
|
|
25378
25360
|
value,
|
|
25379
25361
|
customFormat
|
|
@@ -25485,7 +25467,7 @@ const PriceColumn = props => {
|
|
|
25485
25467
|
return addThousandSeparator(param);
|
|
25486
25468
|
};
|
|
25487
25469
|
|
|
25488
|
-
var _jsxFileName$g = "
|
|
25470
|
+
var _jsxFileName$g = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderColumn.js";
|
|
25489
25471
|
const rowExpanderColumn = {
|
|
25490
25472
|
id: 'expander',
|
|
25491
25473
|
Header: () => null,
|
|
@@ -25528,7 +25510,7 @@ const rowExpanderColumn = {
|
|
|
25528
25510
|
unsortable: true
|
|
25529
25511
|
};
|
|
25530
25512
|
|
|
25531
|
-
var _jsxFileName$f = "
|
|
25513
|
+
var _jsxFileName$f = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderMultipleColumn.js";
|
|
25532
25514
|
const rowExpanderMultipleColumn = {
|
|
25533
25515
|
id: 'multiple-expander',
|
|
25534
25516
|
Header: () => null,
|
|
@@ -25564,7 +25546,7 @@ const rowExpanderMultipleColumn = {
|
|
|
25564
25546
|
unsortable: true
|
|
25565
25547
|
};
|
|
25566
25548
|
|
|
25567
|
-
var _jsxFileName$e = "
|
|
25549
|
+
var _jsxFileName$e = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowMenuColumn.js";
|
|
25568
25550
|
const rowMenuColumn = (options, icon, config) => ({
|
|
25569
25551
|
id: 'menu',
|
|
25570
25552
|
options,
|
|
@@ -25701,7 +25683,7 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
25701
25683
|
unsortable: true
|
|
25702
25684
|
});
|
|
25703
25685
|
|
|
25704
|
-
var _jsxFileName$d = "
|
|
25686
|
+
var _jsxFileName$d = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionColumn.js";
|
|
25705
25687
|
const rowSelectionColumn = {
|
|
25706
25688
|
id: 'selection',
|
|
25707
25689
|
Header: ({
|
|
@@ -25750,7 +25732,7 @@ const rowSelectionColumn = {
|
|
|
25750
25732
|
unsortable: true
|
|
25751
25733
|
};
|
|
25752
25734
|
|
|
25753
|
-
var _jsxFileName$c = "
|
|
25735
|
+
var _jsxFileName$c = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionCallbackColumn.js";
|
|
25754
25736
|
const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
|
|
25755
25737
|
id: 'selection',
|
|
25756
25738
|
Header: ({
|
|
@@ -26088,7 +26070,7 @@ PageDialog.defaultProps = {
|
|
|
26088
26070
|
};
|
|
26089
26071
|
|
|
26090
26072
|
const _excluded$2 = ["children"];
|
|
26091
|
-
var _jsxFileName$b = "
|
|
26073
|
+
var _jsxFileName$b = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\alertDialog\\AlertDialog.js";
|
|
26092
26074
|
const overlayShow = keyframes({
|
|
26093
26075
|
'0%': {
|
|
26094
26076
|
opacity: 0
|
|
@@ -26109,7 +26091,7 @@ const contentShow = keyframes({
|
|
|
26109
26091
|
});
|
|
26110
26092
|
const StyledOverlay = styled(ADialog.Overlay, {
|
|
26111
26093
|
zIndex: 1,
|
|
26112
|
-
backgroundColor: colors$
|
|
26094
|
+
backgroundColor: colors$7.bgDimmer,
|
|
26113
26095
|
position: 'fixed',
|
|
26114
26096
|
inset: 0,
|
|
26115
26097
|
'@media (prefers-reduced-motion: no-preference)': {
|
|
@@ -26142,14 +26124,14 @@ const StyledTitle = styled(ADialog.Title, {
|
|
|
26142
26124
|
display: 'flex',
|
|
26143
26125
|
flexDirection: 'row',
|
|
26144
26126
|
justifyContent: 'space-between',
|
|
26145
|
-
color: colors$
|
|
26127
|
+
color: colors$7.gray900,
|
|
26146
26128
|
fontSize: 17,
|
|
26147
26129
|
fontWeight: 500
|
|
26148
26130
|
});
|
|
26149
26131
|
const StyledDescription$1 = styled(ADialog.Description, {
|
|
26150
26132
|
mx: 24,
|
|
26151
26133
|
my: 20,
|
|
26152
|
-
color: colors$
|
|
26134
|
+
color: colors$7.gray900,
|
|
26153
26135
|
fontSize: 15,
|
|
26154
26136
|
lineHeight: 1.5
|
|
26155
26137
|
});
|
|
@@ -26723,7 +26705,7 @@ const AlertDialogConfirm = ADialog.Action;
|
|
|
26723
26705
|
const _excluded$1 = ["side", "align", "children"],
|
|
26724
26706
|
_excluded2 = ["children"],
|
|
26725
26707
|
_excluded3 = ["asChild"];
|
|
26726
|
-
var _jsxFileName$a = "
|
|
26708
|
+
var _jsxFileName$a = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\dropdownMenu\\DropdownMenu.js";
|
|
26727
26709
|
const Context = /*#__PURE__*/React__default.createContext();
|
|
26728
26710
|
const slideUpAndFade = keyframes({
|
|
26729
26711
|
'0%': {
|
|
@@ -26807,17 +26789,17 @@ const itemStyles = {
|
|
|
26807
26789
|
position: 'relative',
|
|
26808
26790
|
userSelect: 'none',
|
|
26809
26791
|
'&[data-disabled]': {
|
|
26810
|
-
color: colors$
|
|
26792
|
+
color: colors$7.gray400,
|
|
26811
26793
|
pointerEvents: 'none'
|
|
26812
26794
|
},
|
|
26813
26795
|
'&:hover': {
|
|
26814
26796
|
cursor: 'pointer'
|
|
26815
26797
|
},
|
|
26816
26798
|
'&:active': {
|
|
26817
|
-
backgroundColor: colors$
|
|
26799
|
+
backgroundColor: colors$7.gray150
|
|
26818
26800
|
},
|
|
26819
26801
|
'&:focus': {
|
|
26820
|
-
backgroundColor: colors$
|
|
26802
|
+
backgroundColor: colors$7.gray100
|
|
26821
26803
|
}
|
|
26822
26804
|
};
|
|
26823
26805
|
const StyledItem = styled(DropdownMenuPrimitive.Item, Object.assign({}, itemStyles));
|
|
@@ -26839,11 +26821,11 @@ const StyledLabel = styled(DropdownMenuPrimitive.Label, {
|
|
|
26839
26821
|
padding: '8px 0',
|
|
26840
26822
|
fontSize: 12,
|
|
26841
26823
|
lineHeight: '25px',
|
|
26842
|
-
color: colors$
|
|
26824
|
+
color: colors$7.gray700
|
|
26843
26825
|
});
|
|
26844
26826
|
const StyledSeparator = styled(DropdownMenuPrimitive.Separator, {
|
|
26845
26827
|
height: 1,
|
|
26846
|
-
backgroundColor: colors$
|
|
26828
|
+
backgroundColor: colors$7.gray150,
|
|
26847
26829
|
margin: 5
|
|
26848
26830
|
});
|
|
26849
26831
|
const StyledItemIndicator = styled(DropdownMenuPrimitive.ItemIndicator, {
|
|
@@ -26952,7 +26934,7 @@ const RightSlot = styled('div', {
|
|
|
26952
26934
|
color: 'white'
|
|
26953
26935
|
},
|
|
26954
26936
|
'[data-disabled] &': {
|
|
26955
|
-
color: colors$
|
|
26937
|
+
color: colors$7.gray400
|
|
26956
26938
|
}
|
|
26957
26939
|
});
|
|
26958
26940
|
const StyledDropdown = styled(Button$4, {
|
|
@@ -29003,7 +28985,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
|
|
|
29003
28985
|
}
|
|
29004
28986
|
|
|
29005
28987
|
const _excluded = ["customPreviewIcon"];
|
|
29006
|
-
var _jsxFileName$9 = "
|
|
28988
|
+
var _jsxFileName$9 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\upload\\Upload.js";
|
|
29007
28989
|
const Input$2 = styled('input', {
|
|
29008
28990
|
display: 'none !important'
|
|
29009
28991
|
});
|
|
@@ -30209,159 +30191,159 @@ Upload.defaultProps = {
|
|
|
30209
30191
|
maxWidthOrHeight: 1024
|
|
30210
30192
|
};
|
|
30211
30193
|
Upload.propTypes = {
|
|
30212
|
-
/**
|
|
30213
|
-
Placeholder label of upload.
|
|
30194
|
+
/**
|
|
30195
|
+
Placeholder label of upload.
|
|
30214
30196
|
*/
|
|
30215
30197
|
placeholder: PropTypes.string,
|
|
30216
|
-
/**
|
|
30217
|
-
Disabled state of upload.
|
|
30198
|
+
/**
|
|
30199
|
+
Disabled state of upload.
|
|
30218
30200
|
*/
|
|
30219
30201
|
disabled: PropTypes.bool,
|
|
30220
|
-
/**
|
|
30221
|
-
Built-in stylesheets, support for two types.
|
|
30202
|
+
/**
|
|
30203
|
+
Built-in stylesheets, support for two types.
|
|
30222
30204
|
*/
|
|
30223
30205
|
listType: PropTypes.oneOf(['file', 'picture']),
|
|
30224
|
-
/**
|
|
30225
|
-
Whether to support selected multiple file.
|
|
30206
|
+
/**
|
|
30207
|
+
Whether to support selected multiple file.
|
|
30226
30208
|
*/
|
|
30227
30209
|
multiple: PropTypes.bool,
|
|
30228
|
-
/**
|
|
30229
|
-
List of files to be uploaded.
|
|
30210
|
+
/**
|
|
30211
|
+
List of files to be uploaded.
|
|
30230
30212
|
*/
|
|
30231
30213
|
fileList: PropTypes.array,
|
|
30232
|
-
/**
|
|
30233
|
-
A callback function, can be executed when uploading state is changing.
|
|
30214
|
+
/**
|
|
30215
|
+
A callback function, can be executed when uploading state is changing.
|
|
30234
30216
|
*/
|
|
30235
30217
|
onChange: PropTypes.func,
|
|
30236
|
-
/**
|
|
30237
|
-
A callback function, can be executed when uploading in progress.
|
|
30238
|
-
`(progress) => void`
|
|
30218
|
+
/**
|
|
30219
|
+
A callback function, can be executed when uploading in progress.
|
|
30220
|
+
`(progress) => void`
|
|
30239
30221
|
*/
|
|
30240
30222
|
onProgress: PropTypes.func,
|
|
30241
|
-
/**
|
|
30242
|
-
A callback function, can be executed when uploading is success.
|
|
30243
|
-
`(response) => void`
|
|
30223
|
+
/**
|
|
30224
|
+
A callback function, can be executed when uploading is success.
|
|
30225
|
+
`(response) => void`
|
|
30244
30226
|
*/
|
|
30245
30227
|
onSuccess: PropTypes.func,
|
|
30246
|
-
/**
|
|
30247
|
-
A callback function, can be executed when uploading is error.
|
|
30248
|
-
`(error, response) => void`
|
|
30228
|
+
/**
|
|
30229
|
+
A callback function, can be executed when uploading is error.
|
|
30230
|
+
`(error, response) => void`
|
|
30249
30231
|
*/
|
|
30250
30232
|
onError: PropTypes.func,
|
|
30251
|
-
/**
|
|
30252
|
-
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30233
|
+
/**
|
|
30234
|
+
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30253
30235
|
*/
|
|
30254
30236
|
onPreview: PropTypes.func,
|
|
30255
|
-
/**
|
|
30256
|
-
A callback function, can be executed when remove icon is clicked.
|
|
30237
|
+
/**
|
|
30238
|
+
A callback function, can be executed when remove icon is clicked.
|
|
30257
30239
|
*/
|
|
30258
30240
|
onRemove: PropTypes.func,
|
|
30259
|
-
/**
|
|
30260
|
-
A custom element inside upload container.
|
|
30241
|
+
/**
|
|
30242
|
+
A custom element inside upload container.
|
|
30261
30243
|
*/
|
|
30262
30244
|
children: PropTypes.element,
|
|
30263
|
-
/**
|
|
30264
|
-
Limit the number of uploaded files.
|
|
30245
|
+
/**
|
|
30246
|
+
Limit the number of uploaded files.
|
|
30265
30247
|
*/
|
|
30266
30248
|
max: PropTypes.number,
|
|
30267
|
-
/**
|
|
30268
|
-
Limit the maximum image size in MB.
|
|
30249
|
+
/**
|
|
30250
|
+
Limit the maximum image size in MB.
|
|
30269
30251
|
*/
|
|
30270
30252
|
maxSizeMB: PropTypes.number,
|
|
30271
|
-
/**
|
|
30272
|
-
Limit file type of upload.
|
|
30253
|
+
/**
|
|
30254
|
+
Limit file type of upload.
|
|
30273
30255
|
*/
|
|
30274
30256
|
accept: PropTypes.string,
|
|
30275
|
-
/**
|
|
30276
|
-
Custom label for replace button.
|
|
30257
|
+
/**
|
|
30258
|
+
Custom label for replace button.
|
|
30277
30259
|
*/
|
|
30278
30260
|
replaceLabel: PropTypes.string,
|
|
30279
|
-
/**
|
|
30280
|
-
Custom width of upload container.
|
|
30261
|
+
/**
|
|
30262
|
+
Custom width of upload container.
|
|
30281
30263
|
*/
|
|
30282
30264
|
width: PropTypes.number,
|
|
30283
|
-
/**
|
|
30284
|
-
Custom height of upload container.
|
|
30265
|
+
/**
|
|
30266
|
+
Custom height of upload container.
|
|
30285
30267
|
*/
|
|
30286
30268
|
height: PropTypes.number,
|
|
30287
|
-
/**
|
|
30288
|
-
Additional css.
|
|
30269
|
+
/**
|
|
30270
|
+
Additional css.
|
|
30289
30271
|
*/
|
|
30290
30272
|
css: PropTypes.object,
|
|
30291
|
-
/**
|
|
30292
|
-
Custom title header of cropper modal.
|
|
30273
|
+
/**
|
|
30274
|
+
Custom title header of cropper modal.
|
|
30293
30275
|
*/
|
|
30294
30276
|
cropperTitle: PropTypes.string,
|
|
30295
|
-
/**
|
|
30296
|
-
Add image cropper on upload.
|
|
30277
|
+
/**
|
|
30278
|
+
Add image cropper on upload.
|
|
30297
30279
|
*/
|
|
30298
30280
|
showCropper: PropTypes.bool,
|
|
30299
|
-
/**
|
|
30300
|
-
Hidden toggle aspect ratio image cropper.
|
|
30281
|
+
/**
|
|
30282
|
+
Hidden toggle aspect ratio image cropper.
|
|
30301
30283
|
*/
|
|
30302
30284
|
hiddenToggleAspect: PropTypes.bool,
|
|
30303
|
-
/**
|
|
30304
|
-
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.
|
|
30285
|
+
/**
|
|
30286
|
+
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.
|
|
30305
30287
|
*/
|
|
30306
30288
|
ratio: PropTypes.number,
|
|
30307
|
-
/**
|
|
30308
|
-
Can set error message to the upload.
|
|
30289
|
+
/**
|
|
30290
|
+
Can set error message to the upload.
|
|
30309
30291
|
*/
|
|
30310
30292
|
errorMessage: PropTypes.string,
|
|
30311
|
-
/**
|
|
30312
|
-
Progress of upload process.
|
|
30293
|
+
/**
|
|
30294
|
+
Progress of upload process.
|
|
30313
30295
|
*/
|
|
30314
30296
|
progress: PropTypes.number,
|
|
30315
|
-
/**
|
|
30316
|
-
Auto increment progress of upload process.
|
|
30297
|
+
/**
|
|
30298
|
+
Auto increment progress of upload process.
|
|
30317
30299
|
*/
|
|
30318
30300
|
loading: PropTypes.bool,
|
|
30319
|
-
/**
|
|
30320
|
-
API upload url, allows components to automatically upload directly to API service.
|
|
30301
|
+
/**
|
|
30302
|
+
API upload url, allows components to automatically upload directly to API service.
|
|
30321
30303
|
*/
|
|
30322
30304
|
action: PropTypes.string,
|
|
30323
|
-
/**
|
|
30324
|
-
Custom body request to upload action.
|
|
30305
|
+
/**
|
|
30306
|
+
Custom body request to upload action.
|
|
30325
30307
|
*/
|
|
30326
30308
|
customBodyRequest: PropTypes.func,
|
|
30327
|
-
/**
|
|
30328
|
-
Contains an authentication token for upload API.
|
|
30309
|
+
/**
|
|
30310
|
+
Contains an authentication token for upload API.
|
|
30329
30311
|
*/
|
|
30330
30312
|
token: PropTypes.string,
|
|
30331
|
-
/**
|
|
30332
|
-
Referencing the headers key to attach the token.
|
|
30313
|
+
/**
|
|
30314
|
+
Referencing the headers key to attach the token.
|
|
30333
30315
|
*/
|
|
30334
30316
|
tokenKey: PropTypes.string,
|
|
30335
|
-
/**
|
|
30336
|
-
Referencing the key to attach the file to be sent.
|
|
30317
|
+
/**
|
|
30318
|
+
Referencing the key to attach the file to be sent.
|
|
30337
30319
|
*/
|
|
30338
30320
|
reqKey: PropTypes.string,
|
|
30339
|
-
/**
|
|
30340
|
-
Referencing the key to get the file from the API response.
|
|
30321
|
+
/**
|
|
30322
|
+
Referencing the key to get the file from the API response.
|
|
30341
30323
|
*/
|
|
30342
30324
|
resKey: PropTypes.string,
|
|
30343
|
-
/**
|
|
30344
|
-
To compression image if file size > 1MB.
|
|
30325
|
+
/**
|
|
30326
|
+
To compression image if file size > 1MB.
|
|
30345
30327
|
*/
|
|
30346
30328
|
imageCompression: PropTypes.bool,
|
|
30347
|
-
/**
|
|
30348
|
-
Callback to handle before crop image.
|
|
30329
|
+
/**
|
|
30330
|
+
Callback to handle before crop image.
|
|
30349
30331
|
*/
|
|
30350
30332
|
onBeforeCrop: PropTypes.func,
|
|
30351
|
-
/**
|
|
30352
|
-
Hidden preview icon in upload.
|
|
30333
|
+
/**
|
|
30334
|
+
Hidden preview icon in upload.
|
|
30353
30335
|
*/
|
|
30354
30336
|
hiddenPreview: PropTypes.bool,
|
|
30355
|
-
/**
|
|
30356
|
-
Auto full aspect ratio cropper.
|
|
30337
|
+
/**
|
|
30338
|
+
Auto full aspect ratio cropper.
|
|
30357
30339
|
*/
|
|
30358
30340
|
fullAspectCrop: PropTypes.bool,
|
|
30359
|
-
/**
|
|
30360
|
-
Set custom ratio as Default view
|
|
30341
|
+
/**
|
|
30342
|
+
Set custom ratio as Default view
|
|
30361
30343
|
*/
|
|
30362
30344
|
isDefaultCustomRatio: PropTypes.bool,
|
|
30363
|
-
/**
|
|
30364
|
-
Set max width or height of image
|
|
30345
|
+
/**
|
|
30346
|
+
Set max width or height of image
|
|
30365
30347
|
*/
|
|
30366
30348
|
maxWidthOrHeight: PropTypes.number
|
|
30367
30349
|
};
|
|
@@ -30970,7 +30952,7 @@ const Device = props => {
|
|
|
30970
30952
|
buttonType: "secondary"
|
|
30971
30953
|
}, {
|
|
30972
30954
|
children: jsx(ChevronLeftOutline, {
|
|
30973
|
-
color: colors$
|
|
30955
|
+
color: colors$7.btnPrimary
|
|
30974
30956
|
}, void 0)
|
|
30975
30957
|
}), void 0), jsxs(Flex$1, Object.assign({
|
|
30976
30958
|
align: "center",
|
|
@@ -31030,14 +31012,14 @@ const Device = props => {
|
|
|
31030
31012
|
buttonType: "secondary"
|
|
31031
31013
|
}, {
|
|
31032
31014
|
children: jsx(ChevronRightOutline, {
|
|
31033
|
-
color: colors$
|
|
31015
|
+
color: colors$7.btnPrimary
|
|
31034
31016
|
}, void 0)
|
|
31035
31017
|
}), void 0)]
|
|
31036
31018
|
}), void 0);
|
|
31037
31019
|
};
|
|
31038
31020
|
Device.displayName = 'DevicePreview';
|
|
31039
31021
|
|
|
31040
|
-
var _jsxFileName$8 = "
|
|
31022
|
+
var _jsxFileName$8 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\InputColorPicker.js";
|
|
31041
31023
|
const Separator$1 = styled('div', {
|
|
31042
31024
|
height: 20,
|
|
31043
31025
|
width: 1,
|
|
@@ -31147,44 +31129,44 @@ function InputColorPicker(props) {
|
|
|
31147
31129
|
}
|
|
31148
31130
|
InputColorPicker.displayName = 'InputColorPicker';
|
|
31149
31131
|
InputColorPicker.propTypes = {
|
|
31150
|
-
/**
|
|
31151
|
-
Specify change InputColorPicker size.
|
|
31132
|
+
/**
|
|
31133
|
+
Specify change InputColorPicker size.
|
|
31152
31134
|
*/
|
|
31153
31135
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
31154
|
-
/**
|
|
31155
|
-
Color code to be displayed.
|
|
31136
|
+
/**
|
|
31137
|
+
Color code to be displayed.
|
|
31156
31138
|
*/
|
|
31157
31139
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
31158
|
-
/**
|
|
31159
|
-
Additional color list.
|
|
31140
|
+
/**
|
|
31141
|
+
Additional color list.
|
|
31160
31142
|
*/
|
|
31161
31143
|
presetColors: PropTypes.array,
|
|
31162
|
-
/**
|
|
31163
|
-
Change event handler.
|
|
31144
|
+
/**
|
|
31145
|
+
Change event handler.
|
|
31164
31146
|
*/
|
|
31165
31147
|
onChange: PropTypes.func,
|
|
31166
|
-
/**
|
|
31167
|
-
Add preset color event handler.
|
|
31148
|
+
/**
|
|
31149
|
+
Add preset color event handler.
|
|
31168
31150
|
*/
|
|
31169
31151
|
onAddColor: PropTypes.func,
|
|
31170
|
-
/**
|
|
31171
|
-
Disable opacity selector.
|
|
31152
|
+
/**
|
|
31153
|
+
Disable opacity selector.
|
|
31172
31154
|
*/
|
|
31173
31155
|
disableAlpha: PropTypes.bool,
|
|
31174
|
-
/**
|
|
31175
|
-
Input placement.
|
|
31156
|
+
/**
|
|
31157
|
+
Input placement.
|
|
31176
31158
|
*/
|
|
31177
31159
|
placement: PropTypes.string,
|
|
31178
|
-
/**
|
|
31179
|
-
Define is mobile layout or not.
|
|
31160
|
+
/**
|
|
31161
|
+
Define is mobile layout or not.
|
|
31180
31162
|
*/
|
|
31181
31163
|
isMobile: PropTypes.bool,
|
|
31182
|
-
/**
|
|
31183
|
-
Define popover custom styling.
|
|
31164
|
+
/**
|
|
31165
|
+
Define popover custom styling.
|
|
31184
31166
|
*/
|
|
31185
31167
|
popoverCss: PropTypes.shape({}),
|
|
31186
|
-
/**
|
|
31187
|
-
Disabled state.
|
|
31168
|
+
/**
|
|
31169
|
+
Disabled state.
|
|
31188
31170
|
*/
|
|
31189
31171
|
disabled: PropTypes.bool
|
|
31190
31172
|
};
|
|
@@ -31198,7 +31180,7 @@ InputColorPicker.defaultProps = {
|
|
|
31198
31180
|
|
|
31199
31181
|
var img$d = "data:image/gif;base64,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";
|
|
31200
31182
|
|
|
31201
|
-
var _jsxFileName$7 = "
|
|
31183
|
+
var _jsxFileName$7 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorMap.js";
|
|
31202
31184
|
const Container$7 = styled('div', {
|
|
31203
31185
|
userSelect: 'none',
|
|
31204
31186
|
margin: 'auto',
|
|
@@ -33159,7 +33141,7 @@ function ColorMap({
|
|
|
33159
33141
|
})));
|
|
33160
33142
|
}
|
|
33161
33143
|
|
|
33162
|
-
var _jsxFileName$6 = "
|
|
33144
|
+
var _jsxFileName$6 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorFields.js";
|
|
33163
33145
|
const CheckBoard = styled(Flex$1, {
|
|
33164
33146
|
background: '$bgwhite',
|
|
33165
33147
|
border: '1px solid #E5E7EB',
|
|
@@ -33360,7 +33342,7 @@ function ColorFields({
|
|
|
33360
33342
|
}, "%")));
|
|
33361
33343
|
}
|
|
33362
33344
|
|
|
33363
|
-
var _jsxFileName$5 = "
|
|
33345
|
+
var _jsxFileName$5 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\ColorPicker.js";
|
|
33364
33346
|
const Container$6 = styled(Flex$1, {
|
|
33365
33347
|
background: '$white',
|
|
33366
33348
|
padding: 16,
|
|
@@ -33851,24 +33833,24 @@ function ColorPicker({
|
|
|
33851
33833
|
})))))));
|
|
33852
33834
|
}
|
|
33853
33835
|
ColorPicker.propTypes = {
|
|
33854
|
-
/**
|
|
33855
|
-
Color code to be displayed.
|
|
33836
|
+
/**
|
|
33837
|
+
Color code to be displayed.
|
|
33856
33838
|
*/
|
|
33857
33839
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
33858
|
-
/**
|
|
33859
|
-
Additional color list
|
|
33840
|
+
/**
|
|
33841
|
+
Additional color list
|
|
33860
33842
|
*/
|
|
33861
33843
|
presetColors: PropTypes.array,
|
|
33862
|
-
/**
|
|
33863
|
-
Change event handler
|
|
33844
|
+
/**
|
|
33845
|
+
Change event handler
|
|
33864
33846
|
*/
|
|
33865
33847
|
onChange: PropTypes.func,
|
|
33866
|
-
/**
|
|
33867
|
-
Add preset color event handler
|
|
33848
|
+
/**
|
|
33849
|
+
Add preset color event handler
|
|
33868
33850
|
*/
|
|
33869
33851
|
onAddColor: PropTypes.func,
|
|
33870
|
-
/**
|
|
33871
|
-
Disable opacity selector
|
|
33852
|
+
/**
|
|
33853
|
+
Disable opacity selector
|
|
33872
33854
|
*/
|
|
33873
33855
|
disableAlpha: PropTypes.bool
|
|
33874
33856
|
};
|
|
@@ -33877,7 +33859,7 @@ ColorPicker.defaultProps = {
|
|
|
33877
33859
|
};
|
|
33878
33860
|
var ColorPicker$1 = ColorWrap(ColorPicker);
|
|
33879
33861
|
|
|
33880
|
-
var _jsxFileName$4 = "
|
|
33862
|
+
var _jsxFileName$4 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\stepWizard\\StepWizard.js";
|
|
33881
33863
|
const StepWizardContext = /*#__PURE__*/React__default.createContext({});
|
|
33882
33864
|
const Stepper = StepWizard$1;
|
|
33883
33865
|
Stepper.displayName = 'Stepper';
|
|
@@ -34131,7 +34113,7 @@ const Navigation = props => {
|
|
|
34131
34113
|
marginRight: 9
|
|
34132
34114
|
},
|
|
34133
34115
|
size: "24",
|
|
34134
|
-
color: colors$
|
|
34116
|
+
color: colors$7.bgGreen,
|
|
34135
34117
|
__self: undefined,
|
|
34136
34118
|
__source: {
|
|
34137
34119
|
fileName: _jsxFileName$4,
|
|
@@ -34152,7 +34134,7 @@ const Navigation = props => {
|
|
|
34152
34134
|
margin: '0 9px'
|
|
34153
34135
|
},
|
|
34154
34136
|
size: "20",
|
|
34155
|
-
color: colors$
|
|
34137
|
+
color: colors$7.iconSecondary,
|
|
34156
34138
|
__self: undefined,
|
|
34157
34139
|
__source: {
|
|
34158
34140
|
fileName: _jsxFileName$4,
|
|
@@ -34224,7 +34206,7 @@ const Navigation = props => {
|
|
|
34224
34206
|
}
|
|
34225
34207
|
}, /*#__PURE__*/React__default.createElement(StyledCircleInfoOutline, {
|
|
34226
34208
|
size: "20",
|
|
34227
|
-
color: colors$
|
|
34209
|
+
color: colors$7.iconPrimary,
|
|
34228
34210
|
__self: undefined,
|
|
34229
34211
|
__source: {
|
|
34230
34212
|
fileName: _jsxFileName$4,
|
|
@@ -34600,7 +34582,7 @@ StepWizard.defaultProps = {
|
|
|
34600
34582
|
isLazyMount: true
|
|
34601
34583
|
};
|
|
34602
34584
|
|
|
34603
|
-
var _jsxFileName$3 = "
|
|
34585
|
+
var _jsxFileName$3 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\transition.js";
|
|
34604
34586
|
function Collapse({
|
|
34605
34587
|
children,
|
|
34606
34588
|
isOpen
|
|
@@ -34643,14 +34625,14 @@ Collapse.defaultProps = {
|
|
|
34643
34625
|
isOpen: false
|
|
34644
34626
|
};
|
|
34645
34627
|
|
|
34646
|
-
var _jsxFileName$2 = "
|
|
34628
|
+
var _jsxFileName$2 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\TableOfContent.js";
|
|
34647
34629
|
const DesktopContainer = styled(Flex$1, {
|
|
34648
34630
|
display: 'none',
|
|
34649
34631
|
'& .active-scroll-spy': {
|
|
34650
|
-
borderLeft: `4px solid ${colors$
|
|
34632
|
+
borderLeft: `4px solid ${colors$7.primary500} !important`
|
|
34651
34633
|
},
|
|
34652
34634
|
'& .active-scroll-spy .link-title': {
|
|
34653
|
-
color: `${colors$
|
|
34635
|
+
color: `${colors$7.primary500} !important`
|
|
34654
34636
|
},
|
|
34655
34637
|
'@md': {
|
|
34656
34638
|
display: 'unset'
|
|
@@ -34658,7 +34640,7 @@ const DesktopContainer = styled(Flex$1, {
|
|
|
34658
34640
|
});
|
|
34659
34641
|
const MobileContainer = styled(Flex$1, {
|
|
34660
34642
|
backgroundColor: '$white',
|
|
34661
|
-
border: `1px solid ${colors$
|
|
34643
|
+
border: `1px solid ${colors$7.gray150}`,
|
|
34662
34644
|
borderRadius: 8,
|
|
34663
34645
|
padding: '8px 8px',
|
|
34664
34646
|
width: '100%',
|
|
@@ -34785,7 +34767,7 @@ function Content({
|
|
|
34785
34767
|
marginLeft: '-4px !important',
|
|
34786
34768
|
borderLeftWidth: '4px !important',
|
|
34787
34769
|
borderLeftStyle: 'solid !important',
|
|
34788
|
-
borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$
|
|
34770
|
+
borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$7.primary500 : 'transparent'} !important`,
|
|
34789
34771
|
paddingLeft: '16px !important',
|
|
34790
34772
|
minHeight: 25
|
|
34791
34773
|
},
|
|
@@ -35004,7 +34986,7 @@ TableOfContentPage.defaultProps = {
|
|
|
35004
34986
|
useBoxMethod: true
|
|
35005
34987
|
};
|
|
35006
34988
|
|
|
35007
|
-
var _jsxFileName$1 = "
|
|
34989
|
+
var _jsxFileName$1 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\editableTable\\transition.js";
|
|
35008
34990
|
function Collapalse({
|
|
35009
34991
|
children,
|
|
35010
34992
|
isOpen
|
|
@@ -53457,11 +53439,11 @@ function ProgressIndicator(props) {
|
|
|
53457
53439
|
const getColor = state => {
|
|
53458
53440
|
switch (state) {
|
|
53459
53441
|
case 'error':
|
|
53460
|
-
return colors$
|
|
53442
|
+
return colors$7.red400;
|
|
53461
53443
|
case 'active':
|
|
53462
|
-
return colors$
|
|
53444
|
+
return colors$7.primary500;
|
|
53463
53445
|
default:
|
|
53464
|
-
return colors$
|
|
53446
|
+
return colors$7.gray150;
|
|
53465
53447
|
}
|
|
53466
53448
|
};
|
|
53467
53449
|
const iconProps = {
|
|
@@ -54020,8 +54002,8 @@ function MapPicker(props) {
|
|
|
54020
54002
|
center: [center === null || center === void 0 ? void 0 : center.lat, center === null || center === void 0 ? void 0 : center.lng],
|
|
54021
54003
|
radius: radius,
|
|
54022
54004
|
pathOptions: {
|
|
54023
|
-
color: colors$
|
|
54024
|
-
fillColor: colors$
|
|
54005
|
+
color: colors$7.bgGreen,
|
|
54006
|
+
fillColor: colors$7.bgGreen
|
|
54025
54007
|
}
|
|
54026
54008
|
}, void 0), jsx(TileLayer, {
|
|
54027
54009
|
url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
|
|
@@ -55527,7 +55509,7 @@ function CheckboxTable(props) {
|
|
|
55527
55509
|
}
|
|
55528
55510
|
}, void 0) : jsx(MinusOutline, {
|
|
55529
55511
|
size: 16,
|
|
55530
|
-
color: colors$
|
|
55512
|
+
color: colors$7.iconDisable
|
|
55531
55513
|
}, void 0)
|
|
55532
55514
|
}, void 0)
|
|
55533
55515
|
}), index + indexSubRow + 'tb-cell-collapse');
|
|
@@ -55832,9 +55814,9 @@ const StyledSkeleton = props => {
|
|
|
55832
55814
|
function getBaseColor(color) {
|
|
55833
55815
|
switch (color) {
|
|
55834
55816
|
case 'primary':
|
|
55835
|
-
return colors$
|
|
55817
|
+
return colors$7.gray300;
|
|
55836
55818
|
default:
|
|
55837
|
-
return colors$
|
|
55819
|
+
return colors$7.gray150;
|
|
55838
55820
|
}
|
|
55839
55821
|
}
|
|
55840
55822
|
function getSize(size) {
|
|
@@ -55988,9 +55970,9 @@ function TagList({
|
|
|
55988
55970
|
}
|
|
55989
55971
|
}, {
|
|
55990
55972
|
children: [showAllTags ? jsx(ChevronUpOutline, {
|
|
55991
|
-
color: colors$
|
|
55973
|
+
color: colors$7.iconSecondary
|
|
55992
55974
|
}, void 0) : jsx(ChevronDownOutline, {
|
|
55993
|
-
color: colors$
|
|
55975
|
+
color: colors$7.iconSecondary
|
|
55994
55976
|
}, void 0), jsx(Paragraph, Object.assign({
|
|
55995
55977
|
css: {
|
|
55996
55978
|
fontWeight: 600,
|
|
@@ -56518,7 +56500,7 @@ PieChartComponent.defaultProps = {
|
|
|
56518
56500
|
innerRadius: 70
|
|
56519
56501
|
};
|
|
56520
56502
|
|
|
56521
|
-
var _jsxFileName = "
|
|
56503
|
+
var _jsxFileName = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\colors\\Colors.js";
|
|
56522
56504
|
const StyledPaper = styled(Paper, {
|
|
56523
56505
|
borderRadius: '10px 10px 0 0',
|
|
56524
56506
|
padding: 15,
|
|
@@ -57820,4 +57802,4 @@ const useToggle = initialValue => {
|
|
|
57820
57802
|
return useReducer(toggleReducer, initialValue);
|
|
57821
57803
|
};
|
|
57822
57804
|
|
|
57823
|
-
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,
|
|
57805
|
+
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 };
|