@majoo-ui/react 1.61.20 → 1.61.21-rc.1
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 +492 -170
- package/package.json +1 -1
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 = "/Users/
|
|
60
|
+
var _jsxFileName$13 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
|
|
61
61
|
function ThemeProvider({
|
|
62
62
|
name,
|
|
63
63
|
theme,
|
|
@@ -1414,7 +1414,7 @@ const applyGlobalStyles = additionaStyles => {
|
|
|
1414
1414
|
globalStyles();
|
|
1415
1415
|
};
|
|
1416
1416
|
|
|
1417
|
-
var _jsxFileName$12 = "/Users/
|
|
1417
|
+
var _jsxFileName$12 = "/Users/hangga/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 = "/Users/
|
|
1640
|
+
var _jsxFileName$11 = "/Users/hangga/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 = "/Users/
|
|
1910
|
+
var _jsxFileName$10 = "/Users/hangga/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$$ = "/Users/
|
|
2418
|
+
var _jsxFileName$$ = "/Users/hangga/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$_ = "/Users/
|
|
3415
|
+
var _jsxFileName$_ = "/Users/hangga/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 = "/Users/
|
|
3735
|
+
var _jsxFileName$Z = "/Users/hangga/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 = "/Users/
|
|
3837
|
+
var _jsxFileName$Y = "/Users/hangga/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 = "/Users/
|
|
4531
|
+
var _jsxFileName$X = "/Users/hangga/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 = "/Users/
|
|
4737
|
+
var _jsxFileName$W = "/Users/hangga/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 = "/Users/
|
|
5611
|
+
var _jsxFileName$V = "/Users/hangga/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 = "/Users/
|
|
5964
|
+
var _jsxFileName$U = "/Users/hangga/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 = "/Users/
|
|
7314
|
+
var _jsxFileName$T = "/Users/hangga/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 = "/Users/
|
|
7435
|
+
var _jsxFileName$S = "/Users/hangga/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 = "/Users/
|
|
7586
|
+
var _jsxFileName$R = "/Users/hangga/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 = "/Users/
|
|
7703
|
+
var _jsxFileName$Q = "/Users/hangga/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 = "/Users/
|
|
7758
|
+
var _jsxFileName$P = "/Users/hangga/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 = "/Users/
|
|
7816
|
+
var _jsxFileName$O = "/Users/hangga/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 = "/Users/
|
|
7863
|
+
var _jsxFileName$N = "/Users/hangga/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 = "/Users/
|
|
7911
|
+
var _jsxFileName$M = "/Users/hangga/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 = "/Users/
|
|
8072
|
+
var _jsxFileName$L = "/Users/hangga/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%',
|
|
@@ -8418,7 +8418,7 @@ InputSuffix.propTypes = {
|
|
|
8418
8418
|
};
|
|
8419
8419
|
|
|
8420
8420
|
const _excluded$m = ["disabled", "readOnly"];
|
|
8421
|
-
var _jsxFileName$K = "/Users/
|
|
8421
|
+
var _jsxFileName$K = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
|
|
8422
8422
|
const disabledStyle = {
|
|
8423
8423
|
backgroundColor: '$formDisable',
|
|
8424
8424
|
color: '$textDisable',
|
|
@@ -8620,7 +8620,7 @@ InputText.propTypes = {
|
|
|
8620
8620
|
InputText.displayName = 'InputText';
|
|
8621
8621
|
|
|
8622
8622
|
const _excluded$l = ["disabled", "readOnly"];
|
|
8623
|
-
var _jsxFileName$J = "/Users/
|
|
8623
|
+
var _jsxFileName$J = "/Users/hangga/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 = "/Users/
|
|
8701
|
+
var _jsxFileName$I = "/Users/hangga/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 = "/Users/
|
|
8735
|
+
var _jsxFileName$H = "/Users/hangga/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 = "/Users/
|
|
11102
|
+
var _jsxFileName$G = "/Users/hangga/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 = "/Users/
|
|
11363
|
+
var _jsxFileName$F = "/Users/hangga/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 = "/Users/
|
|
11539
|
+
var _jsxFileName$E = "/Users/hangga/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 = "/Users/
|
|
11836
|
+
var _jsxFileName$D = "/Users/hangga/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 = "/Users/
|
|
11941
|
+
var _jsxFileName$C = "/Users/hangga/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 = "/Users/
|
|
12000
|
+
var _jsxFileName$B = "/Users/hangga/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 = "/Users/
|
|
12041
|
+
var _jsxFileName$A = "/Users/hangga/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 = "/Users/
|
|
12531
|
+
var _jsxFileName$z = "/Users/hangga/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 = "/Users/
|
|
14108
|
+
var _jsxFileName$y = "/Users/hangga/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,8 +14185,14 @@ 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 = "/Users/
|
|
14188
|
+
const _excluded$d = ["placeholder", "option", "value", "defaultValue", "size", "disabled", "onChange", "search", "readOnly", "placement", "disabledOptions", "disabledSortChecked", "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", "virtualized", "virtualizedThreshold"];
|
|
14189
|
+
var _jsxFileName$x = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
|
|
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
|
+
});
|
|
14190
14196
|
const Wrapper$1 = styled('div', {
|
|
14191
14197
|
margin: 0,
|
|
14192
14198
|
flexDirection: 'column',
|
|
@@ -14442,7 +14448,7 @@ const IndeterminateFilled$1 = styled('div', {
|
|
|
14442
14448
|
alignItems: 'center'
|
|
14443
14449
|
});
|
|
14444
14450
|
const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
14445
|
-
var
|
|
14451
|
+
var _ref2, _selectedItems$filter, _selectedItems$filter2, _selectedItems$filter3;
|
|
14446
14452
|
let {
|
|
14447
14453
|
placeholder,
|
|
14448
14454
|
option,
|
|
@@ -14455,6 +14461,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14455
14461
|
readOnly,
|
|
14456
14462
|
placement,
|
|
14457
14463
|
disabledOptions,
|
|
14464
|
+
disabledSortChecked,
|
|
14458
14465
|
textEmptyItem,
|
|
14459
14466
|
onRemoveItem,
|
|
14460
14467
|
isInvalid,
|
|
@@ -14485,7 +14492,9 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14485
14492
|
onSelectAllChecked,
|
|
14486
14493
|
totalOptions,
|
|
14487
14494
|
clearSearchOnSelect,
|
|
14488
|
-
onItemClick
|
|
14495
|
+
onItemClick,
|
|
14496
|
+
virtualized,
|
|
14497
|
+
virtualizedThreshold
|
|
14489
14498
|
} = _ref,
|
|
14490
14499
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
14491
14500
|
const {
|
|
@@ -14503,6 +14512,100 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14503
14512
|
const [query, setQuery] = React__default.useState('');
|
|
14504
14513
|
const scrollerRef = React__default.useRef(null);
|
|
14505
14514
|
const isShowSelectAll = showSelectAll && !maxSelectedItem;
|
|
14515
|
+
|
|
14516
|
+
// Use Set for O(1) lookup performance with large datasets
|
|
14517
|
+
const selectedValueSet = useMemo(() => new Set(selectedValue), [selectedValue]);
|
|
14518
|
+
|
|
14519
|
+
// Calculate total item count efficiently without creating full array
|
|
14520
|
+
const totalItemCount = useMemo(() => {
|
|
14521
|
+
return items.reduce((count, item) => {
|
|
14522
|
+
if (item != null && item.children) {
|
|
14523
|
+
return count + 1 + item.children.length; // parent + children
|
|
14524
|
+
}
|
|
14525
|
+
return count + 1;
|
|
14526
|
+
}, 0);
|
|
14527
|
+
}, [items]);
|
|
14528
|
+
|
|
14529
|
+
// Batched onChange to prevent multiple rapid calls
|
|
14530
|
+
const onChangeTimeoutRef = useRef(null);
|
|
14531
|
+
const batchedOnChange = useCallback(values => {
|
|
14532
|
+
// Clear any pending onChange calls
|
|
14533
|
+
if (onChangeTimeoutRef.current) {
|
|
14534
|
+
clearTimeout(onChangeTimeoutRef.current);
|
|
14535
|
+
}
|
|
14536
|
+
|
|
14537
|
+
// For large datasets, batch the onChange call to prevent freezing
|
|
14538
|
+
if (totalItemCount > 10000) {
|
|
14539
|
+
onChangeTimeoutRef.current = setTimeout(() => {
|
|
14540
|
+
onChange == null || onChange(values);
|
|
14541
|
+
}, 0);
|
|
14542
|
+
} else {
|
|
14543
|
+
// For smaller datasets, call immediately
|
|
14544
|
+
onChange == null || onChange(values);
|
|
14545
|
+
}
|
|
14546
|
+
}, [onChange, totalItemCount]);
|
|
14547
|
+
|
|
14548
|
+
// Determine if virtualization should be enabled
|
|
14549
|
+
const shouldVirtualize = virtualized && totalItemCount >= virtualizedThreshold;
|
|
14550
|
+
|
|
14551
|
+
// Lazy item lookup function - only compute when needed
|
|
14552
|
+
const getItemAtIndex = useCallback(index => {
|
|
14553
|
+
let currentIndex = 0;
|
|
14554
|
+
for (let i = 0; i < items.length; i++) {
|
|
14555
|
+
const item = items[i];
|
|
14556
|
+
if (item != null && item.children) {
|
|
14557
|
+
// Check if index is the group header
|
|
14558
|
+
if (currentIndex === index) {
|
|
14559
|
+
return {
|
|
14560
|
+
type: 'group',
|
|
14561
|
+
item,
|
|
14562
|
+
originalIndex: i
|
|
14563
|
+
};
|
|
14564
|
+
}
|
|
14565
|
+
currentIndex++;
|
|
14566
|
+
|
|
14567
|
+
// Check if index is within children
|
|
14568
|
+
for (let j = 0; j < item.children.length; j++) {
|
|
14569
|
+
if (currentIndex === index) {
|
|
14570
|
+
return {
|
|
14571
|
+
type: 'child',
|
|
14572
|
+
item: item.children[j],
|
|
14573
|
+
originalIndex: i,
|
|
14574
|
+
childIndex: j
|
|
14575
|
+
};
|
|
14576
|
+
}
|
|
14577
|
+
currentIndex++;
|
|
14578
|
+
}
|
|
14579
|
+
} else {
|
|
14580
|
+
// Regular item
|
|
14581
|
+
if (currentIndex === index) {
|
|
14582
|
+
return {
|
|
14583
|
+
type: 'item',
|
|
14584
|
+
item,
|
|
14585
|
+
originalIndex: i
|
|
14586
|
+
};
|
|
14587
|
+
}
|
|
14588
|
+
currentIndex++;
|
|
14589
|
+
}
|
|
14590
|
+
}
|
|
14591
|
+
return null;
|
|
14592
|
+
}, [items]);
|
|
14593
|
+
|
|
14594
|
+
// Dynamic overscan based on dataset size
|
|
14595
|
+
const overscanCount = useMemo(() => {
|
|
14596
|
+
if (totalItemCount > 10000) return 5;
|
|
14597
|
+
if (totalItemCount > 1000) return 8;
|
|
14598
|
+
return 10;
|
|
14599
|
+
}, [totalItemCount]);
|
|
14600
|
+
|
|
14601
|
+
// Setup virtualization
|
|
14602
|
+
const rowVirtualizer = useVirtual({
|
|
14603
|
+
size: totalItemCount,
|
|
14604
|
+
parentRef: scrollerRef,
|
|
14605
|
+
estimateSize: useCallback(() => 44, []),
|
|
14606
|
+
// Estimated height of each item
|
|
14607
|
+
overscan: overscanCount
|
|
14608
|
+
});
|
|
14506
14609
|
useMountedLayoutEffect(() => {
|
|
14507
14610
|
var _scrollerRef$current;
|
|
14508
14611
|
(_scrollerRef$current = scrollerRef.current) == null || _scrollerRef$current.scrollTo({
|
|
@@ -14528,7 +14631,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14528
14631
|
return [...res, ...filterOption]; // add the missing elements
|
|
14529
14632
|
}
|
|
14530
14633
|
}, []) : option;
|
|
14531
|
-
const sortDisabled = disabledOptions.length > 0 ? disabledOptions.reduce((res, id, i, {
|
|
14634
|
+
const sortDisabled = disabledOptions.length > 0 && !disabledSortChecked ? disabledOptions.reduce((res, id, i, {
|
|
14532
14635
|
[i + 1]: next
|
|
14533
14636
|
}) => {
|
|
14534
14637
|
let sortData = option.find(option => option.id === id);
|
|
@@ -14538,6 +14641,43 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14538
14641
|
return [...res, ...filterOption]; // add the missing elements
|
|
14539
14642
|
}
|
|
14540
14643
|
}, []) : option;
|
|
14644
|
+
|
|
14645
|
+
// Create a fast lookup map for item names (for large datasets)
|
|
14646
|
+
const itemLookupMap = useMemo(() => {
|
|
14647
|
+
if ((initItem == null ? void 0 : initItem.length) <= 10000) return null;
|
|
14648
|
+
const map = new Map();
|
|
14649
|
+
for (let i = 0; i < initItem.length; i++) {
|
|
14650
|
+
const item = initItem[i];
|
|
14651
|
+
map.set(item.id, item);
|
|
14652
|
+
if (item.children) {
|
|
14653
|
+
for (let j = 0; j < item.children.length; j++) {
|
|
14654
|
+
const child = item.children[j];
|
|
14655
|
+
map.set(child.id, child);
|
|
14656
|
+
}
|
|
14657
|
+
}
|
|
14658
|
+
}
|
|
14659
|
+
return map;
|
|
14660
|
+
}, [initItem]);
|
|
14661
|
+
|
|
14662
|
+
// Memoize selected items to prevent expensive recalculation on every render
|
|
14663
|
+
const memoizedSelectedItems = useMemo(() => {
|
|
14664
|
+
var _initItem$reduce;
|
|
14665
|
+
if (selectedValue.length === 0) return [];
|
|
14666
|
+
|
|
14667
|
+
// For very large datasets, use lookup map for O(1) access
|
|
14668
|
+
if ((initItem == null ? void 0 : initItem.length) > 10000 && itemLookupMap) {
|
|
14669
|
+
return selectedValue.map(id => {
|
|
14670
|
+
const item = itemLookupMap.get(id);
|
|
14671
|
+
return item || {
|
|
14672
|
+
id,
|
|
14673
|
+
name: id
|
|
14674
|
+
}; // Fallback to id as name if not found
|
|
14675
|
+
});
|
|
14676
|
+
}
|
|
14677
|
+
|
|
14678
|
+
// For smaller datasets, do the full flatten and filter
|
|
14679
|
+
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))) || [];
|
|
14680
|
+
}, [selectedValue, initItem, selectedValueSet, itemLookupMap]);
|
|
14541
14681
|
const {
|
|
14542
14682
|
getSelectedItemProps,
|
|
14543
14683
|
getDropdownProps,
|
|
@@ -14545,7 +14685,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14545
14685
|
removeSelectedItem,
|
|
14546
14686
|
selectedItems
|
|
14547
14687
|
} = useMultipleSelection({
|
|
14548
|
-
selectedItems:
|
|
14688
|
+
selectedItems: memoizedSelectedItems
|
|
14549
14689
|
});
|
|
14550
14690
|
const generateOptions = data => {
|
|
14551
14691
|
return data.map(option => {
|
|
@@ -14610,7 +14750,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14610
14750
|
if ((selected == null ? void 0 : selected.id) === 'counter') {
|
|
14611
14751
|
setSelectedValue([]);
|
|
14612
14752
|
setInputSelectValue([]);
|
|
14613
|
-
|
|
14753
|
+
batchedOnChange([]);
|
|
14614
14754
|
for (let i = 0; i < selectedValue.length; i++) {
|
|
14615
14755
|
removeSelectedItem(selectedValue[i]);
|
|
14616
14756
|
}
|
|
@@ -14620,11 +14760,28 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14620
14760
|
setSelectedValue(filterItems);
|
|
14621
14761
|
setInputSelectValue(filterItems);
|
|
14622
14762
|
if (selected.id !== '!all') {
|
|
14623
|
-
|
|
14763
|
+
batchedOnChange(filterItems);
|
|
14624
14764
|
}
|
|
14625
14765
|
}
|
|
14626
14766
|
}
|
|
14627
14767
|
};
|
|
14768
|
+
|
|
14769
|
+
// Memoize flattened items for useCombobox to prevent recalculation on every render
|
|
14770
|
+
const flattenedItemsForCombobox = useMemo(() => {
|
|
14771
|
+
// We need all items for selection to work properly, even for large datasets
|
|
14772
|
+
// Optimize by using for loops instead of reduce/spread for better performance
|
|
14773
|
+
const result = [];
|
|
14774
|
+
for (let i = 0; i < items.length; i++) {
|
|
14775
|
+
const item = items[i];
|
|
14776
|
+
result.push(item);
|
|
14777
|
+
if (item.children) {
|
|
14778
|
+
for (let j = 0; j < item.children.length; j++) {
|
|
14779
|
+
result.push(item.children[j]);
|
|
14780
|
+
}
|
|
14781
|
+
}
|
|
14782
|
+
}
|
|
14783
|
+
return result;
|
|
14784
|
+
}, [items]);
|
|
14628
14785
|
const {
|
|
14629
14786
|
getToggleButtonProps,
|
|
14630
14787
|
getMenuProps,
|
|
@@ -14636,7 +14793,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14636
14793
|
isOpen
|
|
14637
14794
|
} = useCombobox({
|
|
14638
14795
|
inputValue,
|
|
14639
|
-
items:
|
|
14796
|
+
items: flattenedItemsForCombobox,
|
|
14640
14797
|
selectedItem: selectedValue,
|
|
14641
14798
|
itemToString: item => item ? item.name : '',
|
|
14642
14799
|
onStateChange: ({
|
|
@@ -14670,9 +14827,13 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14670
14827
|
removeSelectedItem(item);
|
|
14671
14828
|
}
|
|
14672
14829
|
});
|
|
14673
|
-
|
|
14674
|
-
|
|
14675
|
-
|
|
14830
|
+
|
|
14831
|
+
// Use startTransition for non-urgent state updates
|
|
14832
|
+
startTransition(() => {
|
|
14833
|
+
setSelectedValue([]);
|
|
14834
|
+
setInputSelectValue([]);
|
|
14835
|
+
});
|
|
14836
|
+
batchedOnChange([]);
|
|
14676
14837
|
} else {
|
|
14677
14838
|
removeItem(selectedItem);
|
|
14678
14839
|
}
|
|
@@ -14680,27 +14841,34 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14680
14841
|
}
|
|
14681
14842
|
} else {
|
|
14682
14843
|
if (selectedItem.id === '!all') {
|
|
14844
|
+
// Optimized select all - batch operations instead of individual calls
|
|
14683
14845
|
const itemIds = [];
|
|
14846
|
+
const itemsToAdd = [];
|
|
14684
14847
|
items.filter(item => !item.isDisabled).forEach(item => {
|
|
14685
14848
|
var _item$children3;
|
|
14686
14849
|
if (item != null && (_item$children3 = item.children) != null && _item$children3.length) {
|
|
14687
|
-
|
|
14688
|
-
|
|
14689
|
-
|
|
14690
|
-
itemIds.push(item.id);
|
|
14850
|
+
item.children.filter(child => !child.isDisabled).forEach(child => {
|
|
14851
|
+
itemsToAdd.push(child);
|
|
14852
|
+
itemIds.push(child.id);
|
|
14691
14853
|
});
|
|
14692
14854
|
} else {
|
|
14693
|
-
|
|
14855
|
+
itemsToAdd.push(item);
|
|
14694
14856
|
itemIds.push(item.id);
|
|
14695
14857
|
}
|
|
14696
14858
|
});
|
|
14697
|
-
|
|
14698
|
-
|
|
14699
|
-
|
|
14859
|
+
|
|
14860
|
+
// Batch add all items at once instead of one by one
|
|
14861
|
+
itemsToAdd.forEach(item => addSelectedItem(item));
|
|
14862
|
+
|
|
14863
|
+
// Use startTransition for non-urgent state updates
|
|
14864
|
+
startTransition(() => {
|
|
14865
|
+
setSelectedValue(itemIds);
|
|
14866
|
+
setInputSelectValue(itemIds);
|
|
14867
|
+
});
|
|
14700
14868
|
if (onSelectAllChecked) {
|
|
14701
14869
|
onSelectAllChecked(itemIds.slice(1));
|
|
14702
14870
|
} else {
|
|
14703
|
-
|
|
14871
|
+
batchedOnChange(itemIds.slice(1));
|
|
14704
14872
|
}
|
|
14705
14873
|
} else {
|
|
14706
14874
|
var _selectedItem$childre;
|
|
@@ -14709,34 +14877,48 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14709
14877
|
var _selectedItem$childre2;
|
|
14710
14878
|
const itemIdsSelect = [];
|
|
14711
14879
|
const itemIdsUnSelect = [];
|
|
14880
|
+
const itemsToAdd = [];
|
|
14881
|
+
const itemsToRemove = [];
|
|
14712
14882
|
selectedItem == null || (_selectedItem$childre2 = selectedItem.children) == null || _selectedItem$childre2.filter(item => !item.isDisabled).forEach(item => {
|
|
14713
|
-
if (
|
|
14714
|
-
|
|
14883
|
+
if (selectedValueSet.has(item.id)) {
|
|
14884
|
+
itemsToRemove.push(item);
|
|
14715
14885
|
itemIdsUnSelect.push(item.id);
|
|
14716
14886
|
} else {
|
|
14717
|
-
|
|
14887
|
+
itemsToAdd.push(item);
|
|
14718
14888
|
itemIdsSelect.push(item.id);
|
|
14719
14889
|
}
|
|
14720
14890
|
});
|
|
14721
14891
|
|
|
14892
|
+
// Batch add/remove operations
|
|
14893
|
+
itemsToAdd.forEach(item => addSelectedItem(item));
|
|
14894
|
+
itemsToRemove.forEach(item => removeSelectedItem(item));
|
|
14895
|
+
|
|
14722
14896
|
//select all child in one of the option groups
|
|
14723
14897
|
if (itemIdsSelect.length) {
|
|
14724
|
-
|
|
14725
|
-
|
|
14726
|
-
|
|
14727
|
-
|
|
14898
|
+
const _newSelectedValue = [...selectedValue, ...itemIdsSelect];
|
|
14899
|
+
|
|
14900
|
+
// Use startTransition for non-urgent updates
|
|
14901
|
+
startTransition(() => {
|
|
14902
|
+
setSelectedValue(_newSelectedValue);
|
|
14903
|
+
setInputSelectValue(_newSelectedValue);
|
|
14904
|
+
});
|
|
14905
|
+
const _filteredSelectedValues = _newSelectedValue.filter(val => val !== '!all');
|
|
14906
|
+
batchedOnChange(_filteredSelectedValues);
|
|
14728
14907
|
}
|
|
14729
14908
|
|
|
14730
14909
|
//unselect all child in one of the option groups
|
|
14731
14910
|
if (itemIdsUnSelect.length) {
|
|
14732
|
-
|
|
14733
|
-
|
|
14734
|
-
|
|
14911
|
+
// Use Set for O(1) lookup instead of nested filter
|
|
14912
|
+
const unSelectSet = new Set(itemIdsUnSelect);
|
|
14913
|
+
const _newSelectedValue2 = selectedValue.filter(selId => !unSelectSet.has(selId) && selId);
|
|
14914
|
+
|
|
14915
|
+
// Use startTransition for non-urgent updates
|
|
14916
|
+
startTransition(() => {
|
|
14917
|
+
setSelectedValue(_newSelectedValue2);
|
|
14918
|
+
setInputSelectValue(_newSelectedValue2);
|
|
14735
14919
|
});
|
|
14736
|
-
|
|
14737
|
-
|
|
14738
|
-
const _filteredSelectedValues2 = newSelectedValue.filter(val => val !== '!all');
|
|
14739
|
-
onChange == null || onChange(_filteredSelectedValues2);
|
|
14920
|
+
const _filteredSelectedValues2 = _newSelectedValue2.filter(val => val !== '!all');
|
|
14921
|
+
batchedOnChange(_filteredSelectedValues2);
|
|
14740
14922
|
}
|
|
14741
14923
|
return;
|
|
14742
14924
|
}
|
|
@@ -14750,10 +14932,15 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14750
14932
|
//end check the child from one of the option groups
|
|
14751
14933
|
|
|
14752
14934
|
addSelectedItem(selectedItem);
|
|
14753
|
-
|
|
14754
|
-
|
|
14935
|
+
const newSelectedValue = [...selectedValue, selectedItem.id];
|
|
14936
|
+
|
|
14937
|
+
// Use startTransition for non-urgent updates
|
|
14938
|
+
startTransition(() => {
|
|
14939
|
+
setSelectedValue(newSelectedValue);
|
|
14940
|
+
setInputSelectValue(newSelectedValue);
|
|
14941
|
+
});
|
|
14755
14942
|
const filteredSelectedValues = selectedValue.filter(val => val !== '!all');
|
|
14756
|
-
|
|
14943
|
+
batchedOnChange([...filteredSelectedValues, selectedItem.id]);
|
|
14757
14944
|
}
|
|
14758
14945
|
selectItem(null);
|
|
14759
14946
|
}
|
|
@@ -14786,8 +14973,15 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14786
14973
|
}
|
|
14787
14974
|
});
|
|
14788
14975
|
const memoOptions = useMemo(() => {
|
|
14976
|
+
// Skip expensive operations for very large datasets
|
|
14977
|
+
const isVeryLarge = (option == null ? void 0 : option.length) > 10000;
|
|
14978
|
+
|
|
14979
|
+
// For very large datasets, skip sorting and copying to improve performance
|
|
14980
|
+
if (isVeryLarge && !maxSelectedItem) {
|
|
14981
|
+
return option || [];
|
|
14982
|
+
}
|
|
14789
14983
|
const optionsCopy = option ? [...option] : [];
|
|
14790
|
-
if (sortBy === 'id') {
|
|
14984
|
+
if (sortBy === 'id' && !isVeryLarge) {
|
|
14791
14985
|
optionsCopy.sort((a, b) => {
|
|
14792
14986
|
const idA = typeof a.id === 'string' ? a.id.toUpperCase() : a.id;
|
|
14793
14987
|
const idB = typeof b.id === 'string' ? b.id.toUpperCase() : b.id;
|
|
@@ -14797,7 +14991,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14797
14991
|
if (idA > idB) return 1;
|
|
14798
14992
|
return 0;
|
|
14799
14993
|
});
|
|
14800
|
-
} else if (sortBy === 'name') {
|
|
14994
|
+
} else if (sortBy === 'name' && !isVeryLarge) {
|
|
14801
14995
|
optionsCopy.sort((a, b) => {
|
|
14802
14996
|
const nameA = typeof a.name === 'string' ? a.name.toUpperCase() : a.name;
|
|
14803
14997
|
const nameB = typeof b.name === 'string' ? b.name.toUpperCase() : b.name;
|
|
@@ -14820,10 +15014,20 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14820
15014
|
return item;
|
|
14821
15015
|
}) : optionsCopy;
|
|
14822
15016
|
}, [maxSelectedItem, option, selectedValue, sortBy]);
|
|
14823
|
-
const memoOptionsString = useMemo(() =>
|
|
14824
|
-
|
|
14825
|
-
|
|
14826
|
-
|
|
15017
|
+
const memoOptionsString = useMemo(() => {
|
|
15018
|
+
// For very large datasets, skip JSON.stringify as it's expensive
|
|
15019
|
+
if ((memoOptions == null ? void 0 : memoOptions.length) > 10000) {
|
|
15020
|
+
return `${memoOptions.length}-${Date.now()}`;
|
|
15021
|
+
}
|
|
15022
|
+
return JSON.stringify(memoOptions);
|
|
15023
|
+
}, [memoOptions]);
|
|
15024
|
+
|
|
15025
|
+
// Optimize itemsLength calculation - avoid creating arrays
|
|
15026
|
+
const itemsLength = useMemo(() => {
|
|
15027
|
+
return (items == null ? void 0 : items.reduce((count, item) => {
|
|
15028
|
+
return count + (item.children ? item.children.length : 1);
|
|
15029
|
+
}, 0)) || 0;
|
|
15030
|
+
}, [items]);
|
|
14827
15031
|
useEffect(() => {
|
|
14828
15032
|
if (!inputValue || fetchData) {
|
|
14829
15033
|
setItems(isShowSelectAll ? [{
|
|
@@ -14889,7 +15093,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14889
15093
|
}
|
|
14890
15094
|
onItemClick({
|
|
14891
15095
|
item,
|
|
14892
|
-
isSelected: !
|
|
15096
|
+
isSelected: !selectedValueSet.has(item.id)
|
|
14893
15097
|
});
|
|
14894
15098
|
},
|
|
14895
15099
|
css: {
|
|
@@ -14901,7 +15105,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14901
15105
|
__self: undefined,
|
|
14902
15106
|
__source: {
|
|
14903
15107
|
fileName: _jsxFileName$x,
|
|
14904
|
-
lineNumber:
|
|
15108
|
+
lineNumber: 972,
|
|
14905
15109
|
columnNumber: 9
|
|
14906
15110
|
}
|
|
14907
15111
|
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
@@ -14915,7 +15119,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14915
15119
|
__self: undefined,
|
|
14916
15120
|
__source: {
|
|
14917
15121
|
fileName: _jsxFileName$x,
|
|
14918
|
-
lineNumber:
|
|
15122
|
+
lineNumber: 991,
|
|
14919
15123
|
columnNumber: 11
|
|
14920
15124
|
}
|
|
14921
15125
|
}, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -14923,29 +15127,29 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14923
15127
|
__self: undefined,
|
|
14924
15128
|
__source: {
|
|
14925
15129
|
fileName: _jsxFileName$x,
|
|
14926
|
-
lineNumber:
|
|
15130
|
+
lineNumber: 1003,
|
|
14927
15131
|
columnNumber: 17
|
|
14928
15132
|
}
|
|
14929
|
-
}) :
|
|
15133
|
+
}) : selectedValueSet.has(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
14930
15134
|
color: colors$7.iconGreen,
|
|
14931
15135
|
__self: undefined,
|
|
14932
15136
|
__source: {
|
|
14933
15137
|
fileName: _jsxFileName$x,
|
|
14934
|
-
lineNumber:
|
|
15138
|
+
lineNumber: 1007,
|
|
14935
15139
|
columnNumber: 19
|
|
14936
15140
|
}
|
|
14937
15141
|
})), 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, {
|
|
14938
15142
|
__self: undefined,
|
|
14939
15143
|
__source: {
|
|
14940
15144
|
fileName: _jsxFileName$x,
|
|
14941
|
-
lineNumber:
|
|
15145
|
+
lineNumber: 1011,
|
|
14942
15146
|
columnNumber: 15
|
|
14943
15147
|
}
|
|
14944
15148
|
}, "-") : /*#__PURE__*/React__default.createElement("div", {
|
|
14945
15149
|
__self: undefined,
|
|
14946
15150
|
__source: {
|
|
14947
15151
|
fileName: _jsxFileName$x,
|
|
14948
|
-
lineNumber:
|
|
15152
|
+
lineNumber: 1013,
|
|
14949
15153
|
columnNumber: 15
|
|
14950
15154
|
}
|
|
14951
15155
|
})), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
@@ -14956,18 +15160,18 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14956
15160
|
__self: undefined,
|
|
14957
15161
|
__source: {
|
|
14958
15162
|
fileName: _jsxFileName$x,
|
|
14959
|
-
lineNumber:
|
|
15163
|
+
lineNumber: 1016,
|
|
14960
15164
|
columnNumber: 11
|
|
14961
15165
|
}
|
|
14962
15166
|
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
|
|
14963
15167
|
};
|
|
14964
15168
|
let lastGroupIndex = showSelectAll ? 1 : 0;
|
|
14965
15169
|
const renderOptionGroupItem = (item, index) => {
|
|
14966
|
-
var _item$
|
|
15170
|
+
var _item$children4, _item$children5, _item$children6, _item$children7;
|
|
14967
15171
|
// const groupIndex = (index > (showSelectAll ? 1 : 0)) ? lastGroupIndex : 0;
|
|
14968
15172
|
const groupIndex = lastGroupIndex;
|
|
14969
|
-
lastGroupIndex += ((item == null || (_item$
|
|
14970
|
-
const filterSelectedChild = item == null || (_item$
|
|
15173
|
+
lastGroupIndex += ((item == null || (_item$children4 = item.children) == null ? void 0 : _item$children4.length) || 0) + 1;
|
|
15174
|
+
const filterSelectedChild = item == null || (_item$children5 = item.children) == null ? void 0 : _item$children5.filter(e => selectedValueSet.has(e.id) && !e.isDisabled);
|
|
14971
15175
|
return /*#__PURE__*/React__default.createElement(OptionGroupItem, {
|
|
14972
15176
|
item: /*#__PURE__*/React__default.createElement(ItemWrapper$1, _extends({
|
|
14973
15177
|
key: item.id
|
|
@@ -14984,7 +15188,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14984
15188
|
__self: undefined,
|
|
14985
15189
|
__source: {
|
|
14986
15190
|
fileName: _jsxFileName$x,
|
|
14987
|
-
lineNumber:
|
|
15191
|
+
lineNumber: 1032,
|
|
14988
15192
|
columnNumber: 13
|
|
14989
15193
|
}
|
|
14990
15194
|
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
@@ -14997,7 +15201,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14997
15201
|
__self: undefined,
|
|
14998
15202
|
__source: {
|
|
14999
15203
|
fileName: _jsxFileName$x,
|
|
15000
|
-
lineNumber:
|
|
15204
|
+
lineNumber: 1045,
|
|
15001
15205
|
columnNumber: 15
|
|
15002
15206
|
}
|
|
15003
15207
|
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -15005,22 +15209,22 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15005
15209
|
__self: undefined,
|
|
15006
15210
|
__source: {
|
|
15007
15211
|
fileName: _jsxFileName$x,
|
|
15008
|
-
lineNumber:
|
|
15212
|
+
lineNumber: 1055,
|
|
15009
15213
|
columnNumber: 19
|
|
15010
15214
|
}
|
|
15011
|
-
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$
|
|
15215
|
+
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$children6 = item.children) == null || (_item$children6 = _item$children6.filter(e => !e.isDisabled)) == null ? void 0 : _item$children6.length) ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15012
15216
|
color: colors$7.iconGreen,
|
|
15013
15217
|
__self: undefined,
|
|
15014
15218
|
__source: {
|
|
15015
15219
|
fileName: _jsxFileName$x,
|
|
15016
|
-
lineNumber:
|
|
15220
|
+
lineNumber: 1057,
|
|
15017
15221
|
columnNumber: 19
|
|
15018
15222
|
}
|
|
15019
15223
|
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
|
|
15020
15224
|
__self: undefined,
|
|
15021
15225
|
__source: {
|
|
15022
15226
|
fileName: _jsxFileName$x,
|
|
15023
|
-
lineNumber:
|
|
15227
|
+
lineNumber: 1059,
|
|
15024
15228
|
columnNumber: 19
|
|
15025
15229
|
}
|
|
15026
15230
|
}, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
@@ -15031,17 +15235,17 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15031
15235
|
__self: undefined,
|
|
15032
15236
|
__source: {
|
|
15033
15237
|
fileName: _jsxFileName$x,
|
|
15034
|
-
lineNumber:
|
|
15238
|
+
lineNumber: 1062,
|
|
15035
15239
|
columnNumber: 15
|
|
15036
15240
|
}
|
|
15037
15241
|
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
|
|
15038
15242
|
__self: undefined,
|
|
15039
15243
|
__source: {
|
|
15040
15244
|
fileName: _jsxFileName$x,
|
|
15041
|
-
lineNumber:
|
|
15245
|
+
lineNumber: 1030,
|
|
15042
15246
|
columnNumber: 9
|
|
15043
15247
|
}
|
|
15044
|
-
}, item == null || (_item$
|
|
15248
|
+
}, item == null || (_item$children7 = item.children) == null ? void 0 : _item$children7.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
|
|
15045
15249
|
};
|
|
15046
15250
|
return /*#__PURE__*/React__default.createElement(Wrapper$1, _extends({
|
|
15047
15251
|
css: css
|
|
@@ -15051,7 +15255,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15051
15255
|
__self: undefined,
|
|
15052
15256
|
__source: {
|
|
15053
15257
|
fileName: _jsxFileName$x,
|
|
15054
|
-
lineNumber:
|
|
15258
|
+
lineNumber: 1074,
|
|
15055
15259
|
columnNumber: 7
|
|
15056
15260
|
}
|
|
15057
15261
|
}), /*#__PURE__*/React__default.createElement(Select, {
|
|
@@ -15061,7 +15265,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15061
15265
|
__self: undefined,
|
|
15062
15266
|
__source: {
|
|
15063
15267
|
fileName: _jsxFileName$x,
|
|
15064
|
-
lineNumber:
|
|
15268
|
+
lineNumber: 1075,
|
|
15065
15269
|
columnNumber: 9
|
|
15066
15270
|
}
|
|
15067
15271
|
}, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
|
|
@@ -15076,7 +15280,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15076
15280
|
__self: undefined,
|
|
15077
15281
|
__source: {
|
|
15078
15282
|
fileName: _jsxFileName$x,
|
|
15079
|
-
lineNumber:
|
|
15283
|
+
lineNumber: 1076,
|
|
15080
15284
|
columnNumber: 11
|
|
15081
15285
|
}
|
|
15082
15286
|
}), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
|
|
@@ -15094,7 +15298,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15094
15298
|
__self: undefined,
|
|
15095
15299
|
__source: {
|
|
15096
15300
|
fileName: _jsxFileName$x,
|
|
15097
|
-
lineNumber:
|
|
15301
|
+
lineNumber: 1086,
|
|
15098
15302
|
columnNumber: 13
|
|
15099
15303
|
}
|
|
15100
15304
|
})), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
|
|
@@ -15108,7 +15312,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15108
15312
|
__self: undefined,
|
|
15109
15313
|
__source: {
|
|
15110
15314
|
fileName: _jsxFileName$x,
|
|
15111
|
-
lineNumber:
|
|
15315
|
+
lineNumber: 1093,
|
|
15112
15316
|
columnNumber: 13
|
|
15113
15317
|
}
|
|
15114
15318
|
}), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
|
|
@@ -15119,7 +15323,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15119
15323
|
__self: undefined,
|
|
15120
15324
|
__source: {
|
|
15121
15325
|
fileName: _jsxFileName$x,
|
|
15122
|
-
lineNumber:
|
|
15326
|
+
lineNumber: 1104,
|
|
15123
15327
|
columnNumber: 11
|
|
15124
15328
|
}
|
|
15125
15329
|
}), /*#__PURE__*/React__default.createElement(IconCaretDown, {
|
|
@@ -15127,7 +15331,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15127
15331
|
__self: undefined,
|
|
15128
15332
|
__source: {
|
|
15129
15333
|
fileName: _jsxFileName$x,
|
|
15130
|
-
lineNumber:
|
|
15334
|
+
lineNumber: 1109,
|
|
15131
15335
|
columnNumber: 13
|
|
15132
15336
|
}
|
|
15133
15337
|
}))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15140,7 +15344,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15140
15344
|
__self: undefined,
|
|
15141
15345
|
__source: {
|
|
15142
15346
|
fileName: _jsxFileName$x,
|
|
15143
|
-
lineNumber:
|
|
15347
|
+
lineNumber: 1113,
|
|
15144
15348
|
columnNumber: 11
|
|
15145
15349
|
}
|
|
15146
15350
|
}, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
|
|
@@ -15148,7 +15352,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15148
15352
|
__self: undefined,
|
|
15149
15353
|
__source: {
|
|
15150
15354
|
fileName: _jsxFileName$x,
|
|
15151
|
-
lineNumber:
|
|
15355
|
+
lineNumber: 1119,
|
|
15152
15356
|
columnNumber: 13
|
|
15153
15357
|
}
|
|
15154
15358
|
}, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
|
|
@@ -15169,7 +15373,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15169
15373
|
__self: undefined,
|
|
15170
15374
|
__source: {
|
|
15171
15375
|
fileName: _jsxFileName$x,
|
|
15172
|
-
lineNumber:
|
|
15376
|
+
lineNumber: 1121,
|
|
15173
15377
|
columnNumber: 17
|
|
15174
15378
|
}
|
|
15175
15379
|
}), 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) => {
|
|
@@ -15200,7 +15404,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15200
15404
|
__self: undefined,
|
|
15201
15405
|
__source: {
|
|
15202
15406
|
fileName: _jsxFileName$x,
|
|
15203
|
-
lineNumber:
|
|
15407
|
+
lineNumber: 1150,
|
|
15204
15408
|
columnNumber: 21
|
|
15205
15409
|
}
|
|
15206
15410
|
}), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15209,7 +15413,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15209
15413
|
__self: undefined,
|
|
15210
15414
|
__source: {
|
|
15211
15415
|
fileName: _jsxFileName$x,
|
|
15212
|
-
lineNumber:
|
|
15416
|
+
lineNumber: 1173,
|
|
15213
15417
|
columnNumber: 15
|
|
15214
15418
|
}
|
|
15215
15419
|
}, /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15219,14 +15423,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15219
15423
|
__self: undefined,
|
|
15220
15424
|
__source: {
|
|
15221
15425
|
fileName: _jsxFileName$x,
|
|
15222
|
-
lineNumber:
|
|
15426
|
+
lineNumber: 1174,
|
|
15223
15427
|
columnNumber: 17
|
|
15224
15428
|
}
|
|
15225
15429
|
}, /*#__PURE__*/React__default.createElement(Separator$2, {
|
|
15226
15430
|
__self: undefined,
|
|
15227
15431
|
__source: {
|
|
15228
15432
|
fileName: _jsxFileName$x,
|
|
15229
|
-
lineNumber:
|
|
15433
|
+
lineNumber: 1175,
|
|
15230
15434
|
columnNumber: 19
|
|
15231
15435
|
}
|
|
15232
15436
|
}), /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15240,7 +15444,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15240
15444
|
__self: undefined,
|
|
15241
15445
|
__source: {
|
|
15242
15446
|
fileName: _jsxFileName$x,
|
|
15243
|
-
lineNumber:
|
|
15447
|
+
lineNumber: 1176,
|
|
15244
15448
|
columnNumber: 19
|
|
15245
15449
|
}
|
|
15246
15450
|
}, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
|
|
@@ -15248,7 +15452,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15248
15452
|
__self: undefined,
|
|
15249
15453
|
__source: {
|
|
15250
15454
|
fileName: _jsxFileName$x,
|
|
15251
|
-
lineNumber:
|
|
15455
|
+
lineNumber: 1182,
|
|
15252
15456
|
columnNumber: 23
|
|
15253
15457
|
}
|
|
15254
15458
|
}) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
@@ -15256,7 +15460,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15256
15460
|
__self: undefined,
|
|
15257
15461
|
__source: {
|
|
15258
15462
|
fileName: _jsxFileName$x,
|
|
15259
|
-
lineNumber:
|
|
15463
|
+
lineNumber: 1184,
|
|
15260
15464
|
columnNumber: 23
|
|
15261
15465
|
}
|
|
15262
15466
|
}), /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15268,14 +15472,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15268
15472
|
__self: undefined,
|
|
15269
15473
|
__source: {
|
|
15270
15474
|
fileName: _jsxFileName$x,
|
|
15271
|
-
lineNumber:
|
|
15475
|
+
lineNumber: 1186,
|
|
15272
15476
|
columnNumber: 21
|
|
15273
15477
|
}
|
|
15274
15478
|
}, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
|
|
15275
15479
|
__self: undefined,
|
|
15276
15480
|
__source: {
|
|
15277
15481
|
fileName: _jsxFileName$x,
|
|
15278
|
-
lineNumber:
|
|
15482
|
+
lineNumber: 1190,
|
|
15279
15483
|
columnNumber: 19
|
|
15280
15484
|
}
|
|
15281
15485
|
})), showCollapsibleCounter && /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15286,7 +15490,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15286
15490
|
__self: undefined,
|
|
15287
15491
|
__source: {
|
|
15288
15492
|
fileName: _jsxFileName$x,
|
|
15289
|
-
lineNumber:
|
|
15493
|
+
lineNumber: 1193,
|
|
15290
15494
|
columnNumber: 19
|
|
15291
15495
|
}
|
|
15292
15496
|
}, `${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, {
|
|
@@ -15298,7 +15502,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15298
15502
|
__self: undefined,
|
|
15299
15503
|
__source: {
|
|
15300
15504
|
fileName: _jsxFileName$x,
|
|
15301
|
-
lineNumber:
|
|
15505
|
+
lineNumber: 1204,
|
|
15302
15506
|
columnNumber: 11
|
|
15303
15507
|
}
|
|
15304
15508
|
}, `${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, {
|
|
@@ -15311,7 +15515,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15311
15515
|
__self: undefined,
|
|
15312
15516
|
__source: {
|
|
15313
15517
|
fileName: _jsxFileName$x,
|
|
15314
|
-
lineNumber:
|
|
15518
|
+
lineNumber: 1211,
|
|
15315
15519
|
columnNumber: 9
|
|
15316
15520
|
}
|
|
15317
15521
|
}, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15333,7 +15537,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15333
15537
|
__self: undefined,
|
|
15334
15538
|
__source: {
|
|
15335
15539
|
fileName: _jsxFileName$x,
|
|
15336
|
-
lineNumber:
|
|
15540
|
+
lineNumber: 1221,
|
|
15337
15541
|
columnNumber: 13
|
|
15338
15542
|
}
|
|
15339
15543
|
}, /*#__PURE__*/React__default.createElement(Text$1, {
|
|
@@ -15341,7 +15545,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15341
15545
|
__self: undefined,
|
|
15342
15546
|
__source: {
|
|
15343
15547
|
fileName: _jsxFileName$x,
|
|
15344
|
-
lineNumber:
|
|
15548
|
+
lineNumber: 1238,
|
|
15345
15549
|
columnNumber: 15
|
|
15346
15550
|
}
|
|
15347
15551
|
}, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
|
|
@@ -15353,7 +15557,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15353
15557
|
__self: undefined,
|
|
15354
15558
|
__source: {
|
|
15355
15559
|
fileName: _jsxFileName$x,
|
|
15356
|
-
lineNumber:
|
|
15560
|
+
lineNumber: 1243,
|
|
15357
15561
|
columnNumber: 13
|
|
15358
15562
|
}
|
|
15359
15563
|
}), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
|
|
@@ -15376,17 +15580,127 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15376
15580
|
__self: undefined,
|
|
15377
15581
|
__source: {
|
|
15378
15582
|
fileName: _jsxFileName$x,
|
|
15379
|
-
lineNumber:
|
|
15583
|
+
lineNumber: 1247,
|
|
15380
15584
|
columnNumber: 19
|
|
15381
15585
|
}
|
|
15382
15586
|
}, child),
|
|
15383
15587
|
__self: undefined,
|
|
15384
15588
|
__source: {
|
|
15385
15589
|
fileName: _jsxFileName$x,
|
|
15386
|
-
lineNumber:
|
|
15590
|
+
lineNumber: 1244,
|
|
15387
15591
|
columnNumber: 15
|
|
15388
15592
|
}
|
|
15389
|
-
}, isOpen &&
|
|
15593
|
+
}, isOpen && shouldVirtualize ?
|
|
15594
|
+
/*#__PURE__*/
|
|
15595
|
+
// Virtualized rendering for large lists
|
|
15596
|
+
React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
15597
|
+
style: {
|
|
15598
|
+
height: `${rowVirtualizer.totalSize}px`,
|
|
15599
|
+
position: 'relative',
|
|
15600
|
+
width: '100%'
|
|
15601
|
+
},
|
|
15602
|
+
__self: undefined,
|
|
15603
|
+
__source: {
|
|
15604
|
+
fileName: _jsxFileName$x,
|
|
15605
|
+
lineNumber: 1268,
|
|
15606
|
+
columnNumber: 21
|
|
15607
|
+
}
|
|
15608
|
+
}, rowVirtualizer.virtualItems.map(virtualRow => {
|
|
15609
|
+
var _item$children8, _item$children9, _item$children0;
|
|
15610
|
+
const virtualItem = getItemAtIndex(virtualRow.index);
|
|
15611
|
+
if (!virtualItem) return null;
|
|
15612
|
+
const {
|
|
15613
|
+
type,
|
|
15614
|
+
item
|
|
15615
|
+
} = virtualItem;
|
|
15616
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
15617
|
+
key: `${type}-${item.id}-${virtualRow.index}`,
|
|
15618
|
+
style: {
|
|
15619
|
+
position: 'absolute',
|
|
15620
|
+
top: 0,
|
|
15621
|
+
left: 0,
|
|
15622
|
+
width: '100%',
|
|
15623
|
+
transform: `translateY(${virtualRow.start}px)`
|
|
15624
|
+
},
|
|
15625
|
+
__self: undefined,
|
|
15626
|
+
__source: {
|
|
15627
|
+
fileName: _jsxFileName$x,
|
|
15628
|
+
lineNumber: 1276,
|
|
15629
|
+
columnNumber: 27
|
|
15630
|
+
}
|
|
15631
|
+
}, type === 'group' ?
|
|
15632
|
+
/*#__PURE__*/
|
|
15633
|
+
// Render option group header (without children, as they're rendered separately)
|
|
15634
|
+
React__default.createElement(ItemWrapper$1, _extends({}, getItemProps({
|
|
15635
|
+
item,
|
|
15636
|
+
index: virtualRow.index,
|
|
15637
|
+
disabled: item.isDisabled
|
|
15638
|
+
}), {
|
|
15639
|
+
css: {
|
|
15640
|
+
backgroundColor: highlightedIndex === virtualRow.index ? '$bgGray' : '$bgWhite',
|
|
15641
|
+
cursor: item.isDisabled ? 'not-allowed' : 'pointer',
|
|
15642
|
+
color: item.isDisabled ? '$textDisable' : 'textPrimary',
|
|
15643
|
+
fontWeight: 600
|
|
15644
|
+
},
|
|
15645
|
+
__self: undefined,
|
|
15646
|
+
__source: {
|
|
15647
|
+
fileName: _jsxFileName$x,
|
|
15648
|
+
lineNumber: 1288,
|
|
15649
|
+
columnNumber: 31
|
|
15650
|
+
}
|
|
15651
|
+
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
15652
|
+
css: Object.assign({
|
|
15653
|
+
width: '16px',
|
|
15654
|
+
height: '16px',
|
|
15655
|
+
border: '1px solid $bgBorder',
|
|
15656
|
+
cursor: item.isDisabled ? 'not-allowed' : 'pointer'
|
|
15657
|
+
}, checkBoxCss),
|
|
15658
|
+
__self: undefined,
|
|
15659
|
+
__source: {
|
|
15660
|
+
fileName: _jsxFileName$x,
|
|
15661
|
+
lineNumber: 1301,
|
|
15662
|
+
columnNumber: 33
|
|
15663
|
+
}
|
|
15664
|
+
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15665
|
+
color: colors$7.iconDisable,
|
|
15666
|
+
__self: undefined,
|
|
15667
|
+
__source: {
|
|
15668
|
+
fileName: _jsxFileName$x,
|
|
15669
|
+
lineNumber: 1311,
|
|
15670
|
+
columnNumber: 37
|
|
15671
|
+
}
|
|
15672
|
+
}) : (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, {
|
|
15673
|
+
color: colors$7.iconGreen,
|
|
15674
|
+
__self: undefined,
|
|
15675
|
+
__source: {
|
|
15676
|
+
fileName: _jsxFileName$x,
|
|
15677
|
+
lineNumber: 1315,
|
|
15678
|
+
columnNumber: 39
|
|
15679
|
+
}
|
|
15680
|
+
}) : (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, {
|
|
15681
|
+
__self: undefined,
|
|
15682
|
+
__source: {
|
|
15683
|
+
fileName: _jsxFileName$x,
|
|
15684
|
+
lineNumber: 1317,
|
|
15685
|
+
columnNumber: 39
|
|
15686
|
+
}
|
|
15687
|
+
}, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
15688
|
+
css: {
|
|
15689
|
+
backgroundColor: 'unset',
|
|
15690
|
+
width: '100%'
|
|
15691
|
+
},
|
|
15692
|
+
__self: undefined,
|
|
15693
|
+
__source: {
|
|
15694
|
+
fileName: _jsxFileName$x,
|
|
15695
|
+
lineNumber: 1321,
|
|
15696
|
+
columnNumber: 33
|
|
15697
|
+
}
|
|
15698
|
+
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)) :
|
|
15699
|
+
// Render regular item or child item
|
|
15700
|
+
renderOptionItem(item, virtualRow.index, type === 'child'));
|
|
15701
|
+
}))) :
|
|
15702
|
+
// Non-virtualized rendering for small lists
|
|
15703
|
+
isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default.createElement(Option, _extends({
|
|
15390
15704
|
css: {
|
|
15391
15705
|
height: 'auto'
|
|
15392
15706
|
}
|
|
@@ -15396,14 +15710,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15396
15710
|
__self: undefined,
|
|
15397
15711
|
__source: {
|
|
15398
15712
|
fileName: _jsxFileName$x,
|
|
15399
|
-
lineNumber:
|
|
15713
|
+
lineNumber: 1344,
|
|
15400
15714
|
columnNumber: 13
|
|
15401
15715
|
}
|
|
15402
15716
|
}), /*#__PURE__*/React__default.createElement(StyledDiv, {
|
|
15403
15717
|
__self: undefined,
|
|
15404
15718
|
__source: {
|
|
15405
15719
|
fileName: _jsxFileName$x,
|
|
15406
|
-
lineNumber:
|
|
15720
|
+
lineNumber: 1345,
|
|
15407
15721
|
columnNumber: 15
|
|
15408
15722
|
}
|
|
15409
15723
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -15413,7 +15727,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15413
15727
|
__self: undefined,
|
|
15414
15728
|
__source: {
|
|
15415
15729
|
fileName: _jsxFileName$x,
|
|
15416
|
-
lineNumber:
|
|
15730
|
+
lineNumber: 1346,
|
|
15417
15731
|
columnNumber: 17
|
|
15418
15732
|
}
|
|
15419
15733
|
}, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
|
|
@@ -15425,7 +15739,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15425
15739
|
__self: undefined,
|
|
15426
15740
|
__source: {
|
|
15427
15741
|
fileName: _jsxFileName$x,
|
|
15428
|
-
lineNumber:
|
|
15742
|
+
lineNumber: 1347,
|
|
15429
15743
|
columnNumber: 19
|
|
15430
15744
|
}
|
|
15431
15745
|
})), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
|
|
@@ -15444,6 +15758,7 @@ InputSelectCheck.propTypes = {
|
|
|
15444
15758
|
search: PropTypes.bool,
|
|
15445
15759
|
placement: PropTypes.oneOf(['top', 'bottom']),
|
|
15446
15760
|
disabledOptions: PropTypes.arrayOf(PropTypes.string),
|
|
15761
|
+
disabledSortChecked: PropTypes.bool,
|
|
15447
15762
|
unremovableTags: PropTypes.arrayOf(PropTypes.string),
|
|
15448
15763
|
textEmptyItem: PropTypes.string,
|
|
15449
15764
|
showSelectAll: PropTypes.bool,
|
|
@@ -15470,7 +15785,9 @@ InputSelectCheck.propTypes = {
|
|
|
15470
15785
|
showCollapsibleCounter: PropTypes.bool,
|
|
15471
15786
|
collapsibleLimit: PropTypes.number,
|
|
15472
15787
|
clearSearchOnSelect: PropTypes.bool,
|
|
15473
|
-
onItemClick: PropTypes.func
|
|
15788
|
+
onItemClick: PropTypes.func,
|
|
15789
|
+
virtualized: PropTypes.bool,
|
|
15790
|
+
virtualizedThreshold: PropTypes.number
|
|
15474
15791
|
};
|
|
15475
15792
|
InputSelectCheck.defaultProps = {
|
|
15476
15793
|
size: 'lg',
|
|
@@ -15481,6 +15798,7 @@ InputSelectCheck.defaultProps = {
|
|
|
15481
15798
|
placement: 'bottom',
|
|
15482
15799
|
value: [],
|
|
15483
15800
|
disabledOptions: [],
|
|
15801
|
+
disabledSortChecked: false,
|
|
15484
15802
|
unremovableTags: [],
|
|
15485
15803
|
sortBy: 'name',
|
|
15486
15804
|
showSelectAll: true,
|
|
@@ -15495,10 +15813,12 @@ InputSelectCheck.defaultProps = {
|
|
|
15495
15813
|
showCollapsibleCounter: true,
|
|
15496
15814
|
collapsibleLimit: 5,
|
|
15497
15815
|
clearSearchOnSelect: true,
|
|
15498
|
-
onItemClick:
|
|
15816
|
+
onItemClick: () => {},
|
|
15817
|
+
virtualized: true,
|
|
15818
|
+
virtualizedThreshold: 100
|
|
15499
15819
|
};
|
|
15500
15820
|
|
|
15501
|
-
var _jsxFileName$w = "/Users/
|
|
15821
|
+
var _jsxFileName$w = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
|
|
15502
15822
|
const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15503
15823
|
return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
|
|
15504
15824
|
ref: ref,
|
|
@@ -15527,6 +15847,7 @@ InputSelectTag.propTypes = {
|
|
|
15527
15847
|
placement: PropTypes.oneOf(['top', 'bottom']),
|
|
15528
15848
|
unremovableTags: PropTypes.arrayOf(PropTypes.string),
|
|
15529
15849
|
disabledOptions: PropTypes.arrayOf(PropTypes.string),
|
|
15850
|
+
disabledSortChecked: PropTypes.bool,
|
|
15530
15851
|
textEmptyItem: PropTypes.string,
|
|
15531
15852
|
helperText: PropTypes.string,
|
|
15532
15853
|
showCounter: PropTypes.bool,
|
|
@@ -15551,6 +15872,7 @@ InputSelectTag.defaultProps = {
|
|
|
15551
15872
|
placement: 'bottom',
|
|
15552
15873
|
value: [],
|
|
15553
15874
|
disabledOptions: [],
|
|
15875
|
+
disabledSortChecked: false,
|
|
15554
15876
|
unremovableTags: [],
|
|
15555
15877
|
sortBy: 'name',
|
|
15556
15878
|
showCounter: false,
|
|
@@ -15559,7 +15881,7 @@ InputSelectTag.defaultProps = {
|
|
|
15559
15881
|
defaultValue: []
|
|
15560
15882
|
};
|
|
15561
15883
|
|
|
15562
|
-
var _jsxFileName$v = "/Users/
|
|
15884
|
+
var _jsxFileName$v = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
|
|
15563
15885
|
const Wrapper = styled('div', {
|
|
15564
15886
|
margin: 0,
|
|
15565
15887
|
flexDirection: 'column',
|
|
@@ -16687,7 +17009,7 @@ InputCounter.defaultProps = {
|
|
|
16687
17009
|
|
|
16688
17010
|
const _excluded$c = ["children"],
|
|
16689
17011
|
_excluded2$3 = ["children", "showOverlay"];
|
|
16690
|
-
var _jsxFileName$u = "/Users/
|
|
17012
|
+
var _jsxFileName$u = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/drawer/Drawer.js";
|
|
16691
17013
|
const Context$1 = /*#__PURE__*/React__default.createContext();
|
|
16692
17014
|
const {
|
|
16693
17015
|
sizes
|
|
@@ -17037,7 +17359,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
|
17037
17359
|
|
|
17038
17360
|
const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
|
|
17039
17361
|
_excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
|
|
17040
|
-
var _jsxFileName$t = "/Users/
|
|
17362
|
+
var _jsxFileName$t = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
|
|
17041
17363
|
const ScrollButton$1 = styled(Button$4, {
|
|
17042
17364
|
width: '28px',
|
|
17043
17365
|
outline: '$btnPrimary solid 1px',
|
|
@@ -17575,7 +17897,7 @@ const DateNumber = styled('div', {
|
|
|
17575
17897
|
});
|
|
17576
17898
|
DateNumber.displayName = 'DateNumber';
|
|
17577
17899
|
|
|
17578
|
-
var _jsxFileName$s = "/Users/
|
|
17900
|
+
var _jsxFileName$s = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
|
|
17579
17901
|
const Input$3 = styled('input', {
|
|
17580
17902
|
display: 'none'
|
|
17581
17903
|
});
|
|
@@ -18143,7 +18465,7 @@ TimePicker.propTypes = {
|
|
|
18143
18465
|
};
|
|
18144
18466
|
NativeTimePicker.displayName = 'NativeTimePicker';
|
|
18145
18467
|
|
|
18146
|
-
var _jsxFileName$r = "/Users/
|
|
18468
|
+
var _jsxFileName$r = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
|
|
18147
18469
|
const getInputPickerValue$1 = date => {
|
|
18148
18470
|
if (!date) return;
|
|
18149
18471
|
return moment(date).format('HH:mm');
|
|
@@ -21462,7 +21784,7 @@ function InputSignature({
|
|
|
21462
21784
|
}
|
|
21463
21785
|
|
|
21464
21786
|
const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
|
|
21465
|
-
var _jsxFileName$q = "/Users/
|
|
21787
|
+
var _jsxFileName$q = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/slider/Slider.js";
|
|
21466
21788
|
const StyledSlider = styled$1(SliderPrimitive.Root, {
|
|
21467
21789
|
position: 'relative',
|
|
21468
21790
|
display: 'flex',
|
|
@@ -21806,7 +22128,7 @@ Slider.defaultProps = {
|
|
|
21806
22128
|
};
|
|
21807
22129
|
|
|
21808
22130
|
const _excluded$9 = ["className", "children", "onClick", "type", "size"];
|
|
21809
|
-
var _jsxFileName$p = "/Users/
|
|
22131
|
+
var _jsxFileName$p = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
|
|
21810
22132
|
const TagWrapper$1 = styled('div', {
|
|
21811
22133
|
boxSizing: 'border-box',
|
|
21812
22134
|
fontSize: '12px',
|
|
@@ -21969,7 +22291,7 @@ const _excluded$8 = ["children"],
|
|
|
21969
22291
|
_excluded2$1 = ["children", "activeTabs"],
|
|
21970
22292
|
_excluded3$1 = ["children", "icon", "activeTabs", "value"],
|
|
21971
22293
|
_excluded4$1 = ["activeTabs"];
|
|
21972
|
-
var _jsxFileName$o = "/Users/
|
|
22294
|
+
var _jsxFileName$o = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tabs/Tabs.js";
|
|
21973
22295
|
const StyledTabs = styled(TabsPrimitive.Root, {
|
|
21974
22296
|
display: 'flex',
|
|
21975
22297
|
flexDirection: 'column',
|
|
@@ -22308,7 +22630,7 @@ TabsContent$1.propTypes = {
|
|
|
22308
22630
|
};
|
|
22309
22631
|
|
|
22310
22632
|
const _excluded$7 = ["children", "variantIcon"];
|
|
22311
|
-
var _jsxFileName$n = "/Users/
|
|
22633
|
+
var _jsxFileName$n = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
|
|
22312
22634
|
const NotificationBadgeRootStyle = styled('span', {
|
|
22313
22635
|
position: 'relative',
|
|
22314
22636
|
display: 'inline-flex',
|
|
@@ -22463,7 +22785,7 @@ NotificationBadge.propTypes = {
|
|
|
22463
22785
|
};
|
|
22464
22786
|
|
|
22465
22787
|
const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
|
|
22466
|
-
var _jsxFileName$m = "/Users/
|
|
22788
|
+
var _jsxFileName$m = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/paper/Paper.js";
|
|
22467
22789
|
const PaperComponent = styled('div', {
|
|
22468
22790
|
padding: '20px',
|
|
22469
22791
|
height: 'auto',
|
|
@@ -22716,7 +23038,7 @@ const removeUndefinedFields = obj => {
|
|
|
22716
23038
|
};
|
|
22717
23039
|
|
|
22718
23040
|
const _excluded$5 = ["isActive", "onClick"];
|
|
22719
|
-
var _jsxFileName$l = "/Users/
|
|
23041
|
+
var _jsxFileName$l = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
|
|
22720
23042
|
const PrevNextButton = styled(Text$1, {
|
|
22721
23043
|
padding: '$spacing-01',
|
|
22722
23044
|
cursor: 'pointer',
|
|
@@ -23210,7 +23532,7 @@ const PaginationButton = ({
|
|
|
23210
23532
|
};
|
|
23211
23533
|
|
|
23212
23534
|
const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
|
|
23213
|
-
var _jsxFileName$k = "/Users/
|
|
23535
|
+
var _jsxFileName$k = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
|
|
23214
23536
|
const LimitContainer = styled(Flex$1, {
|
|
23215
23537
|
cursor: 'pointer'
|
|
23216
23538
|
});
|
|
@@ -23445,7 +23767,7 @@ function PaginationInfo(_ref) {
|
|
|
23445
23767
|
}
|
|
23446
23768
|
|
|
23447
23769
|
const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
|
|
23448
|
-
var _jsxFileName$j = "/Users/
|
|
23770
|
+
var _jsxFileName$j = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/pagination/Pagination.js";
|
|
23449
23771
|
function Pagination(_ref) {
|
|
23450
23772
|
let {
|
|
23451
23773
|
limit,
|
|
@@ -24319,7 +24641,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
24319
24641
|
});
|
|
24320
24642
|
ScrollSyncNode.displayName = 'ScrollSyncNode';
|
|
24321
24643
|
|
|
24322
|
-
var _jsxFileName$i = "/Users/
|
|
24644
|
+
var _jsxFileName$i = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
|
|
24323
24645
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
|
|
24324
24646
|
icon: true,
|
|
24325
24647
|
size: "xs",
|
|
@@ -25815,7 +26137,7 @@ const TableColumn = _a => {
|
|
|
25815
26137
|
return jsx("div", {}, void 0);
|
|
25816
26138
|
};
|
|
25817
26139
|
|
|
25818
|
-
var _jsxFileName$h = "/Users/
|
|
26140
|
+
var _jsxFileName$h = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
|
|
25819
26141
|
const DateColumn = ({
|
|
25820
26142
|
value,
|
|
25821
26143
|
customFormat
|
|
@@ -25927,7 +26249,7 @@ const PriceColumn = props => {
|
|
|
25927
26249
|
return addThousandSeparator(param);
|
|
25928
26250
|
};
|
|
25929
26251
|
|
|
25930
|
-
var _jsxFileName$g = "/Users/
|
|
26252
|
+
var _jsxFileName$g = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
|
|
25931
26253
|
const rowExpanderColumn = {
|
|
25932
26254
|
id: 'expander',
|
|
25933
26255
|
Header: () => null,
|
|
@@ -25970,7 +26292,7 @@ const rowExpanderColumn = {
|
|
|
25970
26292
|
unsortable: true
|
|
25971
26293
|
};
|
|
25972
26294
|
|
|
25973
|
-
var _jsxFileName$f = "/Users/
|
|
26295
|
+
var _jsxFileName$f = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
|
|
25974
26296
|
const rowExpanderMultipleColumn = {
|
|
25975
26297
|
id: 'multiple-expander',
|
|
25976
26298
|
Header: () => null,
|
|
@@ -26006,7 +26328,7 @@ const rowExpanderMultipleColumn = {
|
|
|
26006
26328
|
unsortable: true
|
|
26007
26329
|
};
|
|
26008
26330
|
|
|
26009
|
-
var _jsxFileName$e = "/Users/
|
|
26331
|
+
var _jsxFileName$e = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
|
|
26010
26332
|
const rowMenuColumn = (options, icon, config) => ({
|
|
26011
26333
|
id: 'menu',
|
|
26012
26334
|
options,
|
|
@@ -26143,7 +26465,7 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
26143
26465
|
unsortable: true
|
|
26144
26466
|
});
|
|
26145
26467
|
|
|
26146
|
-
var _jsxFileName$d = "/Users/
|
|
26468
|
+
var _jsxFileName$d = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
|
|
26147
26469
|
const rowSelectionColumn = {
|
|
26148
26470
|
id: 'selection',
|
|
26149
26471
|
Header: ({
|
|
@@ -26192,7 +26514,7 @@ const rowSelectionColumn = {
|
|
|
26192
26514
|
unsortable: true
|
|
26193
26515
|
};
|
|
26194
26516
|
|
|
26195
|
-
var _jsxFileName$c = "/Users/
|
|
26517
|
+
var _jsxFileName$c = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
|
|
26196
26518
|
const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
|
|
26197
26519
|
id: 'selection',
|
|
26198
26520
|
Header: ({
|
|
@@ -26530,7 +26852,7 @@ PageDialog.defaultProps = {
|
|
|
26530
26852
|
};
|
|
26531
26853
|
|
|
26532
26854
|
const _excluded$2 = ["children"];
|
|
26533
|
-
var _jsxFileName$b = "/Users/
|
|
26855
|
+
var _jsxFileName$b = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
|
|
26534
26856
|
const overlayShow = keyframes({
|
|
26535
26857
|
'0%': {
|
|
26536
26858
|
opacity: 0
|
|
@@ -27166,7 +27488,7 @@ const _excluded$1 = ["side", "align", "children"],
|
|
|
27166
27488
|
_excluded2 = ["theme"],
|
|
27167
27489
|
_excluded3 = ["children"],
|
|
27168
27490
|
_excluded4 = ["asChild"];
|
|
27169
|
-
var _jsxFileName$a = "/Users/
|
|
27491
|
+
var _jsxFileName$a = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
|
|
27170
27492
|
const Context = /*#__PURE__*/React__default.createContext();
|
|
27171
27493
|
const slideUpAndFade = keyframes({
|
|
27172
27494
|
'0%': {
|
|
@@ -29443,7 +29765,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
|
|
|
29443
29765
|
}
|
|
29444
29766
|
|
|
29445
29767
|
const _excluded = ["customPreviewIcon"];
|
|
29446
|
-
var _jsxFileName$9 = "/Users/
|
|
29768
|
+
var _jsxFileName$9 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/upload/Upload.js";
|
|
29447
29769
|
const Input$2 = styled('input', {
|
|
29448
29770
|
display: 'none !important'
|
|
29449
29771
|
});
|
|
@@ -31479,7 +31801,7 @@ const Device = props => {
|
|
|
31479
31801
|
};
|
|
31480
31802
|
Device.displayName = 'DevicePreview';
|
|
31481
31803
|
|
|
31482
|
-
var _jsxFileName$8 = "/Users/
|
|
31804
|
+
var _jsxFileName$8 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
|
|
31483
31805
|
const Separator$1 = styled('div', {
|
|
31484
31806
|
height: 20,
|
|
31485
31807
|
width: 1,
|
|
@@ -31640,7 +31962,7 @@ InputColorPicker.defaultProps = {
|
|
|
31640
31962
|
|
|
31641
31963
|
var img$d = "data:image/gif;base64,R0lGODlh6gDHAOZ/AJkAAADM/zMzAAAzAP9QUAAzZoAAAGYzAGYAM/9mZmYAzGZmMzMzmQBmZv9mAJkAmTNmmZn/Zv/M/2YAZv/MzADMmZkz/5kA//8zmcwzmcwAmf8zAMwzAMwAAJkzM5kAM5n/MwBmmZlmADMzzAAzzAAA/wAAzDNm/wBm/wBmzP+Zmcxm/5lm/2aZmf+Z/wCZ//+ZAMyZAP///8xmmf//ZgDMZv8zzGb/zP/MZjOZM//MmQCZmZkzZjPM/8z//2b/mZmZ/wBmAP//zGYA/2b/ZswAZplmMwAAmQD/mZkAzACZAMz/zGZmmczM//+ZZv//ADPMzDOZZjNmzGZm/5nM//9m/zPMMwDMAGb//2bM////mcz/mZn/mf/MAMz/M2b/MwD//wAzmQAAZpnMAJkzmf8AAJkzAP8AZgCZM8wA/2aZ/5n/zAD/AP8A/8wAzP+ZM8z/ZjOZ/8xmAACZzDMz/2aZAP9mzP+ZzMzMAP9mmTNmAMyZ/wD/zJmZZswz/////yH5BAEAAH8ALAAAAADqAMcAAAf/gH+Cg4SFhoeIiYqHBY2LhBCRj4NSlZOCYZmXf0edmyagm2Kjm6Wmp6ippY2sjoqRsJKKlbSWipm4moqdvJ6KoMChiqPEpKrHyMnKf63NroWx0bKFtdW2hbnZuoW93b6FweHChcXlxsvo6erMzu0Fg9Lx09b019r329763+L94+YAz60bSHCSu4MF5CmEUK+hFHwQw+ybeMSfRRMBM4opyLGjIYTuFspzWC8iPor7LvrTGNCjy44g24mMR5KeyXso9ansxxLgy58DYzqbKa2mtZvacnrbKa6nOaBQ0QltRjSa0WpIsyntxjSc03JRwyKb2qpqrKu1suba2qtrsK/F/8TKRUWWlVlYaGmpxcWWl1tgcInNHbypbqO7kfJW2pupb6e/oAILJEyZkWHEDBUzlugYMkbJlUNbrotZ8UPGjitClrxRtGtBhhMiNr05tWfWr1032E02hG+zc4KjTUFcLYnjbEsod0unOVwG0HMT3k2dN0Lf2H8vDM5duEPi4ItHPE4eOUXl6JdfbM7euUbo8KNLj1q9vvVm2fNrj9a9v/dq4QUoXjblFWheN+klqF447TXoXjnxRSjffB7ZZ+F9+mW4n38c/ifghwMaKOKBCpa4oIMoPijhihNSuM6FMDag4YwhdGjjHCDmmMKIPJJg4o8lpCgkHSwWyYCLA8V4If+NGt7YoY4g9jgikCYOmaKRLCL5opL2MZmhkxxC+aGUIlJZopUoYrmilupw2aWX+YHpn5gCkmmgmQqi6aCaErKZjpv1wRmnnN3RGaCdBeKZoJ4N8hmhn+gAWp2g2RFaqKHgIVqeoukx2p6j8UG6jKTUUYqdpdxhmqmmx3GKnqfsgQqfqMqQupupvqEanKrEsdqqq0HCSqSsR9KKjK0y4qorjrz66iOwwg4rq7HH2oprjbryuqOvwAYLK7HFUpsKstcuq62z3UYLrriptOCupDvESykU9FoawL2YvqCvpij0y+kJAHs6wsCgMmEwu5u4q/C7McbrsLw00itxvTfeazH/vjrqq/G+Pfbrsb9AAixywEMObDLBRhqs8sEIJ7LwywzX9/DMEOc38c0U93fxzhgHuPHPHBf48dAgJzjy0SQ3ePLSKEe48tMstzwIzFTHTPPVNeOsdc48d90z0GAHTfTYRSNtdtJMp9001GxHzW7VcLeA9dw7bG03FF7nHUDYfL9A9t8onC34CWoXPkLbiDPRctxV04313Vvr7XXfYQNO9uBnG6524m0vzjjMjl8NudaSd0052JaPjbnZmqfNOduef75w6DSPjnPpPJ8OdOpEr45060y/DnXssrtL+8y234z7zrr/zPvQvh8N/NLCP0188cc/nPzEy1/c/MbPfxz9/8jTn1z9ytfLnr3D20vcvcXfaxy+x+OLXL7J56uc/ufrx9s+ve+7V/z0Nb9+1Q9g9xtY/txGreLNrn//w1sAB+i3Ah6QcAlcoOIQ5kCF9a9u/wvg3gZYwMAdMIGHW+D+GPfBCIqQgiW8IAo1iLAo2NCBFchh9vjAw+2B4Yfd64EQvxeHIoZPDUgc3xSWWL4hOPF8CoiisWxIxRvGLYdY1CHdeMjFHt7th2AEot6ESMYh9q2IaDQi4JDIxiQObolwZKLhnEjHJyYuiniUIpuqyEcrviyLgNTizLpISC/eLIyIFOPOyshIM/4sjZBU49DaSEk3Hi2OmJTj0urISTs+Lf+PoNTjfPpISj8G8pSCLKQqDZnIViqykbB0ZCRnKclK2tKSmcylJjvJS0+G8peiFE0phxkFVBqzAqtMJh9cyUwwxPKZPaClNONwy2qqQZfYnEIvtzkEYHpTAa8hZimPiUplrrKZroRmLKdJS2veMpu65GYvvwnMcIqzj+Q8pTlVic5WqhOW7JylO20Jz1zKk5f0/KU971nFfAZyn4XsZyL/2ciARnKglSxoJg/ayYSGcqEMtaFDAQlRQkoUkRRlpEUhiVFKahSTHOWkR0EJ0pCONIsl7eJJw5jSMq40jS1t40vjGNM6zjSPNWXoTbGYUy7uFIw9JeNP0RhUNg4VjkX/peNR8ZjUey41h03l4VN/GFUhTrWIVUXiVZeYVSduNZiVCWlDvxrWZY61rNE8a1qvuda2dvOtXRXnV5EZ1rE6s6xnpWZa16rNtr4VnK6RKxUHW1fD4jWxe2WsXx/rmhx4Vq41CO1NkUDanN7gtDvFgmp7moXW/pQKsA0qEGY7VBbYtqgWyO1RL8Bbynj2t58lZmiHK9pjkva4pVXmaZeL2maq9rmrhWZrp+vaacL2urG15my3S9ts2va7t+Vmbser22/y9ry9FQtw1xtcPhL3vcUFJHLnm1xCMve+zUUkdPcbXUZS97/VhSR2B5xdSnL3wN3FJHgXHF5OkvfB5QUl/3onnN6fsPfC7YWvhuNL3w7XF78gzi9/R9xfAJs4wAROcYERzOIEM/jFDYawjCNM4RpXmCMYznEONszjGnj4x0gIsZBvQOIiY+HESM6CipdMhRY7GQgwjjILZkxlC9j4yhfwiI4x3OMNA9nDQw6xkUmc5BMzWcVPbrGUYVzlGWPZxlreMnu7rOEvdzjMIB7ziMts4jOnOM0sXvOL2yzjN9c4znIGLp3ha2f64hm/euYvnwHsZwIDGsGCZjChIWxoCiM60Z5d9HsbPd9H3zfS+530fys94EsfONML3vSDOz3hT4Na1MQlNXJNzVxUQ1fV1GU1dl3NXViDV9bkpTV6bf+daFwPV9fH5fVyff1cYE9X2Ncl9naN/V1kj1fZ52W2nJ0dWmiTVtqnpbZqrd1abMNW27Pltm29nVtw35ggoFY0uc0dZHSr+8jsdneT4S3vKdPb3lnuSL5/S24fmxvdRFY3u5XsbnhDWd70trK9xb3lhvMb4v+euMAtXvCMI7wjQUh5vq/Aclyz4eW6/oHMeb2GmvvaBzgHdhN2Luw9+JzYKwi6sf1AdGSn4ejKToLSB5LypqtcxyyPest7/PKqwxzIMs/6zIdc867b3Mg4D3vOk7zzsvOcyT5P+8+fHPS2C13KRI970at89LojHctKz/vSl+H0vj99vVIP/NTfa/X/wl99vlpP/Nbv6/XGf32/Yo/82P9r9sqffcBqz/zaD+z2zr99wXIP/dwfbPfS333Cek/93lXh99b/XfCwH7zhZ394xdt+8Y7P/eMlz/vJW/73l9e88Dfv+eJ/XvTIH73pl3961Tt/9aVwvfSDEPvqX4H22GfD7bf/A917fw29D78PgE/+Jgz//HswvvpXkPz2+4H58E/D8+efhFNM3/XWj332ac/9239f9+LXe+UHfOg3fOtnfO6XfPHHfPT3fPZ3f36Xf7C3f7PXf7b3f7kXgLw3gL9XgMJ3gMWXgMi3gMvXgM73gBDodBIoeBRoeBaoeBjoeBooeRxoeR6oeSDo/3kiKHokaHomqHoomIIpt4KB14KF94KJF4ONN4ORV4OVd4OZl4Odt4Oh14Ol94OpF4RCSIRSZ4RWh4Rap4Rex4Ri54RmB4VqJ4VuR4VyZ4V2h4V6p4UpyIVR54VVB4ZZJ4ZdR4ZhZ4Zlh4Zpp4Ztx4Zx54Z1B4d5J4cQSIcsZ4cvh4cyp4c1x4c454c7B4g+J4hBR4hEZ4hHh4jQdwlCqIKM6IjaB4mSCH6UaInmh4mayH6c6InyB4qKeH+MeH2OCIndJ4mUOH6WiInpp4mc+H6eCIr1Zwqj2HS3aIq6mIq9yIrA+IrDKIvGaAoDcI2jiAbayIVW0I1eSATgCIZcMP+OYrgE5kiGMpCOZigB7IiGLvCOalgF8siGbVCPbugG+AiHE7CPk3CN/oiN06eNArmN1teNBumN2QeOChmO3DeODkmO32eOEnmO4peOFqmO5ceOGtmO6PeOHgmP6yePIjmP7lePJmmP8YePKpmP9LePLsmPiPCPMgmQfTeQNkmQgXeQOomQhbeQPsmQifeQQgmRjTeRRkmRkXeRSomRlbeRTsmRmfeRUgmSnTeSVkmSoXeSWomSpbeSXsmSqfeSYgmTgzCTZkmTN5mWOLmTbMmTP/mWQDmUckmUR1mXSLmUeMmUT7mXUDmVfkmVVxmYWLmVhMmVX3mYYDmWismPZ9n/mAOglpCJBm05mVYAl5ZJBHOZmVxgl5y5BHn5mTLAl6IpAX9Zmi4gmKhZBYW5mm2AmK7pBosZmxPgmGcZmWpJmW15mXCpmXPZmXYJmnk5mnxpmn+ZmoLJmoX5mogpm4tJm2Zpm2mJm2ypm2/Jm3Lpm3UJnHgpnHtJnH5pnIGJnISpnIfJnIrpnDMJnTcpnTtJnT9pnUOJnUepnUvJnU/pnVMJnlcpnltJnl9pnmOJnjKpnjbJnjrpnj4Jn0Ipn0ZJn0ppn06Jn1Kpn1bJn1rpn14JoGIpoP9IoANpoAeJoAupoA/JoBPpoBcJoRspoR9JoSNpoSeJoSupoS/Jof7o/6ECCaIGKaIKSaIOaaISiaIWqaIayaIe6aIiCaMmKaMqSaMuaaPXiKPaqKPdyKPg6KPjCKTmKKTpSKTsaKTviKTyqKT1yKT46KT7CKWPKaVUWplWiqWbqaVcGppeCqanKaZk2ppmiqazCaVSKplUaqWYiaVa6plc6qWkCaZiqppkaqawiaZq+qdtKqhwWqhziqh2uqh56qh8Kggcqgeg6qFKMKog+gWmKqIRkKokugWsaqJC8KooSgGyqqJ3UKssage46qI2sKswqgG+KqNkEKw0Wgi0CarGGqqROarKSqqUaarOeqqXmarSqqqayarW2qqd+araCqugKaveOqujWf+r4mqrpomr5pqrqbmr6sqrrOmr7vqrrxms8iqsspkIZnms+IqsNrms/MqsOvmsAAutPjmtBEutQnmtCIutRrmtDMutSvmtEAuuTjmuFEuuUnmuGIuuVrmuHMuuWvmuIAuvXjmvJEuvYtmP15ivKquv/dqy/hqwMCuwBTuzBpuwNquwDZuzDhuxPCuxFfuzFpuxQquxHVu0HhuySCuyJbu0JlsKK/u0euCyUqsEMVu1X0CzWBsBN7u1W6CzXisEPRu2FAC0ZHsHQ3u2dmC0amsDSdu2GsC0cEsGpwC1Kzu1Lmu1MZu1NMu1N/u1Oiu2PVu2QIu2Q7u2Ruu2SRu3TDv/t3Sbr3bbsngLs3o7s3xrs36bs4DLs4L7s4QrtIZbtIiLtIq7tIzbuMf6uP0auQE7uQVbuQl7uQ2buRG7uRXbuRn7uR0buiE7uiVbuqYLqqjLr6oLsKxLsK6LsLDLsLILsbRLsbaLsbjLsboLsrxLsr77u8G7rMP7rMU7rcd7rcm7rcv7rc07rs97rtG7rtP7rtU7r9drutmrrNvrrN0rrd9rreGrrePrreUrrudrrumrruvrru0rr+/buPE7qvNrqvWbqvfLqvn7qvsrq/1bq/+LqwG8qwPsqwUcrAdMtwlMtQvcwFr7wBEMthNcwWZ7wRnMthvcwXJrCr97ugm8/8BX28AP3LURPMFjW8EXnLYZvMFv28EfDLUhbMMknMMnzMMq/MMtLMQwnAozLABUnL11cMXbCwJa3L1w0MXfqwVgHL46MMbjqwJmXL55kMbniwFsnL4Z8Mbr+wBy3L7IQLdUfMdVPLVXvMdYbLVa/MdbnLVdPMhezLVgfMhh/LVjvMhkLLZm/MhnXLZpPMlqjLZsfMltvLZvvMlw7LZy/MlzHLfooLJ4XMp5zK98nMp9DLCA3MqBTLCEHMuFjLCIXMuJzLCMnMuNDLGQ3MuRTLGUHMyVjLGYXMyZzLGcnMydDLKg3MyhbL3rYKymPM2nrMrWvMqunM2vLMvcPMu2/P/Nt6zL4rzLvlzOvyzM6DzMxrzOx6zM7rzMzhzPz8wR1FzPAnDN+FwH2rzPINDN/gwH4BzQWjDOBK0D5nzQKpDOCp0H7NzQGPDOEJ0B8jzRD+AR9kzN+XzN/KzN/9zNAg3OBT3OCG3OC53ODs3OEf3OFC3PFn3RppzR1rzR2dzR3PzR3xzS4jzS5VzS6HzS65zS7rzS8dzSLo3HMK3KMu3KNC3LNm3LOK3LOu3LPC3MPm3MQK3MQu3MRF3UVHzUqZzUrbzUsdzUtfzUuRzVvTzVwVzVxXzVyZzVzbzVXO3VfAzWgCzWhEzWiGzWjIzWkKzWlMzWmOzWnAzXoCzXRU3/13ts13+M14Os14fM14vs148M2JMs2JdM2Jts2J+M2C6t2FfM2Frs2F0M2WAs2WNM2WZs2WmM2Wys2W/M2XLs2RcN2vos2qQN0KaN2gat2qzN0K4N2xIt27Rtz7Yt2v1M2qY90Kit2gnN2q790LAt2xXdEVxt1KCN3Lm93Lzt3L8d3cJN3S9x3QtQ3nQ9Buht116w3nhNA+6t1zgQ33ztBPTt1wlw34B9Bvot2DPQ34TNAwBu2FBx0eVd4Oadz+id4OnNz+vd4Oz9z+4d4e8t0PFd4fJd0PSd4fWN0Pfd4fi90Pod4vvt0P1d4v4d0QCe4gFO0XIxzQb+4geeygo+/+ML3soOfuMPHssSvuMTXssW/uMXnssaPuQb3ssefuQfHswivuQjXswm/uQnnswqPuUrHteEcccwnuUxTuNcXuM4/uU5zuNi3uNAXuZBTuRoXuRIvuZJzuRu3uRQHudRTuV0XuWioeV4vgBdvudjAOZ+7gVjHug0YOaEjgNpfuhOwOaKngBv3uhnIOeQPgN1Puk88Bp5ruV83uV/DuaCPuaFbuaInuaLzuaO/uaRLueUXueWfukwnulcvulf3uli/ullHupoPuprXupufupxnup0vuqsbuCuTuOwjuOyzuO0DuS2TuS4juS6zuS8DuW+TuXAHuzlPewzXuw3fuw7nv/sP77sQ97sR/7sSx7tTz7tU17t1o7tCq7tDs7tEu7tFg7uGi7uHk7uIm7uJo7uKq7uwc7uCe7uDQ7vES7vFU7vGW7vHY7vIa7vJc7vKe7vrA7w6C3w603w7m3w8Y3w9K3w983w+u3w/Q3xAC7xl07xfW7xGD/oGs/xie7xIP/oIk/yle4a1i7sFG/xgI7xGm/oHO/xjA7yIi/pJG/yeY7yOr/yPe/yQB/zQ0/z0nHzfTD17I4HVu/uT5D18N4FXC/vb/D19O4AYm/vBFD2+F4EaK/vCLD2/O4ilz71cE/1fG71dH/1f571eK/1gs71fN/1hf71gA/2iC72hD/2i17/9ohv9o6O9oyf9pG+9pDP9pTuJ1ke95Yv9zNe95pv9zee956v9zve96Lv9z8e+KYv+ENe+Kpv+Eee+K6v+Eve+LLv+E8e+bYv+elOKwV++byP+Zv/+5z/+cIP+qNf/KR/+siP+qu//Kz/+s4P+7Mf/bR/+9SP++zS+9jfB8C//Xgw/N7/BMYf/l2Q/OT/Bsx//g7w/OpPANLf/kVQ/fCPAC2T/b3P/cD//cMv/sZf/skPCA6Cg4SFgwSIiYqLiUWOj5CRjwiUlZaXlX+am5ydnp+goaKjnn2mp6ipp3isra6vrU+ys7S1s124ubq7uW++v8DBv4bEhYzHi5LKkZjN/5ek0NHS05qq1qmw2a+23LW837vC4sHF5Q7I6ATL60XO7gjU8fLx1/V92vh43ftP4P5d4wK+MVcsHTJ2y945m8ewYSh71/Jp49ftHziB4wgSM3gMoTKFzRyKHAnRmsRsFLlZ/IZRnEZDHBl5lAQS08ibDEuqOgkrpa2VvFoKe2kspqKZzGpawsmUmk5sPF359AZUl1ByRA8ZbYR0ktJMTcOSeooqqtSpt6r2ujosq6CtXLu2+0pJrN2HZE2ZjYVWltq1bAe6PQdXndy5dO8q/kTWiGOzMSKjhUFZrZzLbDdozlqm89YOoLt+GP11selS9hyrfpwvsmvJ/CjLrvzvsv9tzAI1695srrNvz+lACw/NbrRx0u9OK0edarVz1q9eS4dda7Z12rtua8cdbLd33oV+iwe+aLh54pGOq0f+bLn7Tqeey4c+vT716/ixb9/P/bt/8OMFSN55BKK33oHsvadgJ/M1aIR9EMaQ34Qw8GehHP9luIGAHJZR4IcdICjiBwuWuImD80VoH4X5Xcifhv91KCCIBY6IoIkmoiifivWxiJ+L+8Hon4wB0kigjQfiWKKOz/E4nY/XAbmdkN8ROZ6R5yG5npILMumck9JBaZ2U2lHpnZXiYWmelupxqaCXq4H5mpizkXmbmbuh+Zuaw7F5nJvvwamanK7RKZudtuH/qZuevvEpnJ/GAeqeoI4RGpmhlCF6maKaMdqZo6BBOpqky1H6oKWYVqgppxt6CmqIopKqnKmWSoipphhy6qmHoIpKoqym0Yrqravq6mqvsQJ7GpwHNCunCNDSycG0dpphLZ4AZKunAdzy6cG3fio7qYPNlutshNCmGy2F07ZL7YXWxnuthtnWq22H3ObbLYjf9gvuiOJ2+Zy5BJ8rnboIr2uduwy/q528EM/rnb0U3yuevhjva56/HP/bZsA5OlbwyAYnbLLCDafscMQsS1zxyxZnLLPGHdfsMchckqzzASf3LILKQHPQ8tBmwGw0ADMnbYDNTHuAs5s7k+zzyUGr/0x0y0fDrPTMTdv8dM5RFzy1yVWnfDXLWb+8tcxd1/y1kmGLPTbCZTd8dsRpV7x2xm13/DaOcRM8N911u3s3xHlTvDfGfXP8t4mBmzu4uoUbfni8idu7uL6N+/t4iZGXO3m6lbd7OeaZZ7t5vp33+/mCoTc7OrSlT3u6tamrvvrSrTv9+nux8zx77ULfnjvSu/fu++/LBT/7z7XfXnTuu/PeOvPuOT989MZTn3zv2AMf+CaTb1L5Jpdvkvkmm2/Sefiw7/zJ1J9U/cnVn2T9ydafdA0/4AUbhclGkbJRsGwULxuFzEbhtv+B7QDSSJc02iWNeEmjXtLIlzRc97RAAAA7";
|
|
31642
31964
|
|
|
31643
|
-
var _jsxFileName$7 = "/Users/
|
|
31965
|
+
var _jsxFileName$7 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
|
|
31644
31966
|
const Container$7 = styled('div', {
|
|
31645
31967
|
userSelect: 'none',
|
|
31646
31968
|
margin: 'auto',
|
|
@@ -33601,7 +33923,7 @@ function ColorMap({
|
|
|
33601
33923
|
})));
|
|
33602
33924
|
}
|
|
33603
33925
|
|
|
33604
|
-
var _jsxFileName$6 = "/Users/
|
|
33926
|
+
var _jsxFileName$6 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
|
|
33605
33927
|
const CheckBoard = styled(Flex$1, {
|
|
33606
33928
|
background: '$bgwhite',
|
|
33607
33929
|
border: '1px solid #E5E7EB',
|
|
@@ -33802,7 +34124,7 @@ function ColorFields({
|
|
|
33802
34124
|
}, "%")));
|
|
33803
34125
|
}
|
|
33804
34126
|
|
|
33805
|
-
var _jsxFileName$5 = "/Users/
|
|
34127
|
+
var _jsxFileName$5 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
|
|
33806
34128
|
const Container$6 = styled(Flex$1, {
|
|
33807
34129
|
background: '$white',
|
|
33808
34130
|
padding: 16,
|
|
@@ -34319,7 +34641,7 @@ ColorPicker.defaultProps = {
|
|
|
34319
34641
|
};
|
|
34320
34642
|
var ColorPicker$1 = ColorWrap(ColorPicker);
|
|
34321
34643
|
|
|
34322
|
-
var _jsxFileName$4 = "/Users/
|
|
34644
|
+
var _jsxFileName$4 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
|
|
34323
34645
|
const StepWizardContext = /*#__PURE__*/React__default.createContext({});
|
|
34324
34646
|
const Stepper = StepWizard$1;
|
|
34325
34647
|
Stepper.displayName = 'Stepper';
|
|
@@ -35042,7 +35364,7 @@ StepWizard.defaultProps = {
|
|
|
35042
35364
|
isLazyMount: true
|
|
35043
35365
|
};
|
|
35044
35366
|
|
|
35045
|
-
var _jsxFileName$3 = "/Users/
|
|
35367
|
+
var _jsxFileName$3 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
|
|
35046
35368
|
function Collapse({
|
|
35047
35369
|
children,
|
|
35048
35370
|
isOpen
|
|
@@ -35085,7 +35407,7 @@ Collapse.defaultProps = {
|
|
|
35085
35407
|
isOpen: false
|
|
35086
35408
|
};
|
|
35087
35409
|
|
|
35088
|
-
var _jsxFileName$2 = "/Users/
|
|
35410
|
+
var _jsxFileName$2 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
|
|
35089
35411
|
const DesktopContainer = styled(Flex$1, {
|
|
35090
35412
|
display: 'none',
|
|
35091
35413
|
'& .active-scroll-spy': {
|
|
@@ -35446,7 +35768,7 @@ TableOfContentPage.defaultProps = {
|
|
|
35446
35768
|
useBoxMethod: true
|
|
35447
35769
|
};
|
|
35448
35770
|
|
|
35449
|
-
var _jsxFileName$1 = "/Users/
|
|
35771
|
+
var _jsxFileName$1 = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/components/editableTable/transition.js";
|
|
35450
35772
|
function Collapalse({
|
|
35451
35773
|
children,
|
|
35452
35774
|
isOpen
|
|
@@ -56960,7 +57282,7 @@ PieChartComponent.defaultProps = {
|
|
|
56960
57282
|
innerRadius: 70
|
|
56961
57283
|
};
|
|
56962
57284
|
|
|
56963
|
-
var _jsxFileName = "/Users/
|
|
57285
|
+
var _jsxFileName = "/Users/hangga/sourcecode/majoo-ui/packages/react/src/colors/Colors.js";
|
|
56964
57286
|
const StyledPaper = styled(Paper, {
|
|
56965
57287
|
borderRadius: '10px 10px 0 0',
|
|
56966
57288
|
padding: 15,
|
|
@@ -57692,13 +58014,13 @@ var getNative = _getNative,
|
|
|
57692
58014
|
root = _root;
|
|
57693
58015
|
|
|
57694
58016
|
/* Built-in method references that are verified to be native. */
|
|
57695
|
-
var Map$
|
|
58017
|
+
var Map$2 = getNative(root, 'Map');
|
|
57696
58018
|
|
|
57697
|
-
var _Map = Map$
|
|
58019
|
+
var _Map = Map$2;
|
|
57698
58020
|
|
|
57699
58021
|
var Hash = _Hash,
|
|
57700
58022
|
ListCache = _ListCache,
|
|
57701
|
-
Map = _Map;
|
|
58023
|
+
Map$1 = _Map;
|
|
57702
58024
|
|
|
57703
58025
|
/**
|
|
57704
58026
|
* Removes all key-value entries from the map.
|
|
@@ -57711,7 +58033,7 @@ function mapCacheClear$1() {
|
|
|
57711
58033
|
this.size = 0;
|
|
57712
58034
|
this.__data__ = {
|
|
57713
58035
|
'hash': new Hash,
|
|
57714
|
-
'map': new (Map || ListCache),
|
|
58036
|
+
'map': new (Map$1 || ListCache),
|
|
57715
58037
|
'string': new Hash
|
|
57716
58038
|
};
|
|
57717
58039
|
}
|