@majoo-ui/react 1.61.20-rc.2 → 1.61.20-rc.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.esm.js
CHANGED
|
@@ -57,7 +57,7 @@ import imageCompressionComponent from 'browser-image-compression';
|
|
|
57
57
|
import { useSticky } from 'react-table-sticky';
|
|
58
58
|
import SignaturePad from 'react-signature-pad-wrapper';
|
|
59
59
|
|
|
60
|
-
var _jsxFileName$13 = "
|
|
60
|
+
var _jsxFileName$13 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/ThemeProvider.js";
|
|
61
61
|
function ThemeProvider({
|
|
62
62
|
name,
|
|
63
63
|
theme,
|
|
@@ -403,10 +403,10 @@ var SHARED = '__core-js_shared__';
|
|
|
403
403
|
var store$3 = sharedStore.exports = globalThis$p[SHARED] || defineGlobalProperty$2(SHARED, {});
|
|
404
404
|
|
|
405
405
|
(store$3.versions || (store$3.versions = [])).push({
|
|
406
|
-
version: '3.
|
|
406
|
+
version: '3.45.1',
|
|
407
407
|
mode: 'global',
|
|
408
408
|
copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
|
|
409
|
-
license: 'https://github.com/zloirock/core-js/blob/v3.
|
|
409
|
+
license: 'https://github.com/zloirock/core-js/blob/v3.45.1/LICENSE',
|
|
410
410
|
source: 'https://github.com/zloirock/core-js'
|
|
411
411
|
});
|
|
412
412
|
|
|
@@ -1414,7 +1414,7 @@ const applyGlobalStyles = additionaStyles => {
|
|
|
1414
1414
|
globalStyles();
|
|
1415
1415
|
};
|
|
1416
1416
|
|
|
1417
|
-
var _jsxFileName$12 = "
|
|
1417
|
+
var _jsxFileName$12 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/majoo-provider/MajooProvider.js";
|
|
1418
1418
|
function MajooProvider({
|
|
1419
1419
|
children,
|
|
1420
1420
|
name,
|
|
@@ -1637,7 +1637,7 @@ function _objectWithoutPropertiesLoose(r, e) {
|
|
|
1637
1637
|
|
|
1638
1638
|
const _excluded$C = ["children"],
|
|
1639
1639
|
_excluded2$4 = ["children"];
|
|
1640
|
-
var _jsxFileName$11 = "
|
|
1640
|
+
var _jsxFileName$11 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/grid/Grid.js";
|
|
1641
1641
|
const GridComponent = styled('div', {
|
|
1642
1642
|
display: 'grid',
|
|
1643
1643
|
variants: {
|
|
@@ -1907,7 +1907,7 @@ GridItem.propTypes = {
|
|
|
1907
1907
|
GridItem.displayName = 'Grid Item';
|
|
1908
1908
|
|
|
1909
1909
|
const _excluded$B = ["children", "isCollapse", "css", "contentHeader"];
|
|
1910
|
-
var _jsxFileName$10 = "
|
|
1910
|
+
var _jsxFileName$10 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/layout/pageContainer/PageContainer.js";
|
|
1911
1911
|
const StyledDiv$2 = styled(Flex$1, {
|
|
1912
1912
|
justifyContent: 'center',
|
|
1913
1913
|
marginLeft: 'auto',
|
|
@@ -2415,7 +2415,7 @@ const Link = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
|
|
|
2415
2415
|
});
|
|
2416
2416
|
|
|
2417
2417
|
const _excluded$A = ["title", "description", "variant", "link", "linkText", "onClick", "onRemove", "children", "bannerBlock", "icon"];
|
|
2418
|
-
var _jsxFileName$$ = "
|
|
2418
|
+
var _jsxFileName$$ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/banner/Banner.js";
|
|
2419
2419
|
const Context$2 = /*#__PURE__*/React.createContext();
|
|
2420
2420
|
const StyledBanner = styled(Flex$1, {
|
|
2421
2421
|
maxWidth: '100%',
|
|
@@ -3412,7 +3412,7 @@ Card.Label = StyledLabel$2;
|
|
|
3412
3412
|
Card.Description = StyledDescription$3;
|
|
3413
3413
|
|
|
3414
3414
|
const _excluded$z = ["children"];
|
|
3415
|
-
var _jsxFileName$_ = "
|
|
3415
|
+
var _jsxFileName$_ = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/breadcrumb/Breadcrumb.js";
|
|
3416
3416
|
const BreadcrumbStyle = styled('nav', {
|
|
3417
3417
|
wordWrap: 'break-word',
|
|
3418
3418
|
'& li+li:before': {
|
|
@@ -3732,7 +3732,7 @@ Badge.defaultProps = {
|
|
|
3732
3732
|
Badge.displayName = 'Badge';
|
|
3733
3733
|
|
|
3734
3734
|
const _excluded$y = ["className", "img", "children", "onLoadingStatusChange", "delayMs", "onClick", "css"];
|
|
3735
|
-
var _jsxFileName$Z = "
|
|
3735
|
+
var _jsxFileName$Z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/avatar/Avatar.js";
|
|
3736
3736
|
const StyledAvatar = styled(AvatarPrimitive.Root, {
|
|
3737
3737
|
width: '32px',
|
|
3738
3738
|
height: '32px',
|
|
@@ -3834,7 +3834,7 @@ Avatar.defaultProps = {
|
|
|
3834
3834
|
};
|
|
3835
3835
|
|
|
3836
3836
|
const _excluded$x = ["className", "src", "alt", "width", "height", "objectFit", "fallback", "fallbackTitle", "css", "cssFallback", "rounded"];
|
|
3837
|
-
var _jsxFileName$Y = "
|
|
3837
|
+
var _jsxFileName$Y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/image/Image.js";
|
|
3838
3838
|
const ContainerFallback = styled(Flex$1, {
|
|
3839
3839
|
boxSizing: 'border-box',
|
|
3840
3840
|
border: '2px dashed #C0C4C4',
|
|
@@ -4528,7 +4528,7 @@ for (var COLLECTION_NAME in DOMIterables) {
|
|
|
4528
4528
|
handlePrototype(DOMTokenListPrototype, 'DOMTokenList');
|
|
4529
4529
|
|
|
4530
4530
|
const _excluded$w = ["children", "label", "color", "css", "withClick", "side", "align", "delayDuration"];
|
|
4531
|
-
var _jsxFileName$X = "
|
|
4531
|
+
var _jsxFileName$X = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tooltip/Tooltip.js";
|
|
4532
4532
|
const {
|
|
4533
4533
|
zIndices: zIndices$2
|
|
4534
4534
|
} = foundations;
|
|
@@ -4734,7 +4734,7 @@ Tooltip$1.defaultProps = {
|
|
|
4734
4734
|
};
|
|
4735
4735
|
|
|
4736
4736
|
const _excluded$v = ["className", "value", "max", "getValueLabel", "color", "size", "rounded", "width"];
|
|
4737
|
-
var _jsxFileName$W = "
|
|
4737
|
+
var _jsxFileName$W = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/progress/Progress.js";
|
|
4738
4738
|
const StyledProgress$1 = styled$1(ProgressPrimitive.Root, {
|
|
4739
4739
|
position: 'relative',
|
|
4740
4740
|
overflow: 'hidden',
|
|
@@ -5608,7 +5608,7 @@ function useMediaQuery(query) {
|
|
|
5608
5608
|
}
|
|
5609
5609
|
|
|
5610
5610
|
const _excluded$u = ["id", "title", "description", "position", "dismissAfter", "variant", "onClick", "onRemove", "isExternalOfAction", "onClickOfAction", "captionOfAction", "hrefOfAction"];
|
|
5611
|
-
var _jsxFileName$V = "
|
|
5611
|
+
var _jsxFileName$V = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/Toast.js";
|
|
5612
5612
|
const TOAST_WIDTH = 576;
|
|
5613
5613
|
const ANIMATION_DURATION = 400;
|
|
5614
5614
|
const TOP_RIGHT_POSITION = 'top-right';
|
|
@@ -5961,7 +5961,7 @@ Toast.defaultProps = {
|
|
|
5961
5961
|
};
|
|
5962
5962
|
|
|
5963
5963
|
const _excluded$t = ["preventDuplicate"];
|
|
5964
|
-
var _jsxFileName$U = "
|
|
5964
|
+
var _jsxFileName$U = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/ToastContainer.js";
|
|
5965
5965
|
const ToastBox = styled(Flex$1, {
|
|
5966
5966
|
position: 'fixed',
|
|
5967
5967
|
variants: {
|
|
@@ -7311,7 +7311,7 @@ const catchError = e => {
|
|
|
7311
7311
|
};
|
|
7312
7312
|
|
|
7313
7313
|
const _excluded$s = ["id", "disabledOfflineIntercept"];
|
|
7314
|
-
var _jsxFileName$T = "
|
|
7314
|
+
var _jsxFileName$T = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/toast/context/ToastProvider.js";
|
|
7315
7315
|
let toastCount = 0;
|
|
7316
7316
|
const ToastProvider = ({
|
|
7317
7317
|
children,
|
|
@@ -7432,7 +7432,7 @@ const ConditionalWrapper = ({
|
|
|
7432
7432
|
}) => condition ? wrapper(children) : children;
|
|
7433
7433
|
|
|
7434
7434
|
const _excluded$r = ["count", "maxCount", "css"];
|
|
7435
|
-
var _jsxFileName$S = "
|
|
7435
|
+
var _jsxFileName$S = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormGroup/FormGroup.js";
|
|
7436
7436
|
const formLabelClassStyle = {
|
|
7437
7437
|
alignItems: 'start !important',
|
|
7438
7438
|
'& > div': {
|
|
@@ -7583,7 +7583,7 @@ const FormGroup = _ref => {
|
|
|
7583
7583
|
FormGroup.displayName = 'FormGroup';
|
|
7584
7584
|
|
|
7585
7585
|
const _excluded$q = ["children", "htmlFor", "variant", "variants", "tooltipLabel", "count", "maxCount", "labelCss"];
|
|
7586
|
-
var _jsxFileName$R = "
|
|
7586
|
+
var _jsxFileName$R = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormLabel/Label.js";
|
|
7587
7587
|
const StyledLabel$1 = styled(LabelPrimitive.Root, Text$1, {
|
|
7588
7588
|
display: 'inline-block',
|
|
7589
7589
|
fontSize: '$label',
|
|
@@ -7700,7 +7700,7 @@ FormLabel.defaultProps = {
|
|
|
7700
7700
|
FormLabel.displayName = 'FormLabel';
|
|
7701
7701
|
|
|
7702
7702
|
const _excluded$p = ["children", "error", "errorMessage"];
|
|
7703
|
-
var _jsxFileName$Q = "
|
|
7703
|
+
var _jsxFileName$Q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/FormHelper/Helper.js";
|
|
7704
7704
|
const StyledHelper = styled(Text$1, {
|
|
7705
7705
|
display: 'inline-block',
|
|
7706
7706
|
color: '$textSecondary',
|
|
@@ -7755,7 +7755,7 @@ FormHelper.propTypes = {
|
|
|
7755
7755
|
};
|
|
7756
7756
|
FormHelper.displayName = 'FormHelper';
|
|
7757
7757
|
|
|
7758
|
-
var _jsxFileName$P = "
|
|
7758
|
+
var _jsxFileName$P = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/CheckboxGroup.js";
|
|
7759
7759
|
const CheckboxContext = /*#__PURE__*/createContext();
|
|
7760
7760
|
const CheckboxGroup = ({
|
|
7761
7761
|
children,
|
|
@@ -7813,7 +7813,7 @@ CheckboxGroup.defaultProps = {
|
|
|
7813
7813
|
};
|
|
7814
7814
|
CheckboxGroup.displayName = 'CheckboxGroup';
|
|
7815
7815
|
|
|
7816
|
-
var _jsxFileName$O = "
|
|
7816
|
+
var _jsxFileName$O = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/CheckOutline.js";
|
|
7817
7817
|
const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
7818
7818
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7819
7819
|
xmlSpace: "preserve",
|
|
@@ -7860,7 +7860,7 @@ const CheckOutline$1 = props => /*#__PURE__*/React.createElement("svg", _extends
|
|
|
7860
7860
|
}
|
|
7861
7861
|
}));
|
|
7862
7862
|
|
|
7863
|
-
var _jsxFileName$N = "
|
|
7863
|
+
var _jsxFileName$N = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/icon/MinusOutline.js";
|
|
7864
7864
|
const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
7865
7865
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7866
7866
|
xmlSpace: "preserve",
|
|
@@ -7908,7 +7908,7 @@ const SvgMinusOutline = props => /*#__PURE__*/React.createElement("svg", _extend
|
|
|
7908
7908
|
}));
|
|
7909
7909
|
|
|
7910
7910
|
const _excluded$o = ["id", "checked", "indeterminate", "disabled", "onCheckedChange", "label", "index", "value"];
|
|
7911
|
-
var _jsxFileName$M = "
|
|
7911
|
+
var _jsxFileName$M = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCheckbox/InputCheckbox.js";
|
|
7912
7912
|
const StyledIndicator$2 = styled(CheckboxPrimitive.Indicator, {
|
|
7913
7913
|
alignItems: 'center',
|
|
7914
7914
|
display: 'flex',
|
|
@@ -8069,7 +8069,7 @@ InputCheckbox.propTypes = {
|
|
|
8069
8069
|
InputCheckbox.displayName = 'InputCheckbox';
|
|
8070
8070
|
|
|
8071
8071
|
const _excluded$n = ["children", "size"];
|
|
8072
|
-
var _jsxFileName$L = "
|
|
8072
|
+
var _jsxFileName$L = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputGroup/InputGroup.js";
|
|
8073
8073
|
const InputGroupStyle = styled('div', {
|
|
8074
8074
|
display: 'flex',
|
|
8075
8075
|
width: '100%',
|
|
@@ -8239,12 +8239,12 @@ const InputGroup = _ref => {
|
|
|
8239
8239
|
}));
|
|
8240
8240
|
};
|
|
8241
8241
|
InputGroup.propTypes = {
|
|
8242
|
-
/**
|
|
8243
|
-
Adjust Input Text Size
|
|
8242
|
+
/**
|
|
8243
|
+
Adjust Input Text Size
|
|
8244
8244
|
*/
|
|
8245
8245
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
8246
|
-
/**
|
|
8247
|
-
Children must be InputText, InputAddon, or InputPrefixes
|
|
8246
|
+
/**
|
|
8247
|
+
Children must be InputText, InputAddon, or InputPrefixes
|
|
8248
8248
|
*/
|
|
8249
8249
|
children: PropTypes.node.isRequired,
|
|
8250
8250
|
/** Error state */
|
|
@@ -8418,7 +8418,7 @@ InputSuffix.propTypes = {
|
|
|
8418
8418
|
};
|
|
8419
8419
|
|
|
8420
8420
|
const _excluded$m = ["disabled", "readOnly"];
|
|
8421
|
-
var _jsxFileName$K = "
|
|
8421
|
+
var _jsxFileName$K = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
|
|
8422
8422
|
const disabledStyle = {
|
|
8423
8423
|
backgroundColor: '$formDisable',
|
|
8424
8424
|
color: '$textDisable',
|
|
@@ -8548,8 +8548,8 @@ const StyledInput$1 = styled('input', {
|
|
|
8548
8548
|
}
|
|
8549
8549
|
}
|
|
8550
8550
|
},
|
|
8551
|
-
/**
|
|
8552
|
-
* Please insert size with string 'sm' | 'lg'
|
|
8551
|
+
/**
|
|
8552
|
+
* Please insert size with string 'sm' | 'lg'
|
|
8553
8553
|
*/
|
|
8554
8554
|
size: {
|
|
8555
8555
|
sm: {
|
|
@@ -8620,7 +8620,7 @@ InputText.propTypes = {
|
|
|
8620
8620
|
InputText.displayName = 'InputText';
|
|
8621
8621
|
|
|
8622
8622
|
const _excluded$l = ["disabled", "readOnly"];
|
|
8623
|
-
var _jsxFileName$J = "
|
|
8623
|
+
var _jsxFileName$J = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
|
|
8624
8624
|
const StyledTextArea = styled(StyledInput$1, {
|
|
8625
8625
|
variants: {
|
|
8626
8626
|
size: {
|
|
@@ -8698,7 +8698,7 @@ InputTextArea.defaultProps = {
|
|
|
8698
8698
|
|
|
8699
8699
|
const InputRadioContext = /*#__PURE__*/React__default.createContext();
|
|
8700
8700
|
|
|
8701
|
-
var _jsxFileName$I = "
|
|
8701
|
+
var _jsxFileName$I = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
|
|
8702
8702
|
const RadioGroup = styled(RadioGroupPrimitive.Root, Flex$1);
|
|
8703
8703
|
function InputRadioGroup(props) {
|
|
8704
8704
|
return (props == null ? void 0 : props.children) && /*#__PURE__*/React__default.createElement(InputRadioContext.Provider, {
|
|
@@ -8732,7 +8732,7 @@ InputRadioGroup.propTypes = {
|
|
|
8732
8732
|
InputRadioGroup.displayName = 'InputRadioGroup';
|
|
8733
8733
|
|
|
8734
8734
|
const _excluded$k = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
|
|
8735
|
-
var _jsxFileName$H = "
|
|
8735
|
+
var _jsxFileName$H = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
|
|
8736
8736
|
const INDICATOR_BASE_STYLES = {
|
|
8737
8737
|
alignItems: 'center',
|
|
8738
8738
|
display: 'flex',
|
|
@@ -11099,7 +11099,7 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
|
|
|
11099
11099
|
NumberFormat.defaultProps = defaultProps;
|
|
11100
11100
|
|
|
11101
11101
|
const _excluded$j = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
|
|
11102
|
-
var _jsxFileName$G = "
|
|
11102
|
+
var _jsxFileName$G = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
|
|
11103
11103
|
const StyledInput = styled(NumberFormat, {
|
|
11104
11104
|
// Reset
|
|
11105
11105
|
appearance: 'none',
|
|
@@ -11360,7 +11360,7 @@ InputNumber.name = 'InputText';
|
|
|
11360
11360
|
InputNumber.displayName = 'InputNumber';
|
|
11361
11361
|
|
|
11362
11362
|
const _excluded$i = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
|
|
11363
|
-
var _jsxFileName$F = "
|
|
11363
|
+
var _jsxFileName$F = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tag/Tag.js";
|
|
11364
11364
|
const TagWrapper$4 = styled('div', {
|
|
11365
11365
|
boxSizing: 'border-box',
|
|
11366
11366
|
listStyle: 'none',
|
|
@@ -11536,7 +11536,7 @@ Tag.defaultProps = {
|
|
|
11536
11536
|
};
|
|
11537
11537
|
|
|
11538
11538
|
const _excluded$h = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
|
|
11539
|
-
var _jsxFileName$E = "
|
|
11539
|
+
var _jsxFileName$E = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
|
|
11540
11540
|
const Wrapper$2 = styled('div', {
|
|
11541
11541
|
margin: 0,
|
|
11542
11542
|
flexDirection: 'column',
|
|
@@ -11833,7 +11833,7 @@ TagsInput.defaultProps = {
|
|
|
11833
11833
|
};
|
|
11834
11834
|
|
|
11835
11835
|
const _excluded$g = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
|
|
11836
|
-
var _jsxFileName$D = "
|
|
11836
|
+
var _jsxFileName$D = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
|
|
11837
11837
|
const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
|
|
11838
11838
|
display: 'block',
|
|
11839
11839
|
width: '16px',
|
|
@@ -11938,7 +11938,7 @@ InputSwitch.propTypes = {
|
|
|
11938
11938
|
};
|
|
11939
11939
|
InputSwitch.displayName = 'InputSwitch';
|
|
11940
11940
|
|
|
11941
|
-
var _jsxFileName$C = "
|
|
11941
|
+
var _jsxFileName$C = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
|
|
11942
11942
|
const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
11943
11943
|
width: props.size,
|
|
11944
11944
|
height: props.size,
|
|
@@ -11997,7 +11997,7 @@ SvgCloseFilled.defaultProps = {
|
|
|
11997
11997
|
size: 24
|
|
11998
11998
|
};
|
|
11999
11999
|
|
|
12000
|
-
var _jsxFileName$B = "
|
|
12000
|
+
var _jsxFileName$B = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
|
|
12001
12001
|
const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
12002
12002
|
width: props.size,
|
|
12003
12003
|
height: props.size,
|
|
@@ -12038,7 +12038,7 @@ SvgSearchOutline.defaultProps = {
|
|
|
12038
12038
|
};
|
|
12039
12039
|
|
|
12040
12040
|
const _excluded$f = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
|
|
12041
|
-
var _jsxFileName$A = "
|
|
12041
|
+
var _jsxFileName$A = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
|
|
12042
12042
|
const {
|
|
12043
12043
|
colors: colors$6
|
|
12044
12044
|
} = foundations;
|
|
@@ -12528,7 +12528,7 @@ function isFunction$1(value) {
|
|
|
12528
12528
|
var isFunction_1 = isFunction$1;
|
|
12529
12529
|
|
|
12530
12530
|
const _excluded$e = ["children"];
|
|
12531
|
-
var _jsxFileName$z = "
|
|
12531
|
+
var _jsxFileName$z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/popover/Popover.js";
|
|
12532
12532
|
const {
|
|
12533
12533
|
zIndices: zIndices$1
|
|
12534
12534
|
} = foundations;
|
|
@@ -14105,7 +14105,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
14105
14105
|
}), void 0);
|
|
14106
14106
|
});
|
|
14107
14107
|
|
|
14108
|
-
var _jsxFileName$y = "
|
|
14108
|
+
var _jsxFileName$y = "/home/alfiantryp/Project/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,8 @@ function OptionGroupItem({
|
|
|
14185
14185
|
}), void 0);
|
|
14186
14186
|
}
|
|
14187
14187
|
|
|
14188
|
-
const _excluded$d = ["placeholder", "option", "value", "defaultValue", "size", "disabled", "onChange", "search", "readOnly", "placement", "disabledOptions", "textEmptyItem", "onRemoveItem", "isInvalid", "sortBy", "showSelectAll", "showTagSelectAll", "selectAllLabel", "showSelectedTag", "unremovableTags", "helperText", "css", "showCounter", "labelCounter", "collapsible", "toggleInput", "fetchData", "onSearch", "isLoading", "maxSelectedItem", "mobileOnly", "desktopOnly", "label", "tagCss", "checkBoxCss", "optionListCss", "showCollapsibleCounter", "collapsibleLimit", "pageIndex", "onSelectAllChecked", "totalOptions", "clearSearchOnSelect", "onItemClick"];
|
|
14189
|
-
var _jsxFileName$x = "
|
|
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", "virtualized", "virtualizedThreshold"];
|
|
14189
|
+
var _jsxFileName$x = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
|
|
14190
14190
|
const Wrapper$1 = styled('div', {
|
|
14191
14191
|
margin: 0,
|
|
14192
14192
|
flexDirection: 'column',
|
|
@@ -14485,7 +14485,9 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14485
14485
|
onSelectAllChecked,
|
|
14486
14486
|
totalOptions,
|
|
14487
14487
|
clearSearchOnSelect,
|
|
14488
|
-
onItemClick
|
|
14488
|
+
onItemClick,
|
|
14489
|
+
virtualized,
|
|
14490
|
+
virtualizedThreshold
|
|
14489
14491
|
} = _ref,
|
|
14490
14492
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$d);
|
|
14491
14493
|
const {
|
|
@@ -14503,6 +14505,78 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14503
14505
|
const [query, setQuery] = React__default.useState('');
|
|
14504
14506
|
const scrollerRef = React__default.useRef(null);
|
|
14505
14507
|
const isShowSelectAll = showSelectAll && !maxSelectedItem;
|
|
14508
|
+
|
|
14509
|
+
// Calculate total item count efficiently without creating full array
|
|
14510
|
+
const totalItemCount = useMemo(() => {
|
|
14511
|
+
return items.reduce((count, item) => {
|
|
14512
|
+
if (item != null && item.children) {
|
|
14513
|
+
return count + 1 + item.children.length; // parent + children
|
|
14514
|
+
}
|
|
14515
|
+
return count + 1;
|
|
14516
|
+
}, 0);
|
|
14517
|
+
}, [items]);
|
|
14518
|
+
|
|
14519
|
+
// Determine if virtualization should be enabled
|
|
14520
|
+
const shouldVirtualize = virtualized && totalItemCount >= virtualizedThreshold;
|
|
14521
|
+
|
|
14522
|
+
// Lazy item lookup function - only compute when needed
|
|
14523
|
+
const getItemAtIndex = useCallback(index => {
|
|
14524
|
+
let currentIndex = 0;
|
|
14525
|
+
for (let i = 0; i < items.length; i++) {
|
|
14526
|
+
const item = items[i];
|
|
14527
|
+
if (item != null && item.children) {
|
|
14528
|
+
// Check if index is the group header
|
|
14529
|
+
if (currentIndex === index) {
|
|
14530
|
+
return {
|
|
14531
|
+
type: 'group',
|
|
14532
|
+
item,
|
|
14533
|
+
originalIndex: i
|
|
14534
|
+
};
|
|
14535
|
+
}
|
|
14536
|
+
currentIndex++;
|
|
14537
|
+
|
|
14538
|
+
// Check if index is within children
|
|
14539
|
+
for (let j = 0; j < item.children.length; j++) {
|
|
14540
|
+
if (currentIndex === index) {
|
|
14541
|
+
return {
|
|
14542
|
+
type: 'child',
|
|
14543
|
+
item: item.children[j],
|
|
14544
|
+
originalIndex: i,
|
|
14545
|
+
childIndex: j
|
|
14546
|
+
};
|
|
14547
|
+
}
|
|
14548
|
+
currentIndex++;
|
|
14549
|
+
}
|
|
14550
|
+
} else {
|
|
14551
|
+
// Regular item
|
|
14552
|
+
if (currentIndex === index) {
|
|
14553
|
+
return {
|
|
14554
|
+
type: 'item',
|
|
14555
|
+
item,
|
|
14556
|
+
originalIndex: i
|
|
14557
|
+
};
|
|
14558
|
+
}
|
|
14559
|
+
currentIndex++;
|
|
14560
|
+
}
|
|
14561
|
+
}
|
|
14562
|
+
return null;
|
|
14563
|
+
}, [items]);
|
|
14564
|
+
|
|
14565
|
+
// Dynamic overscan based on dataset size
|
|
14566
|
+
const overscanCount = useMemo(() => {
|
|
14567
|
+
if (totalItemCount > 10000) return 5;
|
|
14568
|
+
if (totalItemCount > 1000) return 8;
|
|
14569
|
+
return 10;
|
|
14570
|
+
}, [totalItemCount]);
|
|
14571
|
+
|
|
14572
|
+
// Setup virtualization
|
|
14573
|
+
const rowVirtualizer = useVirtual({
|
|
14574
|
+
size: totalItemCount,
|
|
14575
|
+
parentRef: scrollerRef,
|
|
14576
|
+
estimateSize: useCallback(() => 44, []),
|
|
14577
|
+
// Estimated height of each item
|
|
14578
|
+
overscan: overscanCount
|
|
14579
|
+
});
|
|
14506
14580
|
useMountedLayoutEffect(() => {
|
|
14507
14581
|
var _scrollerRef$current;
|
|
14508
14582
|
(_scrollerRef$current = scrollerRef.current) == null || _scrollerRef$current.scrollTo({
|
|
@@ -14625,6 +14699,17 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14625
14699
|
}
|
|
14626
14700
|
}
|
|
14627
14701
|
};
|
|
14702
|
+
|
|
14703
|
+
// Memoize flattened items for useCombobox to prevent recalculation on every render
|
|
14704
|
+
const flattenedItemsForCombobox = useMemo(() => {
|
|
14705
|
+
// For very large datasets, limit the flattened array to improve performance
|
|
14706
|
+
// useCombobox needs this for keyboard navigation, but we can optimize it
|
|
14707
|
+
if (totalItemCount > 10000) {
|
|
14708
|
+
// For huge datasets, only flatten what's visible or searched
|
|
14709
|
+
return items.slice(0, 100).reduce((acc, item) => [...acc, item, ...(item.children ? item.children : [])], []);
|
|
14710
|
+
}
|
|
14711
|
+
return items.reduce((acc, item) => [...acc, item, ...(item.children ? item.children : [])], []);
|
|
14712
|
+
}, [items, totalItemCount]);
|
|
14628
14713
|
const {
|
|
14629
14714
|
getToggleButtonProps,
|
|
14630
14715
|
getMenuProps,
|
|
@@ -14636,7 +14721,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14636
14721
|
isOpen
|
|
14637
14722
|
} = useCombobox({
|
|
14638
14723
|
inputValue,
|
|
14639
|
-
items:
|
|
14724
|
+
items: flattenedItemsForCombobox,
|
|
14640
14725
|
selectedItem: selectedValue,
|
|
14641
14726
|
itemToString: item => item ? item.name : '',
|
|
14642
14727
|
onStateChange: ({
|
|
@@ -14786,8 +14871,15 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14786
14871
|
}
|
|
14787
14872
|
});
|
|
14788
14873
|
const memoOptions = useMemo(() => {
|
|
14874
|
+
// Skip expensive operations for very large datasets
|
|
14875
|
+
const isVeryLarge = (option == null ? void 0 : option.length) > 10000;
|
|
14876
|
+
|
|
14877
|
+
// For very large datasets, skip sorting and copying to improve performance
|
|
14878
|
+
if (isVeryLarge && !maxSelectedItem) {
|
|
14879
|
+
return option || [];
|
|
14880
|
+
}
|
|
14789
14881
|
const optionsCopy = option ? [...option] : [];
|
|
14790
|
-
if (sortBy === 'id') {
|
|
14882
|
+
if (sortBy === 'id' && !isVeryLarge) {
|
|
14791
14883
|
optionsCopy.sort((a, b) => {
|
|
14792
14884
|
const idA = typeof a.id === 'string' ? a.id.toUpperCase() : a.id;
|
|
14793
14885
|
const idB = typeof b.id === 'string' ? b.id.toUpperCase() : b.id;
|
|
@@ -14797,7 +14889,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14797
14889
|
if (idA > idB) return 1;
|
|
14798
14890
|
return 0;
|
|
14799
14891
|
});
|
|
14800
|
-
} else if (sortBy === 'name') {
|
|
14892
|
+
} else if (sortBy === 'name' && !isVeryLarge) {
|
|
14801
14893
|
optionsCopy.sort((a, b) => {
|
|
14802
14894
|
const nameA = typeof a.name === 'string' ? a.name.toUpperCase() : a.name;
|
|
14803
14895
|
const nameB = typeof b.name === 'string' ? b.name.toUpperCase() : b.name;
|
|
@@ -14820,10 +14912,20 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14820
14912
|
return item;
|
|
14821
14913
|
}) : optionsCopy;
|
|
14822
14914
|
}, [maxSelectedItem, option, selectedValue, sortBy]);
|
|
14823
|
-
const memoOptionsString = useMemo(() =>
|
|
14824
|
-
|
|
14825
|
-
|
|
14826
|
-
|
|
14915
|
+
const memoOptionsString = useMemo(() => {
|
|
14916
|
+
// For very large datasets, skip JSON.stringify as it's expensive
|
|
14917
|
+
if ((memoOptions == null ? void 0 : memoOptions.length) > 10000) {
|
|
14918
|
+
return `${memoOptions.length}-${Date.now()}`;
|
|
14919
|
+
}
|
|
14920
|
+
return JSON.stringify(memoOptions);
|
|
14921
|
+
}, [memoOptions]);
|
|
14922
|
+
|
|
14923
|
+
// Optimize itemsLength calculation - avoid creating arrays
|
|
14924
|
+
const itemsLength = useMemo(() => {
|
|
14925
|
+
return (items == null ? void 0 : items.reduce((count, item) => {
|
|
14926
|
+
return count + (item.children ? item.children.length : 1);
|
|
14927
|
+
}, 0)) || 0;
|
|
14928
|
+
}, [items]);
|
|
14827
14929
|
useEffect(() => {
|
|
14828
14930
|
if (!inputValue || fetchData) {
|
|
14829
14931
|
setItems(isShowSelectAll ? [{
|
|
@@ -14901,7 +15003,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14901
15003
|
__self: undefined,
|
|
14902
15004
|
__source: {
|
|
14903
15005
|
fileName: _jsxFileName$x,
|
|
14904
|
-
lineNumber:
|
|
15006
|
+
lineNumber: 866,
|
|
14905
15007
|
columnNumber: 9
|
|
14906
15008
|
}
|
|
14907
15009
|
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
@@ -14915,7 +15017,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14915
15017
|
__self: undefined,
|
|
14916
15018
|
__source: {
|
|
14917
15019
|
fileName: _jsxFileName$x,
|
|
14918
|
-
lineNumber:
|
|
15020
|
+
lineNumber: 885,
|
|
14919
15021
|
columnNumber: 11
|
|
14920
15022
|
}
|
|
14921
15023
|
}, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -14923,7 +15025,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14923
15025
|
__self: undefined,
|
|
14924
15026
|
__source: {
|
|
14925
15027
|
fileName: _jsxFileName$x,
|
|
14926
|
-
lineNumber:
|
|
15028
|
+
lineNumber: 897,
|
|
14927
15029
|
columnNumber: 17
|
|
14928
15030
|
}
|
|
14929
15031
|
}) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -14931,21 +15033,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14931
15033
|
__self: undefined,
|
|
14932
15034
|
__source: {
|
|
14933
15035
|
fileName: _jsxFileName$x,
|
|
14934
|
-
lineNumber:
|
|
15036
|
+
lineNumber: 901,
|
|
14935
15037
|
columnNumber: 19
|
|
14936
15038
|
}
|
|
14937
15039
|
})), 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
15040
|
__self: undefined,
|
|
14939
15041
|
__source: {
|
|
14940
15042
|
fileName: _jsxFileName$x,
|
|
14941
|
-
lineNumber:
|
|
15043
|
+
lineNumber: 905,
|
|
14942
15044
|
columnNumber: 15
|
|
14943
15045
|
}
|
|
14944
15046
|
}, "-") : /*#__PURE__*/React__default.createElement("div", {
|
|
14945
15047
|
__self: undefined,
|
|
14946
15048
|
__source: {
|
|
14947
15049
|
fileName: _jsxFileName$x,
|
|
14948
|
-
lineNumber:
|
|
15050
|
+
lineNumber: 907,
|
|
14949
15051
|
columnNumber: 15
|
|
14950
15052
|
}
|
|
14951
15053
|
})), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
@@ -14956,7 +15058,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14956
15058
|
__self: undefined,
|
|
14957
15059
|
__source: {
|
|
14958
15060
|
fileName: _jsxFileName$x,
|
|
14959
|
-
lineNumber:
|
|
15061
|
+
lineNumber: 910,
|
|
14960
15062
|
columnNumber: 11
|
|
14961
15063
|
}
|
|
14962
15064
|
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
|
|
@@ -14984,7 +15086,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14984
15086
|
__self: undefined,
|
|
14985
15087
|
__source: {
|
|
14986
15088
|
fileName: _jsxFileName$x,
|
|
14987
|
-
lineNumber:
|
|
15089
|
+
lineNumber: 926,
|
|
14988
15090
|
columnNumber: 13
|
|
14989
15091
|
}
|
|
14990
15092
|
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
@@ -14997,7 +15099,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14997
15099
|
__self: undefined,
|
|
14998
15100
|
__source: {
|
|
14999
15101
|
fileName: _jsxFileName$x,
|
|
15000
|
-
lineNumber:
|
|
15102
|
+
lineNumber: 939,
|
|
15001
15103
|
columnNumber: 15
|
|
15002
15104
|
}
|
|
15003
15105
|
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -15005,7 +15107,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15005
15107
|
__self: undefined,
|
|
15006
15108
|
__source: {
|
|
15007
15109
|
fileName: _jsxFileName$x,
|
|
15008
|
-
lineNumber:
|
|
15110
|
+
lineNumber: 949,
|
|
15009
15111
|
columnNumber: 19
|
|
15010
15112
|
}
|
|
15011
15113
|
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$children7 = item.children) == null || (_item$children7 = _item$children7.filter(e => !e.isDisabled)) == null ? void 0 : _item$children7.length) ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -15013,14 +15115,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15013
15115
|
__self: undefined,
|
|
15014
15116
|
__source: {
|
|
15015
15117
|
fileName: _jsxFileName$x,
|
|
15016
|
-
lineNumber:
|
|
15118
|
+
lineNumber: 951,
|
|
15017
15119
|
columnNumber: 19
|
|
15018
15120
|
}
|
|
15019
15121
|
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
|
|
15020
15122
|
__self: undefined,
|
|
15021
15123
|
__source: {
|
|
15022
15124
|
fileName: _jsxFileName$x,
|
|
15023
|
-
lineNumber:
|
|
15125
|
+
lineNumber: 953,
|
|
15024
15126
|
columnNumber: 19
|
|
15025
15127
|
}
|
|
15026
15128
|
}, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
@@ -15031,14 +15133,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15031
15133
|
__self: undefined,
|
|
15032
15134
|
__source: {
|
|
15033
15135
|
fileName: _jsxFileName$x,
|
|
15034
|
-
lineNumber:
|
|
15136
|
+
lineNumber: 956,
|
|
15035
15137
|
columnNumber: 15
|
|
15036
15138
|
}
|
|
15037
15139
|
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
|
|
15038
15140
|
__self: undefined,
|
|
15039
15141
|
__source: {
|
|
15040
15142
|
fileName: _jsxFileName$x,
|
|
15041
|
-
lineNumber:
|
|
15143
|
+
lineNumber: 924,
|
|
15042
15144
|
columnNumber: 9
|
|
15043
15145
|
}
|
|
15044
15146
|
}, item == null || (_item$children8 = item.children) == null ? void 0 : _item$children8.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
|
|
@@ -15051,7 +15153,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15051
15153
|
__self: undefined,
|
|
15052
15154
|
__source: {
|
|
15053
15155
|
fileName: _jsxFileName$x,
|
|
15054
|
-
lineNumber:
|
|
15156
|
+
lineNumber: 968,
|
|
15055
15157
|
columnNumber: 7
|
|
15056
15158
|
}
|
|
15057
15159
|
}), /*#__PURE__*/React__default.createElement(Select, {
|
|
@@ -15061,7 +15163,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15061
15163
|
__self: undefined,
|
|
15062
15164
|
__source: {
|
|
15063
15165
|
fileName: _jsxFileName$x,
|
|
15064
|
-
lineNumber:
|
|
15166
|
+
lineNumber: 969,
|
|
15065
15167
|
columnNumber: 9
|
|
15066
15168
|
}
|
|
15067
15169
|
}, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
|
|
@@ -15076,7 +15178,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15076
15178
|
__self: undefined,
|
|
15077
15179
|
__source: {
|
|
15078
15180
|
fileName: _jsxFileName$x,
|
|
15079
|
-
lineNumber:
|
|
15181
|
+
lineNumber: 970,
|
|
15080
15182
|
columnNumber: 11
|
|
15081
15183
|
}
|
|
15082
15184
|
}), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
|
|
@@ -15094,7 +15196,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15094
15196
|
__self: undefined,
|
|
15095
15197
|
__source: {
|
|
15096
15198
|
fileName: _jsxFileName$x,
|
|
15097
|
-
lineNumber:
|
|
15199
|
+
lineNumber: 980,
|
|
15098
15200
|
columnNumber: 13
|
|
15099
15201
|
}
|
|
15100
15202
|
})), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
|
|
@@ -15108,7 +15210,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15108
15210
|
__self: undefined,
|
|
15109
15211
|
__source: {
|
|
15110
15212
|
fileName: _jsxFileName$x,
|
|
15111
|
-
lineNumber:
|
|
15213
|
+
lineNumber: 987,
|
|
15112
15214
|
columnNumber: 13
|
|
15113
15215
|
}
|
|
15114
15216
|
}), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
|
|
@@ -15119,7 +15221,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15119
15221
|
__self: undefined,
|
|
15120
15222
|
__source: {
|
|
15121
15223
|
fileName: _jsxFileName$x,
|
|
15122
|
-
lineNumber:
|
|
15224
|
+
lineNumber: 998,
|
|
15123
15225
|
columnNumber: 11
|
|
15124
15226
|
}
|
|
15125
15227
|
}), /*#__PURE__*/React__default.createElement(IconCaretDown, {
|
|
@@ -15127,7 +15229,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15127
15229
|
__self: undefined,
|
|
15128
15230
|
__source: {
|
|
15129
15231
|
fileName: _jsxFileName$x,
|
|
15130
|
-
lineNumber:
|
|
15232
|
+
lineNumber: 1003,
|
|
15131
15233
|
columnNumber: 13
|
|
15132
15234
|
}
|
|
15133
15235
|
}))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15140,7 +15242,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15140
15242
|
__self: undefined,
|
|
15141
15243
|
__source: {
|
|
15142
15244
|
fileName: _jsxFileName$x,
|
|
15143
|
-
lineNumber:
|
|
15245
|
+
lineNumber: 1007,
|
|
15144
15246
|
columnNumber: 11
|
|
15145
15247
|
}
|
|
15146
15248
|
}, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
|
|
@@ -15148,7 +15250,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15148
15250
|
__self: undefined,
|
|
15149
15251
|
__source: {
|
|
15150
15252
|
fileName: _jsxFileName$x,
|
|
15151
|
-
lineNumber:
|
|
15253
|
+
lineNumber: 1013,
|
|
15152
15254
|
columnNumber: 13
|
|
15153
15255
|
}
|
|
15154
15256
|
}, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
|
|
@@ -15169,7 +15271,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15169
15271
|
__self: undefined,
|
|
15170
15272
|
__source: {
|
|
15171
15273
|
fileName: _jsxFileName$x,
|
|
15172
|
-
lineNumber:
|
|
15274
|
+
lineNumber: 1015,
|
|
15173
15275
|
columnNumber: 17
|
|
15174
15276
|
}
|
|
15175
15277
|
}), 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 +15302,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15200
15302
|
__self: undefined,
|
|
15201
15303
|
__source: {
|
|
15202
15304
|
fileName: _jsxFileName$x,
|
|
15203
|
-
lineNumber:
|
|
15305
|
+
lineNumber: 1044,
|
|
15204
15306
|
columnNumber: 21
|
|
15205
15307
|
}
|
|
15206
15308
|
}), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15209,7 +15311,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15209
15311
|
__self: undefined,
|
|
15210
15312
|
__source: {
|
|
15211
15313
|
fileName: _jsxFileName$x,
|
|
15212
|
-
lineNumber:
|
|
15314
|
+
lineNumber: 1067,
|
|
15213
15315
|
columnNumber: 15
|
|
15214
15316
|
}
|
|
15215
15317
|
}, /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15219,14 +15321,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15219
15321
|
__self: undefined,
|
|
15220
15322
|
__source: {
|
|
15221
15323
|
fileName: _jsxFileName$x,
|
|
15222
|
-
lineNumber:
|
|
15324
|
+
lineNumber: 1068,
|
|
15223
15325
|
columnNumber: 17
|
|
15224
15326
|
}
|
|
15225
15327
|
}, /*#__PURE__*/React__default.createElement(Separator$2, {
|
|
15226
15328
|
__self: undefined,
|
|
15227
15329
|
__source: {
|
|
15228
15330
|
fileName: _jsxFileName$x,
|
|
15229
|
-
lineNumber:
|
|
15331
|
+
lineNumber: 1069,
|
|
15230
15332
|
columnNumber: 19
|
|
15231
15333
|
}
|
|
15232
15334
|
}), /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15240,7 +15342,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15240
15342
|
__self: undefined,
|
|
15241
15343
|
__source: {
|
|
15242
15344
|
fileName: _jsxFileName$x,
|
|
15243
|
-
lineNumber:
|
|
15345
|
+
lineNumber: 1070,
|
|
15244
15346
|
columnNumber: 19
|
|
15245
15347
|
}
|
|
15246
15348
|
}, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
|
|
@@ -15248,7 +15350,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15248
15350
|
__self: undefined,
|
|
15249
15351
|
__source: {
|
|
15250
15352
|
fileName: _jsxFileName$x,
|
|
15251
|
-
lineNumber:
|
|
15353
|
+
lineNumber: 1076,
|
|
15252
15354
|
columnNumber: 23
|
|
15253
15355
|
}
|
|
15254
15356
|
}) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
@@ -15256,7 +15358,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15256
15358
|
__self: undefined,
|
|
15257
15359
|
__source: {
|
|
15258
15360
|
fileName: _jsxFileName$x,
|
|
15259
|
-
lineNumber:
|
|
15361
|
+
lineNumber: 1078,
|
|
15260
15362
|
columnNumber: 23
|
|
15261
15363
|
}
|
|
15262
15364
|
}), /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15268,14 +15370,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15268
15370
|
__self: undefined,
|
|
15269
15371
|
__source: {
|
|
15270
15372
|
fileName: _jsxFileName$x,
|
|
15271
|
-
lineNumber:
|
|
15373
|
+
lineNumber: 1080,
|
|
15272
15374
|
columnNumber: 21
|
|
15273
15375
|
}
|
|
15274
15376
|
}, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
|
|
15275
15377
|
__self: undefined,
|
|
15276
15378
|
__source: {
|
|
15277
15379
|
fileName: _jsxFileName$x,
|
|
15278
|
-
lineNumber:
|
|
15380
|
+
lineNumber: 1084,
|
|
15279
15381
|
columnNumber: 19
|
|
15280
15382
|
}
|
|
15281
15383
|
})), showCollapsibleCounter && /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15286,7 +15388,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15286
15388
|
__self: undefined,
|
|
15287
15389
|
__source: {
|
|
15288
15390
|
fileName: _jsxFileName$x,
|
|
15289
|
-
lineNumber:
|
|
15391
|
+
lineNumber: 1087,
|
|
15290
15392
|
columnNumber: 19
|
|
15291
15393
|
}
|
|
15292
15394
|
}, `${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 +15400,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15298
15400
|
__self: undefined,
|
|
15299
15401
|
__source: {
|
|
15300
15402
|
fileName: _jsxFileName$x,
|
|
15301
|
-
lineNumber:
|
|
15403
|
+
lineNumber: 1098,
|
|
15302
15404
|
columnNumber: 11
|
|
15303
15405
|
}
|
|
15304
15406
|
}, `${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 +15413,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15311
15413
|
__self: undefined,
|
|
15312
15414
|
__source: {
|
|
15313
15415
|
fileName: _jsxFileName$x,
|
|
15314
|
-
lineNumber:
|
|
15416
|
+
lineNumber: 1105,
|
|
15315
15417
|
columnNumber: 9
|
|
15316
15418
|
}
|
|
15317
15419
|
}, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15333,7 +15435,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15333
15435
|
__self: undefined,
|
|
15334
15436
|
__source: {
|
|
15335
15437
|
fileName: _jsxFileName$x,
|
|
15336
|
-
lineNumber:
|
|
15438
|
+
lineNumber: 1115,
|
|
15337
15439
|
columnNumber: 13
|
|
15338
15440
|
}
|
|
15339
15441
|
}, /*#__PURE__*/React__default.createElement(Text$1, {
|
|
@@ -15341,7 +15443,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15341
15443
|
__self: undefined,
|
|
15342
15444
|
__source: {
|
|
15343
15445
|
fileName: _jsxFileName$x,
|
|
15344
|
-
lineNumber:
|
|
15446
|
+
lineNumber: 1132,
|
|
15345
15447
|
columnNumber: 15
|
|
15346
15448
|
}
|
|
15347
15449
|
}, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
|
|
@@ -15353,7 +15455,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15353
15455
|
__self: undefined,
|
|
15354
15456
|
__source: {
|
|
15355
15457
|
fileName: _jsxFileName$x,
|
|
15356
|
-
lineNumber:
|
|
15458
|
+
lineNumber: 1137,
|
|
15357
15459
|
columnNumber: 13
|
|
15358
15460
|
}
|
|
15359
15461
|
}), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
|
|
@@ -15376,17 +15478,127 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15376
15478
|
__self: undefined,
|
|
15377
15479
|
__source: {
|
|
15378
15480
|
fileName: _jsxFileName$x,
|
|
15379
|
-
lineNumber:
|
|
15481
|
+
lineNumber: 1141,
|
|
15380
15482
|
columnNumber: 19
|
|
15381
15483
|
}
|
|
15382
15484
|
}, child),
|
|
15383
15485
|
__self: undefined,
|
|
15384
15486
|
__source: {
|
|
15385
15487
|
fileName: _jsxFileName$x,
|
|
15386
|
-
lineNumber:
|
|
15488
|
+
lineNumber: 1138,
|
|
15387
15489
|
columnNumber: 15
|
|
15388
15490
|
}
|
|
15389
|
-
}, isOpen &&
|
|
15491
|
+
}, isOpen && shouldVirtualize ?
|
|
15492
|
+
/*#__PURE__*/
|
|
15493
|
+
// Virtualized rendering for large lists
|
|
15494
|
+
React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
15495
|
+
style: {
|
|
15496
|
+
height: `${rowVirtualizer.totalSize}px`,
|
|
15497
|
+
position: 'relative',
|
|
15498
|
+
width: '100%'
|
|
15499
|
+
},
|
|
15500
|
+
__self: undefined,
|
|
15501
|
+
__source: {
|
|
15502
|
+
fileName: _jsxFileName$x,
|
|
15503
|
+
lineNumber: 1162,
|
|
15504
|
+
columnNumber: 21
|
|
15505
|
+
}
|
|
15506
|
+
}, rowVirtualizer.virtualItems.map(virtualRow => {
|
|
15507
|
+
var _item$children9, _item$children0, _item$children1;
|
|
15508
|
+
const virtualItem = getItemAtIndex(virtualRow.index);
|
|
15509
|
+
if (!virtualItem) return null;
|
|
15510
|
+
const {
|
|
15511
|
+
type,
|
|
15512
|
+
item
|
|
15513
|
+
} = virtualItem;
|
|
15514
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
15515
|
+
key: `${type}-${item.id}-${virtualRow.index}`,
|
|
15516
|
+
style: {
|
|
15517
|
+
position: 'absolute',
|
|
15518
|
+
top: 0,
|
|
15519
|
+
left: 0,
|
|
15520
|
+
width: '100%',
|
|
15521
|
+
transform: `translateY(${virtualRow.start}px)`
|
|
15522
|
+
},
|
|
15523
|
+
__self: undefined,
|
|
15524
|
+
__source: {
|
|
15525
|
+
fileName: _jsxFileName$x,
|
|
15526
|
+
lineNumber: 1170,
|
|
15527
|
+
columnNumber: 27
|
|
15528
|
+
}
|
|
15529
|
+
}, type === 'group' ?
|
|
15530
|
+
/*#__PURE__*/
|
|
15531
|
+
// Render option group header (without children, as they're rendered separately)
|
|
15532
|
+
React__default.createElement(ItemWrapper$1, _extends({}, getItemProps({
|
|
15533
|
+
item,
|
|
15534
|
+
index: virtualRow.index,
|
|
15535
|
+
disabled: item.isDisabled
|
|
15536
|
+
}), {
|
|
15537
|
+
css: {
|
|
15538
|
+
backgroundColor: highlightedIndex === virtualRow.index ? '$bgGray' : '$bgWhite',
|
|
15539
|
+
cursor: item.isDisabled ? 'not-allowed' : 'pointer',
|
|
15540
|
+
color: item.isDisabled ? '$textDisable' : 'textPrimary',
|
|
15541
|
+
fontWeight: 600
|
|
15542
|
+
},
|
|
15543
|
+
__self: undefined,
|
|
15544
|
+
__source: {
|
|
15545
|
+
fileName: _jsxFileName$x,
|
|
15546
|
+
lineNumber: 1182,
|
|
15547
|
+
columnNumber: 31
|
|
15548
|
+
}
|
|
15549
|
+
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
15550
|
+
css: Object.assign({
|
|
15551
|
+
width: '16px',
|
|
15552
|
+
height: '16px',
|
|
15553
|
+
border: '1px solid $bgBorder',
|
|
15554
|
+
cursor: item.isDisabled ? 'not-allowed' : 'pointer'
|
|
15555
|
+
}, checkBoxCss),
|
|
15556
|
+
__self: undefined,
|
|
15557
|
+
__source: {
|
|
15558
|
+
fileName: _jsxFileName$x,
|
|
15559
|
+
lineNumber: 1195,
|
|
15560
|
+
columnNumber: 33
|
|
15561
|
+
}
|
|
15562
|
+
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15563
|
+
color: colors$7.iconDisable,
|
|
15564
|
+
__self: undefined,
|
|
15565
|
+
__source: {
|
|
15566
|
+
fileName: _jsxFileName$x,
|
|
15567
|
+
lineNumber: 1205,
|
|
15568
|
+
columnNumber: 37
|
|
15569
|
+
}
|
|
15570
|
+
}) : (item == null || (_item$children9 = item.children) == null || (_item$children9 = _item$children9.filter(e => selectedValue.includes(e.id) && !e.isDisabled)) == null ? void 0 : _item$children9.length) === (item == null || (_item$children0 = item.children) == null || (_item$children0 = _item$children0.filter(e => !e.isDisabled)) == null ? void 0 : _item$children0.length) ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15571
|
+
color: colors$7.iconGreen,
|
|
15572
|
+
__self: undefined,
|
|
15573
|
+
__source: {
|
|
15574
|
+
fileName: _jsxFileName$x,
|
|
15575
|
+
lineNumber: 1209,
|
|
15576
|
+
columnNumber: 39
|
|
15577
|
+
}
|
|
15578
|
+
}) : (item == null || (_item$children1 = item.children) == null || (_item$children1 = _item$children1.filter(e => selectedValue.includes(e.id) && !e.isDisabled)) == null ? void 0 : _item$children1.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
|
|
15579
|
+
__self: undefined,
|
|
15580
|
+
__source: {
|
|
15581
|
+
fileName: _jsxFileName$x,
|
|
15582
|
+
lineNumber: 1211,
|
|
15583
|
+
columnNumber: 39
|
|
15584
|
+
}
|
|
15585
|
+
}, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
15586
|
+
css: {
|
|
15587
|
+
backgroundColor: 'unset',
|
|
15588
|
+
width: '100%'
|
|
15589
|
+
},
|
|
15590
|
+
__self: undefined,
|
|
15591
|
+
__source: {
|
|
15592
|
+
fileName: _jsxFileName$x,
|
|
15593
|
+
lineNumber: 1215,
|
|
15594
|
+
columnNumber: 33
|
|
15595
|
+
}
|
|
15596
|
+
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)) :
|
|
15597
|
+
// Render regular item or child item
|
|
15598
|
+
renderOptionItem(item, virtualRow.index, type === 'child'));
|
|
15599
|
+
}))) :
|
|
15600
|
+
// Non-virtualized rendering for small lists
|
|
15601
|
+
isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default.createElement(Option, _extends({
|
|
15390
15602
|
css: {
|
|
15391
15603
|
height: 'auto'
|
|
15392
15604
|
}
|
|
@@ -15396,14 +15608,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15396
15608
|
__self: undefined,
|
|
15397
15609
|
__source: {
|
|
15398
15610
|
fileName: _jsxFileName$x,
|
|
15399
|
-
lineNumber:
|
|
15611
|
+
lineNumber: 1238,
|
|
15400
15612
|
columnNumber: 13
|
|
15401
15613
|
}
|
|
15402
15614
|
}), /*#__PURE__*/React__default.createElement(StyledDiv, {
|
|
15403
15615
|
__self: undefined,
|
|
15404
15616
|
__source: {
|
|
15405
15617
|
fileName: _jsxFileName$x,
|
|
15406
|
-
lineNumber:
|
|
15618
|
+
lineNumber: 1239,
|
|
15407
15619
|
columnNumber: 15
|
|
15408
15620
|
}
|
|
15409
15621
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -15413,7 +15625,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15413
15625
|
__self: undefined,
|
|
15414
15626
|
__source: {
|
|
15415
15627
|
fileName: _jsxFileName$x,
|
|
15416
|
-
lineNumber:
|
|
15628
|
+
lineNumber: 1240,
|
|
15417
15629
|
columnNumber: 17
|
|
15418
15630
|
}
|
|
15419
15631
|
}, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
|
|
@@ -15425,7 +15637,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15425
15637
|
__self: undefined,
|
|
15426
15638
|
__source: {
|
|
15427
15639
|
fileName: _jsxFileName$x,
|
|
15428
|
-
lineNumber:
|
|
15640
|
+
lineNumber: 1241,
|
|
15429
15641
|
columnNumber: 19
|
|
15430
15642
|
}
|
|
15431
15643
|
})), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
|
|
@@ -15470,7 +15682,9 @@ InputSelectCheck.propTypes = {
|
|
|
15470
15682
|
showCollapsibleCounter: PropTypes.bool,
|
|
15471
15683
|
collapsibleLimit: PropTypes.number,
|
|
15472
15684
|
clearSearchOnSelect: PropTypes.bool,
|
|
15473
|
-
onItemClick: PropTypes.func
|
|
15685
|
+
onItemClick: PropTypes.func,
|
|
15686
|
+
virtualized: PropTypes.bool,
|
|
15687
|
+
virtualizedThreshold: PropTypes.number
|
|
15474
15688
|
};
|
|
15475
15689
|
InputSelectCheck.defaultProps = {
|
|
15476
15690
|
size: 'lg',
|
|
@@ -15495,10 +15709,12 @@ InputSelectCheck.defaultProps = {
|
|
|
15495
15709
|
showCollapsibleCounter: true,
|
|
15496
15710
|
collapsibleLimit: 5,
|
|
15497
15711
|
clearSearchOnSelect: true,
|
|
15498
|
-
onItemClick:
|
|
15712
|
+
onItemClick: () => {},
|
|
15713
|
+
virtualized: true,
|
|
15714
|
+
virtualizedThreshold: 100
|
|
15499
15715
|
};
|
|
15500
15716
|
|
|
15501
|
-
var _jsxFileName$w = "
|
|
15717
|
+
var _jsxFileName$w = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
|
|
15502
15718
|
const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15503
15719
|
return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
|
|
15504
15720
|
ref: ref,
|
|
@@ -15559,7 +15775,7 @@ InputSelectTag.defaultProps = {
|
|
|
15559
15775
|
defaultValue: []
|
|
15560
15776
|
};
|
|
15561
15777
|
|
|
15562
|
-
var _jsxFileName$v = "
|
|
15778
|
+
var _jsxFileName$v = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
|
|
15563
15779
|
const Wrapper = styled('div', {
|
|
15564
15780
|
margin: 0,
|
|
15565
15781
|
flexDirection: 'column',
|
|
@@ -16687,7 +16903,7 @@ InputCounter.defaultProps = {
|
|
|
16687
16903
|
|
|
16688
16904
|
const _excluded$c = ["children"],
|
|
16689
16905
|
_excluded2$3 = ["children", "showOverlay"];
|
|
16690
|
-
var _jsxFileName$u = "
|
|
16906
|
+
var _jsxFileName$u = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/drawer/Drawer.js";
|
|
16691
16907
|
const Context$1 = /*#__PURE__*/React__default.createContext();
|
|
16692
16908
|
const {
|
|
16693
16909
|
sizes
|
|
@@ -17037,7 +17253,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
|
17037
17253
|
|
|
17038
17254
|
const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
|
|
17039
17255
|
_excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
|
|
17040
|
-
var _jsxFileName$t = "
|
|
17256
|
+
var _jsxFileName$t = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
|
|
17041
17257
|
const ScrollButton$1 = styled(Button$4, {
|
|
17042
17258
|
width: '28px',
|
|
17043
17259
|
outline: '$btnPrimary solid 1px',
|
|
@@ -17575,7 +17791,7 @@ const DateNumber = styled('div', {
|
|
|
17575
17791
|
});
|
|
17576
17792
|
DateNumber.displayName = 'DateNumber';
|
|
17577
17793
|
|
|
17578
|
-
var _jsxFileName$s = "
|
|
17794
|
+
var _jsxFileName$s = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
|
|
17579
17795
|
const Input$3 = styled('input', {
|
|
17580
17796
|
display: 'none'
|
|
17581
17797
|
});
|
|
@@ -17978,56 +18194,56 @@ const NativeTimePicker = ({
|
|
|
17978
18194
|
})));
|
|
17979
18195
|
};
|
|
17980
18196
|
NativeTimePicker.propTypes = {
|
|
17981
|
-
/**
|
|
17982
|
-
Resize time picker.
|
|
18197
|
+
/**
|
|
18198
|
+
Resize time picker.
|
|
17983
18199
|
*/
|
|
17984
18200
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
17985
|
-
/**
|
|
17986
|
-
Change handler.
|
|
18201
|
+
/**
|
|
18202
|
+
Change handler.
|
|
17987
18203
|
*/
|
|
17988
18204
|
onChange: PropTypes.func,
|
|
17989
|
-
/**
|
|
17990
|
-
Time picker default value, support moment format.
|
|
18205
|
+
/**
|
|
18206
|
+
Time picker default value, support moment format.
|
|
17991
18207
|
*/
|
|
17992
18208
|
defaultValue: PropTypes.instanceOf(Date),
|
|
17993
|
-
/**
|
|
17994
|
-
Time picker value, support moment format.
|
|
18209
|
+
/**
|
|
18210
|
+
Time picker value, support moment format.
|
|
17995
18211
|
*/
|
|
17996
18212
|
value: PropTypes.instanceOf(Date),
|
|
17997
|
-
/**
|
|
17998
|
-
Disabled state.
|
|
18213
|
+
/**
|
|
18214
|
+
Disabled state.
|
|
17999
18215
|
*/
|
|
18000
18216
|
disabled: PropTypes.bool,
|
|
18001
|
-
/**
|
|
18002
|
-
Disabled hour state.
|
|
18217
|
+
/**
|
|
18218
|
+
Disabled hour state.
|
|
18003
18219
|
*/
|
|
18004
18220
|
disabledHour: PropTypes.bool,
|
|
18005
|
-
/**
|
|
18006
|
-
Disabled increase hour state.
|
|
18221
|
+
/**
|
|
18222
|
+
Disabled increase hour state.
|
|
18007
18223
|
*/
|
|
18008
18224
|
disabledHourIncrease: PropTypes.bool,
|
|
18009
|
-
/**
|
|
18010
|
-
Disabled decrease hour state.
|
|
18225
|
+
/**
|
|
18226
|
+
Disabled decrease hour state.
|
|
18011
18227
|
*/
|
|
18012
18228
|
disabledHourDecrease: PropTypes.bool,
|
|
18013
|
-
/**
|
|
18014
|
-
Disabled minute state.
|
|
18229
|
+
/**
|
|
18230
|
+
Disabled minute state.
|
|
18015
18231
|
*/
|
|
18016
18232
|
disabledMinute: PropTypes.bool,
|
|
18017
|
-
/**
|
|
18018
|
-
Disabled increase minute state.
|
|
18233
|
+
/**
|
|
18234
|
+
Disabled increase minute state.
|
|
18019
18235
|
*/
|
|
18020
18236
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18021
|
-
/**
|
|
18022
|
-
Disabled decrease minute state.
|
|
18237
|
+
/**
|
|
18238
|
+
Disabled decrease minute state.
|
|
18023
18239
|
*/
|
|
18024
18240
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18025
|
-
/**
|
|
18026
|
-
Specify the minimum date.
|
|
18241
|
+
/**
|
|
18242
|
+
Specify the minimum date.
|
|
18027
18243
|
*/
|
|
18028
18244
|
minDate: PropTypes.instanceOf(Date),
|
|
18029
|
-
/**
|
|
18030
|
-
Specify the maximum date.
|
|
18245
|
+
/**
|
|
18246
|
+
Specify the maximum date.
|
|
18031
18247
|
*/
|
|
18032
18248
|
maxDate: PropTypes.instanceOf(Date)
|
|
18033
18249
|
};
|
|
@@ -18084,66 +18300,66 @@ const TimePicker = ({
|
|
|
18084
18300
|
};
|
|
18085
18301
|
TimePicker.displayName = 'TimePicker';
|
|
18086
18302
|
TimePicker.propTypes = {
|
|
18087
|
-
/**
|
|
18088
|
-
Additional styles.
|
|
18303
|
+
/**
|
|
18304
|
+
Additional styles.
|
|
18089
18305
|
*/
|
|
18090
18306
|
css: PropTypes.object,
|
|
18091
|
-
/**
|
|
18092
|
-
Resize time picker.
|
|
18307
|
+
/**
|
|
18308
|
+
Resize time picker.
|
|
18093
18309
|
*/
|
|
18094
18310
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18095
|
-
/**
|
|
18096
|
-
Change handler.
|
|
18311
|
+
/**
|
|
18312
|
+
Change handler.
|
|
18097
18313
|
*/
|
|
18098
18314
|
onChange: PropTypes.func,
|
|
18099
|
-
/**
|
|
18100
|
-
Time picker default value, support moment format.
|
|
18315
|
+
/**
|
|
18316
|
+
Time picker default value, support moment format.
|
|
18101
18317
|
*/
|
|
18102
18318
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18103
|
-
/**
|
|
18104
|
-
Time picker value, support moment format.
|
|
18319
|
+
/**
|
|
18320
|
+
Time picker value, support moment format.
|
|
18105
18321
|
*/
|
|
18106
18322
|
value: PropTypes.instanceOf(Date),
|
|
18107
|
-
/**
|
|
18108
|
-
Disabled state.
|
|
18323
|
+
/**
|
|
18324
|
+
Disabled state.
|
|
18109
18325
|
*/
|
|
18110
18326
|
disabled: PropTypes.bool,
|
|
18111
|
-
/**
|
|
18112
|
-
Disabled hour state.
|
|
18327
|
+
/**
|
|
18328
|
+
Disabled hour state.
|
|
18113
18329
|
*/
|
|
18114
18330
|
disabledHour: PropTypes.bool,
|
|
18115
|
-
/**
|
|
18116
|
-
Disabled increase hour state.
|
|
18331
|
+
/**
|
|
18332
|
+
Disabled increase hour state.
|
|
18117
18333
|
*/
|
|
18118
18334
|
disabledHourIncrease: PropTypes.bool,
|
|
18119
|
-
/**
|
|
18120
|
-
Disabled decrease hour state.
|
|
18335
|
+
/**
|
|
18336
|
+
Disabled decrease hour state.
|
|
18121
18337
|
*/
|
|
18122
18338
|
disabledHourDecrease: PropTypes.bool,
|
|
18123
|
-
/**
|
|
18124
|
-
Disabled minute state.
|
|
18339
|
+
/**
|
|
18340
|
+
Disabled minute state.
|
|
18125
18341
|
*/
|
|
18126
18342
|
disabledMinute: PropTypes.bool,
|
|
18127
|
-
/**
|
|
18128
|
-
Disabled increase minute state.
|
|
18343
|
+
/**
|
|
18344
|
+
Disabled increase minute state.
|
|
18129
18345
|
*/
|
|
18130
18346
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18131
|
-
/**
|
|
18132
|
-
Disabled decrease minute state.
|
|
18347
|
+
/**
|
|
18348
|
+
Disabled decrease minute state.
|
|
18133
18349
|
*/
|
|
18134
18350
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18135
|
-
/**
|
|
18136
|
-
Specify the minimum date.
|
|
18351
|
+
/**
|
|
18352
|
+
Specify the minimum date.
|
|
18137
18353
|
*/
|
|
18138
18354
|
minDate: PropTypes.instanceOf(Date),
|
|
18139
|
-
/**
|
|
18140
|
-
Specify the maximum date.
|
|
18355
|
+
/**
|
|
18356
|
+
Specify the maximum date.
|
|
18141
18357
|
*/
|
|
18142
18358
|
maxDate: PropTypes.instanceOf(Date)
|
|
18143
18359
|
};
|
|
18144
18360
|
NativeTimePicker.displayName = 'NativeTimePicker';
|
|
18145
18361
|
|
|
18146
|
-
var _jsxFileName$r = "
|
|
18362
|
+
var _jsxFileName$r = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
|
|
18147
18363
|
const getInputPickerValue$1 = date => {
|
|
18148
18364
|
if (!date) return;
|
|
18149
18365
|
return moment(date).format('HH:mm');
|
|
@@ -18302,88 +18518,88 @@ InputTimePicker.defaultProps = {
|
|
|
18302
18518
|
placeholder: 'Select Time'
|
|
18303
18519
|
};
|
|
18304
18520
|
InputTimePicker.propTypes = {
|
|
18305
|
-
/**
|
|
18306
|
-
Additional styles.
|
|
18521
|
+
/**
|
|
18522
|
+
Additional styles.
|
|
18307
18523
|
*/
|
|
18308
18524
|
css: PropTypes.object,
|
|
18309
|
-
/**
|
|
18310
|
-
Disabled state.
|
|
18525
|
+
/**
|
|
18526
|
+
Disabled state.
|
|
18311
18527
|
*/
|
|
18312
18528
|
disabled: PropTypes.bool,
|
|
18313
|
-
/**
|
|
18314
|
-
Disabled hour state.
|
|
18529
|
+
/**
|
|
18530
|
+
Disabled hour state.
|
|
18315
18531
|
*/
|
|
18316
18532
|
disabledHour: PropTypes.bool,
|
|
18317
|
-
/**
|
|
18318
|
-
Disabled increase hour state.
|
|
18533
|
+
/**
|
|
18534
|
+
Disabled increase hour state.
|
|
18319
18535
|
*/
|
|
18320
18536
|
disabledHourIncrease: PropTypes.bool,
|
|
18321
|
-
/**
|
|
18322
|
-
Disabled decrease hour state.
|
|
18537
|
+
/**
|
|
18538
|
+
Disabled decrease hour state.
|
|
18323
18539
|
*/
|
|
18324
18540
|
disabledHourDecrease: PropTypes.bool,
|
|
18325
|
-
/**
|
|
18326
|
-
Disabled minute state.
|
|
18541
|
+
/**
|
|
18542
|
+
Disabled minute state.
|
|
18327
18543
|
*/
|
|
18328
18544
|
disabledMinute: PropTypes.bool,
|
|
18329
|
-
/**
|
|
18330
|
-
Disabled increase minute state.
|
|
18545
|
+
/**
|
|
18546
|
+
Disabled increase minute state.
|
|
18331
18547
|
*/
|
|
18332
18548
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18333
|
-
/**
|
|
18334
|
-
Disabled decrease minute state.
|
|
18549
|
+
/**
|
|
18550
|
+
Disabled decrease minute state.
|
|
18335
18551
|
*/
|
|
18336
18552
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18337
|
-
/**
|
|
18338
|
-
ReadOnly state.
|
|
18553
|
+
/**
|
|
18554
|
+
ReadOnly state.
|
|
18339
18555
|
*/
|
|
18340
18556
|
readOnly: PropTypes.bool,
|
|
18341
|
-
/**
|
|
18342
|
-
Resize time picker.
|
|
18557
|
+
/**
|
|
18558
|
+
Resize time picker.
|
|
18343
18559
|
*/
|
|
18344
18560
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18345
|
-
/**
|
|
18346
|
-
Custom placeholder input time picker.
|
|
18561
|
+
/**
|
|
18562
|
+
Custom placeholder input time picker.
|
|
18347
18563
|
*/
|
|
18348
18564
|
placeholder: PropTypes.string,
|
|
18349
|
-
/**
|
|
18350
|
-
Time picker default value, support moment format.
|
|
18565
|
+
/**
|
|
18566
|
+
Time picker default value, support moment format.
|
|
18351
18567
|
*/
|
|
18352
18568
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18353
|
-
/**
|
|
18354
|
-
Time picker value, support moment format.
|
|
18569
|
+
/**
|
|
18570
|
+
Time picker value, support moment format.
|
|
18355
18571
|
*/
|
|
18356
18572
|
value: PropTypes.instanceOf(Date),
|
|
18357
|
-
/**
|
|
18358
|
-
Change handler.
|
|
18573
|
+
/**
|
|
18574
|
+
Change handler.
|
|
18359
18575
|
*/
|
|
18360
18576
|
onChange: PropTypes.func,
|
|
18361
|
-
/**
|
|
18362
|
-
Placement popover input time picker.
|
|
18577
|
+
/**
|
|
18578
|
+
Placement popover input time picker.
|
|
18363
18579
|
*/
|
|
18364
18580
|
placement: PropTypes.string,
|
|
18365
|
-
/**
|
|
18366
|
-
Specify the minimum date.
|
|
18581
|
+
/**
|
|
18582
|
+
Specify the minimum date.
|
|
18367
18583
|
*/
|
|
18368
18584
|
minDate: PropTypes.instanceOf(Date),
|
|
18369
|
-
/**
|
|
18370
|
-
Specify the maximum date.
|
|
18585
|
+
/**
|
|
18586
|
+
Specify the maximum date.
|
|
18371
18587
|
*/
|
|
18372
18588
|
maxDate: PropTypes.instanceOf(Date),
|
|
18373
|
-
/**
|
|
18374
|
-
* Invalid state input.
|
|
18589
|
+
/**
|
|
18590
|
+
* Invalid state input.
|
|
18375
18591
|
*/
|
|
18376
18592
|
isInvalid: PropTypes.bool,
|
|
18377
|
-
/**
|
|
18378
|
-
If true, the component will rendered on portal element
|
|
18593
|
+
/**
|
|
18594
|
+
If true, the component will rendered on portal element
|
|
18379
18595
|
*/
|
|
18380
18596
|
portalled: PropTypes.bool,
|
|
18381
|
-
/**
|
|
18382
|
-
Additional TimePicker styles.
|
|
18597
|
+
/**
|
|
18598
|
+
Additional TimePicker styles.
|
|
18383
18599
|
*/
|
|
18384
18600
|
contentCss: PropTypes.object,
|
|
18385
|
-
/**
|
|
18386
|
-
Input open change callback.
|
|
18601
|
+
/**
|
|
18602
|
+
Input open change callback.
|
|
18387
18603
|
*/
|
|
18388
18604
|
onInputOpenChange: PropTypes.func
|
|
18389
18605
|
};
|
|
@@ -21456,7 +21672,7 @@ function InputSignature({
|
|
|
21456
21672
|
}
|
|
21457
21673
|
|
|
21458
21674
|
const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
|
|
21459
|
-
var _jsxFileName$q = "
|
|
21675
|
+
var _jsxFileName$q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/slider/Slider.js";
|
|
21460
21676
|
const StyledSlider = styled$1(SliderPrimitive.Root, {
|
|
21461
21677
|
position: 'relative',
|
|
21462
21678
|
display: 'flex',
|
|
@@ -21800,7 +22016,7 @@ Slider.defaultProps = {
|
|
|
21800
22016
|
};
|
|
21801
22017
|
|
|
21802
22018
|
const _excluded$9 = ["className", "children", "onClick", "type", "size"];
|
|
21803
|
-
var _jsxFileName$p = "
|
|
22019
|
+
var _jsxFileName$p = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
|
|
21804
22020
|
const TagWrapper$1 = styled('div', {
|
|
21805
22021
|
boxSizing: 'border-box',
|
|
21806
22022
|
fontSize: '12px',
|
|
@@ -21963,7 +22179,7 @@ const _excluded$8 = ["children"],
|
|
|
21963
22179
|
_excluded2$1 = ["children", "activeTabs"],
|
|
21964
22180
|
_excluded3$1 = ["children", "icon", "activeTabs", "value"],
|
|
21965
22181
|
_excluded4$1 = ["activeTabs"];
|
|
21966
|
-
var _jsxFileName$o = "
|
|
22182
|
+
var _jsxFileName$o = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tabs/Tabs.js";
|
|
21967
22183
|
const StyledTabs = styled(TabsPrimitive.Root, {
|
|
21968
22184
|
display: 'flex',
|
|
21969
22185
|
flexDirection: 'column',
|
|
@@ -22302,7 +22518,7 @@ TabsContent$1.propTypes = {
|
|
|
22302
22518
|
};
|
|
22303
22519
|
|
|
22304
22520
|
const _excluded$7 = ["children", "variantIcon"];
|
|
22305
|
-
var _jsxFileName$n = "
|
|
22521
|
+
var _jsxFileName$n = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
|
|
22306
22522
|
const NotificationBadgeRootStyle = styled('span', {
|
|
22307
22523
|
position: 'relative',
|
|
22308
22524
|
display: 'inline-flex',
|
|
@@ -22457,7 +22673,7 @@ NotificationBadge.propTypes = {
|
|
|
22457
22673
|
};
|
|
22458
22674
|
|
|
22459
22675
|
const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
|
|
22460
|
-
var _jsxFileName$m = "
|
|
22676
|
+
var _jsxFileName$m = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/paper/Paper.js";
|
|
22461
22677
|
const PaperComponent = styled('div', {
|
|
22462
22678
|
padding: '20px',
|
|
22463
22679
|
height: 'auto',
|
|
@@ -22710,7 +22926,7 @@ const removeUndefinedFields = obj => {
|
|
|
22710
22926
|
};
|
|
22711
22927
|
|
|
22712
22928
|
const _excluded$5 = ["isActive", "onClick"];
|
|
22713
|
-
var _jsxFileName$l = "
|
|
22929
|
+
var _jsxFileName$l = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
|
|
22714
22930
|
const PrevNextButton = styled(Text$1, {
|
|
22715
22931
|
padding: '$spacing-01',
|
|
22716
22932
|
cursor: 'pointer',
|
|
@@ -23204,7 +23420,7 @@ const PaginationButton = ({
|
|
|
23204
23420
|
};
|
|
23205
23421
|
|
|
23206
23422
|
const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
|
|
23207
|
-
var _jsxFileName$k = "
|
|
23423
|
+
var _jsxFileName$k = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
|
|
23208
23424
|
const LimitContainer = styled(Flex$1, {
|
|
23209
23425
|
cursor: 'pointer'
|
|
23210
23426
|
});
|
|
@@ -23439,7 +23655,7 @@ function PaginationInfo(_ref) {
|
|
|
23439
23655
|
}
|
|
23440
23656
|
|
|
23441
23657
|
const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
|
|
23442
|
-
var _jsxFileName$j = "
|
|
23658
|
+
var _jsxFileName$j = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/Pagination.js";
|
|
23443
23659
|
function Pagination(_ref) {
|
|
23444
23660
|
let {
|
|
23445
23661
|
limit,
|
|
@@ -24313,7 +24529,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
24313
24529
|
});
|
|
24314
24530
|
ScrollSyncNode.displayName = 'ScrollSyncNode';
|
|
24315
24531
|
|
|
24316
|
-
var _jsxFileName$i = "
|
|
24532
|
+
var _jsxFileName$i = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
|
|
24317
24533
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
|
|
24318
24534
|
icon: true,
|
|
24319
24535
|
size: "xs",
|
|
@@ -25809,7 +26025,7 @@ const TableColumn = _a => {
|
|
|
25809
26025
|
return jsx("div", {}, void 0);
|
|
25810
26026
|
};
|
|
25811
26027
|
|
|
25812
|
-
var _jsxFileName$h = "
|
|
26028
|
+
var _jsxFileName$h = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
|
|
25813
26029
|
const DateColumn = ({
|
|
25814
26030
|
value,
|
|
25815
26031
|
customFormat
|
|
@@ -25921,7 +26137,7 @@ const PriceColumn = props => {
|
|
|
25921
26137
|
return addThousandSeparator(param);
|
|
25922
26138
|
};
|
|
25923
26139
|
|
|
25924
|
-
var _jsxFileName$g = "
|
|
26140
|
+
var _jsxFileName$g = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
|
|
25925
26141
|
const rowExpanderColumn = {
|
|
25926
26142
|
id: 'expander',
|
|
25927
26143
|
Header: () => null,
|
|
@@ -25964,7 +26180,7 @@ const rowExpanderColumn = {
|
|
|
25964
26180
|
unsortable: true
|
|
25965
26181
|
};
|
|
25966
26182
|
|
|
25967
|
-
var _jsxFileName$f = "
|
|
26183
|
+
var _jsxFileName$f = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
|
|
25968
26184
|
const rowExpanderMultipleColumn = {
|
|
25969
26185
|
id: 'multiple-expander',
|
|
25970
26186
|
Header: () => null,
|
|
@@ -26000,7 +26216,7 @@ const rowExpanderMultipleColumn = {
|
|
|
26000
26216
|
unsortable: true
|
|
26001
26217
|
};
|
|
26002
26218
|
|
|
26003
|
-
var _jsxFileName$e = "
|
|
26219
|
+
var _jsxFileName$e = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
|
|
26004
26220
|
const rowMenuColumn = (options, icon, config) => ({
|
|
26005
26221
|
id: 'menu',
|
|
26006
26222
|
options,
|
|
@@ -26137,7 +26353,7 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
26137
26353
|
unsortable: true
|
|
26138
26354
|
});
|
|
26139
26355
|
|
|
26140
|
-
var _jsxFileName$d = "
|
|
26356
|
+
var _jsxFileName$d = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
|
|
26141
26357
|
const rowSelectionColumn = {
|
|
26142
26358
|
id: 'selection',
|
|
26143
26359
|
Header: ({
|
|
@@ -26186,7 +26402,7 @@ const rowSelectionColumn = {
|
|
|
26186
26402
|
unsortable: true
|
|
26187
26403
|
};
|
|
26188
26404
|
|
|
26189
|
-
var _jsxFileName$c = "
|
|
26405
|
+
var _jsxFileName$c = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
|
|
26190
26406
|
const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
|
|
26191
26407
|
id: 'selection',
|
|
26192
26408
|
Header: ({
|
|
@@ -26524,7 +26740,7 @@ PageDialog.defaultProps = {
|
|
|
26524
26740
|
};
|
|
26525
26741
|
|
|
26526
26742
|
const _excluded$2 = ["children"];
|
|
26527
|
-
var _jsxFileName$b = "
|
|
26743
|
+
var _jsxFileName$b = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
|
|
26528
26744
|
const overlayShow = keyframes({
|
|
26529
26745
|
'0%': {
|
|
26530
26746
|
opacity: 0
|
|
@@ -27160,7 +27376,7 @@ const _excluded$1 = ["side", "align", "children"],
|
|
|
27160
27376
|
_excluded2 = ["theme"],
|
|
27161
27377
|
_excluded3 = ["children"],
|
|
27162
27378
|
_excluded4 = ["asChild"];
|
|
27163
|
-
var _jsxFileName$a = "
|
|
27379
|
+
var _jsxFileName$a = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
|
|
27164
27380
|
const Context = /*#__PURE__*/React__default.createContext();
|
|
27165
27381
|
const slideUpAndFade = keyframes({
|
|
27166
27382
|
'0%': {
|
|
@@ -29437,7 +29653,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
|
|
|
29437
29653
|
}
|
|
29438
29654
|
|
|
29439
29655
|
const _excluded = ["customPreviewIcon"];
|
|
29440
|
-
var _jsxFileName$9 = "
|
|
29656
|
+
var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
|
|
29441
29657
|
const Input$2 = styled('input', {
|
|
29442
29658
|
display: 'none !important'
|
|
29443
29659
|
});
|
|
@@ -30645,159 +30861,159 @@ Upload.defaultProps = {
|
|
|
30645
30861
|
maxWidthOrHeight: 1024
|
|
30646
30862
|
};
|
|
30647
30863
|
Upload.propTypes = {
|
|
30648
|
-
/**
|
|
30649
|
-
Placeholder label of upload.
|
|
30864
|
+
/**
|
|
30865
|
+
Placeholder label of upload.
|
|
30650
30866
|
*/
|
|
30651
30867
|
placeholder: PropTypes.string,
|
|
30652
|
-
/**
|
|
30653
|
-
Disabled state of upload.
|
|
30868
|
+
/**
|
|
30869
|
+
Disabled state of upload.
|
|
30654
30870
|
*/
|
|
30655
30871
|
disabled: PropTypes.bool,
|
|
30656
|
-
/**
|
|
30657
|
-
Built-in stylesheets, support for two types.
|
|
30872
|
+
/**
|
|
30873
|
+
Built-in stylesheets, support for two types.
|
|
30658
30874
|
*/
|
|
30659
30875
|
listType: PropTypes.oneOf(['file', 'picture']),
|
|
30660
|
-
/**
|
|
30661
|
-
Whether to support selected multiple file.
|
|
30876
|
+
/**
|
|
30877
|
+
Whether to support selected multiple file.
|
|
30662
30878
|
*/
|
|
30663
30879
|
multiple: PropTypes.bool,
|
|
30664
|
-
/**
|
|
30665
|
-
List of files to be uploaded.
|
|
30880
|
+
/**
|
|
30881
|
+
List of files to be uploaded.
|
|
30666
30882
|
*/
|
|
30667
30883
|
fileList: PropTypes.array,
|
|
30668
|
-
/**
|
|
30669
|
-
A callback function, can be executed when uploading state is changing.
|
|
30884
|
+
/**
|
|
30885
|
+
A callback function, can be executed when uploading state is changing.
|
|
30670
30886
|
*/
|
|
30671
30887
|
onChange: PropTypes.func,
|
|
30672
|
-
/**
|
|
30673
|
-
A callback function, can be executed when uploading in progress.
|
|
30674
|
-
`(progress) => void`
|
|
30888
|
+
/**
|
|
30889
|
+
A callback function, can be executed when uploading in progress.
|
|
30890
|
+
`(progress) => void`
|
|
30675
30891
|
*/
|
|
30676
30892
|
onProgress: PropTypes.func,
|
|
30677
|
-
/**
|
|
30678
|
-
A callback function, can be executed when uploading is success.
|
|
30679
|
-
`(response) => void`
|
|
30893
|
+
/**
|
|
30894
|
+
A callback function, can be executed when uploading is success.
|
|
30895
|
+
`(response) => void`
|
|
30680
30896
|
*/
|
|
30681
30897
|
onSuccess: PropTypes.func,
|
|
30682
|
-
/**
|
|
30683
|
-
A callback function, can be executed when uploading is error.
|
|
30684
|
-
`(error, response) => void`
|
|
30898
|
+
/**
|
|
30899
|
+
A callback function, can be executed when uploading is error.
|
|
30900
|
+
`(error, response) => void`
|
|
30685
30901
|
*/
|
|
30686
30902
|
onError: PropTypes.func,
|
|
30687
|
-
/**
|
|
30688
|
-
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30903
|
+
/**
|
|
30904
|
+
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30689
30905
|
*/
|
|
30690
30906
|
onPreview: PropTypes.func,
|
|
30691
|
-
/**
|
|
30692
|
-
A callback function, can be executed when remove icon is clicked.
|
|
30907
|
+
/**
|
|
30908
|
+
A callback function, can be executed when remove icon is clicked.
|
|
30693
30909
|
*/
|
|
30694
30910
|
onRemove: PropTypes.func,
|
|
30695
|
-
/**
|
|
30696
|
-
A custom element inside upload container.
|
|
30911
|
+
/**
|
|
30912
|
+
A custom element inside upload container.
|
|
30697
30913
|
*/
|
|
30698
30914
|
children: PropTypes.element,
|
|
30699
|
-
/**
|
|
30700
|
-
Limit the number of uploaded files.
|
|
30915
|
+
/**
|
|
30916
|
+
Limit the number of uploaded files.
|
|
30701
30917
|
*/
|
|
30702
30918
|
max: PropTypes.number,
|
|
30703
|
-
/**
|
|
30704
|
-
Limit the maximum image size in MB.
|
|
30919
|
+
/**
|
|
30920
|
+
Limit the maximum image size in MB.
|
|
30705
30921
|
*/
|
|
30706
30922
|
maxSizeMB: PropTypes.number,
|
|
30707
|
-
/**
|
|
30708
|
-
Limit file type of upload.
|
|
30923
|
+
/**
|
|
30924
|
+
Limit file type of upload.
|
|
30709
30925
|
*/
|
|
30710
30926
|
accept: PropTypes.string,
|
|
30711
|
-
/**
|
|
30712
|
-
Custom label for replace button.
|
|
30927
|
+
/**
|
|
30928
|
+
Custom label for replace button.
|
|
30713
30929
|
*/
|
|
30714
30930
|
replaceLabel: PropTypes.string,
|
|
30715
|
-
/**
|
|
30716
|
-
Custom width of upload container.
|
|
30931
|
+
/**
|
|
30932
|
+
Custom width of upload container.
|
|
30717
30933
|
*/
|
|
30718
30934
|
width: PropTypes.number,
|
|
30719
|
-
/**
|
|
30720
|
-
Custom height of upload container.
|
|
30935
|
+
/**
|
|
30936
|
+
Custom height of upload container.
|
|
30721
30937
|
*/
|
|
30722
30938
|
height: PropTypes.number,
|
|
30723
|
-
/**
|
|
30724
|
-
Additional css.
|
|
30939
|
+
/**
|
|
30940
|
+
Additional css.
|
|
30725
30941
|
*/
|
|
30726
30942
|
css: PropTypes.object,
|
|
30727
|
-
/**
|
|
30728
|
-
Custom title header of cropper modal.
|
|
30943
|
+
/**
|
|
30944
|
+
Custom title header of cropper modal.
|
|
30729
30945
|
*/
|
|
30730
30946
|
cropperTitle: PropTypes.string,
|
|
30731
|
-
/**
|
|
30732
|
-
Add image cropper on upload.
|
|
30947
|
+
/**
|
|
30948
|
+
Add image cropper on upload.
|
|
30733
30949
|
*/
|
|
30734
30950
|
showCropper: PropTypes.bool,
|
|
30735
|
-
/**
|
|
30736
|
-
Hidden toggle aspect ratio image cropper.
|
|
30951
|
+
/**
|
|
30952
|
+
Hidden toggle aspect ratio image cropper.
|
|
30737
30953
|
*/
|
|
30738
30954
|
hiddenToggleAspect: PropTypes.bool,
|
|
30739
|
-
/**
|
|
30740
|
-
The aspect ratio of the crop, e.g. `1` for a square or `16 / 9` for landscape. Omit/pass undefined for a free-form crop.
|
|
30955
|
+
/**
|
|
30956
|
+
The aspect ratio of the crop, e.g. `1` for a square or `16 / 9` for landscape. Omit/pass undefined for a free-form crop.
|
|
30741
30957
|
*/
|
|
30742
30958
|
ratio: PropTypes.number,
|
|
30743
|
-
/**
|
|
30744
|
-
Can set error message to the upload.
|
|
30959
|
+
/**
|
|
30960
|
+
Can set error message to the upload.
|
|
30745
30961
|
*/
|
|
30746
30962
|
errorMessage: PropTypes.string,
|
|
30747
|
-
/**
|
|
30748
|
-
Progress of upload process.
|
|
30963
|
+
/**
|
|
30964
|
+
Progress of upload process.
|
|
30749
30965
|
*/
|
|
30750
30966
|
progress: PropTypes.number,
|
|
30751
|
-
/**
|
|
30752
|
-
Auto increment progress of upload process.
|
|
30967
|
+
/**
|
|
30968
|
+
Auto increment progress of upload process.
|
|
30753
30969
|
*/
|
|
30754
30970
|
loading: PropTypes.bool,
|
|
30755
|
-
/**
|
|
30756
|
-
API upload url, allows components to automatically upload directly to API service.
|
|
30971
|
+
/**
|
|
30972
|
+
API upload url, allows components to automatically upload directly to API service.
|
|
30757
30973
|
*/
|
|
30758
30974
|
action: PropTypes.string,
|
|
30759
|
-
/**
|
|
30760
|
-
Custom body request to upload action.
|
|
30975
|
+
/**
|
|
30976
|
+
Custom body request to upload action.
|
|
30761
30977
|
*/
|
|
30762
30978
|
customBodyRequest: PropTypes.func,
|
|
30763
|
-
/**
|
|
30764
|
-
Contains an authentication token for upload API.
|
|
30979
|
+
/**
|
|
30980
|
+
Contains an authentication token for upload API.
|
|
30765
30981
|
*/
|
|
30766
30982
|
token: PropTypes.string,
|
|
30767
|
-
/**
|
|
30768
|
-
Referencing the headers key to attach the token.
|
|
30983
|
+
/**
|
|
30984
|
+
Referencing the headers key to attach the token.
|
|
30769
30985
|
*/
|
|
30770
30986
|
tokenKey: PropTypes.string,
|
|
30771
|
-
/**
|
|
30772
|
-
Referencing the key to attach the file to be sent.
|
|
30987
|
+
/**
|
|
30988
|
+
Referencing the key to attach the file to be sent.
|
|
30773
30989
|
*/
|
|
30774
30990
|
reqKey: PropTypes.string,
|
|
30775
|
-
/**
|
|
30776
|
-
Referencing the key to get the file from the API response.
|
|
30991
|
+
/**
|
|
30992
|
+
Referencing the key to get the file from the API response.
|
|
30777
30993
|
*/
|
|
30778
30994
|
resKey: PropTypes.string,
|
|
30779
|
-
/**
|
|
30780
|
-
To compression image if file size > 1MB.
|
|
30995
|
+
/**
|
|
30996
|
+
To compression image if file size > 1MB.
|
|
30781
30997
|
*/
|
|
30782
30998
|
imageCompression: PropTypes.bool,
|
|
30783
|
-
/**
|
|
30784
|
-
Callback to handle before crop image.
|
|
30999
|
+
/**
|
|
31000
|
+
Callback to handle before crop image.
|
|
30785
31001
|
*/
|
|
30786
31002
|
onBeforeCrop: PropTypes.func,
|
|
30787
|
-
/**
|
|
30788
|
-
Hidden preview icon in upload.
|
|
31003
|
+
/**
|
|
31004
|
+
Hidden preview icon in upload.
|
|
30789
31005
|
*/
|
|
30790
31006
|
hiddenPreview: PropTypes.bool,
|
|
30791
|
-
/**
|
|
30792
|
-
Auto full aspect ratio cropper.
|
|
31007
|
+
/**
|
|
31008
|
+
Auto full aspect ratio cropper.
|
|
30793
31009
|
*/
|
|
30794
31010
|
fullAspectCrop: PropTypes.bool,
|
|
30795
|
-
/**
|
|
30796
|
-
Set custom ratio as Default view
|
|
31011
|
+
/**
|
|
31012
|
+
Set custom ratio as Default view
|
|
30797
31013
|
*/
|
|
30798
31014
|
isDefaultCustomRatio: PropTypes.bool,
|
|
30799
|
-
/**
|
|
30800
|
-
Set max width or height of image
|
|
31015
|
+
/**
|
|
31016
|
+
Set max width or height of image
|
|
30801
31017
|
*/
|
|
30802
31018
|
maxWidthOrHeight: PropTypes.number
|
|
30803
31019
|
};
|
|
@@ -31473,7 +31689,7 @@ const Device = props => {
|
|
|
31473
31689
|
};
|
|
31474
31690
|
Device.displayName = 'DevicePreview';
|
|
31475
31691
|
|
|
31476
|
-
var _jsxFileName$8 = "
|
|
31692
|
+
var _jsxFileName$8 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
|
|
31477
31693
|
const Separator$1 = styled('div', {
|
|
31478
31694
|
height: 20,
|
|
31479
31695
|
width: 1,
|
|
@@ -31583,44 +31799,44 @@ function InputColorPicker(props) {
|
|
|
31583
31799
|
}
|
|
31584
31800
|
InputColorPicker.displayName = 'InputColorPicker';
|
|
31585
31801
|
InputColorPicker.propTypes = {
|
|
31586
|
-
/**
|
|
31587
|
-
Specify change InputColorPicker size.
|
|
31802
|
+
/**
|
|
31803
|
+
Specify change InputColorPicker size.
|
|
31588
31804
|
*/
|
|
31589
31805
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
31590
|
-
/**
|
|
31591
|
-
Color code to be displayed.
|
|
31806
|
+
/**
|
|
31807
|
+
Color code to be displayed.
|
|
31592
31808
|
*/
|
|
31593
31809
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
31594
|
-
/**
|
|
31595
|
-
Additional color list.
|
|
31810
|
+
/**
|
|
31811
|
+
Additional color list.
|
|
31596
31812
|
*/
|
|
31597
31813
|
presetColors: PropTypes.array,
|
|
31598
|
-
/**
|
|
31599
|
-
Change event handler.
|
|
31814
|
+
/**
|
|
31815
|
+
Change event handler.
|
|
31600
31816
|
*/
|
|
31601
31817
|
onChange: PropTypes.func,
|
|
31602
|
-
/**
|
|
31603
|
-
Add preset color event handler.
|
|
31818
|
+
/**
|
|
31819
|
+
Add preset color event handler.
|
|
31604
31820
|
*/
|
|
31605
31821
|
onAddColor: PropTypes.func,
|
|
31606
|
-
/**
|
|
31607
|
-
Disable opacity selector.
|
|
31822
|
+
/**
|
|
31823
|
+
Disable opacity selector.
|
|
31608
31824
|
*/
|
|
31609
31825
|
disableAlpha: PropTypes.bool,
|
|
31610
|
-
/**
|
|
31611
|
-
Input placement.
|
|
31826
|
+
/**
|
|
31827
|
+
Input placement.
|
|
31612
31828
|
*/
|
|
31613
31829
|
placement: PropTypes.string,
|
|
31614
|
-
/**
|
|
31615
|
-
Define is mobile layout or not.
|
|
31830
|
+
/**
|
|
31831
|
+
Define is mobile layout or not.
|
|
31616
31832
|
*/
|
|
31617
31833
|
isMobile: PropTypes.bool,
|
|
31618
|
-
/**
|
|
31619
|
-
Define popover custom styling.
|
|
31834
|
+
/**
|
|
31835
|
+
Define popover custom styling.
|
|
31620
31836
|
*/
|
|
31621
31837
|
popoverCss: PropTypes.shape({}),
|
|
31622
|
-
/**
|
|
31623
|
-
Disabled state.
|
|
31838
|
+
/**
|
|
31839
|
+
Disabled state.
|
|
31624
31840
|
*/
|
|
31625
31841
|
disabled: PropTypes.bool
|
|
31626
31842
|
};
|
|
@@ -31634,7 +31850,7 @@ InputColorPicker.defaultProps = {
|
|
|
31634
31850
|
|
|
31635
31851
|
var img$d = "data:image/gif;base64,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";
|
|
31636
31852
|
|
|
31637
|
-
var _jsxFileName$7 = "
|
|
31853
|
+
var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
|
|
31638
31854
|
const Container$7 = styled('div', {
|
|
31639
31855
|
userSelect: 'none',
|
|
31640
31856
|
margin: 'auto',
|
|
@@ -33595,7 +33811,7 @@ function ColorMap({
|
|
|
33595
33811
|
})));
|
|
33596
33812
|
}
|
|
33597
33813
|
|
|
33598
|
-
var _jsxFileName$6 = "
|
|
33814
|
+
var _jsxFileName$6 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
|
|
33599
33815
|
const CheckBoard = styled(Flex$1, {
|
|
33600
33816
|
background: '$bgwhite',
|
|
33601
33817
|
border: '1px solid #E5E7EB',
|
|
@@ -33796,7 +34012,7 @@ function ColorFields({
|
|
|
33796
34012
|
}, "%")));
|
|
33797
34013
|
}
|
|
33798
34014
|
|
|
33799
|
-
var _jsxFileName$5 = "
|
|
34015
|
+
var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
|
|
33800
34016
|
const Container$6 = styled(Flex$1, {
|
|
33801
34017
|
background: '$white',
|
|
33802
34018
|
padding: 16,
|
|
@@ -34287,24 +34503,24 @@ function ColorPicker({
|
|
|
34287
34503
|
})))))));
|
|
34288
34504
|
}
|
|
34289
34505
|
ColorPicker.propTypes = {
|
|
34290
|
-
/**
|
|
34291
|
-
Color code to be displayed.
|
|
34506
|
+
/**
|
|
34507
|
+
Color code to be displayed.
|
|
34292
34508
|
*/
|
|
34293
34509
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
34294
|
-
/**
|
|
34295
|
-
Additional color list
|
|
34510
|
+
/**
|
|
34511
|
+
Additional color list
|
|
34296
34512
|
*/
|
|
34297
34513
|
presetColors: PropTypes.array,
|
|
34298
|
-
/**
|
|
34299
|
-
Change event handler
|
|
34514
|
+
/**
|
|
34515
|
+
Change event handler
|
|
34300
34516
|
*/
|
|
34301
34517
|
onChange: PropTypes.func,
|
|
34302
|
-
/**
|
|
34303
|
-
Add preset color event handler
|
|
34518
|
+
/**
|
|
34519
|
+
Add preset color event handler
|
|
34304
34520
|
*/
|
|
34305
34521
|
onAddColor: PropTypes.func,
|
|
34306
|
-
/**
|
|
34307
|
-
Disable opacity selector
|
|
34522
|
+
/**
|
|
34523
|
+
Disable opacity selector
|
|
34308
34524
|
*/
|
|
34309
34525
|
disableAlpha: PropTypes.bool
|
|
34310
34526
|
};
|
|
@@ -34313,7 +34529,7 @@ ColorPicker.defaultProps = {
|
|
|
34313
34529
|
};
|
|
34314
34530
|
var ColorPicker$1 = ColorWrap(ColorPicker);
|
|
34315
34531
|
|
|
34316
|
-
var _jsxFileName$4 = "
|
|
34532
|
+
var _jsxFileName$4 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
|
|
34317
34533
|
const StepWizardContext = /*#__PURE__*/React__default.createContext({});
|
|
34318
34534
|
const Stepper = StepWizard$1;
|
|
34319
34535
|
Stepper.displayName = 'Stepper';
|
|
@@ -35036,7 +35252,7 @@ StepWizard.defaultProps = {
|
|
|
35036
35252
|
isLazyMount: true
|
|
35037
35253
|
};
|
|
35038
35254
|
|
|
35039
|
-
var _jsxFileName$3 = "
|
|
35255
|
+
var _jsxFileName$3 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
|
|
35040
35256
|
function Collapse({
|
|
35041
35257
|
children,
|
|
35042
35258
|
isOpen
|
|
@@ -35079,7 +35295,7 @@ Collapse.defaultProps = {
|
|
|
35079
35295
|
isOpen: false
|
|
35080
35296
|
};
|
|
35081
35297
|
|
|
35082
|
-
var _jsxFileName$2 = "
|
|
35298
|
+
var _jsxFileName$2 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
|
|
35083
35299
|
const DesktopContainer = styled(Flex$1, {
|
|
35084
35300
|
display: 'none',
|
|
35085
35301
|
'& .active-scroll-spy': {
|
|
@@ -35440,7 +35656,7 @@ TableOfContentPage.defaultProps = {
|
|
|
35440
35656
|
useBoxMethod: true
|
|
35441
35657
|
};
|
|
35442
35658
|
|
|
35443
|
-
var _jsxFileName$1 = "
|
|
35659
|
+
var _jsxFileName$1 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/editableTable/transition.js";
|
|
35444
35660
|
function Collapalse({
|
|
35445
35661
|
children,
|
|
35446
35662
|
isOpen
|
|
@@ -56954,7 +57170,7 @@ PieChartComponent.defaultProps = {
|
|
|
56954
57170
|
innerRadius: 70
|
|
56955
57171
|
};
|
|
56956
57172
|
|
|
56957
|
-
var _jsxFileName = "
|
|
57173
|
+
var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
|
|
56958
57174
|
const StyledPaper = styled(Paper, {
|
|
56959
57175
|
borderRadius: '10px 10px 0 0',
|
|
56960
57176
|
padding: 15,
|