@majoo-ui/react 1.61.16-rc.1 → 1.61.16-rc.11
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/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,
|
|
@@ -403,10 +403,10 @@ var SHARED = '__core-js_shared__';
|
|
|
403
403
|
var store$3 = sharedStore.exports = globalThis$p[SHARED] || defineGlobalProperty$2(SHARED, {});
|
|
404
404
|
|
|
405
405
|
(store$3.versions || (store$3.versions = [])).push({
|
|
406
|
-
version: '3.
|
|
406
|
+
version: '3.44.0',
|
|
407
407
|
mode: 'global',
|
|
408
408
|
copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
|
|
409
|
-
license: 'https://github.com/zloirock/core-js/blob/v3.
|
|
409
|
+
license: 'https://github.com/zloirock/core-js/blob/v3.44.0/LICENSE',
|
|
410
410
|
source: 'https://github.com/zloirock/core-js'
|
|
411
411
|
});
|
|
412
412
|
|
|
@@ -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%',
|
|
@@ -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;
|
|
@@ -4650,16 +4650,17 @@ const Tooltip$1 = _ref => {
|
|
|
4650
4650
|
__self: undefined,
|
|
4651
4651
|
__source: {
|
|
4652
4652
|
fileName: _jsxFileName$X,
|
|
4653
|
-
lineNumber:
|
|
4653
|
+
lineNumber: 93,
|
|
4654
4654
|
columnNumber: 5
|
|
4655
4655
|
}
|
|
4656
4656
|
}, /*#__PURE__*/React__default.createElement(TooltipBase, _extends({}, rest, {
|
|
4657
4657
|
open: withClick ? open : undefined,
|
|
4658
4658
|
delayDuration: delayDuration,
|
|
4659
|
+
disableHoverableContent: withClick,
|
|
4659
4660
|
__self: undefined,
|
|
4660
4661
|
__source: {
|
|
4661
4662
|
fileName: _jsxFileName$X,
|
|
4662
|
-
lineNumber:
|
|
4663
|
+
lineNumber: 94,
|
|
4663
4664
|
columnNumber: 7
|
|
4664
4665
|
}
|
|
4665
4666
|
}), /*#__PURE__*/React__default.createElement(TooltipTrigger, {
|
|
@@ -4667,22 +4668,22 @@ const Tooltip$1 = _ref => {
|
|
|
4667
4668
|
__self: undefined,
|
|
4668
4669
|
__source: {
|
|
4669
4670
|
fileName: _jsxFileName$X,
|
|
4670
|
-
lineNumber:
|
|
4671
|
+
lineNumber: 100,
|
|
4671
4672
|
columnNumber: 9
|
|
4672
4673
|
}
|
|
4673
4674
|
}, /*#__PURE__*/React__default.createElement(TriggerSpan, {
|
|
4674
|
-
onClick: () => withClick &&
|
|
4675
|
+
onClick: () => withClick && setOpen(prev => !prev),
|
|
4675
4676
|
__self: undefined,
|
|
4676
4677
|
__source: {
|
|
4677
4678
|
fileName: _jsxFileName$X,
|
|
4678
|
-
lineNumber:
|
|
4679
|
+
lineNumber: 101,
|
|
4679
4680
|
columnNumber: 11
|
|
4680
4681
|
}
|
|
4681
4682
|
}, children)), /*#__PURE__*/React__default.createElement(TooltipPrimitive.Portal, {
|
|
4682
4683
|
__self: undefined,
|
|
4683
4684
|
__source: {
|
|
4684
4685
|
fileName: _jsxFileName$X,
|
|
4685
|
-
lineNumber:
|
|
4686
|
+
lineNumber: 107,
|
|
4686
4687
|
columnNumber: 9
|
|
4687
4688
|
}
|
|
4688
4689
|
}, /*#__PURE__*/React__default.createElement(StyledContent$6, {
|
|
@@ -4696,7 +4697,7 @@ const Tooltip$1 = _ref => {
|
|
|
4696
4697
|
__self: undefined,
|
|
4697
4698
|
__source: {
|
|
4698
4699
|
fileName: _jsxFileName$X,
|
|
4699
|
-
lineNumber:
|
|
4700
|
+
lineNumber: 108,
|
|
4700
4701
|
columnNumber: 11
|
|
4701
4702
|
}
|
|
4702
4703
|
}, label, /*#__PURE__*/React__default.createElement(StyledArrow$1, {
|
|
@@ -4705,7 +4706,7 @@ const Tooltip$1 = _ref => {
|
|
|
4705
4706
|
__self: undefined,
|
|
4706
4707
|
__source: {
|
|
4707
4708
|
fileName: _jsxFileName$X,
|
|
4708
|
-
lineNumber:
|
|
4709
|
+
lineNumber: 120,
|
|
4709
4710
|
columnNumber: 13
|
|
4710
4711
|
}
|
|
4711
4712
|
})))));
|
|
@@ -4726,7 +4727,7 @@ Tooltip$1.defaultProps = {
|
|
|
4726
4727
|
__self: undefined,
|
|
4727
4728
|
__source: {
|
|
4728
4729
|
fileName: _jsxFileName$X,
|
|
4729
|
-
lineNumber:
|
|
4730
|
+
lineNumber: 141,
|
|
4730
4731
|
columnNumber: 13
|
|
4731
4732
|
}
|
|
4732
4733
|
}),
|
|
@@ -4734,7 +4735,7 @@ Tooltip$1.defaultProps = {
|
|
|
4734
4735
|
};
|
|
4735
4736
|
|
|
4736
4737
|
const _excluded$v = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
|
|
4737
|
-
var _jsxFileName$W = "
|
|
4738
|
+
var _jsxFileName$W = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\progress\\Progress.js";
|
|
4738
4739
|
const StyledProgress$1 = styled$1(ProgressPrimitive.Root, {
|
|
4739
4740
|
position: 'relative',
|
|
4740
4741
|
overflow: 'hidden',
|
|
@@ -5608,7 +5609,7 @@ function useMediaQuery(query) {
|
|
|
5608
5609
|
}
|
|
5609
5610
|
|
|
5610
5611
|
const _excluded$u = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
|
|
5611
|
-
var _jsxFileName$V = "
|
|
5612
|
+
var _jsxFileName$V = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\Toast.js";
|
|
5612
5613
|
const TOAST_WIDTH = 576;
|
|
5613
5614
|
const ANIMATION_DURATION = 400;
|
|
5614
5615
|
const TOP_RIGHT_POSITION = 'top-right';
|
|
@@ -5961,7 +5962,7 @@ Toast.defaultProps = {
|
|
|
5961
5962
|
};
|
|
5962
5963
|
|
|
5963
5964
|
const _excluded$t = ["preventDuplicate"];
|
|
5964
|
-
var _jsxFileName$U = "
|
|
5965
|
+
var _jsxFileName$U = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\ToastContainer.js";
|
|
5965
5966
|
const ToastBox = styled(Flex$1, {
|
|
5966
5967
|
position: 'fixed',
|
|
5967
5968
|
variants: {
|
|
@@ -7311,7 +7312,7 @@ const catchError = e => {
|
|
|
7311
7312
|
};
|
|
7312
7313
|
|
|
7313
7314
|
const _excluded$s = ["id", "disabledOfflineIntercept"];
|
|
7314
|
-
var _jsxFileName$T = "
|
|
7315
|
+
var _jsxFileName$T = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\toast\\context\\ToastProvider.js";
|
|
7315
7316
|
let toastCount = 0;
|
|
7316
7317
|
const ToastProvider = ({
|
|
7317
7318
|
children,
|
|
@@ -7432,7 +7433,7 @@ const ConditionalWrapper = ({
|
|
|
7432
7433
|
}) => condition ? wrapper(children) : children;
|
|
7433
7434
|
|
|
7434
7435
|
const _excluded$r = ["count", "maxCount", "css"];
|
|
7435
|
-
var _jsxFileName$S = "
|
|
7436
|
+
var _jsxFileName$S = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormGroup\\FormGroup.js";
|
|
7436
7437
|
const formLabelClassStyle = {
|
|
7437
7438
|
alignItems: 'start !important',
|
|
7438
7439
|
'& > div': {
|
|
@@ -7583,7 +7584,7 @@ const FormGroup = _ref => {
|
|
|
7583
7584
|
FormGroup.displayName = 'FormGroup';
|
|
7584
7585
|
|
|
7585
7586
|
const _excluded$q = ["children", "htmlFor", "variant", "variants", "tooltipLabel", "count", "maxCount", "labelCss"];
|
|
7586
|
-
var _jsxFileName$R = "
|
|
7587
|
+
var _jsxFileName$R = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormLabel\\Label.js";
|
|
7587
7588
|
const StyledLabel$1 = styled(LabelPrimitive.Root, Text$1, {
|
|
7588
7589
|
display: 'inline-block',
|
|
7589
7590
|
fontSize: '$label',
|
|
@@ -7700,7 +7701,7 @@ FormLabel.defaultProps = {
|
|
|
7700
7701
|
FormLabel.displayName = 'FormLabel';
|
|
7701
7702
|
|
|
7702
7703
|
const _excluded$p = ["children", "error", "errorMessage"];
|
|
7703
|
-
var _jsxFileName$Q = "
|
|
7704
|
+
var _jsxFileName$Q = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\FormHelper\\Helper.js";
|
|
7704
7705
|
const StyledHelper = styled(Text$1, {
|
|
7705
7706
|
display: 'inline-block',
|
|
7706
7707
|
color: '$textSecondary',
|
|
@@ -7755,7 +7756,7 @@ FormHelper.propTypes = {
|
|
|
7755
7756
|
};
|
|
7756
7757
|
FormHelper.displayName = 'FormHelper';
|
|
7757
7758
|
|
|
7758
|
-
var _jsxFileName$P = "
|
|
7759
|
+
var _jsxFileName$P = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\CheckboxGroup.js";
|
|
7759
7760
|
const CheckboxContext = /*#__PURE__*/createContext();
|
|
7760
7761
|
const CheckboxGroup = ({
|
|
7761
7762
|
children,
|
|
@@ -7813,7 +7814,7 @@ CheckboxGroup.defaultProps = {
|
|
|
7813
7814
|
};
|
|
7814
7815
|
CheckboxGroup.displayName = 'CheckboxGroup';
|
|
7815
7816
|
|
|
7816
|
-
var _jsxFileName$O = "
|
|
7817
|
+
var _jsxFileName$O = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\CheckOutline.js";
|
|
7817
7818
|
const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
7818
7819
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7819
7820
|
xmlSpace: "preserve",
|
|
@@ -7860,7 +7861,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
|
|
|
7860
7861
|
}
|
|
7861
7862
|
}));
|
|
7862
7863
|
|
|
7863
|
-
var _jsxFileName$N = "
|
|
7864
|
+
var _jsxFileName$N = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\icon\\MinusOutline.js";
|
|
7864
7865
|
const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
7865
7866
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7866
7867
|
xmlSpace: "preserve",
|
|
@@ -7908,7 +7909,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
|
|
|
7908
7909
|
}));
|
|
7909
7910
|
|
|
7910
7911
|
const _excluded$o = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
|
|
7911
|
-
var _jsxFileName$M = "
|
|
7912
|
+
var _jsxFileName$M = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCheckbox\\InputCheckbox.js";
|
|
7912
7913
|
const StyledIndicator$2 = styled(CheckboxPrimitive.Indicator, {
|
|
7913
7914
|
alignItems: 'center',
|
|
7914
7915
|
display: 'flex',
|
|
@@ -8069,7 +8070,7 @@ InputCheckbox.propTypes = {
|
|
|
8069
8070
|
InputCheckbox.displayName = 'InputCheckbox';
|
|
8070
8071
|
|
|
8071
8072
|
const _excluded$n = ["children", "size"];
|
|
8072
|
-
var _jsxFileName$L = "
|
|
8073
|
+
var _jsxFileName$L = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
|
|
8073
8074
|
const InputGroupStyle = styled('div', {
|
|
8074
8075
|
display: 'flex',
|
|
8075
8076
|
width: '100%',
|
|
@@ -8101,10 +8102,10 @@ const InputGroupStyle = styled('div', {
|
|
|
8101
8102
|
color: '$textDisable'
|
|
8102
8103
|
},
|
|
8103
8104
|
'&:hover': {
|
|
8104
|
-
border: '1px solid $
|
|
8105
|
+
border: '1px solid $bgBorder',
|
|
8105
8106
|
borderRadius: '$lg',
|
|
8106
8107
|
'& > .addon': {
|
|
8107
|
-
border: '1px solid $
|
|
8108
|
+
border: '1px solid $bgBorder'
|
|
8108
8109
|
}
|
|
8109
8110
|
},
|
|
8110
8111
|
'& > input': {
|
|
@@ -8119,12 +8120,12 @@ const InputGroupStyle = styled('div', {
|
|
|
8119
8120
|
},
|
|
8120
8121
|
isInvalid: {
|
|
8121
8122
|
true: {
|
|
8122
|
-
border: '1px solid $
|
|
8123
|
+
border: '1px solid $red400',
|
|
8123
8124
|
'&:focus': {
|
|
8124
|
-
border: '1px solid $
|
|
8125
|
+
border: '1px solid $red400'
|
|
8125
8126
|
},
|
|
8126
8127
|
'&:hover': {
|
|
8127
|
-
border: '1px solid $
|
|
8128
|
+
border: '1px solid $red400'
|
|
8128
8129
|
}
|
|
8129
8130
|
}
|
|
8130
8131
|
},
|
|
@@ -8159,15 +8160,15 @@ const InputGroupStyle = styled('div', {
|
|
|
8159
8160
|
isLetter: {
|
|
8160
8161
|
true: {
|
|
8161
8162
|
borderRadius: '$lg',
|
|
8162
|
-
border: '1px solid $
|
|
8163
|
+
border: '1px solid $bgBorder',
|
|
8163
8164
|
'&:focus': {
|
|
8164
|
-
border: '1px solid $
|
|
8165
|
+
border: '1px solid $primary400'
|
|
8165
8166
|
},
|
|
8166
8167
|
'&:active': {
|
|
8167
|
-
border: '1px solid $
|
|
8168
|
+
border: '1px solid $primary400'
|
|
8168
8169
|
},
|
|
8169
8170
|
'&:hover': {
|
|
8170
|
-
border: '1px solid $
|
|
8171
|
+
border: '1px solid $primary400'
|
|
8171
8172
|
},
|
|
8172
8173
|
'&:disabled': {
|
|
8173
8174
|
backgroundColor: '$formDisable',
|
|
@@ -8177,7 +8178,7 @@ const InputGroupStyle = styled('div', {
|
|
|
8177
8178
|
color: '$textDisable'
|
|
8178
8179
|
},
|
|
8179
8180
|
'&:hover': {
|
|
8180
|
-
border: '1px solid $
|
|
8181
|
+
border: '1px solid $gray300'
|
|
8181
8182
|
}
|
|
8182
8183
|
}
|
|
8183
8184
|
}
|
|
@@ -8239,12 +8240,12 @@ const InputGroup = _ref => {
|
|
|
8239
8240
|
}));
|
|
8240
8241
|
};
|
|
8241
8242
|
InputGroup.propTypes = {
|
|
8242
|
-
/**
|
|
8243
|
-
Adjust Input Text Size
|
|
8243
|
+
/**
|
|
8244
|
+
Adjust Input Text Size
|
|
8244
8245
|
*/
|
|
8245
8246
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
8246
|
-
/**
|
|
8247
|
-
Children must be InputText, InputAddon, or InputPrefixes
|
|
8247
|
+
/**
|
|
8248
|
+
Children must be InputText, InputAddon, or InputPrefixes
|
|
8248
8249
|
*/
|
|
8249
8250
|
children: PropTypes.node.isRequired,
|
|
8250
8251
|
/** Error state */
|
|
@@ -8369,10 +8370,19 @@ const InputLetter = styled(Text$1, {
|
|
|
8369
8370
|
lg: {
|
|
8370
8371
|
height: 40
|
|
8371
8372
|
}
|
|
8373
|
+
},
|
|
8374
|
+
color: {
|
|
8375
|
+
primary: {
|
|
8376
|
+
color: '$iconPrimary'
|
|
8377
|
+
},
|
|
8378
|
+
disabled: {
|
|
8379
|
+
color: '$iconDisable'
|
|
8380
|
+
}
|
|
8372
8381
|
}
|
|
8373
8382
|
},
|
|
8374
8383
|
defaultVariants: {
|
|
8375
|
-
size: 'lg'
|
|
8384
|
+
size: 'lg',
|
|
8385
|
+
color: 'primary'
|
|
8376
8386
|
}
|
|
8377
8387
|
});
|
|
8378
8388
|
const InputPrefix = styled(InputLetter, {
|
|
@@ -8409,7 +8419,7 @@ InputSuffix.propTypes = {
|
|
|
8409
8419
|
};
|
|
8410
8420
|
|
|
8411
8421
|
const _excluded$m = ["disabled", "readOnly"];
|
|
8412
|
-
var _jsxFileName$K = "
|
|
8422
|
+
var _jsxFileName$K = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputText\\InputText.js";
|
|
8413
8423
|
const disabledStyle = {
|
|
8414
8424
|
backgroundColor: '$formDisable',
|
|
8415
8425
|
color: '$textDisable',
|
|
@@ -8418,7 +8428,7 @@ const disabledStyle = {
|
|
|
8418
8428
|
color: '$textDisable'
|
|
8419
8429
|
},
|
|
8420
8430
|
'&:hover': {
|
|
8421
|
-
border: '1px solid $
|
|
8431
|
+
border: '1px solid $gray300'
|
|
8422
8432
|
}
|
|
8423
8433
|
};
|
|
8424
8434
|
const StyledInput$1 = styled('input', {
|
|
@@ -8448,13 +8458,13 @@ const StyledInput$1 = styled('input', {
|
|
|
8448
8458
|
border: '1px solid $gray300',
|
|
8449
8459
|
borderRadius: '$lg',
|
|
8450
8460
|
'&:focus': {
|
|
8451
|
-
border: '1px solid $
|
|
8461
|
+
border: '1px solid $primary400'
|
|
8452
8462
|
},
|
|
8453
8463
|
'&:active': {
|
|
8454
|
-
border: '1px solid $
|
|
8464
|
+
border: '1px solid $primary400'
|
|
8455
8465
|
},
|
|
8456
8466
|
'&:hover': {
|
|
8457
|
-
border: '1px solid $
|
|
8467
|
+
border: '1px solid $primary600'
|
|
8458
8468
|
},
|
|
8459
8469
|
'&:disabled': disabledStyle,
|
|
8460
8470
|
'&[data-state="readonly"]': {
|
|
@@ -8506,7 +8516,7 @@ const StyledInput$1 = styled('input', {
|
|
|
8506
8516
|
color: '$textDisable'
|
|
8507
8517
|
},
|
|
8508
8518
|
'&:hover': {
|
|
8509
|
-
border: '1px solid $
|
|
8519
|
+
border: '1px solid $gray300'
|
|
8510
8520
|
}
|
|
8511
8521
|
}
|
|
8512
8522
|
}
|
|
@@ -8539,8 +8549,8 @@ const StyledInput$1 = styled('input', {
|
|
|
8539
8549
|
}
|
|
8540
8550
|
}
|
|
8541
8551
|
},
|
|
8542
|
-
/**
|
|
8543
|
-
* Please insert size with string 'sm' | 'lg'
|
|
8552
|
+
/**
|
|
8553
|
+
* Please insert size with string 'sm' | 'lg'
|
|
8544
8554
|
*/
|
|
8545
8555
|
size: {
|
|
8546
8556
|
sm: {
|
|
@@ -8552,12 +8562,12 @@ const StyledInput$1 = styled('input', {
|
|
|
8552
8562
|
},
|
|
8553
8563
|
isInvalid: {
|
|
8554
8564
|
true: {
|
|
8555
|
-
border: '1px solid $
|
|
8565
|
+
border: '1px solid $red400',
|
|
8556
8566
|
'&:focus': {
|
|
8557
|
-
border: '1px solid $
|
|
8567
|
+
border: '1px solid $red400'
|
|
8558
8568
|
},
|
|
8559
8569
|
'&:hover': {
|
|
8560
|
-
border: '1px solid $
|
|
8570
|
+
border: '1px solid $red400'
|
|
8561
8571
|
}
|
|
8562
8572
|
}
|
|
8563
8573
|
},
|
|
@@ -8611,7 +8621,7 @@ InputText.propTypes = {
|
|
|
8611
8621
|
InputText.displayName = 'InputText';
|
|
8612
8622
|
|
|
8613
8623
|
const _excluded$l = ["disabled", "readOnly"];
|
|
8614
|
-
var _jsxFileName$J = "
|
|
8624
|
+
var _jsxFileName$J = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTextArea\\InputTextArea.js";
|
|
8615
8625
|
const StyledTextArea = styled(StyledInput$1, {
|
|
8616
8626
|
variants: {
|
|
8617
8627
|
size: {
|
|
@@ -8689,7 +8699,7 @@ InputTextArea.defaultProps = {
|
|
|
8689
8699
|
|
|
8690
8700
|
const InputRadioContext = /*#__PURE__*/React__default.createContext();
|
|
8691
8701
|
|
|
8692
|
-
var _jsxFileName$I = "
|
|
8702
|
+
var _jsxFileName$I = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadioGroup.js";
|
|
8693
8703
|
const RadioGroup = styled(RadioGroupPrimitive.Root, Flex$1);
|
|
8694
8704
|
function InputRadioGroup(props) {
|
|
8695
8705
|
return (props == null ? void 0 : props.children) && /*#__PURE__*/React__default.createElement(InputRadioContext.Provider, {
|
|
@@ -8723,7 +8733,7 @@ InputRadioGroup.propTypes = {
|
|
|
8723
8733
|
InputRadioGroup.displayName = 'InputRadioGroup';
|
|
8724
8734
|
|
|
8725
8735
|
const _excluded$k = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
|
|
8726
|
-
var _jsxFileName$H = "
|
|
8736
|
+
var _jsxFileName$H = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputRadio\\InputRadio.js";
|
|
8727
8737
|
const INDICATOR_BASE_STYLES = {
|
|
8728
8738
|
alignItems: 'center',
|
|
8729
8739
|
display: 'flex',
|
|
@@ -11090,7 +11100,7 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
|
|
|
11090
11100
|
NumberFormat.defaultProps = defaultProps;
|
|
11091
11101
|
|
|
11092
11102
|
const _excluded$j = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
|
|
11093
|
-
var _jsxFileName$G = "
|
|
11103
|
+
var _jsxFileName$G = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputNumber\\InputNumber.js";
|
|
11094
11104
|
const StyledInput = styled(NumberFormat, {
|
|
11095
11105
|
// Reset
|
|
11096
11106
|
appearance: 'none',
|
|
@@ -11351,7 +11361,7 @@ InputNumber.name = 'InputText';
|
|
|
11351
11361
|
InputNumber.displayName = 'InputNumber';
|
|
11352
11362
|
|
|
11353
11363
|
const _excluded$i = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
|
|
11354
|
-
var _jsxFileName$F = "
|
|
11364
|
+
var _jsxFileName$F = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tag\\Tag.js";
|
|
11355
11365
|
const TagWrapper$4 = styled('div', {
|
|
11356
11366
|
boxSizing: 'border-box',
|
|
11357
11367
|
listStyle: 'none',
|
|
@@ -11527,7 +11537,7 @@ Tag.defaultProps = {
|
|
|
11527
11537
|
};
|
|
11528
11538
|
|
|
11529
11539
|
const _excluded$h = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
|
|
11530
|
-
var _jsxFileName$E = "
|
|
11540
|
+
var _jsxFileName$E = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputTags\\InputTags.js";
|
|
11531
11541
|
const Wrapper$2 = styled('div', {
|
|
11532
11542
|
margin: 0,
|
|
11533
11543
|
flexDirection: 'column',
|
|
@@ -11824,7 +11834,7 @@ TagsInput.defaultProps = {
|
|
|
11824
11834
|
};
|
|
11825
11835
|
|
|
11826
11836
|
const _excluded$g = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
|
|
11827
|
-
var _jsxFileName$D = "
|
|
11837
|
+
var _jsxFileName$D = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSwitch\\InputSwitch.js";
|
|
11828
11838
|
const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
|
|
11829
11839
|
display: 'block',
|
|
11830
11840
|
width: '16px',
|
|
@@ -11929,7 +11939,7 @@ InputSwitch.propTypes = {
|
|
|
11929
11939
|
};
|
|
11930
11940
|
InputSwitch.displayName = 'InputSwitch';
|
|
11931
11941
|
|
|
11932
|
-
var _jsxFileName$C = "
|
|
11942
|
+
var _jsxFileName$C = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\CloseFilled.js";
|
|
11933
11943
|
const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
11934
11944
|
width: props.size,
|
|
11935
11945
|
height: props.size,
|
|
@@ -11988,7 +11998,7 @@ SvgCloseFilled.defaultProps = {
|
|
|
11988
11998
|
size: 24
|
|
11989
11999
|
};
|
|
11990
12000
|
|
|
11991
|
-
var _jsxFileName$B = "
|
|
12001
|
+
var _jsxFileName$B = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\SearchOutline.js";
|
|
11992
12002
|
const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
11993
12003
|
width: props.size,
|
|
11994
12004
|
height: props.size,
|
|
@@ -12029,7 +12039,7 @@ SvgSearchOutline.defaultProps = {
|
|
|
12029
12039
|
};
|
|
12030
12040
|
|
|
12031
12041
|
const _excluded$f = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
|
|
12032
|
-
var _jsxFileName$A = "
|
|
12042
|
+
var _jsxFileName$A = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
|
|
12033
12043
|
const {
|
|
12034
12044
|
colors: colors$6
|
|
12035
12045
|
} = foundations;
|
|
@@ -12519,7 +12529,7 @@ function isFunction$1(value) {
|
|
|
12519
12529
|
var isFunction_1 = isFunction$1;
|
|
12520
12530
|
|
|
12521
12531
|
const _excluded$e = ["children"];
|
|
12522
|
-
var _jsxFileName$z = "
|
|
12532
|
+
var _jsxFileName$z = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\popover\\Popover.js";
|
|
12523
12533
|
const {
|
|
12524
12534
|
zIndices: zIndices$1
|
|
12525
12535
|
} = foundations;
|
|
@@ -14093,7 +14103,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
14093
14103
|
}), void 0);
|
|
14094
14104
|
});
|
|
14095
14105
|
|
|
14096
|
-
var _jsxFileName$y = "
|
|
14106
|
+
var _jsxFileName$y = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\icon\\CheckOutline.js";
|
|
14097
14107
|
const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
14098
14108
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14099
14109
|
xmlSpace: "preserve",
|
|
@@ -14174,7 +14184,7 @@ function OptionGroupItem({
|
|
|
14174
14184
|
}
|
|
14175
14185
|
|
|
14176
14186
|
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 = "
|
|
14187
|
+
var _jsxFileName$x = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectCheck\\InputSelectCheck.js";
|
|
14178
14188
|
const Wrapper$1 = styled('div', {
|
|
14179
14189
|
margin: 0,
|
|
14180
14190
|
flexDirection: 'column',
|
|
@@ -15498,7 +15508,7 @@ InputSelectCheck.defaultProps = {
|
|
|
15498
15508
|
onItemClick: changes => {}
|
|
15499
15509
|
};
|
|
15500
15510
|
|
|
15501
|
-
var _jsxFileName$w = "
|
|
15511
|
+
var _jsxFileName$w = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSelectTag\\InputSelectTag.js";
|
|
15502
15512
|
const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15503
15513
|
return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
|
|
15504
15514
|
ref: ref,
|
|
@@ -15559,7 +15569,7 @@ InputSelectTag.defaultProps = {
|
|
|
15559
15569
|
defaultValue: []
|
|
15560
15570
|
};
|
|
15561
15571
|
|
|
15562
|
-
var _jsxFileName$v = "
|
|
15572
|
+
var _jsxFileName$v = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputCreatable\\InputCreatable.js";
|
|
15563
15573
|
const Wrapper = styled('div', {
|
|
15564
15574
|
margin: 0,
|
|
15565
15575
|
flexDirection: 'column',
|
|
@@ -15865,9 +15875,10 @@ function InputResourceList({
|
|
|
15865
15875
|
defaultSort,
|
|
15866
15876
|
title,
|
|
15867
15877
|
hideSelectAll,
|
|
15878
|
+
renderSelectAll,
|
|
15868
15879
|
customHeader,
|
|
15869
15880
|
expandable,
|
|
15870
|
-
|
|
15881
|
+
searchable
|
|
15871
15882
|
}) {
|
|
15872
15883
|
const {
|
|
15873
15884
|
t
|
|
@@ -15906,7 +15917,7 @@ function InputResourceList({
|
|
|
15906
15917
|
}, [defaultSort]);
|
|
15907
15918
|
const availableData = useMemo(() => {
|
|
15908
15919
|
if (!data) return [];
|
|
15909
|
-
const filteredData = data.filter(item => item.label.toLowerCase().match((query === null || query === void 0 ? void 0 : query.toLowerCase()) || ''));
|
|
15920
|
+
const filteredData = data.filter(item => !!onQueryChange || item.label.toLowerCase().match((query === null || query === void 0 ? void 0 : query.toLowerCase()) || ''));
|
|
15910
15921
|
const checkedValues = new Set(checkedItems.map(item => item.value));
|
|
15911
15922
|
return [...filteredData].sort((a, b) => {
|
|
15912
15923
|
const aIsChecked = checkedValues.has(a.value);
|
|
@@ -15920,6 +15931,10 @@ function InputResourceList({
|
|
|
15920
15931
|
return 0;
|
|
15921
15932
|
});
|
|
15922
15933
|
}, [data, query, checkedItems]);
|
|
15934
|
+
const isItemDisabled = item => !!((item === null || item === void 0 ? void 0 : item.disabled) || disabledItems && disabledItems.includes(item.value));
|
|
15935
|
+
const selectableAvailableData = useMemo(() => {
|
|
15936
|
+
return availableData.filter(item => !isItemDisabled(item));
|
|
15937
|
+
}, [availableData, disabledItems]);
|
|
15923
15938
|
const renderCheckbox = (resource, index) => {
|
|
15924
15939
|
var _a, _b;
|
|
15925
15940
|
const isDisabled = resource.disabled || disabledItems && disabledItems.includes(resource.value);
|
|
@@ -16032,25 +16047,28 @@ function InputResourceList({
|
|
|
16032
16047
|
setSortType(sortType === 'asc' ? 'desc' : 'asc');
|
|
16033
16048
|
}
|
|
16034
16049
|
function toggleCheckAll() {
|
|
16035
|
-
const
|
|
16036
|
-
|
|
16037
|
-
|
|
16050
|
+
const selectable = selectableAvailableData;
|
|
16051
|
+
const allSelectableItemsSelected = selectable.length > 0 && selectable.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value));
|
|
16052
|
+
if (allSelectableItemsSelected) {
|
|
16053
|
+
const newCheckedItems = checkedItems.filter(checkedItem => !selectable.some(item => item.value === checkedItem.value));
|
|
16038
16054
|
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16039
16055
|
} else {
|
|
16040
|
-
const
|
|
16056
|
+
const itemsToAdd = selectable.filter(item => !checkedItems.some(checkedItem => checkedItem.value === item.value));
|
|
16057
|
+
const newCheckedItems = [...checkedItems, ...itemsToAdd];
|
|
16041
16058
|
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16042
16059
|
}
|
|
16043
16060
|
}
|
|
16044
16061
|
function handleCheckedAllExpandable() {
|
|
16045
16062
|
const allItems = data || [];
|
|
16046
|
-
const
|
|
16063
|
+
const selectableAllItems = allItems.filter(item => !isItemDisabled(item));
|
|
16064
|
+
const allItemValues = selectableAllItems.map(i => i.value);
|
|
16047
16065
|
const currentValues = checkedItems.map(i => i.value);
|
|
16048
|
-
const areAllSelected =
|
|
16066
|
+
const areAllSelected = selectableAllItems.length > 0 && selectableAllItems.every(item => currentValues.includes(item.value));
|
|
16049
16067
|
let newCheckedItems;
|
|
16050
16068
|
if (areAllSelected) {
|
|
16051
16069
|
newCheckedItems = checkedItems.filter(item => !allItemValues.includes(item.value));
|
|
16052
16070
|
} else {
|
|
16053
|
-
const itemsToAdd =
|
|
16071
|
+
const itemsToAdd = selectableAllItems.filter(item => !currentValues.includes(item.value));
|
|
16054
16072
|
newCheckedItems = [...checkedItems, ...itemsToAdd];
|
|
16055
16073
|
}
|
|
16056
16074
|
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
@@ -16060,7 +16078,7 @@ function InputResourceList({
|
|
|
16060
16078
|
position: 'relative'
|
|
16061
16079
|
}, css)
|
|
16062
16080
|
}, {
|
|
16063
|
-
children: [customHeader, onQueryChange && jsx(InputSearchbox, Object.assign({
|
|
16081
|
+
children: [customHeader, (searchable || !!onQueryChange) && jsx(InputSearchbox, Object.assign({
|
|
16064
16082
|
size: "lg",
|
|
16065
16083
|
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...'),
|
|
16066
16084
|
onChange: debounce(query => {
|
|
@@ -16077,8 +16095,8 @@ function InputResourceList({
|
|
|
16077
16095
|
}
|
|
16078
16096
|
}, {
|
|
16079
16097
|
children: [!hideSelectAll && jsx(InputCheckbox, {
|
|
16080
|
-
checked:
|
|
16081
|
-
indeterminate:
|
|
16098
|
+
checked: selectableAvailableData.length > 0 && selectableAvailableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value)),
|
|
16099
|
+
indeterminate: selectableAvailableData.some(item => checkedItems.some(checkedItem => checkedItem.value === item.value)) && !(selectableAvailableData.length > 0 && selectableAvailableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value))),
|
|
16082
16100
|
onCheckedChange: toggleCheckAll,
|
|
16083
16101
|
css: {
|
|
16084
16102
|
marginRight: '$spacing-02'
|
|
@@ -16101,7 +16119,7 @@ function InputResourceList({
|
|
|
16101
16119
|
css: Object.assign({
|
|
16102
16120
|
position: 'absolute',
|
|
16103
16121
|
inset: 0,
|
|
16104
|
-
top: onQueryChange ? 48 : 0,
|
|
16122
|
+
top: onQueryChange || searchable ? 48 : 0,
|
|
16105
16123
|
width: '100%',
|
|
16106
16124
|
height: 285,
|
|
16107
16125
|
backgroundColor: '$bgWhite',
|
|
@@ -16195,9 +16213,10 @@ function InputResourceList({
|
|
|
16195
16213
|
}), void 0);
|
|
16196
16214
|
if (expandable) {
|
|
16197
16215
|
const allItems = data || [];
|
|
16216
|
+
const selectableAllItems = allItems.filter(item => !isItemDisabled(item));
|
|
16198
16217
|
const checkedValues = checkedItems.map(i => i.value);
|
|
16199
|
-
const isAllSelected =
|
|
16200
|
-
const isIndeterminate = !isAllSelected &&
|
|
16218
|
+
const isAllSelected = selectableAllItems.length > 0 && selectableAllItems.every(item => checkedValues.includes(item.value));
|
|
16219
|
+
const isIndeterminate = !isAllSelected && selectableAllItems.some(item => checkedValues.includes(item.value));
|
|
16201
16220
|
return jsxs(Box, {
|
|
16202
16221
|
children: [jsxs(Flex$1, Object.assign({
|
|
16203
16222
|
justify: "between",
|
|
@@ -16678,7 +16697,7 @@ InputCounter.defaultProps = {
|
|
|
16678
16697
|
|
|
16679
16698
|
const _excluded$c = ["children"],
|
|
16680
16699
|
_excluded2$3 = ["children", "showOverlay"];
|
|
16681
|
-
var _jsxFileName$u = "
|
|
16700
|
+
var _jsxFileName$u = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
|
|
16682
16701
|
const Context$1 = /*#__PURE__*/React__default.createContext();
|
|
16683
16702
|
const {
|
|
16684
16703
|
sizes
|
|
@@ -17028,7 +17047,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
|
17028
17047
|
|
|
17029
17048
|
const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
|
|
17030
17049
|
_excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
|
|
17031
|
-
var _jsxFileName$t = "
|
|
17050
|
+
var _jsxFileName$t = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
|
|
17032
17051
|
const ScrollButton$1 = styled(Button$4, {
|
|
17033
17052
|
width: '28px',
|
|
17034
17053
|
outline: '$btnPrimary solid 1px',
|
|
@@ -17481,6 +17500,7 @@ const getCalendarStartYearRange = year => year - year % 100 + 1;
|
|
|
17481
17500
|
const toDateFormat = (date, locale = 'id') => moment(date).locale(locale).format('DD MMMM YYYY');
|
|
17482
17501
|
|
|
17483
17502
|
const DateNumber = styled('div', {
|
|
17503
|
+
width: '32px',
|
|
17484
17504
|
display: 'inline-flex',
|
|
17485
17505
|
alignItems: 'center',
|
|
17486
17506
|
justifyContent: 'center',
|
|
@@ -17498,14 +17518,14 @@ const DateNumber = styled('div', {
|
|
|
17498
17518
|
color: '$textGreen'
|
|
17499
17519
|
}
|
|
17500
17520
|
},
|
|
17501
|
-
neutral: {
|
|
17502
|
-
backgroundColor: 'transparent',
|
|
17503
|
-
color: 'rgba(0, 0, 0, 0.4)'
|
|
17504
|
-
},
|
|
17505
17521
|
disabled: {
|
|
17506
17522
|
backgroundColor: '$btnDisable',
|
|
17507
17523
|
color: '$textDisable'
|
|
17508
17524
|
},
|
|
17525
|
+
neutral: {
|
|
17526
|
+
backgroundColor: 'transparent',
|
|
17527
|
+
color: "$gray400"
|
|
17528
|
+
},
|
|
17509
17529
|
selected: {
|
|
17510
17530
|
backgroundColor: '$bgGreen',
|
|
17511
17531
|
color: '$white',
|
|
@@ -17557,7 +17577,7 @@ const DateNumber = styled('div', {
|
|
|
17557
17577
|
});
|
|
17558
17578
|
DateNumber.displayName = 'DateNumber';
|
|
17559
17579
|
|
|
17560
|
-
var _jsxFileName$s = "
|
|
17580
|
+
var _jsxFileName$s = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\TimePicker.js";
|
|
17561
17581
|
const Input$3 = styled('input', {
|
|
17562
17582
|
display: 'none'
|
|
17563
17583
|
});
|
|
@@ -17570,6 +17590,7 @@ const InputTime = styled('input', {
|
|
|
17570
17590
|
fontSize: 28,
|
|
17571
17591
|
color: '$textPrimary',
|
|
17572
17592
|
letterSpacing: 2,
|
|
17593
|
+
backgroundColor: '$bgWhite',
|
|
17573
17594
|
'&:read-only': {
|
|
17574
17595
|
backgroundColor: '$bgWhite'
|
|
17575
17596
|
},
|
|
@@ -17674,35 +17695,46 @@ const IconStateFull$2 = props => {
|
|
|
17674
17695
|
function handleLeave() {
|
|
17675
17696
|
setIsHover(false);
|
|
17676
17697
|
}
|
|
17677
|
-
return
|
|
17698
|
+
return /*#__PURE__*/React__default.createElement(Box, {
|
|
17699
|
+
css: {
|
|
17700
|
+
margin: 'auto',
|
|
17701
|
+
color: isHover && !props.disabled ? '$primary500' : '$iconPrimary'
|
|
17702
|
+
},
|
|
17703
|
+
__self: undefined,
|
|
17704
|
+
__source: {
|
|
17705
|
+
fileName: _jsxFileName$s,
|
|
17706
|
+
lineNumber: 135,
|
|
17707
|
+
columnNumber: 5
|
|
17708
|
+
}
|
|
17709
|
+
}, props.type === 'up' ? /*#__PURE__*/React__default.createElement(IconUp, _extends({
|
|
17678
17710
|
css: {
|
|
17679
17711
|
userSelect: 'none'
|
|
17680
17712
|
}
|
|
17681
17713
|
}, props, {
|
|
17682
|
-
color:
|
|
17714
|
+
color: "currentColor",
|
|
17683
17715
|
onMouseEnter: handleEnter,
|
|
17684
17716
|
onMouseLeave: handleLeave,
|
|
17685
17717
|
__self: undefined,
|
|
17686
17718
|
__source: {
|
|
17687
17719
|
fileName: _jsxFileName$s,
|
|
17688
|
-
lineNumber:
|
|
17689
|
-
columnNumber:
|
|
17720
|
+
lineNumber: 142,
|
|
17721
|
+
columnNumber: 9
|
|
17690
17722
|
}
|
|
17691
17723
|
})) : /*#__PURE__*/React__default.createElement(IconDown, _extends({
|
|
17692
17724
|
css: {
|
|
17693
17725
|
userSelect: 'none'
|
|
17694
17726
|
}
|
|
17695
17727
|
}, props, {
|
|
17696
|
-
color:
|
|
17728
|
+
color: "currentColor",
|
|
17697
17729
|
onMouseEnter: handleEnter,
|
|
17698
17730
|
onMouseLeave: handleLeave,
|
|
17699
17731
|
__self: undefined,
|
|
17700
17732
|
__source: {
|
|
17701
17733
|
fileName: _jsxFileName$s,
|
|
17702
|
-
lineNumber:
|
|
17703
|
-
columnNumber:
|
|
17734
|
+
lineNumber: 150,
|
|
17735
|
+
columnNumber: 9
|
|
17704
17736
|
}
|
|
17705
|
-
}));
|
|
17737
|
+
})));
|
|
17706
17738
|
};
|
|
17707
17739
|
const NativeTimePicker = ({
|
|
17708
17740
|
size,
|
|
@@ -17825,7 +17857,7 @@ const NativeTimePicker = ({
|
|
|
17825
17857
|
__self: undefined,
|
|
17826
17858
|
__source: {
|
|
17827
17859
|
fileName: _jsxFileName$s,
|
|
17828
|
-
lineNumber:
|
|
17860
|
+
lineNumber: 297,
|
|
17829
17861
|
columnNumber: 5
|
|
17830
17862
|
}
|
|
17831
17863
|
}, /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -17834,7 +17866,7 @@ const NativeTimePicker = ({
|
|
|
17834
17866
|
__self: undefined,
|
|
17835
17867
|
__source: {
|
|
17836
17868
|
fileName: _jsxFileName$s,
|
|
17837
|
-
lineNumber:
|
|
17869
|
+
lineNumber: 303,
|
|
17838
17870
|
columnNumber: 7
|
|
17839
17871
|
}
|
|
17840
17872
|
}, /*#__PURE__*/React__default.createElement(IconStateFull$2, {
|
|
@@ -17844,7 +17876,7 @@ const NativeTimePicker = ({
|
|
|
17844
17876
|
__self: undefined,
|
|
17845
17877
|
__source: {
|
|
17846
17878
|
fileName: _jsxFileName$s,
|
|
17847
|
-
lineNumber:
|
|
17879
|
+
lineNumber: 304,
|
|
17848
17880
|
columnNumber: 9
|
|
17849
17881
|
}
|
|
17850
17882
|
}), /*#__PURE__*/React__default.createElement(IconStateFull$2, {
|
|
@@ -17854,7 +17886,7 @@ const NativeTimePicker = ({
|
|
|
17854
17886
|
__self: undefined,
|
|
17855
17887
|
__source: {
|
|
17856
17888
|
fileName: _jsxFileName$s,
|
|
17857
|
-
lineNumber:
|
|
17889
|
+
lineNumber: 309,
|
|
17858
17890
|
columnNumber: 9
|
|
17859
17891
|
}
|
|
17860
17892
|
})), /*#__PURE__*/React__default.createElement(Input$3, {
|
|
@@ -17865,7 +17897,7 @@ const NativeTimePicker = ({
|
|
|
17865
17897
|
__self: undefined,
|
|
17866
17898
|
__source: {
|
|
17867
17899
|
fileName: _jsxFileName$s,
|
|
17868
|
-
lineNumber:
|
|
17900
|
+
lineNumber: 315,
|
|
17869
17901
|
columnNumber: 7
|
|
17870
17902
|
}
|
|
17871
17903
|
}), /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -17873,7 +17905,7 @@ const NativeTimePicker = ({
|
|
|
17873
17905
|
__self: undefined,
|
|
17874
17906
|
__source: {
|
|
17875
17907
|
fileName: _jsxFileName$s,
|
|
17876
|
-
lineNumber:
|
|
17908
|
+
lineNumber: 316,
|
|
17877
17909
|
columnNumber: 7
|
|
17878
17910
|
}
|
|
17879
17911
|
}, /*#__PURE__*/React__default.createElement(InputTime, {
|
|
@@ -17889,7 +17921,7 @@ const NativeTimePicker = ({
|
|
|
17889
17921
|
__self: undefined,
|
|
17890
17922
|
__source: {
|
|
17891
17923
|
fileName: _jsxFileName$s,
|
|
17892
|
-
lineNumber:
|
|
17924
|
+
lineNumber: 317,
|
|
17893
17925
|
columnNumber: 9
|
|
17894
17926
|
}
|
|
17895
17927
|
}), /*#__PURE__*/React__default.createElement(Time, {
|
|
@@ -17897,7 +17929,7 @@ const NativeTimePicker = ({
|
|
|
17897
17929
|
__self: undefined,
|
|
17898
17930
|
__source: {
|
|
17899
17931
|
fileName: _jsxFileName$s,
|
|
17900
|
-
lineNumber:
|
|
17932
|
+
lineNumber: 328,
|
|
17901
17933
|
columnNumber: 9
|
|
17902
17934
|
}
|
|
17903
17935
|
}, ":"), /*#__PURE__*/React__default.createElement(InputTime, {
|
|
@@ -17913,7 +17945,7 @@ const NativeTimePicker = ({
|
|
|
17913
17945
|
__self: undefined,
|
|
17914
17946
|
__source: {
|
|
17915
17947
|
fileName: _jsxFileName$s,
|
|
17916
|
-
lineNumber:
|
|
17948
|
+
lineNumber: 329,
|
|
17917
17949
|
columnNumber: 9
|
|
17918
17950
|
}
|
|
17919
17951
|
})), /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -17922,7 +17954,7 @@ const NativeTimePicker = ({
|
|
|
17922
17954
|
__self: undefined,
|
|
17923
17955
|
__source: {
|
|
17924
17956
|
fileName: _jsxFileName$s,
|
|
17925
|
-
lineNumber:
|
|
17957
|
+
lineNumber: 341,
|
|
17926
17958
|
columnNumber: 7
|
|
17927
17959
|
}
|
|
17928
17960
|
}, /*#__PURE__*/React__default.createElement(IconStateFull$2, {
|
|
@@ -17932,7 +17964,7 @@ const NativeTimePicker = ({
|
|
|
17932
17964
|
__self: undefined,
|
|
17933
17965
|
__source: {
|
|
17934
17966
|
fileName: _jsxFileName$s,
|
|
17935
|
-
lineNumber:
|
|
17967
|
+
lineNumber: 342,
|
|
17936
17968
|
columnNumber: 9
|
|
17937
17969
|
}
|
|
17938
17970
|
}), /*#__PURE__*/React__default.createElement(IconStateFull$2, {
|
|
@@ -17942,62 +17974,62 @@ const NativeTimePicker = ({
|
|
|
17942
17974
|
__self: undefined,
|
|
17943
17975
|
__source: {
|
|
17944
17976
|
fileName: _jsxFileName$s,
|
|
17945
|
-
lineNumber:
|
|
17977
|
+
lineNumber: 347,
|
|
17946
17978
|
columnNumber: 9
|
|
17947
17979
|
}
|
|
17948
17980
|
})));
|
|
17949
17981
|
};
|
|
17950
17982
|
NativeTimePicker.propTypes = {
|
|
17951
|
-
/**
|
|
17952
|
-
Resize time picker.
|
|
17983
|
+
/**
|
|
17984
|
+
Resize time picker.
|
|
17953
17985
|
*/
|
|
17954
17986
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
17955
|
-
/**
|
|
17956
|
-
Change handler.
|
|
17987
|
+
/**
|
|
17988
|
+
Change handler.
|
|
17957
17989
|
*/
|
|
17958
17990
|
onChange: PropTypes.func,
|
|
17959
|
-
/**
|
|
17960
|
-
Time picker default value, support moment format.
|
|
17991
|
+
/**
|
|
17992
|
+
Time picker default value, support moment format.
|
|
17961
17993
|
*/
|
|
17962
17994
|
defaultValue: PropTypes.instanceOf(Date),
|
|
17963
|
-
/**
|
|
17964
|
-
Time picker value, support moment format.
|
|
17995
|
+
/**
|
|
17996
|
+
Time picker value, support moment format.
|
|
17965
17997
|
*/
|
|
17966
17998
|
value: PropTypes.instanceOf(Date),
|
|
17967
|
-
/**
|
|
17968
|
-
Disabled state.
|
|
17999
|
+
/**
|
|
18000
|
+
Disabled state.
|
|
17969
18001
|
*/
|
|
17970
18002
|
disabled: PropTypes.bool,
|
|
17971
|
-
/**
|
|
17972
|
-
Disabled hour state.
|
|
18003
|
+
/**
|
|
18004
|
+
Disabled hour state.
|
|
17973
18005
|
*/
|
|
17974
18006
|
disabledHour: PropTypes.bool,
|
|
17975
|
-
/**
|
|
17976
|
-
Disabled increase hour state.
|
|
18007
|
+
/**
|
|
18008
|
+
Disabled increase hour state.
|
|
17977
18009
|
*/
|
|
17978
18010
|
disabledHourIncrease: PropTypes.bool,
|
|
17979
|
-
/**
|
|
17980
|
-
Disabled decrease hour state.
|
|
18011
|
+
/**
|
|
18012
|
+
Disabled decrease hour state.
|
|
17981
18013
|
*/
|
|
17982
18014
|
disabledHourDecrease: PropTypes.bool,
|
|
17983
|
-
/**
|
|
17984
|
-
Disabled minute state.
|
|
18015
|
+
/**
|
|
18016
|
+
Disabled minute state.
|
|
17985
18017
|
*/
|
|
17986
18018
|
disabledMinute: PropTypes.bool,
|
|
17987
|
-
/**
|
|
17988
|
-
Disabled increase minute state.
|
|
18019
|
+
/**
|
|
18020
|
+
Disabled increase minute state.
|
|
17989
18021
|
*/
|
|
17990
18022
|
disabledMinuteIncrease: PropTypes.bool,
|
|
17991
|
-
/**
|
|
17992
|
-
Disabled decrease minute state.
|
|
18023
|
+
/**
|
|
18024
|
+
Disabled decrease minute state.
|
|
17993
18025
|
*/
|
|
17994
18026
|
disabledMinuteDecrease: PropTypes.bool,
|
|
17995
|
-
/**
|
|
17996
|
-
Specify the minimum date.
|
|
18027
|
+
/**
|
|
18028
|
+
Specify the minimum date.
|
|
17997
18029
|
*/
|
|
17998
18030
|
minDate: PropTypes.instanceOf(Date),
|
|
17999
|
-
/**
|
|
18000
|
-
Specify the maximum date.
|
|
18031
|
+
/**
|
|
18032
|
+
Specify the maximum date.
|
|
18001
18033
|
*/
|
|
18002
18034
|
maxDate: PropTypes.instanceOf(Date)
|
|
18003
18035
|
};
|
|
@@ -18027,7 +18059,7 @@ const TimePicker = ({
|
|
|
18027
18059
|
__self: undefined,
|
|
18028
18060
|
__source: {
|
|
18029
18061
|
fileName: _jsxFileName$s,
|
|
18030
|
-
lineNumber:
|
|
18062
|
+
lineNumber: 429,
|
|
18031
18063
|
columnNumber: 5
|
|
18032
18064
|
}
|
|
18033
18065
|
}, /*#__PURE__*/React__default.createElement(NativeTimePicker, {
|
|
@@ -18047,73 +18079,73 @@ const TimePicker = ({
|
|
|
18047
18079
|
__self: undefined,
|
|
18048
18080
|
__source: {
|
|
18049
18081
|
fileName: _jsxFileName$s,
|
|
18050
|
-
lineNumber:
|
|
18082
|
+
lineNumber: 430,
|
|
18051
18083
|
columnNumber: 7
|
|
18052
18084
|
}
|
|
18053
18085
|
}));
|
|
18054
18086
|
};
|
|
18055
18087
|
TimePicker.displayName = 'TimePicker';
|
|
18056
18088
|
TimePicker.propTypes = {
|
|
18057
|
-
/**
|
|
18058
|
-
Additional styles.
|
|
18089
|
+
/**
|
|
18090
|
+
Additional styles.
|
|
18059
18091
|
*/
|
|
18060
18092
|
css: PropTypes.object,
|
|
18061
|
-
/**
|
|
18062
|
-
Resize time picker.
|
|
18093
|
+
/**
|
|
18094
|
+
Resize time picker.
|
|
18063
18095
|
*/
|
|
18064
18096
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18065
|
-
/**
|
|
18066
|
-
Change handler.
|
|
18097
|
+
/**
|
|
18098
|
+
Change handler.
|
|
18067
18099
|
*/
|
|
18068
18100
|
onChange: PropTypes.func,
|
|
18069
|
-
/**
|
|
18070
|
-
Time picker default value, support moment format.
|
|
18101
|
+
/**
|
|
18102
|
+
Time picker default value, support moment format.
|
|
18071
18103
|
*/
|
|
18072
18104
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18073
|
-
/**
|
|
18074
|
-
Time picker value, support moment format.
|
|
18105
|
+
/**
|
|
18106
|
+
Time picker value, support moment format.
|
|
18075
18107
|
*/
|
|
18076
18108
|
value: PropTypes.instanceOf(Date),
|
|
18077
|
-
/**
|
|
18078
|
-
Disabled state.
|
|
18109
|
+
/**
|
|
18110
|
+
Disabled state.
|
|
18079
18111
|
*/
|
|
18080
18112
|
disabled: PropTypes.bool,
|
|
18081
|
-
/**
|
|
18082
|
-
Disabled hour state.
|
|
18113
|
+
/**
|
|
18114
|
+
Disabled hour state.
|
|
18083
18115
|
*/
|
|
18084
18116
|
disabledHour: PropTypes.bool,
|
|
18085
|
-
/**
|
|
18086
|
-
Disabled increase hour state.
|
|
18117
|
+
/**
|
|
18118
|
+
Disabled increase hour state.
|
|
18087
18119
|
*/
|
|
18088
18120
|
disabledHourIncrease: PropTypes.bool,
|
|
18089
|
-
/**
|
|
18090
|
-
Disabled decrease hour state.
|
|
18121
|
+
/**
|
|
18122
|
+
Disabled decrease hour state.
|
|
18091
18123
|
*/
|
|
18092
18124
|
disabledHourDecrease: PropTypes.bool,
|
|
18093
|
-
/**
|
|
18094
|
-
Disabled minute state.
|
|
18125
|
+
/**
|
|
18126
|
+
Disabled minute state.
|
|
18095
18127
|
*/
|
|
18096
18128
|
disabledMinute: PropTypes.bool,
|
|
18097
|
-
/**
|
|
18098
|
-
Disabled increase minute state.
|
|
18129
|
+
/**
|
|
18130
|
+
Disabled increase minute state.
|
|
18099
18131
|
*/
|
|
18100
18132
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18101
|
-
/**
|
|
18102
|
-
Disabled decrease minute state.
|
|
18133
|
+
/**
|
|
18134
|
+
Disabled decrease minute state.
|
|
18103
18135
|
*/
|
|
18104
18136
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18105
|
-
/**
|
|
18106
|
-
Specify the minimum date.
|
|
18137
|
+
/**
|
|
18138
|
+
Specify the minimum date.
|
|
18107
18139
|
*/
|
|
18108
18140
|
minDate: PropTypes.instanceOf(Date),
|
|
18109
|
-
/**
|
|
18110
|
-
Specify the maximum date.
|
|
18141
|
+
/**
|
|
18142
|
+
Specify the maximum date.
|
|
18111
18143
|
*/
|
|
18112
18144
|
maxDate: PropTypes.instanceOf(Date)
|
|
18113
18145
|
};
|
|
18114
18146
|
NativeTimePicker.displayName = 'NativeTimePicker';
|
|
18115
18147
|
|
|
18116
|
-
var _jsxFileName$r = "
|
|
18148
|
+
var _jsxFileName$r = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\InputTimePicker.js";
|
|
18117
18149
|
const getInputPickerValue$1 = date => {
|
|
18118
18150
|
if (!date) return;
|
|
18119
18151
|
return moment(date).format('HH:mm');
|
|
@@ -18160,13 +18192,14 @@ function InputTimePicker({
|
|
|
18160
18192
|
columnNumber: 5
|
|
18161
18193
|
}
|
|
18162
18194
|
}, /*#__PURE__*/React__default.createElement(InputLeftElement, {
|
|
18195
|
+
color: disabled ? 'disabled' : 'primary',
|
|
18163
18196
|
children: /*#__PURE__*/React__default.createElement(TimeOutline, {
|
|
18164
|
-
color:
|
|
18197
|
+
color: "currentColor",
|
|
18165
18198
|
__self: this,
|
|
18166
18199
|
__source: {
|
|
18167
18200
|
fileName: _jsxFileName$r,
|
|
18168
|
-
lineNumber:
|
|
18169
|
-
columnNumber:
|
|
18201
|
+
lineNumber: 51,
|
|
18202
|
+
columnNumber: 19
|
|
18170
18203
|
}
|
|
18171
18204
|
}),
|
|
18172
18205
|
__self: this,
|
|
@@ -18188,7 +18221,7 @@ function InputTimePicker({
|
|
|
18188
18221
|
__self: this,
|
|
18189
18222
|
__source: {
|
|
18190
18223
|
fileName: _jsxFileName$r,
|
|
18191
|
-
lineNumber:
|
|
18224
|
+
lineNumber: 53,
|
|
18192
18225
|
columnNumber: 7
|
|
18193
18226
|
}
|
|
18194
18227
|
}));
|
|
@@ -18212,7 +18245,7 @@ function InputTimePicker({
|
|
|
18212
18245
|
__self: this,
|
|
18213
18246
|
__source: {
|
|
18214
18247
|
fileName: _jsxFileName$r,
|
|
18215
|
-
lineNumber:
|
|
18248
|
+
lineNumber: 67,
|
|
18216
18249
|
columnNumber: 5
|
|
18217
18250
|
}
|
|
18218
18251
|
});
|
|
@@ -18228,7 +18261,7 @@ function InputTimePicker({
|
|
|
18228
18261
|
__self: this,
|
|
18229
18262
|
__source: {
|
|
18230
18263
|
fileName: _jsxFileName$r,
|
|
18231
|
-
lineNumber:
|
|
18264
|
+
lineNumber: 86,
|
|
18232
18265
|
columnNumber: 5
|
|
18233
18266
|
}
|
|
18234
18267
|
}, disabled || readOnly ? /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -18236,14 +18269,14 @@ function InputTimePicker({
|
|
|
18236
18269
|
__self: this,
|
|
18237
18270
|
__source: {
|
|
18238
18271
|
fileName: _jsxFileName$r,
|
|
18239
|
-
lineNumber:
|
|
18272
|
+
lineNumber: 97,
|
|
18240
18273
|
columnNumber: 9
|
|
18241
18274
|
}
|
|
18242
18275
|
}, renderInputGroup()) : /*#__PURE__*/React__default.createElement(PopoverTrigger, {
|
|
18243
18276
|
__self: this,
|
|
18244
18277
|
__source: {
|
|
18245
18278
|
fileName: _jsxFileName$r,
|
|
18246
|
-
lineNumber:
|
|
18279
|
+
lineNumber: 99,
|
|
18247
18280
|
columnNumber: 9
|
|
18248
18281
|
}
|
|
18249
18282
|
}, /*#__PURE__*/React__default.createElement(Box, {
|
|
@@ -18251,7 +18284,7 @@ function InputTimePicker({
|
|
|
18251
18284
|
__self: this,
|
|
18252
18285
|
__source: {
|
|
18253
18286
|
fileName: _jsxFileName$r,
|
|
18254
|
-
lineNumber:
|
|
18287
|
+
lineNumber: 100,
|
|
18255
18288
|
columnNumber: 11
|
|
18256
18289
|
}
|
|
18257
18290
|
}, renderInputGroup())), /*#__PURE__*/React__default.createElement(PopoverContent, {
|
|
@@ -18259,7 +18292,7 @@ function InputTimePicker({
|
|
|
18259
18292
|
__self: this,
|
|
18260
18293
|
__source: {
|
|
18261
18294
|
fileName: _jsxFileName$r,
|
|
18262
|
-
lineNumber:
|
|
18295
|
+
lineNumber: 103,
|
|
18263
18296
|
columnNumber: 7
|
|
18264
18297
|
}
|
|
18265
18298
|
}, renderTimePicker({
|
|
@@ -18271,88 +18304,88 @@ InputTimePicker.defaultProps = {
|
|
|
18271
18304
|
placeholder: 'Select Time'
|
|
18272
18305
|
};
|
|
18273
18306
|
InputTimePicker.propTypes = {
|
|
18274
|
-
/**
|
|
18275
|
-
Additional styles.
|
|
18307
|
+
/**
|
|
18308
|
+
Additional styles.
|
|
18276
18309
|
*/
|
|
18277
18310
|
css: PropTypes.object,
|
|
18278
|
-
/**
|
|
18279
|
-
Disabled state.
|
|
18311
|
+
/**
|
|
18312
|
+
Disabled state.
|
|
18280
18313
|
*/
|
|
18281
18314
|
disabled: PropTypes.bool,
|
|
18282
|
-
/**
|
|
18283
|
-
Disabled hour state.
|
|
18315
|
+
/**
|
|
18316
|
+
Disabled hour state.
|
|
18284
18317
|
*/
|
|
18285
18318
|
disabledHour: PropTypes.bool,
|
|
18286
|
-
/**
|
|
18287
|
-
Disabled increase hour state.
|
|
18319
|
+
/**
|
|
18320
|
+
Disabled increase hour state.
|
|
18288
18321
|
*/
|
|
18289
18322
|
disabledHourIncrease: PropTypes.bool,
|
|
18290
|
-
/**
|
|
18291
|
-
Disabled decrease hour state.
|
|
18323
|
+
/**
|
|
18324
|
+
Disabled decrease hour state.
|
|
18292
18325
|
*/
|
|
18293
18326
|
disabledHourDecrease: PropTypes.bool,
|
|
18294
|
-
/**
|
|
18295
|
-
Disabled minute state.
|
|
18327
|
+
/**
|
|
18328
|
+
Disabled minute state.
|
|
18296
18329
|
*/
|
|
18297
18330
|
disabledMinute: PropTypes.bool,
|
|
18298
|
-
/**
|
|
18299
|
-
Disabled increase minute state.
|
|
18331
|
+
/**
|
|
18332
|
+
Disabled increase minute state.
|
|
18300
18333
|
*/
|
|
18301
18334
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18302
|
-
/**
|
|
18303
|
-
Disabled decrease minute state.
|
|
18335
|
+
/**
|
|
18336
|
+
Disabled decrease minute state.
|
|
18304
18337
|
*/
|
|
18305
18338
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18306
|
-
/**
|
|
18307
|
-
ReadOnly state.
|
|
18339
|
+
/**
|
|
18340
|
+
ReadOnly state.
|
|
18308
18341
|
*/
|
|
18309
18342
|
readOnly: PropTypes.bool,
|
|
18310
|
-
/**
|
|
18311
|
-
Resize time picker.
|
|
18343
|
+
/**
|
|
18344
|
+
Resize time picker.
|
|
18312
18345
|
*/
|
|
18313
18346
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18314
|
-
/**
|
|
18315
|
-
Custom placeholder input time picker.
|
|
18347
|
+
/**
|
|
18348
|
+
Custom placeholder input time picker.
|
|
18316
18349
|
*/
|
|
18317
18350
|
placeholder: PropTypes.string,
|
|
18318
|
-
/**
|
|
18319
|
-
Time picker default value, support moment format.
|
|
18351
|
+
/**
|
|
18352
|
+
Time picker default value, support moment format.
|
|
18320
18353
|
*/
|
|
18321
18354
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18322
|
-
/**
|
|
18323
|
-
Time picker value, support moment format.
|
|
18355
|
+
/**
|
|
18356
|
+
Time picker value, support moment format.
|
|
18324
18357
|
*/
|
|
18325
18358
|
value: PropTypes.instanceOf(Date),
|
|
18326
|
-
/**
|
|
18327
|
-
Change handler.
|
|
18359
|
+
/**
|
|
18360
|
+
Change handler.
|
|
18328
18361
|
*/
|
|
18329
18362
|
onChange: PropTypes.func,
|
|
18330
|
-
/**
|
|
18331
|
-
Placement popover input time picker.
|
|
18363
|
+
/**
|
|
18364
|
+
Placement popover input time picker.
|
|
18332
18365
|
*/
|
|
18333
18366
|
placement: PropTypes.string,
|
|
18334
|
-
/**
|
|
18335
|
-
Specify the minimum date.
|
|
18367
|
+
/**
|
|
18368
|
+
Specify the minimum date.
|
|
18336
18369
|
*/
|
|
18337
18370
|
minDate: PropTypes.instanceOf(Date),
|
|
18338
|
-
/**
|
|
18339
|
-
Specify the maximum date.
|
|
18371
|
+
/**
|
|
18372
|
+
Specify the maximum date.
|
|
18340
18373
|
*/
|
|
18341
18374
|
maxDate: PropTypes.instanceOf(Date),
|
|
18342
|
-
/**
|
|
18343
|
-
* Invalid state input.
|
|
18375
|
+
/**
|
|
18376
|
+
* Invalid state input.
|
|
18344
18377
|
*/
|
|
18345
18378
|
isInvalid: PropTypes.bool,
|
|
18346
|
-
/**
|
|
18347
|
-
If true, the component will rendered on portal element
|
|
18379
|
+
/**
|
|
18380
|
+
If true, the component will rendered on portal element
|
|
18348
18381
|
*/
|
|
18349
18382
|
portalled: PropTypes.bool,
|
|
18350
|
-
/**
|
|
18351
|
-
Additional TimePicker styles.
|
|
18383
|
+
/**
|
|
18384
|
+
Additional TimePicker styles.
|
|
18352
18385
|
*/
|
|
18353
18386
|
contentCss: PropTypes.object,
|
|
18354
|
-
/**
|
|
18355
|
-
Input open change callback.
|
|
18387
|
+
/**
|
|
18388
|
+
Input open change callback.
|
|
18356
18389
|
*/
|
|
18357
18390
|
onInputOpenChange: PropTypes.func
|
|
18358
18391
|
};
|
|
@@ -18542,7 +18575,7 @@ const ArrowButton$1 = styled('button', {
|
|
|
18542
18575
|
},
|
|
18543
18576
|
'&:active': {
|
|
18544
18577
|
backgroundColor: '$bgGreen',
|
|
18545
|
-
color: '$
|
|
18578
|
+
color: '$bgWhite'
|
|
18546
18579
|
},
|
|
18547
18580
|
cursor: 'pointer',
|
|
18548
18581
|
'&:disabled': {
|
|
@@ -18572,7 +18605,7 @@ const CalenderBoxContainer = styled(Box, {
|
|
|
18572
18605
|
flexDirection: 'column',
|
|
18573
18606
|
boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.12)',
|
|
18574
18607
|
borderRadius: '$lg',
|
|
18575
|
-
backgroundColor: '$
|
|
18608
|
+
backgroundColor: '$bgWhite',
|
|
18576
18609
|
padding: '$spacing-03'
|
|
18577
18610
|
});
|
|
18578
18611
|
const CalendarItemContainer$1 = styled(Flex$1, {});
|
|
@@ -18598,7 +18631,7 @@ const TitleButton$1 = styled('p', {
|
|
|
18598
18631
|
},
|
|
18599
18632
|
'&:active': {
|
|
18600
18633
|
backgroundColor: '$bgGreen',
|
|
18601
|
-
color: '$
|
|
18634
|
+
color: '$bgWhite'
|
|
18602
18635
|
},
|
|
18603
18636
|
cursor: 'pointer',
|
|
18604
18637
|
'&:disabled': {
|
|
@@ -18631,7 +18664,7 @@ const MonthButton$1 = styled(Text$1, {
|
|
|
18631
18664
|
},
|
|
18632
18665
|
'&:active': {
|
|
18633
18666
|
backgroundColor: '$bgGreen',
|
|
18634
|
-
color: '$
|
|
18667
|
+
color: '$bgWhite'
|
|
18635
18668
|
},
|
|
18636
18669
|
'&:disabled': {
|
|
18637
18670
|
backgroundColor: '$btnDisable',
|
|
@@ -18642,7 +18675,7 @@ const MonthButton$1 = styled(Text$1, {
|
|
|
18642
18675
|
isSelected: {
|
|
18643
18676
|
true: {
|
|
18644
18677
|
backgroundColor: '$bgGreen',
|
|
18645
|
-
color: '$
|
|
18678
|
+
color: '$bgWhite'
|
|
18646
18679
|
}
|
|
18647
18680
|
}
|
|
18648
18681
|
}
|
|
@@ -20462,7 +20495,9 @@ function InputDatePicker({
|
|
|
20462
20495
|
desktopOnly: desktopOnly
|
|
20463
20496
|
}, {
|
|
20464
20497
|
children: [jsx(InputLeftElement, {
|
|
20465
|
-
children: jsx(CalendarOutline, {
|
|
20498
|
+
children: jsx(CalendarOutline, {
|
|
20499
|
+
color: "currentColor"
|
|
20500
|
+
}, void 0)
|
|
20466
20501
|
}, void 0), jsx(InputText, {
|
|
20467
20502
|
placeholder: placeholder || t('datePickerPlaceholder', 'Pilih Tanggal'),
|
|
20468
20503
|
value: getInputPickerValue(type, selectedDate, showTimePicker),
|
|
@@ -20968,7 +21003,7 @@ function InputSignature({
|
|
|
20968
21003
|
}
|
|
20969
21004
|
|
|
20970
21005
|
const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
|
|
20971
|
-
var _jsxFileName$q = "
|
|
21006
|
+
var _jsxFileName$q = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
|
|
20972
21007
|
const StyledSlider = styled$1(SliderPrimitive.Root, {
|
|
20973
21008
|
position: 'relative',
|
|
20974
21009
|
display: 'flex',
|
|
@@ -21312,7 +21347,7 @@ Slider.defaultProps = {
|
|
|
21312
21347
|
};
|
|
21313
21348
|
|
|
21314
21349
|
const _excluded$9 = ["className", "children", "onClick", "type", "size"];
|
|
21315
|
-
var _jsxFileName$p = "
|
|
21350
|
+
var _jsxFileName$p = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tagStatus\\TagStatus.js";
|
|
21316
21351
|
const TagWrapper$1 = styled('div', {
|
|
21317
21352
|
boxSizing: 'border-box',
|
|
21318
21353
|
fontSize: '12px',
|
|
@@ -21475,7 +21510,7 @@ const _excluded$8 = ["children"],
|
|
|
21475
21510
|
_excluded2$1 = ["children", "activeTabs"],
|
|
21476
21511
|
_excluded3$1 = ["children", "icon", "activeTabs", "value"],
|
|
21477
21512
|
_excluded4 = ["activeTabs"];
|
|
21478
|
-
var _jsxFileName$o = "
|
|
21513
|
+
var _jsxFileName$o = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tabs\\Tabs.js";
|
|
21479
21514
|
const StyledTabs = styled(TabsPrimitive.Root, {
|
|
21480
21515
|
display: 'flex',
|
|
21481
21516
|
flexDirection: 'column',
|
|
@@ -21512,7 +21547,7 @@ const StyledList = styled(TabsPrimitive.List, {
|
|
|
21512
21547
|
const StyledTrigger$1 = styled(TabsPrimitive.Trigger, {
|
|
21513
21548
|
all: 'unset',
|
|
21514
21549
|
fontFamily: 'inherit',
|
|
21515
|
-
backgroundColor: '
|
|
21550
|
+
backgroundColor: '$bgWhite ',
|
|
21516
21551
|
padding: '0 20px',
|
|
21517
21552
|
height: 60,
|
|
21518
21553
|
flex: 1,
|
|
@@ -21570,7 +21605,7 @@ const StyledTrigger$1 = styled(TabsPrimitive.Trigger, {
|
|
|
21570
21605
|
const StyledContent$2 = styled(TabsPrimitive.Content, {
|
|
21571
21606
|
flexGrow: 1,
|
|
21572
21607
|
borderRadius: '$lg',
|
|
21573
|
-
backgroundColor: '$
|
|
21608
|
+
backgroundColor: '$bgWhite ',
|
|
21574
21609
|
outline: 'none',
|
|
21575
21610
|
boxShadow: '$medium'
|
|
21576
21611
|
});
|
|
@@ -21814,7 +21849,7 @@ TabsContent$1.propTypes = {
|
|
|
21814
21849
|
};
|
|
21815
21850
|
|
|
21816
21851
|
const _excluded$7 = ["children", "variantIcon"];
|
|
21817
|
-
var _jsxFileName$n = "
|
|
21852
|
+
var _jsxFileName$n = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\NotificationBadge.js";
|
|
21818
21853
|
const NotificationBadgeRootStyle = styled('span', {
|
|
21819
21854
|
position: 'relative',
|
|
21820
21855
|
display: 'inline-flex',
|
|
@@ -21969,7 +22004,7 @@ NotificationBadge.propTypes = {
|
|
|
21969
22004
|
};
|
|
21970
22005
|
|
|
21971
22006
|
const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
|
|
21972
|
-
var _jsxFileName$m = "
|
|
22007
|
+
var _jsxFileName$m = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
|
|
21973
22008
|
const PaperComponent = styled('div', {
|
|
21974
22009
|
padding: '20px',
|
|
21975
22010
|
height: 'auto',
|
|
@@ -22222,7 +22257,7 @@ const removeUndefinedFields = obj => {
|
|
|
22222
22257
|
};
|
|
22223
22258
|
|
|
22224
22259
|
const _excluded$5 = ["isActive", "onClick"];
|
|
22225
|
-
var _jsxFileName$l = "
|
|
22260
|
+
var _jsxFileName$l = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationButton.js";
|
|
22226
22261
|
const PrevNextButton = styled(Text$1, {
|
|
22227
22262
|
padding: '$spacing-01',
|
|
22228
22263
|
cursor: 'pointer',
|
|
@@ -22716,7 +22751,7 @@ const PaginationButton = ({
|
|
|
22716
22751
|
};
|
|
22717
22752
|
|
|
22718
22753
|
const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
|
|
22719
|
-
var _jsxFileName$k = "
|
|
22754
|
+
var _jsxFileName$k = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationInfo.js";
|
|
22720
22755
|
const LimitContainer = styled(Flex$1, {
|
|
22721
22756
|
cursor: 'pointer'
|
|
22722
22757
|
});
|
|
@@ -22951,7 +22986,7 @@ function PaginationInfo(_ref) {
|
|
|
22951
22986
|
}
|
|
22952
22987
|
|
|
22953
22988
|
const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
|
|
22954
|
-
var _jsxFileName$j = "
|
|
22989
|
+
var _jsxFileName$j = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\Pagination.js";
|
|
22955
22990
|
function Pagination(_ref) {
|
|
22956
22991
|
let {
|
|
22957
22992
|
limit,
|
|
@@ -23825,7 +23860,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
23825
23860
|
});
|
|
23826
23861
|
ScrollSyncNode.displayName = 'ScrollSyncNode';
|
|
23827
23862
|
|
|
23828
|
-
var _jsxFileName$i = "
|
|
23863
|
+
var _jsxFileName$i = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowDraggableColumn.js";
|
|
23829
23864
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
|
|
23830
23865
|
icon: true,
|
|
23831
23866
|
size: "xs",
|
|
@@ -25321,7 +25356,7 @@ const TableColumn = _a => {
|
|
|
25321
25356
|
return jsx("div", {}, void 0);
|
|
25322
25357
|
};
|
|
25323
25358
|
|
|
25324
|
-
var _jsxFileName$h = "
|
|
25359
|
+
var _jsxFileName$h = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
|
|
25325
25360
|
const DateColumn = ({
|
|
25326
25361
|
value,
|
|
25327
25362
|
customFormat
|
|
@@ -25433,7 +25468,7 @@ const PriceColumn = props => {
|
|
|
25433
25468
|
return addThousandSeparator(param);
|
|
25434
25469
|
};
|
|
25435
25470
|
|
|
25436
|
-
var _jsxFileName$g = "
|
|
25471
|
+
var _jsxFileName$g = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderColumn.js";
|
|
25437
25472
|
const rowExpanderColumn = {
|
|
25438
25473
|
id: 'expander',
|
|
25439
25474
|
Header: () => null,
|
|
@@ -25476,7 +25511,7 @@ const rowExpanderColumn = {
|
|
|
25476
25511
|
unsortable: true
|
|
25477
25512
|
};
|
|
25478
25513
|
|
|
25479
|
-
var _jsxFileName$f = "
|
|
25514
|
+
var _jsxFileName$f = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderMultipleColumn.js";
|
|
25480
25515
|
const rowExpanderMultipleColumn = {
|
|
25481
25516
|
id: 'multiple-expander',
|
|
25482
25517
|
Header: () => null,
|
|
@@ -25512,7 +25547,7 @@ const rowExpanderMultipleColumn = {
|
|
|
25512
25547
|
unsortable: true
|
|
25513
25548
|
};
|
|
25514
25549
|
|
|
25515
|
-
var _jsxFileName$e = "
|
|
25550
|
+
var _jsxFileName$e = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowMenuColumn.js";
|
|
25516
25551
|
const rowMenuColumn = (options, icon, config) => ({
|
|
25517
25552
|
id: 'menu',
|
|
25518
25553
|
options,
|
|
@@ -25649,7 +25684,7 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
25649
25684
|
unsortable: true
|
|
25650
25685
|
});
|
|
25651
25686
|
|
|
25652
|
-
var _jsxFileName$d = "
|
|
25687
|
+
var _jsxFileName$d = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionColumn.js";
|
|
25653
25688
|
const rowSelectionColumn = {
|
|
25654
25689
|
id: 'selection',
|
|
25655
25690
|
Header: ({
|
|
@@ -25698,7 +25733,7 @@ const rowSelectionColumn = {
|
|
|
25698
25733
|
unsortable: true
|
|
25699
25734
|
};
|
|
25700
25735
|
|
|
25701
|
-
var _jsxFileName$c = "
|
|
25736
|
+
var _jsxFileName$c = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionCallbackColumn.js";
|
|
25702
25737
|
const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
|
|
25703
25738
|
id: 'selection',
|
|
25704
25739
|
Header: ({
|
|
@@ -26036,7 +26071,7 @@ PageDialog.defaultProps = {
|
|
|
26036
26071
|
};
|
|
26037
26072
|
|
|
26038
26073
|
const _excluded$2 = ["children"];
|
|
26039
|
-
var _jsxFileName$b = "
|
|
26074
|
+
var _jsxFileName$b = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\alertDialog\\AlertDialog.js";
|
|
26040
26075
|
const overlayShow = keyframes({
|
|
26041
26076
|
'0%': {
|
|
26042
26077
|
opacity: 0
|
|
@@ -26671,7 +26706,7 @@ const AlertDialogConfirm = ADialog.Action;
|
|
|
26671
26706
|
const _excluded$1 = ["side", "align", "children"],
|
|
26672
26707
|
_excluded2 = ["children"],
|
|
26673
26708
|
_excluded3 = ["asChild"];
|
|
26674
|
-
var _jsxFileName$a = "
|
|
26709
|
+
var _jsxFileName$a = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\dropdownMenu\\DropdownMenu.js";
|
|
26675
26710
|
const Context = /*#__PURE__*/React__default.createContext();
|
|
26676
26711
|
const slideUpAndFade = keyframes({
|
|
26677
26712
|
'0%': {
|
|
@@ -28951,7 +28986,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
|
|
|
28951
28986
|
}
|
|
28952
28987
|
|
|
28953
28988
|
const _excluded = ["customPreviewIcon"];
|
|
28954
|
-
var _jsxFileName$9 = "
|
|
28989
|
+
var _jsxFileName$9 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\upload\\Upload.js";
|
|
28955
28990
|
const Input$2 = styled('input', {
|
|
28956
28991
|
display: 'none !important'
|
|
28957
28992
|
});
|
|
@@ -30157,159 +30192,159 @@ Upload.defaultProps = {
|
|
|
30157
30192
|
maxWidthOrHeight: 1024
|
|
30158
30193
|
};
|
|
30159
30194
|
Upload.propTypes = {
|
|
30160
|
-
/**
|
|
30161
|
-
Placeholder label of upload.
|
|
30195
|
+
/**
|
|
30196
|
+
Placeholder label of upload.
|
|
30162
30197
|
*/
|
|
30163
30198
|
placeholder: PropTypes.string,
|
|
30164
|
-
/**
|
|
30165
|
-
Disabled state of upload.
|
|
30199
|
+
/**
|
|
30200
|
+
Disabled state of upload.
|
|
30166
30201
|
*/
|
|
30167
30202
|
disabled: PropTypes.bool,
|
|
30168
|
-
/**
|
|
30169
|
-
Built-in stylesheets, support for two types.
|
|
30203
|
+
/**
|
|
30204
|
+
Built-in stylesheets, support for two types.
|
|
30170
30205
|
*/
|
|
30171
30206
|
listType: PropTypes.oneOf(['file', 'picture']),
|
|
30172
|
-
/**
|
|
30173
|
-
Whether to support selected multiple file.
|
|
30207
|
+
/**
|
|
30208
|
+
Whether to support selected multiple file.
|
|
30174
30209
|
*/
|
|
30175
30210
|
multiple: PropTypes.bool,
|
|
30176
|
-
/**
|
|
30177
|
-
List of files to be uploaded.
|
|
30211
|
+
/**
|
|
30212
|
+
List of files to be uploaded.
|
|
30178
30213
|
*/
|
|
30179
30214
|
fileList: PropTypes.array,
|
|
30180
|
-
/**
|
|
30181
|
-
A callback function, can be executed when uploading state is changing.
|
|
30215
|
+
/**
|
|
30216
|
+
A callback function, can be executed when uploading state is changing.
|
|
30182
30217
|
*/
|
|
30183
30218
|
onChange: PropTypes.func,
|
|
30184
|
-
/**
|
|
30185
|
-
A callback function, can be executed when uploading in progress.
|
|
30186
|
-
`(progress) => void`
|
|
30219
|
+
/**
|
|
30220
|
+
A callback function, can be executed when uploading in progress.
|
|
30221
|
+
`(progress) => void`
|
|
30187
30222
|
*/
|
|
30188
30223
|
onProgress: PropTypes.func,
|
|
30189
|
-
/**
|
|
30190
|
-
A callback function, can be executed when uploading is success.
|
|
30191
|
-
`(response) => void`
|
|
30224
|
+
/**
|
|
30225
|
+
A callback function, can be executed when uploading is success.
|
|
30226
|
+
`(response) => void`
|
|
30192
30227
|
*/
|
|
30193
30228
|
onSuccess: PropTypes.func,
|
|
30194
|
-
/**
|
|
30195
|
-
A callback function, can be executed when uploading is error.
|
|
30196
|
-
`(error, response) => void`
|
|
30229
|
+
/**
|
|
30230
|
+
A callback function, can be executed when uploading is error.
|
|
30231
|
+
`(error, response) => void`
|
|
30197
30232
|
*/
|
|
30198
30233
|
onError: PropTypes.func,
|
|
30199
|
-
/**
|
|
30200
|
-
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30234
|
+
/**
|
|
30235
|
+
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30201
30236
|
*/
|
|
30202
30237
|
onPreview: PropTypes.func,
|
|
30203
|
-
/**
|
|
30204
|
-
A callback function, can be executed when remove icon is clicked.
|
|
30238
|
+
/**
|
|
30239
|
+
A callback function, can be executed when remove icon is clicked.
|
|
30205
30240
|
*/
|
|
30206
30241
|
onRemove: PropTypes.func,
|
|
30207
|
-
/**
|
|
30208
|
-
A custom element inside upload container.
|
|
30242
|
+
/**
|
|
30243
|
+
A custom element inside upload container.
|
|
30209
30244
|
*/
|
|
30210
30245
|
children: PropTypes.element,
|
|
30211
|
-
/**
|
|
30212
|
-
Limit the number of uploaded files.
|
|
30246
|
+
/**
|
|
30247
|
+
Limit the number of uploaded files.
|
|
30213
30248
|
*/
|
|
30214
30249
|
max: PropTypes.number,
|
|
30215
|
-
/**
|
|
30216
|
-
Limit the maximum image size in MB.
|
|
30250
|
+
/**
|
|
30251
|
+
Limit the maximum image size in MB.
|
|
30217
30252
|
*/
|
|
30218
30253
|
maxSizeMB: PropTypes.number,
|
|
30219
|
-
/**
|
|
30220
|
-
Limit file type of upload.
|
|
30254
|
+
/**
|
|
30255
|
+
Limit file type of upload.
|
|
30221
30256
|
*/
|
|
30222
30257
|
accept: PropTypes.string,
|
|
30223
|
-
/**
|
|
30224
|
-
Custom label for replace button.
|
|
30258
|
+
/**
|
|
30259
|
+
Custom label for replace button.
|
|
30225
30260
|
*/
|
|
30226
30261
|
replaceLabel: PropTypes.string,
|
|
30227
|
-
/**
|
|
30228
|
-
Custom width of upload container.
|
|
30262
|
+
/**
|
|
30263
|
+
Custom width of upload container.
|
|
30229
30264
|
*/
|
|
30230
30265
|
width: PropTypes.number,
|
|
30231
|
-
/**
|
|
30232
|
-
Custom height of upload container.
|
|
30266
|
+
/**
|
|
30267
|
+
Custom height of upload container.
|
|
30233
30268
|
*/
|
|
30234
30269
|
height: PropTypes.number,
|
|
30235
|
-
/**
|
|
30236
|
-
Additional css.
|
|
30270
|
+
/**
|
|
30271
|
+
Additional css.
|
|
30237
30272
|
*/
|
|
30238
30273
|
css: PropTypes.object,
|
|
30239
|
-
/**
|
|
30240
|
-
Custom title header of cropper modal.
|
|
30274
|
+
/**
|
|
30275
|
+
Custom title header of cropper modal.
|
|
30241
30276
|
*/
|
|
30242
30277
|
cropperTitle: PropTypes.string,
|
|
30243
|
-
/**
|
|
30244
|
-
Add image cropper on upload.
|
|
30278
|
+
/**
|
|
30279
|
+
Add image cropper on upload.
|
|
30245
30280
|
*/
|
|
30246
30281
|
showCropper: PropTypes.bool,
|
|
30247
|
-
/**
|
|
30248
|
-
Hidden toggle aspect ratio image cropper.
|
|
30282
|
+
/**
|
|
30283
|
+
Hidden toggle aspect ratio image cropper.
|
|
30249
30284
|
*/
|
|
30250
30285
|
hiddenToggleAspect: PropTypes.bool,
|
|
30251
|
-
/**
|
|
30252
|
-
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.
|
|
30286
|
+
/**
|
|
30287
|
+
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.
|
|
30253
30288
|
*/
|
|
30254
30289
|
ratio: PropTypes.number,
|
|
30255
|
-
/**
|
|
30256
|
-
Can set error message to the upload.
|
|
30290
|
+
/**
|
|
30291
|
+
Can set error message to the upload.
|
|
30257
30292
|
*/
|
|
30258
30293
|
errorMessage: PropTypes.string,
|
|
30259
|
-
/**
|
|
30260
|
-
Progress of upload process.
|
|
30294
|
+
/**
|
|
30295
|
+
Progress of upload process.
|
|
30261
30296
|
*/
|
|
30262
30297
|
progress: PropTypes.number,
|
|
30263
|
-
/**
|
|
30264
|
-
Auto increment progress of upload process.
|
|
30298
|
+
/**
|
|
30299
|
+
Auto increment progress of upload process.
|
|
30265
30300
|
*/
|
|
30266
30301
|
loading: PropTypes.bool,
|
|
30267
|
-
/**
|
|
30268
|
-
API upload url, allows components to automatically upload directly to API service.
|
|
30302
|
+
/**
|
|
30303
|
+
API upload url, allows components to automatically upload directly to API service.
|
|
30269
30304
|
*/
|
|
30270
30305
|
action: PropTypes.string,
|
|
30271
|
-
/**
|
|
30272
|
-
Custom body request to upload action.
|
|
30306
|
+
/**
|
|
30307
|
+
Custom body request to upload action.
|
|
30273
30308
|
*/
|
|
30274
30309
|
customBodyRequest: PropTypes.func,
|
|
30275
|
-
/**
|
|
30276
|
-
Contains an authentication token for upload API.
|
|
30310
|
+
/**
|
|
30311
|
+
Contains an authentication token for upload API.
|
|
30277
30312
|
*/
|
|
30278
30313
|
token: PropTypes.string,
|
|
30279
|
-
/**
|
|
30280
|
-
Referencing the headers key to attach the token.
|
|
30314
|
+
/**
|
|
30315
|
+
Referencing the headers key to attach the token.
|
|
30281
30316
|
*/
|
|
30282
30317
|
tokenKey: PropTypes.string,
|
|
30283
|
-
/**
|
|
30284
|
-
Referencing the key to attach the file to be sent.
|
|
30318
|
+
/**
|
|
30319
|
+
Referencing the key to attach the file to be sent.
|
|
30285
30320
|
*/
|
|
30286
30321
|
reqKey: PropTypes.string,
|
|
30287
|
-
/**
|
|
30288
|
-
Referencing the key to get the file from the API response.
|
|
30322
|
+
/**
|
|
30323
|
+
Referencing the key to get the file from the API response.
|
|
30289
30324
|
*/
|
|
30290
30325
|
resKey: PropTypes.string,
|
|
30291
|
-
/**
|
|
30292
|
-
To compression image if file size > 1MB.
|
|
30326
|
+
/**
|
|
30327
|
+
To compression image if file size > 1MB.
|
|
30293
30328
|
*/
|
|
30294
30329
|
imageCompression: PropTypes.bool,
|
|
30295
|
-
/**
|
|
30296
|
-
Callback to handle before crop image.
|
|
30330
|
+
/**
|
|
30331
|
+
Callback to handle before crop image.
|
|
30297
30332
|
*/
|
|
30298
30333
|
onBeforeCrop: PropTypes.func,
|
|
30299
|
-
/**
|
|
30300
|
-
Hidden preview icon in upload.
|
|
30334
|
+
/**
|
|
30335
|
+
Hidden preview icon in upload.
|
|
30301
30336
|
*/
|
|
30302
30337
|
hiddenPreview: PropTypes.bool,
|
|
30303
|
-
/**
|
|
30304
|
-
Auto full aspect ratio cropper.
|
|
30338
|
+
/**
|
|
30339
|
+
Auto full aspect ratio cropper.
|
|
30305
30340
|
*/
|
|
30306
30341
|
fullAspectCrop: PropTypes.bool,
|
|
30307
|
-
/**
|
|
30308
|
-
Set custom ratio as Default view
|
|
30342
|
+
/**
|
|
30343
|
+
Set custom ratio as Default view
|
|
30309
30344
|
*/
|
|
30310
30345
|
isDefaultCustomRatio: PropTypes.bool,
|
|
30311
|
-
/**
|
|
30312
|
-
Set max width or height of image
|
|
30346
|
+
/**
|
|
30347
|
+
Set max width or height of image
|
|
30313
30348
|
*/
|
|
30314
30349
|
maxWidthOrHeight: PropTypes.number
|
|
30315
30350
|
};
|
|
@@ -30985,7 +31020,7 @@ const Device = props => {
|
|
|
30985
31020
|
};
|
|
30986
31021
|
Device.displayName = 'DevicePreview';
|
|
30987
31022
|
|
|
30988
|
-
var _jsxFileName$8 = "
|
|
31023
|
+
var _jsxFileName$8 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\InputColorPicker.js";
|
|
30989
31024
|
const Separator$1 = styled('div', {
|
|
30990
31025
|
height: 20,
|
|
30991
31026
|
width: 1,
|
|
@@ -31095,44 +31130,44 @@ function InputColorPicker(props) {
|
|
|
31095
31130
|
}
|
|
31096
31131
|
InputColorPicker.displayName = 'InputColorPicker';
|
|
31097
31132
|
InputColorPicker.propTypes = {
|
|
31098
|
-
/**
|
|
31099
|
-
Specify change InputColorPicker size.
|
|
31133
|
+
/**
|
|
31134
|
+
Specify change InputColorPicker size.
|
|
31100
31135
|
*/
|
|
31101
31136
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
31102
|
-
/**
|
|
31103
|
-
Color code to be displayed.
|
|
31137
|
+
/**
|
|
31138
|
+
Color code to be displayed.
|
|
31104
31139
|
*/
|
|
31105
31140
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
31106
|
-
/**
|
|
31107
|
-
Additional color list.
|
|
31141
|
+
/**
|
|
31142
|
+
Additional color list.
|
|
31108
31143
|
*/
|
|
31109
31144
|
presetColors: PropTypes.array,
|
|
31110
|
-
/**
|
|
31111
|
-
Change event handler.
|
|
31145
|
+
/**
|
|
31146
|
+
Change event handler.
|
|
31112
31147
|
*/
|
|
31113
31148
|
onChange: PropTypes.func,
|
|
31114
|
-
/**
|
|
31115
|
-
Add preset color event handler.
|
|
31149
|
+
/**
|
|
31150
|
+
Add preset color event handler.
|
|
31116
31151
|
*/
|
|
31117
31152
|
onAddColor: PropTypes.func,
|
|
31118
|
-
/**
|
|
31119
|
-
Disable opacity selector.
|
|
31153
|
+
/**
|
|
31154
|
+
Disable opacity selector.
|
|
31120
31155
|
*/
|
|
31121
31156
|
disableAlpha: PropTypes.bool,
|
|
31122
|
-
/**
|
|
31123
|
-
Input placement.
|
|
31157
|
+
/**
|
|
31158
|
+
Input placement.
|
|
31124
31159
|
*/
|
|
31125
31160
|
placement: PropTypes.string,
|
|
31126
|
-
/**
|
|
31127
|
-
Define is mobile layout or not.
|
|
31161
|
+
/**
|
|
31162
|
+
Define is mobile layout or not.
|
|
31128
31163
|
*/
|
|
31129
31164
|
isMobile: PropTypes.bool,
|
|
31130
|
-
/**
|
|
31131
|
-
Define popover custom styling.
|
|
31165
|
+
/**
|
|
31166
|
+
Define popover custom styling.
|
|
31132
31167
|
*/
|
|
31133
31168
|
popoverCss: PropTypes.shape({}),
|
|
31134
|
-
/**
|
|
31135
|
-
Disabled state.
|
|
31169
|
+
/**
|
|
31170
|
+
Disabled state.
|
|
31136
31171
|
*/
|
|
31137
31172
|
disabled: PropTypes.bool
|
|
31138
31173
|
};
|
|
@@ -31146,7 +31181,7 @@ InputColorPicker.defaultProps = {
|
|
|
31146
31181
|
|
|
31147
31182
|
var img$d = "data:image/gif;base64,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";
|
|
31148
31183
|
|
|
31149
|
-
var _jsxFileName$7 = "
|
|
31184
|
+
var _jsxFileName$7 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorMap.js";
|
|
31150
31185
|
const Container$7 = styled('div', {
|
|
31151
31186
|
userSelect: 'none',
|
|
31152
31187
|
margin: 'auto',
|
|
@@ -33107,7 +33142,7 @@ function ColorMap({
|
|
|
33107
33142
|
})));
|
|
33108
33143
|
}
|
|
33109
33144
|
|
|
33110
|
-
var _jsxFileName$6 = "
|
|
33145
|
+
var _jsxFileName$6 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorFields.js";
|
|
33111
33146
|
const CheckBoard = styled(Flex$1, {
|
|
33112
33147
|
background: '$bgwhite',
|
|
33113
33148
|
border: '1px solid #E5E7EB',
|
|
@@ -33308,7 +33343,7 @@ function ColorFields({
|
|
|
33308
33343
|
}, "%")));
|
|
33309
33344
|
}
|
|
33310
33345
|
|
|
33311
|
-
var _jsxFileName$5 = "
|
|
33346
|
+
var _jsxFileName$5 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\ColorPicker.js";
|
|
33312
33347
|
const Container$6 = styled(Flex$1, {
|
|
33313
33348
|
background: '$white',
|
|
33314
33349
|
padding: 16,
|
|
@@ -33799,24 +33834,24 @@ function ColorPicker({
|
|
|
33799
33834
|
})))))));
|
|
33800
33835
|
}
|
|
33801
33836
|
ColorPicker.propTypes = {
|
|
33802
|
-
/**
|
|
33803
|
-
Color code to be displayed.
|
|
33837
|
+
/**
|
|
33838
|
+
Color code to be displayed.
|
|
33804
33839
|
*/
|
|
33805
33840
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
33806
|
-
/**
|
|
33807
|
-
Additional color list
|
|
33841
|
+
/**
|
|
33842
|
+
Additional color list
|
|
33808
33843
|
*/
|
|
33809
33844
|
presetColors: PropTypes.array,
|
|
33810
|
-
/**
|
|
33811
|
-
Change event handler
|
|
33845
|
+
/**
|
|
33846
|
+
Change event handler
|
|
33812
33847
|
*/
|
|
33813
33848
|
onChange: PropTypes.func,
|
|
33814
|
-
/**
|
|
33815
|
-
Add preset color event handler
|
|
33849
|
+
/**
|
|
33850
|
+
Add preset color event handler
|
|
33816
33851
|
*/
|
|
33817
33852
|
onAddColor: PropTypes.func,
|
|
33818
|
-
/**
|
|
33819
|
-
Disable opacity selector
|
|
33853
|
+
/**
|
|
33854
|
+
Disable opacity selector
|
|
33820
33855
|
*/
|
|
33821
33856
|
disableAlpha: PropTypes.bool
|
|
33822
33857
|
};
|
|
@@ -33825,7 +33860,7 @@ ColorPicker.defaultProps = {
|
|
|
33825
33860
|
};
|
|
33826
33861
|
var ColorPicker$1 = ColorWrap(ColorPicker);
|
|
33827
33862
|
|
|
33828
|
-
var _jsxFileName$4 = "
|
|
33863
|
+
var _jsxFileName$4 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\stepWizard\\StepWizard.js";
|
|
33829
33864
|
const StepWizardContext = /*#__PURE__*/React__default.createContext({});
|
|
33830
33865
|
const Stepper = StepWizard$1;
|
|
33831
33866
|
Stepper.displayName = 'Stepper';
|
|
@@ -34548,7 +34583,7 @@ StepWizard.defaultProps = {
|
|
|
34548
34583
|
isLazyMount: true
|
|
34549
34584
|
};
|
|
34550
34585
|
|
|
34551
|
-
var _jsxFileName$3 = "
|
|
34586
|
+
var _jsxFileName$3 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\transition.js";
|
|
34552
34587
|
function Collapse({
|
|
34553
34588
|
children,
|
|
34554
34589
|
isOpen
|
|
@@ -34591,7 +34626,7 @@ Collapse.defaultProps = {
|
|
|
34591
34626
|
isOpen: false
|
|
34592
34627
|
};
|
|
34593
34628
|
|
|
34594
|
-
var _jsxFileName$2 = "
|
|
34629
|
+
var _jsxFileName$2 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\TableOfContent.js";
|
|
34595
34630
|
const DesktopContainer = styled(Flex$1, {
|
|
34596
34631
|
display: 'none',
|
|
34597
34632
|
'& .active-scroll-spy': {
|
|
@@ -34952,7 +34987,7 @@ TableOfContentPage.defaultProps = {
|
|
|
34952
34987
|
useBoxMethod: true
|
|
34953
34988
|
};
|
|
34954
34989
|
|
|
34955
|
-
var _jsxFileName$1 = "
|
|
34990
|
+
var _jsxFileName$1 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\editableTable\\transition.js";
|
|
34956
34991
|
function Collapalse({
|
|
34957
34992
|
children,
|
|
34958
34993
|
isOpen
|
|
@@ -56466,7 +56501,7 @@ PieChartComponent.defaultProps = {
|
|
|
56466
56501
|
innerRadius: 70
|
|
56467
56502
|
};
|
|
56468
56503
|
|
|
56469
|
-
var _jsxFileName = "
|
|
56504
|
+
var _jsxFileName = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\colors\\Colors.js";
|
|
56470
56505
|
const StyledPaper = styled(Paper, {
|
|
56471
56506
|
borderRadius: '10px 10px 0 0',
|
|
56472
56507
|
padding: 15,
|