@majoo-ui/react 1.61.20-rc.7 → 1.61.20
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 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
|
|
61
61
|
function ThemeProvider({
|
|
62
62
|
name,
|
|
63
63
|
theme,
|
|
@@ -403,10 +403,10 @@ var SHARED = '__core-js_shared__';
|
|
|
403
403
|
var store$3 = sharedStore.exports = globalThis$p[SHARED] || defineGlobalProperty$2(SHARED, {});
|
|
404
404
|
|
|
405
405
|
(store$3.versions || (store$3.versions = [])).push({
|
|
406
|
-
version: '3.
|
|
406
|
+
version: '3.45.1',
|
|
407
407
|
mode: 'global',
|
|
408
408
|
copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
|
|
409
|
-
license: 'https://github.com/zloirock/core-js/blob/v3.
|
|
409
|
+
license: 'https://github.com/zloirock/core-js/blob/v3.45.1/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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$$ = "/Users/hanabyan/Sourcecode/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$_ = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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';
|
|
@@ -5961,7 +5961,7 @@ Toast.defaultProps = {
|
|
|
5961
5961
|
};
|
|
5962
5962
|
|
|
5963
5963
|
const _excluded$t = ["preventDuplicate"];
|
|
5964
|
-
var _jsxFileName$U = "
|
|
5964
|
+
var _jsxFileName$U = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/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 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
|
|
8073
8073
|
const InputGroupStyle = styled('div', {
|
|
8074
8074
|
display: 'flex',
|
|
8075
8075
|
width: '100%',
|
|
@@ -8239,12 +8239,12 @@ const InputGroup = _ref => {
|
|
|
8239
8239
|
}));
|
|
8240
8240
|
};
|
|
8241
8241
|
InputGroup.propTypes = {
|
|
8242
|
-
/**
|
|
8243
|
-
Adjust Input Text Size
|
|
8242
|
+
/**
|
|
8243
|
+
Adjust Input Text Size
|
|
8244
8244
|
*/
|
|
8245
8245
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
8246
|
-
/**
|
|
8247
|
-
Children must be InputText, InputAddon, or InputPrefixes
|
|
8246
|
+
/**
|
|
8247
|
+
Children must be InputText, InputAddon, or InputPrefixes
|
|
8248
8248
|
*/
|
|
8249
8249
|
children: PropTypes.node.isRequired,
|
|
8250
8250
|
/** Error state */
|
|
@@ -8418,7 +8418,7 @@ InputSuffix.propTypes = {
|
|
|
8418
8418
|
};
|
|
8419
8419
|
|
|
8420
8420
|
const _excluded$m = ["disabled", "readOnly"];
|
|
8421
|
-
var _jsxFileName$K = "
|
|
8421
|
+
var _jsxFileName$K = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
|
|
8422
8422
|
const disabledStyle = {
|
|
8423
8423
|
backgroundColor: '$formDisable',
|
|
8424
8424
|
color: '$textDisable',
|
|
@@ -8548,8 +8548,8 @@ const StyledInput$1 = styled('input', {
|
|
|
8548
8548
|
}
|
|
8549
8549
|
}
|
|
8550
8550
|
},
|
|
8551
|
-
/**
|
|
8552
|
-
* Please insert size with string 'sm' | 'lg'
|
|
8551
|
+
/**
|
|
8552
|
+
* Please insert size with string 'sm' | 'lg'
|
|
8553
8553
|
*/
|
|
8554
8554
|
size: {
|
|
8555
8555
|
sm: {
|
|
@@ -8620,7 +8620,7 @@ InputText.propTypes = {
|
|
|
8620
8620
|
InputText.displayName = 'InputText';
|
|
8621
8621
|
|
|
8622
8622
|
const _excluded$l = ["disabled", "readOnly"];
|
|
8623
|
-
var _jsxFileName$J = "
|
|
8623
|
+
var _jsxFileName$J = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
|
|
8624
8624
|
const StyledTextArea = styled(StyledInput$1, {
|
|
8625
8625
|
variants: {
|
|
8626
8626
|
size: {
|
|
@@ -8698,7 +8698,7 @@ InputTextArea.defaultProps = {
|
|
|
8698
8698
|
|
|
8699
8699
|
const InputRadioContext = /*#__PURE__*/React__default.createContext();
|
|
8700
8700
|
|
|
8701
|
-
var _jsxFileName$I = "
|
|
8701
|
+
var _jsxFileName$I = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
|
|
8702
8702
|
const RadioGroup = styled(RadioGroupPrimitive.Root, Flex$1);
|
|
8703
8703
|
function InputRadioGroup(props) {
|
|
8704
8704
|
return (props == null ? void 0 : props.children) && /*#__PURE__*/React__default.createElement(InputRadioContext.Provider, {
|
|
@@ -8732,7 +8732,7 @@ InputRadioGroup.propTypes = {
|
|
|
8732
8732
|
InputRadioGroup.displayName = 'InputRadioGroup';
|
|
8733
8733
|
|
|
8734
8734
|
const _excluded$k = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
|
|
8735
|
-
var _jsxFileName$H = "
|
|
8735
|
+
var _jsxFileName$H = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
|
|
8736
8736
|
const INDICATOR_BASE_STYLES = {
|
|
8737
8737
|
alignItems: 'center',
|
|
8738
8738
|
display: 'flex',
|
|
@@ -11099,7 +11099,7 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
|
|
|
11099
11099
|
NumberFormat.defaultProps = defaultProps;
|
|
11100
11100
|
|
|
11101
11101
|
const _excluded$j = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
|
|
11102
|
-
var _jsxFileName$G = "
|
|
11102
|
+
var _jsxFileName$G = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
|
|
11103
11103
|
const StyledInput = styled(NumberFormat, {
|
|
11104
11104
|
// Reset
|
|
11105
11105
|
appearance: 'none',
|
|
@@ -11360,7 +11360,7 @@ InputNumber.name = 'InputText';
|
|
|
11360
11360
|
InputNumber.displayName = 'InputNumber';
|
|
11361
11361
|
|
|
11362
11362
|
const _excluded$i = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
|
|
11363
|
-
var _jsxFileName$F = "
|
|
11363
|
+
var _jsxFileName$F = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/tag/Tag.js";
|
|
11364
11364
|
const TagWrapper$4 = styled('div', {
|
|
11365
11365
|
boxSizing: 'border-box',
|
|
11366
11366
|
listStyle: 'none',
|
|
@@ -11536,7 +11536,7 @@ Tag.defaultProps = {
|
|
|
11536
11536
|
};
|
|
11537
11537
|
|
|
11538
11538
|
const _excluded$h = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
|
|
11539
|
-
var _jsxFileName$E = "
|
|
11539
|
+
var _jsxFileName$E = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
|
|
11540
11540
|
const Wrapper$2 = styled('div', {
|
|
11541
11541
|
margin: 0,
|
|
11542
11542
|
flexDirection: 'column',
|
|
@@ -11833,7 +11833,7 @@ TagsInput.defaultProps = {
|
|
|
11833
11833
|
};
|
|
11834
11834
|
|
|
11835
11835
|
const _excluded$g = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
|
|
11836
|
-
var _jsxFileName$D = "
|
|
11836
|
+
var _jsxFileName$D = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
|
|
11837
11837
|
const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
|
|
11838
11838
|
display: 'block',
|
|
11839
11839
|
width: '16px',
|
|
@@ -11938,7 +11938,7 @@ InputSwitch.propTypes = {
|
|
|
11938
11938
|
};
|
|
11939
11939
|
InputSwitch.displayName = 'InputSwitch';
|
|
11940
11940
|
|
|
11941
|
-
var _jsxFileName$C = "
|
|
11941
|
+
var _jsxFileName$C = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
|
|
11942
11942
|
const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
11943
11943
|
width: props.size,
|
|
11944
11944
|
height: props.size,
|
|
@@ -11997,7 +11997,7 @@ SvgCloseFilled.defaultProps = {
|
|
|
11997
11997
|
size: 24
|
|
11998
11998
|
};
|
|
11999
11999
|
|
|
12000
|
-
var _jsxFileName$B = "
|
|
12000
|
+
var _jsxFileName$B = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
|
|
12001
12001
|
const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
12002
12002
|
width: props.size,
|
|
12003
12003
|
height: props.size,
|
|
@@ -12038,7 +12038,7 @@ SvgSearchOutline.defaultProps = {
|
|
|
12038
12038
|
};
|
|
12039
12039
|
|
|
12040
12040
|
const _excluded$f = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
|
|
12041
|
-
var _jsxFileName$A = "
|
|
12041
|
+
var _jsxFileName$A = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
|
|
12042
12042
|
const {
|
|
12043
12043
|
colors: colors$6
|
|
12044
12044
|
} = foundations;
|
|
@@ -12528,7 +12528,7 @@ function isFunction$1(value) {
|
|
|
12528
12528
|
var isFunction_1 = isFunction$1;
|
|
12529
12529
|
|
|
12530
12530
|
const _excluded$e = ["children"];
|
|
12531
|
-
var _jsxFileName$z = "
|
|
12531
|
+
var _jsxFileName$z = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/popover/Popover.js";
|
|
12532
12532
|
const {
|
|
12533
12533
|
zIndices: zIndices$1
|
|
12534
12534
|
} = foundations;
|
|
@@ -14105,7 +14105,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
14105
14105
|
}), void 0);
|
|
14106
14106
|
});
|
|
14107
14107
|
|
|
14108
|
-
var _jsxFileName$y = "
|
|
14108
|
+
var _jsxFileName$y = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/icon/CheckOutline.js";
|
|
14109
14109
|
const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
14110
14110
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14111
14111
|
xmlSpace: "preserve",
|
|
@@ -14185,14 +14185,8 @@ function OptionGroupItem({
|
|
|
14185
14185
|
}), void 0);
|
|
14186
14186
|
}
|
|
14187
14187
|
|
|
14188
|
-
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"
|
|
14189
|
-
var _jsxFileName$x = "
|
|
14190
|
-
|
|
14191
|
-
// Polyfill for startTransition (React 17 compatibility)
|
|
14192
|
-
const startTransition = React__default.startTransition || (callback => {
|
|
14193
|
-
// For React 17, use setTimeout to defer updates
|
|
14194
|
-
setTimeout(callback, 0);
|
|
14195
|
-
});
|
|
14188
|
+
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"];
|
|
14189
|
+
var _jsxFileName$x = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
|
|
14196
14190
|
const Wrapper$1 = styled('div', {
|
|
14197
14191
|
margin: 0,
|
|
14198
14192
|
flexDirection: 'column',
|
|
@@ -14448,7 +14442,7 @@ const IndeterminateFilled$1 = styled('div', {
|
|
|
14448
14442
|
alignItems: 'center'
|
|
14449
14443
|
});
|
|
14450
14444
|
const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
14451
|
-
var _ref2, _selectedItems$filter, _selectedItems$filter2, _selectedItems$filter3;
|
|
14445
|
+
var _initItem$reduce, _ref2, _selectedItems$filter, _selectedItems$filter2, _selectedItems$filter3;
|
|
14452
14446
|
let {
|
|
14453
14447
|
placeholder,
|
|
14454
14448
|
option,
|
|
@@ -14491,9 +14485,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14491
14485
|
onSelectAllChecked,
|
|
14492
14486
|
totalOptions,
|
|
14493
14487
|
clearSearchOnSelect,
|
|
14494
|
-
onItemClick
|
|
14495
|
-
virtualized,
|
|
14496
|
-
virtualizedThreshold
|
|
14488
|
+
onItemClick
|
|
14497
14489
|
} = _ref,
|
|
14498
14490
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
14499
14491
|
const {
|
|
@@ -14511,100 +14503,6 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14511
14503
|
const [query, setQuery] = React__default.useState('');
|
|
14512
14504
|
const scrollerRef = React__default.useRef(null);
|
|
14513
14505
|
const isShowSelectAll = showSelectAll && !maxSelectedItem;
|
|
14514
|
-
|
|
14515
|
-
// Use Set for O(1) lookup performance with large datasets
|
|
14516
|
-
const selectedValueSet = useMemo(() => new Set(selectedValue), [selectedValue]);
|
|
14517
|
-
|
|
14518
|
-
// Calculate total item count efficiently without creating full array
|
|
14519
|
-
const totalItemCount = useMemo(() => {
|
|
14520
|
-
return items.reduce((count, item) => {
|
|
14521
|
-
if (item != null && item.children) {
|
|
14522
|
-
return count + 1 + item.children.length; // parent + children
|
|
14523
|
-
}
|
|
14524
|
-
return count + 1;
|
|
14525
|
-
}, 0);
|
|
14526
|
-
}, [items]);
|
|
14527
|
-
|
|
14528
|
-
// Batched onChange to prevent multiple rapid calls
|
|
14529
|
-
const onChangeTimeoutRef = useRef(null);
|
|
14530
|
-
const batchedOnChange = useCallback(values => {
|
|
14531
|
-
// Clear any pending onChange calls
|
|
14532
|
-
if (onChangeTimeoutRef.current) {
|
|
14533
|
-
clearTimeout(onChangeTimeoutRef.current);
|
|
14534
|
-
}
|
|
14535
|
-
|
|
14536
|
-
// For large datasets, batch the onChange call to prevent freezing
|
|
14537
|
-
if (totalItemCount > 10000) {
|
|
14538
|
-
onChangeTimeoutRef.current = setTimeout(() => {
|
|
14539
|
-
onChange == null || onChange(values);
|
|
14540
|
-
}, 0);
|
|
14541
|
-
} else {
|
|
14542
|
-
// For smaller datasets, call immediately
|
|
14543
|
-
onChange == null || onChange(values);
|
|
14544
|
-
}
|
|
14545
|
-
}, [onChange, totalItemCount]);
|
|
14546
|
-
|
|
14547
|
-
// Determine if virtualization should be enabled
|
|
14548
|
-
const shouldVirtualize = virtualized && totalItemCount >= virtualizedThreshold;
|
|
14549
|
-
|
|
14550
|
-
// Lazy item lookup function - only compute when needed
|
|
14551
|
-
const getItemAtIndex = useCallback(index => {
|
|
14552
|
-
let currentIndex = 0;
|
|
14553
|
-
for (let i = 0; i < items.length; i++) {
|
|
14554
|
-
const item = items[i];
|
|
14555
|
-
if (item != null && item.children) {
|
|
14556
|
-
// Check if index is the group header
|
|
14557
|
-
if (currentIndex === index) {
|
|
14558
|
-
return {
|
|
14559
|
-
type: 'group',
|
|
14560
|
-
item,
|
|
14561
|
-
originalIndex: i
|
|
14562
|
-
};
|
|
14563
|
-
}
|
|
14564
|
-
currentIndex++;
|
|
14565
|
-
|
|
14566
|
-
// Check if index is within children
|
|
14567
|
-
for (let j = 0; j < item.children.length; j++) {
|
|
14568
|
-
if (currentIndex === index) {
|
|
14569
|
-
return {
|
|
14570
|
-
type: 'child',
|
|
14571
|
-
item: item.children[j],
|
|
14572
|
-
originalIndex: i,
|
|
14573
|
-
childIndex: j
|
|
14574
|
-
};
|
|
14575
|
-
}
|
|
14576
|
-
currentIndex++;
|
|
14577
|
-
}
|
|
14578
|
-
} else {
|
|
14579
|
-
// Regular item
|
|
14580
|
-
if (currentIndex === index) {
|
|
14581
|
-
return {
|
|
14582
|
-
type: 'item',
|
|
14583
|
-
item,
|
|
14584
|
-
originalIndex: i
|
|
14585
|
-
};
|
|
14586
|
-
}
|
|
14587
|
-
currentIndex++;
|
|
14588
|
-
}
|
|
14589
|
-
}
|
|
14590
|
-
return null;
|
|
14591
|
-
}, [items]);
|
|
14592
|
-
|
|
14593
|
-
// Dynamic overscan based on dataset size
|
|
14594
|
-
const overscanCount = useMemo(() => {
|
|
14595
|
-
if (totalItemCount > 10000) return 5;
|
|
14596
|
-
if (totalItemCount > 1000) return 8;
|
|
14597
|
-
return 10;
|
|
14598
|
-
}, [totalItemCount]);
|
|
14599
|
-
|
|
14600
|
-
// Setup virtualization
|
|
14601
|
-
const rowVirtualizer = useVirtual({
|
|
14602
|
-
size: totalItemCount,
|
|
14603
|
-
parentRef: scrollerRef,
|
|
14604
|
-
estimateSize: useCallback(() => 44, []),
|
|
14605
|
-
// Estimated height of each item
|
|
14606
|
-
overscan: overscanCount
|
|
14607
|
-
});
|
|
14608
14506
|
useMountedLayoutEffect(() => {
|
|
14609
14507
|
var _scrollerRef$current;
|
|
14610
14508
|
(_scrollerRef$current = scrollerRef.current) == null || _scrollerRef$current.scrollTo({
|
|
@@ -14640,43 +14538,6 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14640
14538
|
return [...res, ...filterOption]; // add the missing elements
|
|
14641
14539
|
}
|
|
14642
14540
|
}, []) : option;
|
|
14643
|
-
|
|
14644
|
-
// Create a fast lookup map for item names (for large datasets)
|
|
14645
|
-
const itemLookupMap = useMemo(() => {
|
|
14646
|
-
if ((initItem == null ? void 0 : initItem.length) <= 10000) return null;
|
|
14647
|
-
const map = new Map();
|
|
14648
|
-
for (let i = 0; i < initItem.length; i++) {
|
|
14649
|
-
const item = initItem[i];
|
|
14650
|
-
map.set(item.id, item);
|
|
14651
|
-
if (item.children) {
|
|
14652
|
-
for (let j = 0; j < item.children.length; j++) {
|
|
14653
|
-
const child = item.children[j];
|
|
14654
|
-
map.set(child.id, child);
|
|
14655
|
-
}
|
|
14656
|
-
}
|
|
14657
|
-
}
|
|
14658
|
-
return map;
|
|
14659
|
-
}, [initItem]);
|
|
14660
|
-
|
|
14661
|
-
// Memoize selected items to prevent expensive recalculation on every render
|
|
14662
|
-
const memoizedSelectedItems = useMemo(() => {
|
|
14663
|
-
var _initItem$reduce;
|
|
14664
|
-
if (selectedValue.length === 0) return [];
|
|
14665
|
-
|
|
14666
|
-
// For very large datasets, use lookup map for O(1) access
|
|
14667
|
-
if ((initItem == null ? void 0 : initItem.length) > 10000 && itemLookupMap) {
|
|
14668
|
-
return selectedValue.map(id => {
|
|
14669
|
-
const item = itemLookupMap.get(id);
|
|
14670
|
-
return item || {
|
|
14671
|
-
id,
|
|
14672
|
-
name: id
|
|
14673
|
-
}; // Fallback to id as name if not found
|
|
14674
|
-
});
|
|
14675
|
-
}
|
|
14676
|
-
|
|
14677
|
-
// For smaller datasets, do the full flatten and filter
|
|
14678
|
-
return (initItem == null || (_initItem$reduce = initItem.reduce((acc, item) => [...acc, item, ...(item.children ? item.children : [])], [])) == null ? void 0 : _initItem$reduce.filter(item => selectedValueSet.has(item.id))) || [];
|
|
14679
|
-
}, [selectedValue, initItem, selectedValueSet, itemLookupMap]);
|
|
14680
14541
|
const {
|
|
14681
14542
|
getSelectedItemProps,
|
|
14682
14543
|
getDropdownProps,
|
|
@@ -14684,7 +14545,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14684
14545
|
removeSelectedItem,
|
|
14685
14546
|
selectedItems
|
|
14686
14547
|
} = useMultipleSelection({
|
|
14687
|
-
selectedItems:
|
|
14548
|
+
selectedItems: selectedValue.length > 0 ? initItem == null || (_initItem$reduce = initItem.reduce((acc, item) => [...acc, item, ...(item.children ? item.children : [])], [])) == null ? void 0 : _initItem$reduce.filter(item => selectedValue.includes(item.id)) : []
|
|
14688
14549
|
});
|
|
14689
14550
|
const generateOptions = data => {
|
|
14690
14551
|
return data.map(option => {
|
|
@@ -14749,7 +14610,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14749
14610
|
if ((selected == null ? void 0 : selected.id) === 'counter') {
|
|
14750
14611
|
setSelectedValue([]);
|
|
14751
14612
|
setInputSelectValue([]);
|
|
14752
|
-
|
|
14613
|
+
onChange == null || onChange([]);
|
|
14753
14614
|
for (let i = 0; i < selectedValue.length; i++) {
|
|
14754
14615
|
removeSelectedItem(selectedValue[i]);
|
|
14755
14616
|
}
|
|
@@ -14759,28 +14620,11 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14759
14620
|
setSelectedValue(filterItems);
|
|
14760
14621
|
setInputSelectValue(filterItems);
|
|
14761
14622
|
if (selected.id !== '!all') {
|
|
14762
|
-
|
|
14623
|
+
onChange == null || onChange(filterItems);
|
|
14763
14624
|
}
|
|
14764
14625
|
}
|
|
14765
14626
|
}
|
|
14766
14627
|
};
|
|
14767
|
-
|
|
14768
|
-
// Memoize flattened items for useCombobox to prevent recalculation on every render
|
|
14769
|
-
const flattenedItemsForCombobox = useMemo(() => {
|
|
14770
|
-
// We need all items for selection to work properly, even for large datasets
|
|
14771
|
-
// Optimize by using for loops instead of reduce/spread for better performance
|
|
14772
|
-
const result = [];
|
|
14773
|
-
for (let i = 0; i < items.length; i++) {
|
|
14774
|
-
const item = items[i];
|
|
14775
|
-
result.push(item);
|
|
14776
|
-
if (item.children) {
|
|
14777
|
-
for (let j = 0; j < item.children.length; j++) {
|
|
14778
|
-
result.push(item.children[j]);
|
|
14779
|
-
}
|
|
14780
|
-
}
|
|
14781
|
-
}
|
|
14782
|
-
return result;
|
|
14783
|
-
}, [items]);
|
|
14784
14628
|
const {
|
|
14785
14629
|
getToggleButtonProps,
|
|
14786
14630
|
getMenuProps,
|
|
@@ -14792,7 +14636,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14792
14636
|
isOpen
|
|
14793
14637
|
} = useCombobox({
|
|
14794
14638
|
inputValue,
|
|
14795
|
-
items:
|
|
14639
|
+
items: items.reduce((acc, item) => [...acc, item, ...(item.children ? item.children : [])], []),
|
|
14796
14640
|
selectedItem: selectedValue,
|
|
14797
14641
|
itemToString: item => item ? item.name : '',
|
|
14798
14642
|
onStateChange: ({
|
|
@@ -14826,13 +14670,9 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14826
14670
|
removeSelectedItem(item);
|
|
14827
14671
|
}
|
|
14828
14672
|
});
|
|
14829
|
-
|
|
14830
|
-
|
|
14831
|
-
|
|
14832
|
-
setSelectedValue([]);
|
|
14833
|
-
setInputSelectValue([]);
|
|
14834
|
-
});
|
|
14835
|
-
batchedOnChange([]);
|
|
14673
|
+
setSelectedValue([]);
|
|
14674
|
+
setInputSelectValue([]);
|
|
14675
|
+
onChange == null || onChange([]);
|
|
14836
14676
|
} else {
|
|
14837
14677
|
removeItem(selectedItem);
|
|
14838
14678
|
}
|
|
@@ -14840,34 +14680,27 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14840
14680
|
}
|
|
14841
14681
|
} else {
|
|
14842
14682
|
if (selectedItem.id === '!all') {
|
|
14843
|
-
// Optimized select all - batch operations instead of individual calls
|
|
14844
14683
|
const itemIds = [];
|
|
14845
|
-
const itemsToAdd = [];
|
|
14846
14684
|
items.filter(item => !item.isDisabled).forEach(item => {
|
|
14847
14685
|
var _item$children3;
|
|
14848
14686
|
if (item != null && (_item$children3 = item.children) != null && _item$children3.length) {
|
|
14849
|
-
|
|
14850
|
-
|
|
14851
|
-
|
|
14687
|
+
var _item$children4;
|
|
14688
|
+
item == null || (_item$children4 = item.children) == null || _item$children4.filter(item => !item.isDisabled).forEach(item => {
|
|
14689
|
+
addSelectedItem(item);
|
|
14690
|
+
itemIds.push(item.id);
|
|
14852
14691
|
});
|
|
14853
14692
|
} else {
|
|
14854
|
-
|
|
14693
|
+
addSelectedItem(item);
|
|
14855
14694
|
itemIds.push(item.id);
|
|
14856
14695
|
}
|
|
14857
14696
|
});
|
|
14858
|
-
|
|
14859
|
-
|
|
14860
|
-
|
|
14861
|
-
|
|
14862
|
-
// Use startTransition for non-urgent state updates
|
|
14863
|
-
startTransition(() => {
|
|
14864
|
-
setSelectedValue(itemIds);
|
|
14865
|
-
setInputSelectValue(itemIds);
|
|
14866
|
-
});
|
|
14697
|
+
setSelectedValue(itemIds);
|
|
14698
|
+
setInputSelectValue(itemIds);
|
|
14699
|
+
// onChange?.(itemIds.slice(1).filter(id => !items.find(item => item.id === id)?.children?.length));
|
|
14867
14700
|
if (onSelectAllChecked) {
|
|
14868
14701
|
onSelectAllChecked(itemIds.slice(1));
|
|
14869
14702
|
} else {
|
|
14870
|
-
|
|
14703
|
+
onChange == null || onChange(itemIds.slice(1));
|
|
14871
14704
|
}
|
|
14872
14705
|
} else {
|
|
14873
14706
|
var _selectedItem$childre;
|
|
@@ -14876,48 +14709,34 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14876
14709
|
var _selectedItem$childre2;
|
|
14877
14710
|
const itemIdsSelect = [];
|
|
14878
14711
|
const itemIdsUnSelect = [];
|
|
14879
|
-
const itemsToAdd = [];
|
|
14880
|
-
const itemsToRemove = [];
|
|
14881
14712
|
selectedItem == null || (_selectedItem$childre2 = selectedItem.children) == null || _selectedItem$childre2.filter(item => !item.isDisabled).forEach(item => {
|
|
14882
|
-
if (
|
|
14883
|
-
|
|
14713
|
+
if (selectedValue != null && selectedValue.includes(item.id)) {
|
|
14714
|
+
removeSelectedItem(item);
|
|
14884
14715
|
itemIdsUnSelect.push(item.id);
|
|
14885
14716
|
} else {
|
|
14886
|
-
|
|
14717
|
+
addSelectedItem(item);
|
|
14887
14718
|
itemIdsSelect.push(item.id);
|
|
14888
14719
|
}
|
|
14889
14720
|
});
|
|
14890
14721
|
|
|
14891
|
-
// Batch add/remove operations
|
|
14892
|
-
itemsToAdd.forEach(item => addSelectedItem(item));
|
|
14893
|
-
itemsToRemove.forEach(item => removeSelectedItem(item));
|
|
14894
|
-
|
|
14895
14722
|
//select all child in one of the option groups
|
|
14896
14723
|
if (itemIdsSelect.length) {
|
|
14897
|
-
|
|
14898
|
-
|
|
14899
|
-
|
|
14900
|
-
|
|
14901
|
-
setSelectedValue(_newSelectedValue);
|
|
14902
|
-
setInputSelectValue(_newSelectedValue);
|
|
14903
|
-
});
|
|
14904
|
-
const _filteredSelectedValues = _newSelectedValue.filter(val => val !== '!all');
|
|
14905
|
-
batchedOnChange(_filteredSelectedValues);
|
|
14724
|
+
setSelectedValue([...selectedValue, ...itemIdsSelect]);
|
|
14725
|
+
setInputSelectValue([...selectedValue, ...itemIdsSelect]);
|
|
14726
|
+
const _filteredSelectedValues = selectedValue.filter(val => val !== '!all');
|
|
14727
|
+
onChange == null || onChange([..._filteredSelectedValues, ...itemIdsSelect]);
|
|
14906
14728
|
}
|
|
14907
14729
|
|
|
14908
14730
|
//unselect all child in one of the option groups
|
|
14909
14731
|
if (itemIdsUnSelect.length) {
|
|
14910
|
-
|
|
14911
|
-
|
|
14912
|
-
|
|
14913
|
-
|
|
14914
|
-
// Use startTransition for non-urgent updates
|
|
14915
|
-
startTransition(() => {
|
|
14916
|
-
setSelectedValue(_newSelectedValue2);
|
|
14917
|
-
setInputSelectValue(_newSelectedValue2);
|
|
14732
|
+
const newSelectedValue = selectedValue.filter(selId => {
|
|
14733
|
+
var _itemIdsUnSelect$filt;
|
|
14734
|
+
return ((_itemIdsUnSelect$filt = itemIdsUnSelect.filter(unselId => unselId === selId && unselId)) == null ? void 0 : _itemIdsUnSelect$filt[0]) !== selId && selId;
|
|
14918
14735
|
});
|
|
14919
|
-
|
|
14920
|
-
|
|
14736
|
+
setSelectedValue(newSelectedValue);
|
|
14737
|
+
setInputSelectValue(newSelectedValue);
|
|
14738
|
+
const _filteredSelectedValues2 = newSelectedValue.filter(val => val !== '!all');
|
|
14739
|
+
onChange == null || onChange(_filteredSelectedValues2);
|
|
14921
14740
|
}
|
|
14922
14741
|
return;
|
|
14923
14742
|
}
|
|
@@ -14931,15 +14750,10 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14931
14750
|
//end check the child from one of the option groups
|
|
14932
14751
|
|
|
14933
14752
|
addSelectedItem(selectedItem);
|
|
14934
|
-
|
|
14935
|
-
|
|
14936
|
-
// Use startTransition for non-urgent updates
|
|
14937
|
-
startTransition(() => {
|
|
14938
|
-
setSelectedValue(newSelectedValue);
|
|
14939
|
-
setInputSelectValue(newSelectedValue);
|
|
14940
|
-
});
|
|
14753
|
+
setSelectedValue([...selectedValue, selectedItem.id]);
|
|
14754
|
+
setInputSelectValue([...selectedValue, selectedItem.id]);
|
|
14941
14755
|
const filteredSelectedValues = selectedValue.filter(val => val !== '!all');
|
|
14942
|
-
|
|
14756
|
+
onChange == null || onChange([...filteredSelectedValues, selectedItem.id]);
|
|
14943
14757
|
}
|
|
14944
14758
|
selectItem(null);
|
|
14945
14759
|
}
|
|
@@ -14972,15 +14786,8 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14972
14786
|
}
|
|
14973
14787
|
});
|
|
14974
14788
|
const memoOptions = useMemo(() => {
|
|
14975
|
-
// Skip expensive operations for very large datasets
|
|
14976
|
-
const isVeryLarge = (option == null ? void 0 : option.length) > 10000;
|
|
14977
|
-
|
|
14978
|
-
// For very large datasets, skip sorting and copying to improve performance
|
|
14979
|
-
if (isVeryLarge && !maxSelectedItem) {
|
|
14980
|
-
return option || [];
|
|
14981
|
-
}
|
|
14982
14789
|
const optionsCopy = option ? [...option] : [];
|
|
14983
|
-
if (sortBy === 'id'
|
|
14790
|
+
if (sortBy === 'id') {
|
|
14984
14791
|
optionsCopy.sort((a, b) => {
|
|
14985
14792
|
const idA = typeof a.id === 'string' ? a.id.toUpperCase() : a.id;
|
|
14986
14793
|
const idB = typeof b.id === 'string' ? b.id.toUpperCase() : b.id;
|
|
@@ -14990,7 +14797,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14990
14797
|
if (idA > idB) return 1;
|
|
14991
14798
|
return 0;
|
|
14992
14799
|
});
|
|
14993
|
-
} else if (sortBy === 'name'
|
|
14800
|
+
} else if (sortBy === 'name') {
|
|
14994
14801
|
optionsCopy.sort((a, b) => {
|
|
14995
14802
|
const nameA = typeof a.name === 'string' ? a.name.toUpperCase() : a.name;
|
|
14996
14803
|
const nameB = typeof b.name === 'string' ? b.name.toUpperCase() : b.name;
|
|
@@ -15013,20 +14820,10 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15013
14820
|
return item;
|
|
15014
14821
|
}) : optionsCopy;
|
|
15015
14822
|
}, [maxSelectedItem, option, selectedValue, sortBy]);
|
|
15016
|
-
const memoOptionsString = useMemo(() =>
|
|
15017
|
-
|
|
15018
|
-
|
|
15019
|
-
|
|
15020
|
-
}
|
|
15021
|
-
return JSON.stringify(memoOptions);
|
|
15022
|
-
}, [memoOptions]);
|
|
15023
|
-
|
|
15024
|
-
// Optimize itemsLength calculation - avoid creating arrays
|
|
15025
|
-
const itemsLength = useMemo(() => {
|
|
15026
|
-
return (items == null ? void 0 : items.reduce((count, item) => {
|
|
15027
|
-
return count + (item.children ? item.children.length : 1);
|
|
15028
|
-
}, 0)) || 0;
|
|
15029
|
-
}, [items]);
|
|
14823
|
+
const memoOptionsString = useMemo(() => JSON.stringify(memoOptions), [memoOptions]);
|
|
14824
|
+
const itemsLength = items == null ? void 0 : items.reduce((acc, item) => {
|
|
14825
|
+
return [...acc, ...(item.children ? item.children : [item])];
|
|
14826
|
+
}, []).length;
|
|
15030
14827
|
useEffect(() => {
|
|
15031
14828
|
if (!inputValue || fetchData) {
|
|
15032
14829
|
setItems(isShowSelectAll ? [{
|
|
@@ -15092,7 +14889,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15092
14889
|
}
|
|
15093
14890
|
onItemClick({
|
|
15094
14891
|
item,
|
|
15095
|
-
isSelected: !
|
|
14892
|
+
isSelected: !selectedValue.includes(item.id)
|
|
15096
14893
|
});
|
|
15097
14894
|
},
|
|
15098
14895
|
css: {
|
|
@@ -15104,7 +14901,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15104
14901
|
__self: undefined,
|
|
15105
14902
|
__source: {
|
|
15106
14903
|
fileName: _jsxFileName$x,
|
|
15107
|
-
lineNumber:
|
|
14904
|
+
lineNumber: 774,
|
|
15108
14905
|
columnNumber: 9
|
|
15109
14906
|
}
|
|
15110
14907
|
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
@@ -15118,7 +14915,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15118
14915
|
__self: undefined,
|
|
15119
14916
|
__source: {
|
|
15120
14917
|
fileName: _jsxFileName$x,
|
|
15121
|
-
lineNumber:
|
|
14918
|
+
lineNumber: 793,
|
|
15122
14919
|
columnNumber: 11
|
|
15123
14920
|
}
|
|
15124
14921
|
}, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -15126,29 +14923,29 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15126
14923
|
__self: undefined,
|
|
15127
14924
|
__source: {
|
|
15128
14925
|
fileName: _jsxFileName$x,
|
|
15129
|
-
lineNumber:
|
|
14926
|
+
lineNumber: 805,
|
|
15130
14927
|
columnNumber: 17
|
|
15131
14928
|
}
|
|
15132
|
-
}) :
|
|
14929
|
+
}) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15133
14930
|
color: colors$7.iconGreen,
|
|
15134
14931
|
__self: undefined,
|
|
15135
14932
|
__source: {
|
|
15136
14933
|
fileName: _jsxFileName$x,
|
|
15137
|
-
lineNumber:
|
|
14934
|
+
lineNumber: 809,
|
|
15138
14935
|
columnNumber: 19
|
|
15139
14936
|
}
|
|
15140
14937
|
})), isShowSelectAll && (item == null ? void 0 : item.id) === '!all' && selectedValue != null && selectedValue.length && (selectedValue == null ? void 0 : selectedValue.length) < itemsLength ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
|
|
15141
14938
|
__self: undefined,
|
|
15142
14939
|
__source: {
|
|
15143
14940
|
fileName: _jsxFileName$x,
|
|
15144
|
-
lineNumber:
|
|
14941
|
+
lineNumber: 813,
|
|
15145
14942
|
columnNumber: 15
|
|
15146
14943
|
}
|
|
15147
14944
|
}, "-") : /*#__PURE__*/React__default.createElement("div", {
|
|
15148
14945
|
__self: undefined,
|
|
15149
14946
|
__source: {
|
|
15150
14947
|
fileName: _jsxFileName$x,
|
|
15151
|
-
lineNumber:
|
|
14948
|
+
lineNumber: 815,
|
|
15152
14949
|
columnNumber: 15
|
|
15153
14950
|
}
|
|
15154
14951
|
})), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
@@ -15159,18 +14956,18 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15159
14956
|
__self: undefined,
|
|
15160
14957
|
__source: {
|
|
15161
14958
|
fileName: _jsxFileName$x,
|
|
15162
|
-
lineNumber:
|
|
14959
|
+
lineNumber: 818,
|
|
15163
14960
|
columnNumber: 11
|
|
15164
14961
|
}
|
|
15165
14962
|
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
|
|
15166
14963
|
};
|
|
15167
14964
|
let lastGroupIndex = showSelectAll ? 1 : 0;
|
|
15168
14965
|
const renderOptionGroupItem = (item, index) => {
|
|
15169
|
-
var _item$
|
|
14966
|
+
var _item$children5, _item$children6, _item$children7, _item$children8;
|
|
15170
14967
|
// const groupIndex = (index > (showSelectAll ? 1 : 0)) ? lastGroupIndex : 0;
|
|
15171
14968
|
const groupIndex = lastGroupIndex;
|
|
15172
|
-
lastGroupIndex += ((item == null || (_item$
|
|
15173
|
-
const filterSelectedChild = item == null || (_item$
|
|
14969
|
+
lastGroupIndex += ((item == null || (_item$children5 = item.children) == null ? void 0 : _item$children5.length) || 0) + 1;
|
|
14970
|
+
const filterSelectedChild = item == null || (_item$children6 = item.children) == null ? void 0 : _item$children6.filter(e => selectedValue.includes(e.id) && !e.isDisabled);
|
|
15174
14971
|
return /*#__PURE__*/React__default.createElement(OptionGroupItem, {
|
|
15175
14972
|
item: /*#__PURE__*/React__default.createElement(ItemWrapper$1, _extends({
|
|
15176
14973
|
key: item.id
|
|
@@ -15187,7 +14984,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15187
14984
|
__self: undefined,
|
|
15188
14985
|
__source: {
|
|
15189
14986
|
fileName: _jsxFileName$x,
|
|
15190
|
-
lineNumber:
|
|
14987
|
+
lineNumber: 834,
|
|
15191
14988
|
columnNumber: 13
|
|
15192
14989
|
}
|
|
15193
14990
|
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
@@ -15200,7 +14997,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15200
14997
|
__self: undefined,
|
|
15201
14998
|
__source: {
|
|
15202
14999
|
fileName: _jsxFileName$x,
|
|
15203
|
-
lineNumber:
|
|
15000
|
+
lineNumber: 847,
|
|
15204
15001
|
columnNumber: 15
|
|
15205
15002
|
}
|
|
15206
15003
|
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -15208,22 +15005,22 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15208
15005
|
__self: undefined,
|
|
15209
15006
|
__source: {
|
|
15210
15007
|
fileName: _jsxFileName$x,
|
|
15211
|
-
lineNumber:
|
|
15008
|
+
lineNumber: 857,
|
|
15212
15009
|
columnNumber: 19
|
|
15213
15010
|
}
|
|
15214
|
-
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$
|
|
15011
|
+
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$children7 = item.children) == null || (_item$children7 = _item$children7.filter(e => !e.isDisabled)) == null ? void 0 : _item$children7.length) ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15215
15012
|
color: colors$7.iconGreen,
|
|
15216
15013
|
__self: undefined,
|
|
15217
15014
|
__source: {
|
|
15218
15015
|
fileName: _jsxFileName$x,
|
|
15219
|
-
lineNumber:
|
|
15016
|
+
lineNumber: 859,
|
|
15220
15017
|
columnNumber: 19
|
|
15221
15018
|
}
|
|
15222
15019
|
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
|
|
15223
15020
|
__self: undefined,
|
|
15224
15021
|
__source: {
|
|
15225
15022
|
fileName: _jsxFileName$x,
|
|
15226
|
-
lineNumber:
|
|
15023
|
+
lineNumber: 861,
|
|
15227
15024
|
columnNumber: 19
|
|
15228
15025
|
}
|
|
15229
15026
|
}, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
@@ -15234,17 +15031,17 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15234
15031
|
__self: undefined,
|
|
15235
15032
|
__source: {
|
|
15236
15033
|
fileName: _jsxFileName$x,
|
|
15237
|
-
lineNumber:
|
|
15034
|
+
lineNumber: 864,
|
|
15238
15035
|
columnNumber: 15
|
|
15239
15036
|
}
|
|
15240
15037
|
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
|
|
15241
15038
|
__self: undefined,
|
|
15242
15039
|
__source: {
|
|
15243
15040
|
fileName: _jsxFileName$x,
|
|
15244
|
-
lineNumber:
|
|
15041
|
+
lineNumber: 832,
|
|
15245
15042
|
columnNumber: 9
|
|
15246
15043
|
}
|
|
15247
|
-
}, item == null || (_item$
|
|
15044
|
+
}, item == null || (_item$children8 = item.children) == null ? void 0 : _item$children8.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
|
|
15248
15045
|
};
|
|
15249
15046
|
return /*#__PURE__*/React__default.createElement(Wrapper$1, _extends({
|
|
15250
15047
|
css: css
|
|
@@ -15254,7 +15051,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15254
15051
|
__self: undefined,
|
|
15255
15052
|
__source: {
|
|
15256
15053
|
fileName: _jsxFileName$x,
|
|
15257
|
-
lineNumber:
|
|
15054
|
+
lineNumber: 876,
|
|
15258
15055
|
columnNumber: 7
|
|
15259
15056
|
}
|
|
15260
15057
|
}), /*#__PURE__*/React__default.createElement(Select, {
|
|
@@ -15264,7 +15061,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15264
15061
|
__self: undefined,
|
|
15265
15062
|
__source: {
|
|
15266
15063
|
fileName: _jsxFileName$x,
|
|
15267
|
-
lineNumber:
|
|
15064
|
+
lineNumber: 877,
|
|
15268
15065
|
columnNumber: 9
|
|
15269
15066
|
}
|
|
15270
15067
|
}, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
|
|
@@ -15279,7 +15076,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15279
15076
|
__self: undefined,
|
|
15280
15077
|
__source: {
|
|
15281
15078
|
fileName: _jsxFileName$x,
|
|
15282
|
-
lineNumber:
|
|
15079
|
+
lineNumber: 878,
|
|
15283
15080
|
columnNumber: 11
|
|
15284
15081
|
}
|
|
15285
15082
|
}), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
|
|
@@ -15297,7 +15094,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15297
15094
|
__self: undefined,
|
|
15298
15095
|
__source: {
|
|
15299
15096
|
fileName: _jsxFileName$x,
|
|
15300
|
-
lineNumber:
|
|
15097
|
+
lineNumber: 888,
|
|
15301
15098
|
columnNumber: 13
|
|
15302
15099
|
}
|
|
15303
15100
|
})), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
|
|
@@ -15311,7 +15108,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15311
15108
|
__self: undefined,
|
|
15312
15109
|
__source: {
|
|
15313
15110
|
fileName: _jsxFileName$x,
|
|
15314
|
-
lineNumber:
|
|
15111
|
+
lineNumber: 895,
|
|
15315
15112
|
columnNumber: 13
|
|
15316
15113
|
}
|
|
15317
15114
|
}), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
|
|
@@ -15322,7 +15119,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15322
15119
|
__self: undefined,
|
|
15323
15120
|
__source: {
|
|
15324
15121
|
fileName: _jsxFileName$x,
|
|
15325
|
-
lineNumber:
|
|
15122
|
+
lineNumber: 906,
|
|
15326
15123
|
columnNumber: 11
|
|
15327
15124
|
}
|
|
15328
15125
|
}), /*#__PURE__*/React__default.createElement(IconCaretDown, {
|
|
@@ -15330,7 +15127,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15330
15127
|
__self: undefined,
|
|
15331
15128
|
__source: {
|
|
15332
15129
|
fileName: _jsxFileName$x,
|
|
15333
|
-
lineNumber:
|
|
15130
|
+
lineNumber: 911,
|
|
15334
15131
|
columnNumber: 13
|
|
15335
15132
|
}
|
|
15336
15133
|
}))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15343,7 +15140,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15343
15140
|
__self: undefined,
|
|
15344
15141
|
__source: {
|
|
15345
15142
|
fileName: _jsxFileName$x,
|
|
15346
|
-
lineNumber:
|
|
15143
|
+
lineNumber: 915,
|
|
15347
15144
|
columnNumber: 11
|
|
15348
15145
|
}
|
|
15349
15146
|
}, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
|
|
@@ -15351,7 +15148,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15351
15148
|
__self: undefined,
|
|
15352
15149
|
__source: {
|
|
15353
15150
|
fileName: _jsxFileName$x,
|
|
15354
|
-
lineNumber:
|
|
15151
|
+
lineNumber: 921,
|
|
15355
15152
|
columnNumber: 13
|
|
15356
15153
|
}
|
|
15357
15154
|
}, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
|
|
@@ -15372,7 +15169,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15372
15169
|
__self: undefined,
|
|
15373
15170
|
__source: {
|
|
15374
15171
|
fileName: _jsxFileName$x,
|
|
15375
|
-
lineNumber:
|
|
15172
|
+
lineNumber: 923,
|
|
15376
15173
|
columnNumber: 17
|
|
15377
15174
|
}
|
|
15378
15175
|
}), selectAllLabel != null ? selectAllLabel : t('selectAllLabelText', 'Pilih Semua')) : selectedItems == null || (_selectedItems$filter = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null || (_selectedItems$filter = _selectedItems$filter.filter((_, idx) => {
|
|
@@ -15403,7 +15200,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15403
15200
|
__self: undefined,
|
|
15404
15201
|
__source: {
|
|
15405
15202
|
fileName: _jsxFileName$x,
|
|
15406
|
-
lineNumber:
|
|
15203
|
+
lineNumber: 952,
|
|
15407
15204
|
columnNumber: 21
|
|
15408
15205
|
}
|
|
15409
15206
|
}), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15412,7 +15209,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15412
15209
|
__self: undefined,
|
|
15413
15210
|
__source: {
|
|
15414
15211
|
fileName: _jsxFileName$x,
|
|
15415
|
-
lineNumber:
|
|
15212
|
+
lineNumber: 975,
|
|
15416
15213
|
columnNumber: 15
|
|
15417
15214
|
}
|
|
15418
15215
|
}, /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15422,14 +15219,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15422
15219
|
__self: undefined,
|
|
15423
15220
|
__source: {
|
|
15424
15221
|
fileName: _jsxFileName$x,
|
|
15425
|
-
lineNumber:
|
|
15222
|
+
lineNumber: 976,
|
|
15426
15223
|
columnNumber: 17
|
|
15427
15224
|
}
|
|
15428
15225
|
}, /*#__PURE__*/React__default.createElement(Separator$2, {
|
|
15429
15226
|
__self: undefined,
|
|
15430
15227
|
__source: {
|
|
15431
15228
|
fileName: _jsxFileName$x,
|
|
15432
|
-
lineNumber:
|
|
15229
|
+
lineNumber: 977,
|
|
15433
15230
|
columnNumber: 19
|
|
15434
15231
|
}
|
|
15435
15232
|
}), /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15443,7 +15240,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15443
15240
|
__self: undefined,
|
|
15444
15241
|
__source: {
|
|
15445
15242
|
fileName: _jsxFileName$x,
|
|
15446
|
-
lineNumber:
|
|
15243
|
+
lineNumber: 978,
|
|
15447
15244
|
columnNumber: 19
|
|
15448
15245
|
}
|
|
15449
15246
|
}, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
|
|
@@ -15451,7 +15248,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15451
15248
|
__self: undefined,
|
|
15452
15249
|
__source: {
|
|
15453
15250
|
fileName: _jsxFileName$x,
|
|
15454
|
-
lineNumber:
|
|
15251
|
+
lineNumber: 984,
|
|
15455
15252
|
columnNumber: 23
|
|
15456
15253
|
}
|
|
15457
15254
|
}) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
@@ -15459,7 +15256,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15459
15256
|
__self: undefined,
|
|
15460
15257
|
__source: {
|
|
15461
15258
|
fileName: _jsxFileName$x,
|
|
15462
|
-
lineNumber:
|
|
15259
|
+
lineNumber: 986,
|
|
15463
15260
|
columnNumber: 23
|
|
15464
15261
|
}
|
|
15465
15262
|
}), /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15471,14 +15268,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15471
15268
|
__self: undefined,
|
|
15472
15269
|
__source: {
|
|
15473
15270
|
fileName: _jsxFileName$x,
|
|
15474
|
-
lineNumber:
|
|
15271
|
+
lineNumber: 988,
|
|
15475
15272
|
columnNumber: 21
|
|
15476
15273
|
}
|
|
15477
15274
|
}, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
|
|
15478
15275
|
__self: undefined,
|
|
15479
15276
|
__source: {
|
|
15480
15277
|
fileName: _jsxFileName$x,
|
|
15481
|
-
lineNumber:
|
|
15278
|
+
lineNumber: 992,
|
|
15482
15279
|
columnNumber: 19
|
|
15483
15280
|
}
|
|
15484
15281
|
})), showCollapsibleCounter && /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15489,7 +15286,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15489
15286
|
__self: undefined,
|
|
15490
15287
|
__source: {
|
|
15491
15288
|
fileName: _jsxFileName$x,
|
|
15492
|
-
lineNumber:
|
|
15289
|
+
lineNumber: 995,
|
|
15493
15290
|
columnNumber: 19
|
|
15494
15291
|
}
|
|
15495
15292
|
}, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter2 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter2.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`))), showCounter && !isShowTagSelectAll && Boolean(selectedItems == null ? void 0 : selectedItems.length) && /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15501,7 +15298,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15501
15298
|
__self: undefined,
|
|
15502
15299
|
__source: {
|
|
15503
15300
|
fileName: _jsxFileName$x,
|
|
15504
|
-
lineNumber:
|
|
15301
|
+
lineNumber: 1006,
|
|
15505
15302
|
columnNumber: 11
|
|
15506
15303
|
}
|
|
15507
15304
|
}, `${totalOptions ? totalOptions : selectedItems == null || (_selectedItems$filter3 = selectedItems.filter(item => (item == null ? void 0 : item.id) !== '!all')) == null ? void 0 : _selectedItems$filter3.length} ${labelCounter || t('labelCounterText', 'Item terpilih')}`), /*#__PURE__*/React__default.createElement(OptionWrapper$1, {
|
|
@@ -15514,7 +15311,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15514
15311
|
__self: undefined,
|
|
15515
15312
|
__source: {
|
|
15516
15313
|
fileName: _jsxFileName$x,
|
|
15517
|
-
lineNumber:
|
|
15314
|
+
lineNumber: 1013,
|
|
15518
15315
|
columnNumber: 9
|
|
15519
15316
|
}
|
|
15520
15317
|
}, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15536,7 +15333,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15536
15333
|
__self: undefined,
|
|
15537
15334
|
__source: {
|
|
15538
15335
|
fileName: _jsxFileName$x,
|
|
15539
|
-
lineNumber:
|
|
15336
|
+
lineNumber: 1023,
|
|
15540
15337
|
columnNumber: 13
|
|
15541
15338
|
}
|
|
15542
15339
|
}, /*#__PURE__*/React__default.createElement(Text$1, {
|
|
@@ -15544,7 +15341,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15544
15341
|
__self: undefined,
|
|
15545
15342
|
__source: {
|
|
15546
15343
|
fileName: _jsxFileName$x,
|
|
15547
|
-
lineNumber:
|
|
15344
|
+
lineNumber: 1040,
|
|
15548
15345
|
columnNumber: 15
|
|
15549
15346
|
}
|
|
15550
15347
|
}, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
|
|
@@ -15556,7 +15353,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15556
15353
|
__self: undefined,
|
|
15557
15354
|
__source: {
|
|
15558
15355
|
fileName: _jsxFileName$x,
|
|
15559
|
-
lineNumber:
|
|
15356
|
+
lineNumber: 1045,
|
|
15560
15357
|
columnNumber: 13
|
|
15561
15358
|
}
|
|
15562
15359
|
}), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
|
|
@@ -15579,127 +15376,17 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15579
15376
|
__self: undefined,
|
|
15580
15377
|
__source: {
|
|
15581
15378
|
fileName: _jsxFileName$x,
|
|
15582
|
-
lineNumber:
|
|
15379
|
+
lineNumber: 1049,
|
|
15583
15380
|
columnNumber: 19
|
|
15584
15381
|
}
|
|
15585
15382
|
}, child),
|
|
15586
15383
|
__self: undefined,
|
|
15587
15384
|
__source: {
|
|
15588
15385
|
fileName: _jsxFileName$x,
|
|
15589
|
-
lineNumber:
|
|
15386
|
+
lineNumber: 1046,
|
|
15590
15387
|
columnNumber: 15
|
|
15591
15388
|
}
|
|
15592
|
-
}, isOpen &&
|
|
15593
|
-
/*#__PURE__*/
|
|
15594
|
-
// Virtualized rendering for large lists
|
|
15595
|
-
React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
15596
|
-
style: {
|
|
15597
|
-
height: `${rowVirtualizer.totalSize}px`,
|
|
15598
|
-
position: 'relative',
|
|
15599
|
-
width: '100%'
|
|
15600
|
-
},
|
|
15601
|
-
__self: undefined,
|
|
15602
|
-
__source: {
|
|
15603
|
-
fileName: _jsxFileName$x,
|
|
15604
|
-
lineNumber: 1267,
|
|
15605
|
-
columnNumber: 21
|
|
15606
|
-
}
|
|
15607
|
-
}, rowVirtualizer.virtualItems.map(virtualRow => {
|
|
15608
|
-
var _item$children8, _item$children9, _item$children0;
|
|
15609
|
-
const virtualItem = getItemAtIndex(virtualRow.index);
|
|
15610
|
-
if (!virtualItem) return null;
|
|
15611
|
-
const {
|
|
15612
|
-
type,
|
|
15613
|
-
item
|
|
15614
|
-
} = virtualItem;
|
|
15615
|
-
return /*#__PURE__*/React__default.createElement("div", {
|
|
15616
|
-
key: `${type}-${item.id}-${virtualRow.index}`,
|
|
15617
|
-
style: {
|
|
15618
|
-
position: 'absolute',
|
|
15619
|
-
top: 0,
|
|
15620
|
-
left: 0,
|
|
15621
|
-
width: '100%',
|
|
15622
|
-
transform: `translateY(${virtualRow.start}px)`
|
|
15623
|
-
},
|
|
15624
|
-
__self: undefined,
|
|
15625
|
-
__source: {
|
|
15626
|
-
fileName: _jsxFileName$x,
|
|
15627
|
-
lineNumber: 1275,
|
|
15628
|
-
columnNumber: 27
|
|
15629
|
-
}
|
|
15630
|
-
}, type === 'group' ?
|
|
15631
|
-
/*#__PURE__*/
|
|
15632
|
-
// Render option group header (without children, as they're rendered separately)
|
|
15633
|
-
React__default.createElement(ItemWrapper$1, _extends({}, getItemProps({
|
|
15634
|
-
item,
|
|
15635
|
-
index: virtualRow.index,
|
|
15636
|
-
disabled: item.isDisabled
|
|
15637
|
-
}), {
|
|
15638
|
-
css: {
|
|
15639
|
-
backgroundColor: highlightedIndex === virtualRow.index ? '$bgGray' : '$bgWhite',
|
|
15640
|
-
cursor: item.isDisabled ? 'not-allowed' : 'pointer',
|
|
15641
|
-
color: item.isDisabled ? '$textDisable' : 'textPrimary',
|
|
15642
|
-
fontWeight: 600
|
|
15643
|
-
},
|
|
15644
|
-
__self: undefined,
|
|
15645
|
-
__source: {
|
|
15646
|
-
fileName: _jsxFileName$x,
|
|
15647
|
-
lineNumber: 1287,
|
|
15648
|
-
columnNumber: 31
|
|
15649
|
-
}
|
|
15650
|
-
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
15651
|
-
css: Object.assign({
|
|
15652
|
-
width: '16px',
|
|
15653
|
-
height: '16px',
|
|
15654
|
-
border: '1px solid $bgBorder',
|
|
15655
|
-
cursor: item.isDisabled ? 'not-allowed' : 'pointer'
|
|
15656
|
-
}, checkBoxCss),
|
|
15657
|
-
__self: undefined,
|
|
15658
|
-
__source: {
|
|
15659
|
-
fileName: _jsxFileName$x,
|
|
15660
|
-
lineNumber: 1300,
|
|
15661
|
-
columnNumber: 33
|
|
15662
|
-
}
|
|
15663
|
-
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15664
|
-
color: colors$7.iconDisable,
|
|
15665
|
-
__self: undefined,
|
|
15666
|
-
__source: {
|
|
15667
|
-
fileName: _jsxFileName$x,
|
|
15668
|
-
lineNumber: 1310,
|
|
15669
|
-
columnNumber: 37
|
|
15670
|
-
}
|
|
15671
|
-
}) : (item == null || (_item$children8 = item.children) == null || (_item$children8 = _item$children8.filter(e => selectedValueSet.has(e.id) && !e.isDisabled)) == null ? void 0 : _item$children8.length) === (item == null || (_item$children9 = item.children) == null || (_item$children9 = _item$children9.filter(e => !e.isDisabled)) == null ? void 0 : _item$children9.length) ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15672
|
-
color: colors$7.iconGreen,
|
|
15673
|
-
__self: undefined,
|
|
15674
|
-
__source: {
|
|
15675
|
-
fileName: _jsxFileName$x,
|
|
15676
|
-
lineNumber: 1314,
|
|
15677
|
-
columnNumber: 39
|
|
15678
|
-
}
|
|
15679
|
-
}) : (item == null || (_item$children0 = item.children) == null || (_item$children0 = _item$children0.filter(e => selectedValueSet.has(e.id) && !e.isDisabled)) == null ? void 0 : _item$children0.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
|
|
15680
|
-
__self: undefined,
|
|
15681
|
-
__source: {
|
|
15682
|
-
fileName: _jsxFileName$x,
|
|
15683
|
-
lineNumber: 1316,
|
|
15684
|
-
columnNumber: 39
|
|
15685
|
-
}
|
|
15686
|
-
}, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
15687
|
-
css: {
|
|
15688
|
-
backgroundColor: 'unset',
|
|
15689
|
-
width: '100%'
|
|
15690
|
-
},
|
|
15691
|
-
__self: undefined,
|
|
15692
|
-
__source: {
|
|
15693
|
-
fileName: _jsxFileName$x,
|
|
15694
|
-
lineNumber: 1320,
|
|
15695
|
-
columnNumber: 33
|
|
15696
|
-
}
|
|
15697
|
-
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)) :
|
|
15698
|
-
// Render regular item or child item
|
|
15699
|
-
renderOptionItem(item, virtualRow.index, type === 'child'));
|
|
15700
|
-
}))) :
|
|
15701
|
-
// Non-virtualized rendering for small lists
|
|
15702
|
-
isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default.createElement(Option, _extends({
|
|
15389
|
+
}, isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default.createElement(Option, _extends({
|
|
15703
15390
|
css: {
|
|
15704
15391
|
height: 'auto'
|
|
15705
15392
|
}
|
|
@@ -15709,14 +15396,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15709
15396
|
__self: undefined,
|
|
15710
15397
|
__source: {
|
|
15711
15398
|
fileName: _jsxFileName$x,
|
|
15712
|
-
lineNumber:
|
|
15399
|
+
lineNumber: 1074,
|
|
15713
15400
|
columnNumber: 13
|
|
15714
15401
|
}
|
|
15715
15402
|
}), /*#__PURE__*/React__default.createElement(StyledDiv, {
|
|
15716
15403
|
__self: undefined,
|
|
15717
15404
|
__source: {
|
|
15718
15405
|
fileName: _jsxFileName$x,
|
|
15719
|
-
lineNumber:
|
|
15406
|
+
lineNumber: 1075,
|
|
15720
15407
|
columnNumber: 15
|
|
15721
15408
|
}
|
|
15722
15409
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -15726,7 +15413,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15726
15413
|
__self: undefined,
|
|
15727
15414
|
__source: {
|
|
15728
15415
|
fileName: _jsxFileName$x,
|
|
15729
|
-
lineNumber:
|
|
15416
|
+
lineNumber: 1076,
|
|
15730
15417
|
columnNumber: 17
|
|
15731
15418
|
}
|
|
15732
15419
|
}, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
|
|
@@ -15738,7 +15425,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15738
15425
|
__self: undefined,
|
|
15739
15426
|
__source: {
|
|
15740
15427
|
fileName: _jsxFileName$x,
|
|
15741
|
-
lineNumber:
|
|
15428
|
+
lineNumber: 1077,
|
|
15742
15429
|
columnNumber: 19
|
|
15743
15430
|
}
|
|
15744
15431
|
})), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
|
|
@@ -15783,9 +15470,7 @@ InputSelectCheck.propTypes = {
|
|
|
15783
15470
|
showCollapsibleCounter: PropTypes.bool,
|
|
15784
15471
|
collapsibleLimit: PropTypes.number,
|
|
15785
15472
|
clearSearchOnSelect: PropTypes.bool,
|
|
15786
|
-
onItemClick: PropTypes.func
|
|
15787
|
-
virtualized: PropTypes.bool,
|
|
15788
|
-
virtualizedThreshold: PropTypes.number
|
|
15473
|
+
onItemClick: PropTypes.func
|
|
15789
15474
|
};
|
|
15790
15475
|
InputSelectCheck.defaultProps = {
|
|
15791
15476
|
size: 'lg',
|
|
@@ -15810,12 +15495,10 @@ InputSelectCheck.defaultProps = {
|
|
|
15810
15495
|
showCollapsibleCounter: true,
|
|
15811
15496
|
collapsibleLimit: 5,
|
|
15812
15497
|
clearSearchOnSelect: true,
|
|
15813
|
-
onItemClick:
|
|
15814
|
-
virtualized: true,
|
|
15815
|
-
virtualizedThreshold: 100
|
|
15498
|
+
onItemClick: changes => {}
|
|
15816
15499
|
};
|
|
15817
15500
|
|
|
15818
|
-
var _jsxFileName$w = "
|
|
15501
|
+
var _jsxFileName$w = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
|
|
15819
15502
|
const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15820
15503
|
return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
|
|
15821
15504
|
ref: ref,
|
|
@@ -15876,7 +15559,7 @@ InputSelectTag.defaultProps = {
|
|
|
15876
15559
|
defaultValue: []
|
|
15877
15560
|
};
|
|
15878
15561
|
|
|
15879
|
-
var _jsxFileName$v = "
|
|
15562
|
+
var _jsxFileName$v = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
|
|
15880
15563
|
const Wrapper = styled('div', {
|
|
15881
15564
|
margin: 0,
|
|
15882
15565
|
flexDirection: 'column',
|
|
@@ -17004,7 +16687,7 @@ InputCounter.defaultProps = {
|
|
|
17004
16687
|
|
|
17005
16688
|
const _excluded$c = ["children"],
|
|
17006
16689
|
_excluded2$3 = ["children", "showOverlay"];
|
|
17007
|
-
var _jsxFileName$u = "
|
|
16690
|
+
var _jsxFileName$u = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/drawer/Drawer.js";
|
|
17008
16691
|
const Context$1 = /*#__PURE__*/React__default.createContext();
|
|
17009
16692
|
const {
|
|
17010
16693
|
sizes
|
|
@@ -17354,7 +17037,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
|
17354
17037
|
|
|
17355
17038
|
const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
|
|
17356
17039
|
_excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
|
|
17357
|
-
var _jsxFileName$t = "
|
|
17040
|
+
var _jsxFileName$t = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
|
|
17358
17041
|
const ScrollButton$1 = styled(Button$4, {
|
|
17359
17042
|
width: '28px',
|
|
17360
17043
|
outline: '$btnPrimary solid 1px',
|
|
@@ -17892,7 +17575,7 @@ const DateNumber = styled('div', {
|
|
|
17892
17575
|
});
|
|
17893
17576
|
DateNumber.displayName = 'DateNumber';
|
|
17894
17577
|
|
|
17895
|
-
var _jsxFileName$s = "
|
|
17578
|
+
var _jsxFileName$s = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
|
|
17896
17579
|
const Input$3 = styled('input', {
|
|
17897
17580
|
display: 'none'
|
|
17898
17581
|
});
|
|
@@ -18295,56 +17978,56 @@ const NativeTimePicker = ({
|
|
|
18295
17978
|
})));
|
|
18296
17979
|
};
|
|
18297
17980
|
NativeTimePicker.propTypes = {
|
|
18298
|
-
/**
|
|
18299
|
-
Resize time picker.
|
|
17981
|
+
/**
|
|
17982
|
+
Resize time picker.
|
|
18300
17983
|
*/
|
|
18301
17984
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18302
|
-
/**
|
|
18303
|
-
Change handler.
|
|
17985
|
+
/**
|
|
17986
|
+
Change handler.
|
|
18304
17987
|
*/
|
|
18305
17988
|
onChange: PropTypes.func,
|
|
18306
|
-
/**
|
|
18307
|
-
Time picker default value, support moment format.
|
|
17989
|
+
/**
|
|
17990
|
+
Time picker default value, support moment format.
|
|
18308
17991
|
*/
|
|
18309
17992
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18310
|
-
/**
|
|
18311
|
-
Time picker value, support moment format.
|
|
17993
|
+
/**
|
|
17994
|
+
Time picker value, support moment format.
|
|
18312
17995
|
*/
|
|
18313
17996
|
value: PropTypes.instanceOf(Date),
|
|
18314
|
-
/**
|
|
18315
|
-
Disabled state.
|
|
17997
|
+
/**
|
|
17998
|
+
Disabled state.
|
|
18316
17999
|
*/
|
|
18317
18000
|
disabled: PropTypes.bool,
|
|
18318
|
-
/**
|
|
18319
|
-
Disabled hour state.
|
|
18001
|
+
/**
|
|
18002
|
+
Disabled hour state.
|
|
18320
18003
|
*/
|
|
18321
18004
|
disabledHour: PropTypes.bool,
|
|
18322
|
-
/**
|
|
18323
|
-
Disabled increase hour state.
|
|
18005
|
+
/**
|
|
18006
|
+
Disabled increase hour state.
|
|
18324
18007
|
*/
|
|
18325
18008
|
disabledHourIncrease: PropTypes.bool,
|
|
18326
|
-
/**
|
|
18327
|
-
Disabled decrease hour state.
|
|
18009
|
+
/**
|
|
18010
|
+
Disabled decrease hour state.
|
|
18328
18011
|
*/
|
|
18329
18012
|
disabledHourDecrease: PropTypes.bool,
|
|
18330
|
-
/**
|
|
18331
|
-
Disabled minute state.
|
|
18013
|
+
/**
|
|
18014
|
+
Disabled minute state.
|
|
18332
18015
|
*/
|
|
18333
18016
|
disabledMinute: PropTypes.bool,
|
|
18334
|
-
/**
|
|
18335
|
-
Disabled increase minute state.
|
|
18017
|
+
/**
|
|
18018
|
+
Disabled increase minute state.
|
|
18336
18019
|
*/
|
|
18337
18020
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18338
|
-
/**
|
|
18339
|
-
Disabled decrease minute state.
|
|
18021
|
+
/**
|
|
18022
|
+
Disabled decrease minute state.
|
|
18340
18023
|
*/
|
|
18341
18024
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18342
|
-
/**
|
|
18343
|
-
Specify the minimum date.
|
|
18025
|
+
/**
|
|
18026
|
+
Specify the minimum date.
|
|
18344
18027
|
*/
|
|
18345
18028
|
minDate: PropTypes.instanceOf(Date),
|
|
18346
|
-
/**
|
|
18347
|
-
Specify the maximum date.
|
|
18029
|
+
/**
|
|
18030
|
+
Specify the maximum date.
|
|
18348
18031
|
*/
|
|
18349
18032
|
maxDate: PropTypes.instanceOf(Date)
|
|
18350
18033
|
};
|
|
@@ -18401,66 +18084,66 @@ const TimePicker = ({
|
|
|
18401
18084
|
};
|
|
18402
18085
|
TimePicker.displayName = 'TimePicker';
|
|
18403
18086
|
TimePicker.propTypes = {
|
|
18404
|
-
/**
|
|
18405
|
-
Additional styles.
|
|
18087
|
+
/**
|
|
18088
|
+
Additional styles.
|
|
18406
18089
|
*/
|
|
18407
18090
|
css: PropTypes.object,
|
|
18408
|
-
/**
|
|
18409
|
-
Resize time picker.
|
|
18091
|
+
/**
|
|
18092
|
+
Resize time picker.
|
|
18410
18093
|
*/
|
|
18411
18094
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18412
|
-
/**
|
|
18413
|
-
Change handler.
|
|
18095
|
+
/**
|
|
18096
|
+
Change handler.
|
|
18414
18097
|
*/
|
|
18415
18098
|
onChange: PropTypes.func,
|
|
18416
|
-
/**
|
|
18417
|
-
Time picker default value, support moment format.
|
|
18099
|
+
/**
|
|
18100
|
+
Time picker default value, support moment format.
|
|
18418
18101
|
*/
|
|
18419
18102
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18420
|
-
/**
|
|
18421
|
-
Time picker value, support moment format.
|
|
18103
|
+
/**
|
|
18104
|
+
Time picker value, support moment format.
|
|
18422
18105
|
*/
|
|
18423
18106
|
value: PropTypes.instanceOf(Date),
|
|
18424
|
-
/**
|
|
18425
|
-
Disabled state.
|
|
18107
|
+
/**
|
|
18108
|
+
Disabled state.
|
|
18426
18109
|
*/
|
|
18427
18110
|
disabled: PropTypes.bool,
|
|
18428
|
-
/**
|
|
18429
|
-
Disabled hour state.
|
|
18111
|
+
/**
|
|
18112
|
+
Disabled hour state.
|
|
18430
18113
|
*/
|
|
18431
18114
|
disabledHour: PropTypes.bool,
|
|
18432
|
-
/**
|
|
18433
|
-
Disabled increase hour state.
|
|
18115
|
+
/**
|
|
18116
|
+
Disabled increase hour state.
|
|
18434
18117
|
*/
|
|
18435
18118
|
disabledHourIncrease: PropTypes.bool,
|
|
18436
|
-
/**
|
|
18437
|
-
Disabled decrease hour state.
|
|
18119
|
+
/**
|
|
18120
|
+
Disabled decrease hour state.
|
|
18438
18121
|
*/
|
|
18439
18122
|
disabledHourDecrease: PropTypes.bool,
|
|
18440
|
-
/**
|
|
18441
|
-
Disabled minute state.
|
|
18123
|
+
/**
|
|
18124
|
+
Disabled minute state.
|
|
18442
18125
|
*/
|
|
18443
18126
|
disabledMinute: PropTypes.bool,
|
|
18444
|
-
/**
|
|
18445
|
-
Disabled increase minute state.
|
|
18127
|
+
/**
|
|
18128
|
+
Disabled increase minute state.
|
|
18446
18129
|
*/
|
|
18447
18130
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18448
|
-
/**
|
|
18449
|
-
Disabled decrease minute state.
|
|
18131
|
+
/**
|
|
18132
|
+
Disabled decrease minute state.
|
|
18450
18133
|
*/
|
|
18451
18134
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18452
|
-
/**
|
|
18453
|
-
Specify the minimum date.
|
|
18135
|
+
/**
|
|
18136
|
+
Specify the minimum date.
|
|
18454
18137
|
*/
|
|
18455
18138
|
minDate: PropTypes.instanceOf(Date),
|
|
18456
|
-
/**
|
|
18457
|
-
Specify the maximum date.
|
|
18139
|
+
/**
|
|
18140
|
+
Specify the maximum date.
|
|
18458
18141
|
*/
|
|
18459
18142
|
maxDate: PropTypes.instanceOf(Date)
|
|
18460
18143
|
};
|
|
18461
18144
|
NativeTimePicker.displayName = 'NativeTimePicker';
|
|
18462
18145
|
|
|
18463
|
-
var _jsxFileName$r = "
|
|
18146
|
+
var _jsxFileName$r = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
|
|
18464
18147
|
const getInputPickerValue$1 = date => {
|
|
18465
18148
|
if (!date) return;
|
|
18466
18149
|
return moment(date).format('HH:mm');
|
|
@@ -18619,88 +18302,88 @@ InputTimePicker.defaultProps = {
|
|
|
18619
18302
|
placeholder: 'Select Time'
|
|
18620
18303
|
};
|
|
18621
18304
|
InputTimePicker.propTypes = {
|
|
18622
|
-
/**
|
|
18623
|
-
Additional styles.
|
|
18305
|
+
/**
|
|
18306
|
+
Additional styles.
|
|
18624
18307
|
*/
|
|
18625
18308
|
css: PropTypes.object,
|
|
18626
|
-
/**
|
|
18627
|
-
Disabled state.
|
|
18309
|
+
/**
|
|
18310
|
+
Disabled state.
|
|
18628
18311
|
*/
|
|
18629
18312
|
disabled: PropTypes.bool,
|
|
18630
|
-
/**
|
|
18631
|
-
Disabled hour state.
|
|
18313
|
+
/**
|
|
18314
|
+
Disabled hour state.
|
|
18632
18315
|
*/
|
|
18633
18316
|
disabledHour: PropTypes.bool,
|
|
18634
|
-
/**
|
|
18635
|
-
Disabled increase hour state.
|
|
18317
|
+
/**
|
|
18318
|
+
Disabled increase hour state.
|
|
18636
18319
|
*/
|
|
18637
18320
|
disabledHourIncrease: PropTypes.bool,
|
|
18638
|
-
/**
|
|
18639
|
-
Disabled decrease hour state.
|
|
18321
|
+
/**
|
|
18322
|
+
Disabled decrease hour state.
|
|
18640
18323
|
*/
|
|
18641
18324
|
disabledHourDecrease: PropTypes.bool,
|
|
18642
|
-
/**
|
|
18643
|
-
Disabled minute state.
|
|
18325
|
+
/**
|
|
18326
|
+
Disabled minute state.
|
|
18644
18327
|
*/
|
|
18645
18328
|
disabledMinute: PropTypes.bool,
|
|
18646
|
-
/**
|
|
18647
|
-
Disabled increase minute state.
|
|
18329
|
+
/**
|
|
18330
|
+
Disabled increase minute state.
|
|
18648
18331
|
*/
|
|
18649
18332
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18650
|
-
/**
|
|
18651
|
-
Disabled decrease minute state.
|
|
18333
|
+
/**
|
|
18334
|
+
Disabled decrease minute state.
|
|
18652
18335
|
*/
|
|
18653
18336
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18654
|
-
/**
|
|
18655
|
-
ReadOnly state.
|
|
18337
|
+
/**
|
|
18338
|
+
ReadOnly state.
|
|
18656
18339
|
*/
|
|
18657
18340
|
readOnly: PropTypes.bool,
|
|
18658
|
-
/**
|
|
18659
|
-
Resize time picker.
|
|
18341
|
+
/**
|
|
18342
|
+
Resize time picker.
|
|
18660
18343
|
*/
|
|
18661
18344
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18662
|
-
/**
|
|
18663
|
-
Custom placeholder input time picker.
|
|
18345
|
+
/**
|
|
18346
|
+
Custom placeholder input time picker.
|
|
18664
18347
|
*/
|
|
18665
18348
|
placeholder: PropTypes.string,
|
|
18666
|
-
/**
|
|
18667
|
-
Time picker default value, support moment format.
|
|
18349
|
+
/**
|
|
18350
|
+
Time picker default value, support moment format.
|
|
18668
18351
|
*/
|
|
18669
18352
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18670
|
-
/**
|
|
18671
|
-
Time picker value, support moment format.
|
|
18353
|
+
/**
|
|
18354
|
+
Time picker value, support moment format.
|
|
18672
18355
|
*/
|
|
18673
18356
|
value: PropTypes.instanceOf(Date),
|
|
18674
|
-
/**
|
|
18675
|
-
Change handler.
|
|
18357
|
+
/**
|
|
18358
|
+
Change handler.
|
|
18676
18359
|
*/
|
|
18677
18360
|
onChange: PropTypes.func,
|
|
18678
|
-
/**
|
|
18679
|
-
Placement popover input time picker.
|
|
18361
|
+
/**
|
|
18362
|
+
Placement popover input time picker.
|
|
18680
18363
|
*/
|
|
18681
18364
|
placement: PropTypes.string,
|
|
18682
|
-
/**
|
|
18683
|
-
Specify the minimum date.
|
|
18365
|
+
/**
|
|
18366
|
+
Specify the minimum date.
|
|
18684
18367
|
*/
|
|
18685
18368
|
minDate: PropTypes.instanceOf(Date),
|
|
18686
|
-
/**
|
|
18687
|
-
Specify the maximum date.
|
|
18369
|
+
/**
|
|
18370
|
+
Specify the maximum date.
|
|
18688
18371
|
*/
|
|
18689
18372
|
maxDate: PropTypes.instanceOf(Date),
|
|
18690
|
-
/**
|
|
18691
|
-
* Invalid state input.
|
|
18373
|
+
/**
|
|
18374
|
+
* Invalid state input.
|
|
18692
18375
|
*/
|
|
18693
18376
|
isInvalid: PropTypes.bool,
|
|
18694
|
-
/**
|
|
18695
|
-
If true, the component will rendered on portal element
|
|
18377
|
+
/**
|
|
18378
|
+
If true, the component will rendered on portal element
|
|
18696
18379
|
*/
|
|
18697
18380
|
portalled: PropTypes.bool,
|
|
18698
|
-
/**
|
|
18699
|
-
Additional TimePicker styles.
|
|
18381
|
+
/**
|
|
18382
|
+
Additional TimePicker styles.
|
|
18700
18383
|
*/
|
|
18701
18384
|
contentCss: PropTypes.object,
|
|
18702
|
-
/**
|
|
18703
|
-
Input open change callback.
|
|
18385
|
+
/**
|
|
18386
|
+
Input open change callback.
|
|
18704
18387
|
*/
|
|
18705
18388
|
onInputOpenChange: PropTypes.func
|
|
18706
18389
|
};
|
|
@@ -21779,7 +21462,7 @@ function InputSignature({
|
|
|
21779
21462
|
}
|
|
21780
21463
|
|
|
21781
21464
|
const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
|
|
21782
|
-
var _jsxFileName$q = "
|
|
21465
|
+
var _jsxFileName$q = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/slider/Slider.js";
|
|
21783
21466
|
const StyledSlider = styled$1(SliderPrimitive.Root, {
|
|
21784
21467
|
position: 'relative',
|
|
21785
21468
|
display: 'flex',
|
|
@@ -22123,7 +21806,7 @@ Slider.defaultProps = {
|
|
|
22123
21806
|
};
|
|
22124
21807
|
|
|
22125
21808
|
const _excluded$9 = ["className", "children", "onClick", "type", "size"];
|
|
22126
|
-
var _jsxFileName$p = "
|
|
21809
|
+
var _jsxFileName$p = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
|
|
22127
21810
|
const TagWrapper$1 = styled('div', {
|
|
22128
21811
|
boxSizing: 'border-box',
|
|
22129
21812
|
fontSize: '12px',
|
|
@@ -22286,7 +21969,7 @@ const _excluded$8 = ["children"],
|
|
|
22286
21969
|
_excluded2$1 = ["children", "activeTabs"],
|
|
22287
21970
|
_excluded3$1 = ["children", "icon", "activeTabs", "value"],
|
|
22288
21971
|
_excluded4$1 = ["activeTabs"];
|
|
22289
|
-
var _jsxFileName$o = "
|
|
21972
|
+
var _jsxFileName$o = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/tabs/Tabs.js";
|
|
22290
21973
|
const StyledTabs = styled(TabsPrimitive.Root, {
|
|
22291
21974
|
display: 'flex',
|
|
22292
21975
|
flexDirection: 'column',
|
|
@@ -22625,7 +22308,7 @@ TabsContent$1.propTypes = {
|
|
|
22625
22308
|
};
|
|
22626
22309
|
|
|
22627
22310
|
const _excluded$7 = ["children", "variantIcon"];
|
|
22628
|
-
var _jsxFileName$n = "
|
|
22311
|
+
var _jsxFileName$n = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
|
|
22629
22312
|
const NotificationBadgeRootStyle = styled('span', {
|
|
22630
22313
|
position: 'relative',
|
|
22631
22314
|
display: 'inline-flex',
|
|
@@ -22780,7 +22463,7 @@ NotificationBadge.propTypes = {
|
|
|
22780
22463
|
};
|
|
22781
22464
|
|
|
22782
22465
|
const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
|
|
22783
|
-
var _jsxFileName$m = "
|
|
22466
|
+
var _jsxFileName$m = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/paper/Paper.js";
|
|
22784
22467
|
const PaperComponent = styled('div', {
|
|
22785
22468
|
padding: '20px',
|
|
22786
22469
|
height: 'auto',
|
|
@@ -23033,7 +22716,7 @@ const removeUndefinedFields = obj => {
|
|
|
23033
22716
|
};
|
|
23034
22717
|
|
|
23035
22718
|
const _excluded$5 = ["isActive", "onClick"];
|
|
23036
|
-
var _jsxFileName$l = "
|
|
22719
|
+
var _jsxFileName$l = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
|
|
23037
22720
|
const PrevNextButton = styled(Text$1, {
|
|
23038
22721
|
padding: '$spacing-01',
|
|
23039
22722
|
cursor: 'pointer',
|
|
@@ -23527,7 +23210,7 @@ const PaginationButton = ({
|
|
|
23527
23210
|
};
|
|
23528
23211
|
|
|
23529
23212
|
const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
|
|
23530
|
-
var _jsxFileName$k = "
|
|
23213
|
+
var _jsxFileName$k = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
|
|
23531
23214
|
const LimitContainer = styled(Flex$1, {
|
|
23532
23215
|
cursor: 'pointer'
|
|
23533
23216
|
});
|
|
@@ -23762,7 +23445,7 @@ function PaginationInfo(_ref) {
|
|
|
23762
23445
|
}
|
|
23763
23446
|
|
|
23764
23447
|
const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
|
|
23765
|
-
var _jsxFileName$j = "
|
|
23448
|
+
var _jsxFileName$j = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/pagination/Pagination.js";
|
|
23766
23449
|
function Pagination(_ref) {
|
|
23767
23450
|
let {
|
|
23768
23451
|
limit,
|
|
@@ -24636,7 +24319,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
24636
24319
|
});
|
|
24637
24320
|
ScrollSyncNode.displayName = 'ScrollSyncNode';
|
|
24638
24321
|
|
|
24639
|
-
var _jsxFileName$i = "
|
|
24322
|
+
var _jsxFileName$i = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
|
|
24640
24323
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
|
|
24641
24324
|
icon: true,
|
|
24642
24325
|
size: "xs",
|
|
@@ -26132,7 +25815,7 @@ const TableColumn = _a => {
|
|
|
26132
25815
|
return jsx("div", {}, void 0);
|
|
26133
25816
|
};
|
|
26134
25817
|
|
|
26135
|
-
var _jsxFileName$h = "
|
|
25818
|
+
var _jsxFileName$h = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
|
|
26136
25819
|
const DateColumn = ({
|
|
26137
25820
|
value,
|
|
26138
25821
|
customFormat
|
|
@@ -26244,7 +25927,7 @@ const PriceColumn = props => {
|
|
|
26244
25927
|
return addThousandSeparator(param);
|
|
26245
25928
|
};
|
|
26246
25929
|
|
|
26247
|
-
var _jsxFileName$g = "
|
|
25930
|
+
var _jsxFileName$g = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
|
|
26248
25931
|
const rowExpanderColumn = {
|
|
26249
25932
|
id: 'expander',
|
|
26250
25933
|
Header: () => null,
|
|
@@ -26287,7 +25970,7 @@ const rowExpanderColumn = {
|
|
|
26287
25970
|
unsortable: true
|
|
26288
25971
|
};
|
|
26289
25972
|
|
|
26290
|
-
var _jsxFileName$f = "
|
|
25973
|
+
var _jsxFileName$f = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
|
|
26291
25974
|
const rowExpanderMultipleColumn = {
|
|
26292
25975
|
id: 'multiple-expander',
|
|
26293
25976
|
Header: () => null,
|
|
@@ -26323,7 +26006,7 @@ const rowExpanderMultipleColumn = {
|
|
|
26323
26006
|
unsortable: true
|
|
26324
26007
|
};
|
|
26325
26008
|
|
|
26326
|
-
var _jsxFileName$e = "
|
|
26009
|
+
var _jsxFileName$e = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
|
|
26327
26010
|
const rowMenuColumn = (options, icon, config) => ({
|
|
26328
26011
|
id: 'menu',
|
|
26329
26012
|
options,
|
|
@@ -26460,7 +26143,7 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
26460
26143
|
unsortable: true
|
|
26461
26144
|
});
|
|
26462
26145
|
|
|
26463
|
-
var _jsxFileName$d = "
|
|
26146
|
+
var _jsxFileName$d = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
|
|
26464
26147
|
const rowSelectionColumn = {
|
|
26465
26148
|
id: 'selection',
|
|
26466
26149
|
Header: ({
|
|
@@ -26509,7 +26192,7 @@ const rowSelectionColumn = {
|
|
|
26509
26192
|
unsortable: true
|
|
26510
26193
|
};
|
|
26511
26194
|
|
|
26512
|
-
var _jsxFileName$c = "
|
|
26195
|
+
var _jsxFileName$c = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
|
|
26513
26196
|
const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
|
|
26514
26197
|
id: 'selection',
|
|
26515
26198
|
Header: ({
|
|
@@ -26847,7 +26530,7 @@ PageDialog.defaultProps = {
|
|
|
26847
26530
|
};
|
|
26848
26531
|
|
|
26849
26532
|
const _excluded$2 = ["children"];
|
|
26850
|
-
var _jsxFileName$b = "
|
|
26533
|
+
var _jsxFileName$b = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
|
|
26851
26534
|
const overlayShow = keyframes({
|
|
26852
26535
|
'0%': {
|
|
26853
26536
|
opacity: 0
|
|
@@ -27483,7 +27166,7 @@ const _excluded$1 = ["side", "align", "children"],
|
|
|
27483
27166
|
_excluded2 = ["theme"],
|
|
27484
27167
|
_excluded3 = ["children"],
|
|
27485
27168
|
_excluded4 = ["asChild"];
|
|
27486
|
-
var _jsxFileName$a = "
|
|
27169
|
+
var _jsxFileName$a = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
|
|
27487
27170
|
const Context = /*#__PURE__*/React__default.createContext();
|
|
27488
27171
|
const slideUpAndFade = keyframes({
|
|
27489
27172
|
'0%': {
|
|
@@ -29760,7 +29443,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
|
|
|
29760
29443
|
}
|
|
29761
29444
|
|
|
29762
29445
|
const _excluded = ["customPreviewIcon"];
|
|
29763
|
-
var _jsxFileName$9 = "
|
|
29446
|
+
var _jsxFileName$9 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/upload/Upload.js";
|
|
29764
29447
|
const Input$2 = styled('input', {
|
|
29765
29448
|
display: 'none !important'
|
|
29766
29449
|
});
|
|
@@ -30968,159 +30651,159 @@ Upload.defaultProps = {
|
|
|
30968
30651
|
maxWidthOrHeight: 1024
|
|
30969
30652
|
};
|
|
30970
30653
|
Upload.propTypes = {
|
|
30971
|
-
/**
|
|
30972
|
-
Placeholder label of upload.
|
|
30654
|
+
/**
|
|
30655
|
+
Placeholder label of upload.
|
|
30973
30656
|
*/
|
|
30974
30657
|
placeholder: PropTypes.string,
|
|
30975
|
-
/**
|
|
30976
|
-
Disabled state of upload.
|
|
30658
|
+
/**
|
|
30659
|
+
Disabled state of upload.
|
|
30977
30660
|
*/
|
|
30978
30661
|
disabled: PropTypes.bool,
|
|
30979
|
-
/**
|
|
30980
|
-
Built-in stylesheets, support for two types.
|
|
30662
|
+
/**
|
|
30663
|
+
Built-in stylesheets, support for two types.
|
|
30981
30664
|
*/
|
|
30982
30665
|
listType: PropTypes.oneOf(['file', 'picture']),
|
|
30983
|
-
/**
|
|
30984
|
-
Whether to support selected multiple file.
|
|
30666
|
+
/**
|
|
30667
|
+
Whether to support selected multiple file.
|
|
30985
30668
|
*/
|
|
30986
30669
|
multiple: PropTypes.bool,
|
|
30987
|
-
/**
|
|
30988
|
-
List of files to be uploaded.
|
|
30670
|
+
/**
|
|
30671
|
+
List of files to be uploaded.
|
|
30989
30672
|
*/
|
|
30990
30673
|
fileList: PropTypes.array,
|
|
30991
|
-
/**
|
|
30992
|
-
A callback function, can be executed when uploading state is changing.
|
|
30674
|
+
/**
|
|
30675
|
+
A callback function, can be executed when uploading state is changing.
|
|
30993
30676
|
*/
|
|
30994
30677
|
onChange: PropTypes.func,
|
|
30995
|
-
/**
|
|
30996
|
-
A callback function, can be executed when uploading in progress.
|
|
30997
|
-
`(progress) => void`
|
|
30678
|
+
/**
|
|
30679
|
+
A callback function, can be executed when uploading in progress.
|
|
30680
|
+
`(progress) => void`
|
|
30998
30681
|
*/
|
|
30999
30682
|
onProgress: PropTypes.func,
|
|
31000
|
-
/**
|
|
31001
|
-
A callback function, can be executed when uploading is success.
|
|
31002
|
-
`(response) => void`
|
|
30683
|
+
/**
|
|
30684
|
+
A callback function, can be executed when uploading is success.
|
|
30685
|
+
`(response) => void`
|
|
31003
30686
|
*/
|
|
31004
30687
|
onSuccess: PropTypes.func,
|
|
31005
|
-
/**
|
|
31006
|
-
A callback function, can be executed when uploading is error.
|
|
31007
|
-
`(error, response) => void`
|
|
30688
|
+
/**
|
|
30689
|
+
A callback function, can be executed when uploading is error.
|
|
30690
|
+
`(error, response) => void`
|
|
31008
30691
|
*/
|
|
31009
30692
|
onError: PropTypes.func,
|
|
31010
|
-
/**
|
|
31011
|
-
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30693
|
+
/**
|
|
30694
|
+
A callback function, can be executed when preview icon in picture type is clicked.
|
|
31012
30695
|
*/
|
|
31013
30696
|
onPreview: PropTypes.func,
|
|
31014
|
-
/**
|
|
31015
|
-
A callback function, can be executed when remove icon is clicked.
|
|
30697
|
+
/**
|
|
30698
|
+
A callback function, can be executed when remove icon is clicked.
|
|
31016
30699
|
*/
|
|
31017
30700
|
onRemove: PropTypes.func,
|
|
31018
|
-
/**
|
|
31019
|
-
A custom element inside upload container.
|
|
30701
|
+
/**
|
|
30702
|
+
A custom element inside upload container.
|
|
31020
30703
|
*/
|
|
31021
30704
|
children: PropTypes.element,
|
|
31022
|
-
/**
|
|
31023
|
-
Limit the number of uploaded files.
|
|
30705
|
+
/**
|
|
30706
|
+
Limit the number of uploaded files.
|
|
31024
30707
|
*/
|
|
31025
30708
|
max: PropTypes.number,
|
|
31026
|
-
/**
|
|
31027
|
-
Limit the maximum image size in MB.
|
|
30709
|
+
/**
|
|
30710
|
+
Limit the maximum image size in MB.
|
|
31028
30711
|
*/
|
|
31029
30712
|
maxSizeMB: PropTypes.number,
|
|
31030
|
-
/**
|
|
31031
|
-
Limit file type of upload.
|
|
30713
|
+
/**
|
|
30714
|
+
Limit file type of upload.
|
|
31032
30715
|
*/
|
|
31033
30716
|
accept: PropTypes.string,
|
|
31034
|
-
/**
|
|
31035
|
-
Custom label for replace button.
|
|
30717
|
+
/**
|
|
30718
|
+
Custom label for replace button.
|
|
31036
30719
|
*/
|
|
31037
30720
|
replaceLabel: PropTypes.string,
|
|
31038
|
-
/**
|
|
31039
|
-
Custom width of upload container.
|
|
30721
|
+
/**
|
|
30722
|
+
Custom width of upload container.
|
|
31040
30723
|
*/
|
|
31041
30724
|
width: PropTypes.number,
|
|
31042
|
-
/**
|
|
31043
|
-
Custom height of upload container.
|
|
30725
|
+
/**
|
|
30726
|
+
Custom height of upload container.
|
|
31044
30727
|
*/
|
|
31045
30728
|
height: PropTypes.number,
|
|
31046
|
-
/**
|
|
31047
|
-
Additional css.
|
|
30729
|
+
/**
|
|
30730
|
+
Additional css.
|
|
31048
30731
|
*/
|
|
31049
30732
|
css: PropTypes.object,
|
|
31050
|
-
/**
|
|
31051
|
-
Custom title header of cropper modal.
|
|
30733
|
+
/**
|
|
30734
|
+
Custom title header of cropper modal.
|
|
31052
30735
|
*/
|
|
31053
30736
|
cropperTitle: PropTypes.string,
|
|
31054
|
-
/**
|
|
31055
|
-
Add image cropper on upload.
|
|
30737
|
+
/**
|
|
30738
|
+
Add image cropper on upload.
|
|
31056
30739
|
*/
|
|
31057
30740
|
showCropper: PropTypes.bool,
|
|
31058
|
-
/**
|
|
31059
|
-
Hidden toggle aspect ratio image cropper.
|
|
30741
|
+
/**
|
|
30742
|
+
Hidden toggle aspect ratio image cropper.
|
|
31060
30743
|
*/
|
|
31061
30744
|
hiddenToggleAspect: PropTypes.bool,
|
|
31062
|
-
/**
|
|
31063
|
-
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.
|
|
30745
|
+
/**
|
|
30746
|
+
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.
|
|
31064
30747
|
*/
|
|
31065
30748
|
ratio: PropTypes.number,
|
|
31066
|
-
/**
|
|
31067
|
-
Can set error message to the upload.
|
|
30749
|
+
/**
|
|
30750
|
+
Can set error message to the upload.
|
|
31068
30751
|
*/
|
|
31069
30752
|
errorMessage: PropTypes.string,
|
|
31070
|
-
/**
|
|
31071
|
-
Progress of upload process.
|
|
30753
|
+
/**
|
|
30754
|
+
Progress of upload process.
|
|
31072
30755
|
*/
|
|
31073
30756
|
progress: PropTypes.number,
|
|
31074
|
-
/**
|
|
31075
|
-
Auto increment progress of upload process.
|
|
30757
|
+
/**
|
|
30758
|
+
Auto increment progress of upload process.
|
|
31076
30759
|
*/
|
|
31077
30760
|
loading: PropTypes.bool,
|
|
31078
|
-
/**
|
|
31079
|
-
API upload url, allows components to automatically upload directly to API service.
|
|
30761
|
+
/**
|
|
30762
|
+
API upload url, allows components to automatically upload directly to API service.
|
|
31080
30763
|
*/
|
|
31081
30764
|
action: PropTypes.string,
|
|
31082
|
-
/**
|
|
31083
|
-
Custom body request to upload action.
|
|
30765
|
+
/**
|
|
30766
|
+
Custom body request to upload action.
|
|
31084
30767
|
*/
|
|
31085
30768
|
customBodyRequest: PropTypes.func,
|
|
31086
|
-
/**
|
|
31087
|
-
Contains an authentication token for upload API.
|
|
30769
|
+
/**
|
|
30770
|
+
Contains an authentication token for upload API.
|
|
31088
30771
|
*/
|
|
31089
30772
|
token: PropTypes.string,
|
|
31090
|
-
/**
|
|
31091
|
-
Referencing the headers key to attach the token.
|
|
30773
|
+
/**
|
|
30774
|
+
Referencing the headers key to attach the token.
|
|
31092
30775
|
*/
|
|
31093
30776
|
tokenKey: PropTypes.string,
|
|
31094
|
-
/**
|
|
31095
|
-
Referencing the key to attach the file to be sent.
|
|
30777
|
+
/**
|
|
30778
|
+
Referencing the key to attach the file to be sent.
|
|
31096
30779
|
*/
|
|
31097
30780
|
reqKey: PropTypes.string,
|
|
31098
|
-
/**
|
|
31099
|
-
Referencing the key to get the file from the API response.
|
|
30781
|
+
/**
|
|
30782
|
+
Referencing the key to get the file from the API response.
|
|
31100
30783
|
*/
|
|
31101
30784
|
resKey: PropTypes.string,
|
|
31102
|
-
/**
|
|
31103
|
-
To compression image if file size > 1MB.
|
|
30785
|
+
/**
|
|
30786
|
+
To compression image if file size > 1MB.
|
|
31104
30787
|
*/
|
|
31105
30788
|
imageCompression: PropTypes.bool,
|
|
31106
|
-
/**
|
|
31107
|
-
Callback to handle before crop image.
|
|
30789
|
+
/**
|
|
30790
|
+
Callback to handle before crop image.
|
|
31108
30791
|
*/
|
|
31109
30792
|
onBeforeCrop: PropTypes.func,
|
|
31110
|
-
/**
|
|
31111
|
-
Hidden preview icon in upload.
|
|
30793
|
+
/**
|
|
30794
|
+
Hidden preview icon in upload.
|
|
31112
30795
|
*/
|
|
31113
30796
|
hiddenPreview: PropTypes.bool,
|
|
31114
|
-
/**
|
|
31115
|
-
Auto full aspect ratio cropper.
|
|
30797
|
+
/**
|
|
30798
|
+
Auto full aspect ratio cropper.
|
|
31116
30799
|
*/
|
|
31117
30800
|
fullAspectCrop: PropTypes.bool,
|
|
31118
|
-
/**
|
|
31119
|
-
Set custom ratio as Default view
|
|
30801
|
+
/**
|
|
30802
|
+
Set custom ratio as Default view
|
|
31120
30803
|
*/
|
|
31121
30804
|
isDefaultCustomRatio: PropTypes.bool,
|
|
31122
|
-
/**
|
|
31123
|
-
Set max width or height of image
|
|
30805
|
+
/**
|
|
30806
|
+
Set max width or height of image
|
|
31124
30807
|
*/
|
|
31125
30808
|
maxWidthOrHeight: PropTypes.number
|
|
31126
30809
|
};
|
|
@@ -31796,7 +31479,7 @@ const Device = props => {
|
|
|
31796
31479
|
};
|
|
31797
31480
|
Device.displayName = 'DevicePreview';
|
|
31798
31481
|
|
|
31799
|
-
var _jsxFileName$8 = "
|
|
31482
|
+
var _jsxFileName$8 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
|
|
31800
31483
|
const Separator$1 = styled('div', {
|
|
31801
31484
|
height: 20,
|
|
31802
31485
|
width: 1,
|
|
@@ -31906,44 +31589,44 @@ function InputColorPicker(props) {
|
|
|
31906
31589
|
}
|
|
31907
31590
|
InputColorPicker.displayName = 'InputColorPicker';
|
|
31908
31591
|
InputColorPicker.propTypes = {
|
|
31909
|
-
/**
|
|
31910
|
-
Specify change InputColorPicker size.
|
|
31592
|
+
/**
|
|
31593
|
+
Specify change InputColorPicker size.
|
|
31911
31594
|
*/
|
|
31912
31595
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
31913
|
-
/**
|
|
31914
|
-
Color code to be displayed.
|
|
31596
|
+
/**
|
|
31597
|
+
Color code to be displayed.
|
|
31915
31598
|
*/
|
|
31916
31599
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
31917
|
-
/**
|
|
31918
|
-
Additional color list.
|
|
31600
|
+
/**
|
|
31601
|
+
Additional color list.
|
|
31919
31602
|
*/
|
|
31920
31603
|
presetColors: PropTypes.array,
|
|
31921
|
-
/**
|
|
31922
|
-
Change event handler.
|
|
31604
|
+
/**
|
|
31605
|
+
Change event handler.
|
|
31923
31606
|
*/
|
|
31924
31607
|
onChange: PropTypes.func,
|
|
31925
|
-
/**
|
|
31926
|
-
Add preset color event handler.
|
|
31608
|
+
/**
|
|
31609
|
+
Add preset color event handler.
|
|
31927
31610
|
*/
|
|
31928
31611
|
onAddColor: PropTypes.func,
|
|
31929
|
-
/**
|
|
31930
|
-
Disable opacity selector.
|
|
31612
|
+
/**
|
|
31613
|
+
Disable opacity selector.
|
|
31931
31614
|
*/
|
|
31932
31615
|
disableAlpha: PropTypes.bool,
|
|
31933
|
-
/**
|
|
31934
|
-
Input placement.
|
|
31616
|
+
/**
|
|
31617
|
+
Input placement.
|
|
31935
31618
|
*/
|
|
31936
31619
|
placement: PropTypes.string,
|
|
31937
|
-
/**
|
|
31938
|
-
Define is mobile layout or not.
|
|
31620
|
+
/**
|
|
31621
|
+
Define is mobile layout or not.
|
|
31939
31622
|
*/
|
|
31940
31623
|
isMobile: PropTypes.bool,
|
|
31941
|
-
/**
|
|
31942
|
-
Define popover custom styling.
|
|
31624
|
+
/**
|
|
31625
|
+
Define popover custom styling.
|
|
31943
31626
|
*/
|
|
31944
31627
|
popoverCss: PropTypes.shape({}),
|
|
31945
|
-
/**
|
|
31946
|
-
Disabled state.
|
|
31628
|
+
/**
|
|
31629
|
+
Disabled state.
|
|
31947
31630
|
*/
|
|
31948
31631
|
disabled: PropTypes.bool
|
|
31949
31632
|
};
|
|
@@ -31957,7 +31640,7 @@ InputColorPicker.defaultProps = {
|
|
|
31957
31640
|
|
|
31958
31641
|
var img$d = "data:image/gif;base64,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";
|
|
31959
31642
|
|
|
31960
|
-
var _jsxFileName$7 = "
|
|
31643
|
+
var _jsxFileName$7 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
|
|
31961
31644
|
const Container$7 = styled('div', {
|
|
31962
31645
|
userSelect: 'none',
|
|
31963
31646
|
margin: 'auto',
|
|
@@ -33918,7 +33601,7 @@ function ColorMap({
|
|
|
33918
33601
|
})));
|
|
33919
33602
|
}
|
|
33920
33603
|
|
|
33921
|
-
var _jsxFileName$6 = "
|
|
33604
|
+
var _jsxFileName$6 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
|
|
33922
33605
|
const CheckBoard = styled(Flex$1, {
|
|
33923
33606
|
background: '$bgwhite',
|
|
33924
33607
|
border: '1px solid #E5E7EB',
|
|
@@ -34119,7 +33802,7 @@ function ColorFields({
|
|
|
34119
33802
|
}, "%")));
|
|
34120
33803
|
}
|
|
34121
33804
|
|
|
34122
|
-
var _jsxFileName$5 = "
|
|
33805
|
+
var _jsxFileName$5 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
|
|
34123
33806
|
const Container$6 = styled(Flex$1, {
|
|
34124
33807
|
background: '$white',
|
|
34125
33808
|
padding: 16,
|
|
@@ -34610,24 +34293,24 @@ function ColorPicker({
|
|
|
34610
34293
|
})))))));
|
|
34611
34294
|
}
|
|
34612
34295
|
ColorPicker.propTypes = {
|
|
34613
|
-
/**
|
|
34614
|
-
Color code to be displayed.
|
|
34296
|
+
/**
|
|
34297
|
+
Color code to be displayed.
|
|
34615
34298
|
*/
|
|
34616
34299
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
34617
|
-
/**
|
|
34618
|
-
Additional color list
|
|
34300
|
+
/**
|
|
34301
|
+
Additional color list
|
|
34619
34302
|
*/
|
|
34620
34303
|
presetColors: PropTypes.array,
|
|
34621
|
-
/**
|
|
34622
|
-
Change event handler
|
|
34304
|
+
/**
|
|
34305
|
+
Change event handler
|
|
34623
34306
|
*/
|
|
34624
34307
|
onChange: PropTypes.func,
|
|
34625
|
-
/**
|
|
34626
|
-
Add preset color event handler
|
|
34308
|
+
/**
|
|
34309
|
+
Add preset color event handler
|
|
34627
34310
|
*/
|
|
34628
34311
|
onAddColor: PropTypes.func,
|
|
34629
|
-
/**
|
|
34630
|
-
Disable opacity selector
|
|
34312
|
+
/**
|
|
34313
|
+
Disable opacity selector
|
|
34631
34314
|
*/
|
|
34632
34315
|
disableAlpha: PropTypes.bool
|
|
34633
34316
|
};
|
|
@@ -34636,7 +34319,7 @@ ColorPicker.defaultProps = {
|
|
|
34636
34319
|
};
|
|
34637
34320
|
var ColorPicker$1 = ColorWrap(ColorPicker);
|
|
34638
34321
|
|
|
34639
|
-
var _jsxFileName$4 = "
|
|
34322
|
+
var _jsxFileName$4 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
|
|
34640
34323
|
const StepWizardContext = /*#__PURE__*/React__default.createContext({});
|
|
34641
34324
|
const Stepper = StepWizard$1;
|
|
34642
34325
|
Stepper.displayName = 'Stepper';
|
|
@@ -35359,7 +35042,7 @@ StepWizard.defaultProps = {
|
|
|
35359
35042
|
isLazyMount: true
|
|
35360
35043
|
};
|
|
35361
35044
|
|
|
35362
|
-
var _jsxFileName$3 = "
|
|
35045
|
+
var _jsxFileName$3 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
|
|
35363
35046
|
function Collapse({
|
|
35364
35047
|
children,
|
|
35365
35048
|
isOpen
|
|
@@ -35402,7 +35085,7 @@ Collapse.defaultProps = {
|
|
|
35402
35085
|
isOpen: false
|
|
35403
35086
|
};
|
|
35404
35087
|
|
|
35405
|
-
var _jsxFileName$2 = "
|
|
35088
|
+
var _jsxFileName$2 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
|
|
35406
35089
|
const DesktopContainer = styled(Flex$1, {
|
|
35407
35090
|
display: 'none',
|
|
35408
35091
|
'& .active-scroll-spy': {
|
|
@@ -35763,7 +35446,7 @@ TableOfContentPage.defaultProps = {
|
|
|
35763
35446
|
useBoxMethod: true
|
|
35764
35447
|
};
|
|
35765
35448
|
|
|
35766
|
-
var _jsxFileName$1 = "
|
|
35449
|
+
var _jsxFileName$1 = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/components/editableTable/transition.js";
|
|
35767
35450
|
function Collapalse({
|
|
35768
35451
|
children,
|
|
35769
35452
|
isOpen
|
|
@@ -57277,7 +56960,7 @@ PieChartComponent.defaultProps = {
|
|
|
57277
56960
|
innerRadius: 70
|
|
57278
56961
|
};
|
|
57279
56962
|
|
|
57280
|
-
var _jsxFileName = "
|
|
56963
|
+
var _jsxFileName = "/Users/hanabyan/Sourcecode/majoo-ui/packages/react/src/colors/Colors.js";
|
|
57281
56964
|
const StyledPaper = styled(Paper, {
|
|
57282
56965
|
borderRadius: '10px 10px 0 0',
|
|
57283
56966
|
padding: 15,
|
|
@@ -58009,13 +57692,13 @@ var getNative = _getNative,
|
|
|
58009
57692
|
root = _root;
|
|
58010
57693
|
|
|
58011
57694
|
/* Built-in method references that are verified to be native. */
|
|
58012
|
-
var Map$
|
|
57695
|
+
var Map$1 = getNative(root, 'Map');
|
|
58013
57696
|
|
|
58014
|
-
var _Map = Map$
|
|
57697
|
+
var _Map = Map$1;
|
|
58015
57698
|
|
|
58016
57699
|
var Hash = _Hash,
|
|
58017
57700
|
ListCache = _ListCache,
|
|
58018
|
-
Map
|
|
57701
|
+
Map = _Map;
|
|
58019
57702
|
|
|
58020
57703
|
/**
|
|
58021
57704
|
* Removes all key-value entries from the map.
|
|
@@ -58028,7 +57711,7 @@ function mapCacheClear$1() {
|
|
|
58028
57711
|
this.size = 0;
|
|
58029
57712
|
this.__data__ = {
|
|
58030
57713
|
'hash': new Hash,
|
|
58031
|
-
'map': new (Map
|
|
57714
|
+
'map': new (Map || ListCache),
|
|
58032
57715
|
'string': new Hash
|
|
58033
57716
|
};
|
|
58034
57717
|
}
|