@majoo-ui/react 1.61.20-rc.2 → 1.61.20-rc.3
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,50 @@ 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
|
+
// Create a flat list structure for virtualization
|
|
14510
|
+
// This includes both parent items and their children, maintaining proper indexing
|
|
14511
|
+
const virtualizedItemsList = useMemo(() => {
|
|
14512
|
+
const list = [];
|
|
14513
|
+
items.forEach((item, itemIndex) => {
|
|
14514
|
+
if (item != null && item.children) {
|
|
14515
|
+
// For option groups, add parent and all children
|
|
14516
|
+
list.push({
|
|
14517
|
+
type: 'group',
|
|
14518
|
+
item,
|
|
14519
|
+
originalIndex: itemIndex
|
|
14520
|
+
});
|
|
14521
|
+
item.children.forEach((child, childIndex) => {
|
|
14522
|
+
list.push({
|
|
14523
|
+
type: 'child',
|
|
14524
|
+
item: child,
|
|
14525
|
+
originalIndex: itemIndex,
|
|
14526
|
+
childIndex
|
|
14527
|
+
});
|
|
14528
|
+
});
|
|
14529
|
+
} else {
|
|
14530
|
+
// For regular items
|
|
14531
|
+
list.push({
|
|
14532
|
+
type: 'item',
|
|
14533
|
+
item,
|
|
14534
|
+
originalIndex: itemIndex
|
|
14535
|
+
});
|
|
14536
|
+
}
|
|
14537
|
+
});
|
|
14538
|
+
return list;
|
|
14539
|
+
}, [items]);
|
|
14540
|
+
|
|
14541
|
+
// Determine if virtualization should be enabled
|
|
14542
|
+
const shouldVirtualize = virtualized && virtualizedItemsList.length >= virtualizedThreshold;
|
|
14543
|
+
|
|
14544
|
+
// Setup virtualization
|
|
14545
|
+
const rowVirtualizer = useVirtual({
|
|
14546
|
+
size: virtualizedItemsList.length,
|
|
14547
|
+
parentRef: scrollerRef,
|
|
14548
|
+
estimateSize: useCallback(() => 44, []),
|
|
14549
|
+
// Estimated height of each item
|
|
14550
|
+
overscan: 10 // Number of items to render outside of the visible area
|
|
14551
|
+
});
|
|
14506
14552
|
useMountedLayoutEffect(() => {
|
|
14507
14553
|
var _scrollerRef$current;
|
|
14508
14554
|
(_scrollerRef$current = scrollerRef.current) == null || _scrollerRef$current.scrollTo({
|
|
@@ -14901,7 +14947,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14901
14947
|
__self: undefined,
|
|
14902
14948
|
__source: {
|
|
14903
14949
|
fileName: _jsxFileName$x,
|
|
14904
|
-
lineNumber:
|
|
14950
|
+
lineNumber: 807,
|
|
14905
14951
|
columnNumber: 9
|
|
14906
14952
|
}
|
|
14907
14953
|
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
@@ -14915,7 +14961,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14915
14961
|
__self: undefined,
|
|
14916
14962
|
__source: {
|
|
14917
14963
|
fileName: _jsxFileName$x,
|
|
14918
|
-
lineNumber:
|
|
14964
|
+
lineNumber: 826,
|
|
14919
14965
|
columnNumber: 11
|
|
14920
14966
|
}
|
|
14921
14967
|
}, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -14923,7 +14969,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14923
14969
|
__self: undefined,
|
|
14924
14970
|
__source: {
|
|
14925
14971
|
fileName: _jsxFileName$x,
|
|
14926
|
-
lineNumber:
|
|
14972
|
+
lineNumber: 838,
|
|
14927
14973
|
columnNumber: 17
|
|
14928
14974
|
}
|
|
14929
14975
|
}) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -14931,21 +14977,21 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14931
14977
|
__self: undefined,
|
|
14932
14978
|
__source: {
|
|
14933
14979
|
fileName: _jsxFileName$x,
|
|
14934
|
-
lineNumber:
|
|
14980
|
+
lineNumber: 842,
|
|
14935
14981
|
columnNumber: 19
|
|
14936
14982
|
}
|
|
14937
14983
|
})), 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
14984
|
__self: undefined,
|
|
14939
14985
|
__source: {
|
|
14940
14986
|
fileName: _jsxFileName$x,
|
|
14941
|
-
lineNumber:
|
|
14987
|
+
lineNumber: 846,
|
|
14942
14988
|
columnNumber: 15
|
|
14943
14989
|
}
|
|
14944
14990
|
}, "-") : /*#__PURE__*/React__default.createElement("div", {
|
|
14945
14991
|
__self: undefined,
|
|
14946
14992
|
__source: {
|
|
14947
14993
|
fileName: _jsxFileName$x,
|
|
14948
|
-
lineNumber:
|
|
14994
|
+
lineNumber: 848,
|
|
14949
14995
|
columnNumber: 15
|
|
14950
14996
|
}
|
|
14951
14997
|
})), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
@@ -14956,7 +15002,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14956
15002
|
__self: undefined,
|
|
14957
15003
|
__source: {
|
|
14958
15004
|
fileName: _jsxFileName$x,
|
|
14959
|
-
lineNumber:
|
|
15005
|
+
lineNumber: 851,
|
|
14960
15006
|
columnNumber: 11
|
|
14961
15007
|
}
|
|
14962
15008
|
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name));
|
|
@@ -14984,7 +15030,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14984
15030
|
__self: undefined,
|
|
14985
15031
|
__source: {
|
|
14986
15032
|
fileName: _jsxFileName$x,
|
|
14987
|
-
lineNumber:
|
|
15033
|
+
lineNumber: 867,
|
|
14988
15034
|
columnNumber: 13
|
|
14989
15035
|
}
|
|
14990
15036
|
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
@@ -14997,7 +15043,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14997
15043
|
__self: undefined,
|
|
14998
15044
|
__source: {
|
|
14999
15045
|
fileName: _jsxFileName$x,
|
|
15000
|
-
lineNumber:
|
|
15046
|
+
lineNumber: 880,
|
|
15001
15047
|
columnNumber: 15
|
|
15002
15048
|
}
|
|
15003
15049
|
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
@@ -15005,7 +15051,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15005
15051
|
__self: undefined,
|
|
15006
15052
|
__source: {
|
|
15007
15053
|
fileName: _jsxFileName$x,
|
|
15008
|
-
lineNumber:
|
|
15054
|
+
lineNumber: 890,
|
|
15009
15055
|
columnNumber: 19
|
|
15010
15056
|
}
|
|
15011
15057
|
}) : (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 +15059,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15013
15059
|
__self: undefined,
|
|
15014
15060
|
__source: {
|
|
15015
15061
|
fileName: _jsxFileName$x,
|
|
15016
|
-
lineNumber:
|
|
15062
|
+
lineNumber: 892,
|
|
15017
15063
|
columnNumber: 19
|
|
15018
15064
|
}
|
|
15019
15065
|
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) > 0 ? /*#__PURE__*/React__default.createElement(IndeterminateFilled$1, {
|
|
15020
15066
|
__self: undefined,
|
|
15021
15067
|
__source: {
|
|
15022
15068
|
fileName: _jsxFileName$x,
|
|
15023
|
-
lineNumber:
|
|
15069
|
+
lineNumber: 894,
|
|
15024
15070
|
columnNumber: 19
|
|
15025
15071
|
}
|
|
15026
15072
|
}, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
@@ -15031,14 +15077,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15031
15077
|
__self: undefined,
|
|
15032
15078
|
__source: {
|
|
15033
15079
|
fileName: _jsxFileName$x,
|
|
15034
|
-
lineNumber:
|
|
15080
|
+
lineNumber: 897,
|
|
15035
15081
|
columnNumber: 15
|
|
15036
15082
|
}
|
|
15037
15083
|
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)),
|
|
15038
15084
|
__self: undefined,
|
|
15039
15085
|
__source: {
|
|
15040
15086
|
fileName: _jsxFileName$x,
|
|
15041
|
-
lineNumber:
|
|
15087
|
+
lineNumber: 865,
|
|
15042
15088
|
columnNumber: 9
|
|
15043
15089
|
}
|
|
15044
15090
|
}, item == null || (_item$children8 = item.children) == null ? void 0 : _item$children8.map((optItem, optIndex) => renderOptionItem(optItem, groupIndex + optIndex + 1, true)));
|
|
@@ -15051,7 +15097,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15051
15097
|
__self: undefined,
|
|
15052
15098
|
__source: {
|
|
15053
15099
|
fileName: _jsxFileName$x,
|
|
15054
|
-
lineNumber:
|
|
15100
|
+
lineNumber: 909,
|
|
15055
15101
|
columnNumber: 7
|
|
15056
15102
|
}
|
|
15057
15103
|
}), /*#__PURE__*/React__default.createElement(Select, {
|
|
@@ -15061,7 +15107,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15061
15107
|
__self: undefined,
|
|
15062
15108
|
__source: {
|
|
15063
15109
|
fileName: _jsxFileName$x,
|
|
15064
|
-
lineNumber:
|
|
15110
|
+
lineNumber: 910,
|
|
15065
15111
|
columnNumber: 9
|
|
15066
15112
|
}
|
|
15067
15113
|
}, /*#__PURE__*/React__default.createElement(InputWrapper$1, _extends({}, getComboboxProps(getDropdownProps({
|
|
@@ -15076,7 +15122,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15076
15122
|
__self: undefined,
|
|
15077
15123
|
__source: {
|
|
15078
15124
|
fileName: _jsxFileName$x,
|
|
15079
|
-
lineNumber:
|
|
15125
|
+
lineNumber: 911,
|
|
15080
15126
|
columnNumber: 11
|
|
15081
15127
|
}
|
|
15082
15128
|
}), /*#__PURE__*/React__default.createElement(Input$6, _extends({}, getInputProps({
|
|
@@ -15094,7 +15140,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15094
15140
|
__self: undefined,
|
|
15095
15141
|
__source: {
|
|
15096
15142
|
fileName: _jsxFileName$x,
|
|
15097
|
-
lineNumber:
|
|
15143
|
+
lineNumber: 921,
|
|
15098
15144
|
columnNumber: 13
|
|
15099
15145
|
}
|
|
15100
15146
|
})), /*#__PURE__*/React__default.createElement(Button$2, _extends({}, getToggleButtonProps({
|
|
@@ -15108,7 +15154,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15108
15154
|
__self: undefined,
|
|
15109
15155
|
__source: {
|
|
15110
15156
|
fileName: _jsxFileName$x,
|
|
15111
|
-
lineNumber:
|
|
15157
|
+
lineNumber: 928,
|
|
15112
15158
|
columnNumber: 13
|
|
15113
15159
|
}
|
|
15114
15160
|
}), (_ref2 = label != null ? label : placeholder) != null ? _ref2 : t('placeholder', 'Pilih Item'))), /*#__PURE__*/React__default.createElement(IconWrapper, _extends({}, getToggleButtonProps({
|
|
@@ -15119,7 +15165,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15119
15165
|
__self: undefined,
|
|
15120
15166
|
__source: {
|
|
15121
15167
|
fileName: _jsxFileName$x,
|
|
15122
|
-
lineNumber:
|
|
15168
|
+
lineNumber: 939,
|
|
15123
15169
|
columnNumber: 11
|
|
15124
15170
|
}
|
|
15125
15171
|
}), /*#__PURE__*/React__default.createElement(IconCaretDown, {
|
|
@@ -15127,7 +15173,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15127
15173
|
__self: undefined,
|
|
15128
15174
|
__source: {
|
|
15129
15175
|
fileName: _jsxFileName$x,
|
|
15130
|
-
lineNumber:
|
|
15176
|
+
lineNumber: 944,
|
|
15131
15177
|
columnNumber: 13
|
|
15132
15178
|
}
|
|
15133
15179
|
}))), helperText && /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15140,7 +15186,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15140
15186
|
__self: undefined,
|
|
15141
15187
|
__source: {
|
|
15142
15188
|
fileName: _jsxFileName$x,
|
|
15143
|
-
lineNumber:
|
|
15189
|
+
lineNumber: 948,
|
|
15144
15190
|
columnNumber: 11
|
|
15145
15191
|
}
|
|
15146
15192
|
}, helperText), showSelectedTag && !showCounter && selectedItems.length !== 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TagWrapper$2, {
|
|
@@ -15148,7 +15194,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15148
15194
|
__self: undefined,
|
|
15149
15195
|
__source: {
|
|
15150
15196
|
fileName: _jsxFileName$x,
|
|
15151
|
-
lineNumber:
|
|
15197
|
+
lineNumber: 954,
|
|
15152
15198
|
columnNumber: 13
|
|
15153
15199
|
}
|
|
15154
15200
|
}, isShowTagSelectAll ? /*#__PURE__*/React__default.createElement(Tag, _extends({
|
|
@@ -15169,7 +15215,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15169
15215
|
__self: undefined,
|
|
15170
15216
|
__source: {
|
|
15171
15217
|
fileName: _jsxFileName$x,
|
|
15172
|
-
lineNumber:
|
|
15218
|
+
lineNumber: 956,
|
|
15173
15219
|
columnNumber: 17
|
|
15174
15220
|
}
|
|
15175
15221
|
}), 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 +15246,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15200
15246
|
__self: undefined,
|
|
15201
15247
|
__source: {
|
|
15202
15248
|
fileName: _jsxFileName$x,
|
|
15203
|
-
lineNumber:
|
|
15249
|
+
lineNumber: 985,
|
|
15204
15250
|
columnNumber: 21
|
|
15205
15251
|
}
|
|
15206
15252
|
}), selectedItem.name))), collapsible && !isShowTagSelectAll && (selectedItems == null ? void 0 : selectedItems.length) > collapsibleLimit && /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15209,7 +15255,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15209
15255
|
__self: undefined,
|
|
15210
15256
|
__source: {
|
|
15211
15257
|
fileName: _jsxFileName$x,
|
|
15212
|
-
lineNumber:
|
|
15258
|
+
lineNumber: 1008,
|
|
15213
15259
|
columnNumber: 15
|
|
15214
15260
|
}
|
|
15215
15261
|
}, /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15219,14 +15265,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15219
15265
|
__self: undefined,
|
|
15220
15266
|
__source: {
|
|
15221
15267
|
fileName: _jsxFileName$x,
|
|
15222
|
-
lineNumber:
|
|
15268
|
+
lineNumber: 1009,
|
|
15223
15269
|
columnNumber: 17
|
|
15224
15270
|
}
|
|
15225
15271
|
}, /*#__PURE__*/React__default.createElement(Separator$2, {
|
|
15226
15272
|
__self: undefined,
|
|
15227
15273
|
__source: {
|
|
15228
15274
|
fileName: _jsxFileName$x,
|
|
15229
|
-
lineNumber:
|
|
15275
|
+
lineNumber: 1010,
|
|
15230
15276
|
columnNumber: 19
|
|
15231
15277
|
}
|
|
15232
15278
|
}), /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15240,7 +15286,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15240
15286
|
__self: undefined,
|
|
15241
15287
|
__source: {
|
|
15242
15288
|
fileName: _jsxFileName$x,
|
|
15243
|
-
lineNumber:
|
|
15289
|
+
lineNumber: 1011,
|
|
15244
15290
|
columnNumber: 19
|
|
15245
15291
|
}
|
|
15246
15292
|
}, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
|
|
@@ -15248,7 +15294,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15248
15294
|
__self: undefined,
|
|
15249
15295
|
__source: {
|
|
15250
15296
|
fileName: _jsxFileName$x,
|
|
15251
|
-
lineNumber:
|
|
15297
|
+
lineNumber: 1017,
|
|
15252
15298
|
columnNumber: 23
|
|
15253
15299
|
}
|
|
15254
15300
|
}) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
@@ -15256,7 +15302,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15256
15302
|
__self: undefined,
|
|
15257
15303
|
__source: {
|
|
15258
15304
|
fileName: _jsxFileName$x,
|
|
15259
|
-
lineNumber:
|
|
15305
|
+
lineNumber: 1019,
|
|
15260
15306
|
columnNumber: 23
|
|
15261
15307
|
}
|
|
15262
15308
|
}), /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15268,14 +15314,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15268
15314
|
__self: undefined,
|
|
15269
15315
|
__source: {
|
|
15270
15316
|
fileName: _jsxFileName$x,
|
|
15271
|
-
lineNumber:
|
|
15317
|
+
lineNumber: 1021,
|
|
15272
15318
|
columnNumber: 21
|
|
15273
15319
|
}
|
|
15274
15320
|
}, showAllTags ? t('showSomeText', 'Tampilkan Sebagian') : t('showAllText', 'Tampilkan Semua'))), /*#__PURE__*/React__default.createElement(Separator$2, {
|
|
15275
15321
|
__self: undefined,
|
|
15276
15322
|
__source: {
|
|
15277
15323
|
fileName: _jsxFileName$x,
|
|
15278
|
-
lineNumber:
|
|
15324
|
+
lineNumber: 1025,
|
|
15279
15325
|
columnNumber: 19
|
|
15280
15326
|
}
|
|
15281
15327
|
})), showCollapsibleCounter && /*#__PURE__*/React__default.createElement(Paragraph, {
|
|
@@ -15286,7 +15332,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15286
15332
|
__self: undefined,
|
|
15287
15333
|
__source: {
|
|
15288
15334
|
fileName: _jsxFileName$x,
|
|
15289
|
-
lineNumber:
|
|
15335
|
+
lineNumber: 1028,
|
|
15290
15336
|
columnNumber: 19
|
|
15291
15337
|
}
|
|
15292
15338
|
}, `${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 +15344,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15298
15344
|
__self: undefined,
|
|
15299
15345
|
__source: {
|
|
15300
15346
|
fileName: _jsxFileName$x,
|
|
15301
|
-
lineNumber:
|
|
15347
|
+
lineNumber: 1039,
|
|
15302
15348
|
columnNumber: 11
|
|
15303
15349
|
}
|
|
15304
15350
|
}, `${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 +15357,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15311
15357
|
__self: undefined,
|
|
15312
15358
|
__source: {
|
|
15313
15359
|
fileName: _jsxFileName$x,
|
|
15314
|
-
lineNumber:
|
|
15360
|
+
lineNumber: 1046,
|
|
15315
15361
|
columnNumber: 9
|
|
15316
15362
|
}
|
|
15317
15363
|
}, isLoading && /*#__PURE__*/React__default.createElement(Flex$1, {
|
|
@@ -15333,7 +15379,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15333
15379
|
__self: undefined,
|
|
15334
15380
|
__source: {
|
|
15335
15381
|
fileName: _jsxFileName$x,
|
|
15336
|
-
lineNumber:
|
|
15382
|
+
lineNumber: 1056,
|
|
15337
15383
|
columnNumber: 13
|
|
15338
15384
|
}
|
|
15339
15385
|
}, /*#__PURE__*/React__default.createElement(Text$1, {
|
|
@@ -15341,7 +15387,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15341
15387
|
__self: undefined,
|
|
15342
15388
|
__source: {
|
|
15343
15389
|
fileName: _jsxFileName$x,
|
|
15344
|
-
lineNumber:
|
|
15390
|
+
lineNumber: 1073,
|
|
15345
15391
|
columnNumber: 15
|
|
15346
15392
|
}
|
|
15347
15393
|
}, "Loading....")), items.length > 0 || isLoading ? /*#__PURE__*/React__default.createElement(Option, _extends({}, getMenuProps({
|
|
@@ -15353,7 +15399,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15353
15399
|
__self: undefined,
|
|
15354
15400
|
__source: {
|
|
15355
15401
|
fileName: _jsxFileName$x,
|
|
15356
|
-
lineNumber:
|
|
15402
|
+
lineNumber: 1078,
|
|
15357
15403
|
columnNumber: 13
|
|
15358
15404
|
}
|
|
15359
15405
|
}), /*#__PURE__*/React__default.createElement(ConditionalWrapper, {
|
|
@@ -15376,17 +15422,126 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15376
15422
|
__self: undefined,
|
|
15377
15423
|
__source: {
|
|
15378
15424
|
fileName: _jsxFileName$x,
|
|
15379
|
-
lineNumber:
|
|
15425
|
+
lineNumber: 1082,
|
|
15380
15426
|
columnNumber: 19
|
|
15381
15427
|
}
|
|
15382
15428
|
}, child),
|
|
15383
15429
|
__self: undefined,
|
|
15384
15430
|
__source: {
|
|
15385
15431
|
fileName: _jsxFileName$x,
|
|
15386
|
-
lineNumber:
|
|
15432
|
+
lineNumber: 1079,
|
|
15387
15433
|
columnNumber: 15
|
|
15388
15434
|
}
|
|
15389
|
-
}, isOpen &&
|
|
15435
|
+
}, isOpen && shouldVirtualize ?
|
|
15436
|
+
/*#__PURE__*/
|
|
15437
|
+
// Virtualized rendering for large lists
|
|
15438
|
+
React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
15439
|
+
style: {
|
|
15440
|
+
height: `${rowVirtualizer.totalSize}px`,
|
|
15441
|
+
position: 'relative',
|
|
15442
|
+
width: '100%'
|
|
15443
|
+
},
|
|
15444
|
+
__self: undefined,
|
|
15445
|
+
__source: {
|
|
15446
|
+
fileName: _jsxFileName$x,
|
|
15447
|
+
lineNumber: 1103,
|
|
15448
|
+
columnNumber: 21
|
|
15449
|
+
}
|
|
15450
|
+
}, rowVirtualizer.virtualItems.map(virtualRow => {
|
|
15451
|
+
var _item$children9, _item$children0, _item$children1;
|
|
15452
|
+
const virtualItem = virtualizedItemsList[virtualRow.index];
|
|
15453
|
+
const {
|
|
15454
|
+
type,
|
|
15455
|
+
item
|
|
15456
|
+
} = virtualItem;
|
|
15457
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
15458
|
+
key: `${type}-${item.id}-${virtualRow.index}`,
|
|
15459
|
+
style: {
|
|
15460
|
+
position: 'absolute',
|
|
15461
|
+
top: 0,
|
|
15462
|
+
left: 0,
|
|
15463
|
+
width: '100%',
|
|
15464
|
+
transform: `translateY(${virtualRow.start}px)`
|
|
15465
|
+
},
|
|
15466
|
+
__self: undefined,
|
|
15467
|
+
__source: {
|
|
15468
|
+
fileName: _jsxFileName$x,
|
|
15469
|
+
lineNumber: 1109,
|
|
15470
|
+
columnNumber: 27
|
|
15471
|
+
}
|
|
15472
|
+
}, type === 'group' ?
|
|
15473
|
+
/*#__PURE__*/
|
|
15474
|
+
// Render option group header (without children, as they're rendered separately)
|
|
15475
|
+
React__default.createElement(ItemWrapper$1, _extends({}, getItemProps({
|
|
15476
|
+
item,
|
|
15477
|
+
index: virtualRow.index,
|
|
15478
|
+
disabled: item.isDisabled
|
|
15479
|
+
}), {
|
|
15480
|
+
css: {
|
|
15481
|
+
backgroundColor: highlightedIndex === virtualRow.index ? '$bgGray' : '$bgWhite',
|
|
15482
|
+
cursor: item.isDisabled ? 'not-allowed' : 'pointer',
|
|
15483
|
+
color: item.isDisabled ? '$textDisable' : 'textPrimary',
|
|
15484
|
+
fontWeight: 600
|
|
15485
|
+
},
|
|
15486
|
+
__self: undefined,
|
|
15487
|
+
__source: {
|
|
15488
|
+
fileName: _jsxFileName$x,
|
|
15489
|
+
lineNumber: 1121,
|
|
15490
|
+
columnNumber: 31
|
|
15491
|
+
}
|
|
15492
|
+
}), /*#__PURE__*/React__default.createElement(IconWrapper, {
|
|
15493
|
+
css: Object.assign({
|
|
15494
|
+
width: '16px',
|
|
15495
|
+
height: '16px',
|
|
15496
|
+
border: '1px solid $bgBorder',
|
|
15497
|
+
cursor: item.isDisabled ? 'not-allowed' : 'pointer'
|
|
15498
|
+
}, checkBoxCss),
|
|
15499
|
+
__self: undefined,
|
|
15500
|
+
__source: {
|
|
15501
|
+
fileName: _jsxFileName$x,
|
|
15502
|
+
lineNumber: 1134,
|
|
15503
|
+
columnNumber: 33
|
|
15504
|
+
}
|
|
15505
|
+
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15506
|
+
color: colors$7.iconDisable,
|
|
15507
|
+
__self: undefined,
|
|
15508
|
+
__source: {
|
|
15509
|
+
fileName: _jsxFileName$x,
|
|
15510
|
+
lineNumber: 1144,
|
|
15511
|
+
columnNumber: 37
|
|
15512
|
+
}
|
|
15513
|
+
}) : (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, {
|
|
15514
|
+
color: colors$7.iconGreen,
|
|
15515
|
+
__self: undefined,
|
|
15516
|
+
__source: {
|
|
15517
|
+
fileName: _jsxFileName$x,
|
|
15518
|
+
lineNumber: 1148,
|
|
15519
|
+
columnNumber: 39
|
|
15520
|
+
}
|
|
15521
|
+
}) : (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, {
|
|
15522
|
+
__self: undefined,
|
|
15523
|
+
__source: {
|
|
15524
|
+
fileName: _jsxFileName$x,
|
|
15525
|
+
lineNumber: 1150,
|
|
15526
|
+
columnNumber: 39
|
|
15527
|
+
}
|
|
15528
|
+
}, "-") : null), /*#__PURE__*/React__default.createElement(Item$2, {
|
|
15529
|
+
css: {
|
|
15530
|
+
backgroundColor: 'unset',
|
|
15531
|
+
width: '100%'
|
|
15532
|
+
},
|
|
15533
|
+
__self: undefined,
|
|
15534
|
+
__source: {
|
|
15535
|
+
fileName: _jsxFileName$x,
|
|
15536
|
+
lineNumber: 1154,
|
|
15537
|
+
columnNumber: 33
|
|
15538
|
+
}
|
|
15539
|
+
}, item.render ? item.render == null ? void 0 : item.render(item.name) : item.name)) :
|
|
15540
|
+
// Render regular item or child item
|
|
15541
|
+
renderOptionItem(item, virtualRow.index, type === 'child'));
|
|
15542
|
+
}))) :
|
|
15543
|
+
// Non-virtualized rendering for small lists
|
|
15544
|
+
isOpen && items.map((item, index) => item != null && item.children ? renderOptionGroupItem(item) : renderOptionItem(item, index)))) : /*#__PURE__*/React__default.createElement(Option, _extends({
|
|
15390
15545
|
css: {
|
|
15391
15546
|
height: 'auto'
|
|
15392
15547
|
}
|
|
@@ -15396,14 +15551,14 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15396
15551
|
__self: undefined,
|
|
15397
15552
|
__source: {
|
|
15398
15553
|
fileName: _jsxFileName$x,
|
|
15399
|
-
lineNumber:
|
|
15554
|
+
lineNumber: 1177,
|
|
15400
15555
|
columnNumber: 13
|
|
15401
15556
|
}
|
|
15402
15557
|
}), /*#__PURE__*/React__default.createElement(StyledDiv, {
|
|
15403
15558
|
__self: undefined,
|
|
15404
15559
|
__source: {
|
|
15405
15560
|
fileName: _jsxFileName$x,
|
|
15406
|
-
lineNumber:
|
|
15561
|
+
lineNumber: 1178,
|
|
15407
15562
|
columnNumber: 15
|
|
15408
15563
|
}
|
|
15409
15564
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -15413,7 +15568,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15413
15568
|
__self: undefined,
|
|
15414
15569
|
__source: {
|
|
15415
15570
|
fileName: _jsxFileName$x,
|
|
15416
|
-
lineNumber:
|
|
15571
|
+
lineNumber: 1179,
|
|
15417
15572
|
columnNumber: 17
|
|
15418
15573
|
}
|
|
15419
15574
|
}, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
|
|
@@ -15425,7 +15580,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15425
15580
|
__self: undefined,
|
|
15426
15581
|
__source: {
|
|
15427
15582
|
fileName: _jsxFileName$x,
|
|
15428
|
-
lineNumber:
|
|
15583
|
+
lineNumber: 1180,
|
|
15429
15584
|
columnNumber: 19
|
|
15430
15585
|
}
|
|
15431
15586
|
})), textEmptyItem != null ? textEmptyItem : t('emptyItemText', 'Item tidak ditemukan')))));
|
|
@@ -15470,7 +15625,9 @@ InputSelectCheck.propTypes = {
|
|
|
15470
15625
|
showCollapsibleCounter: PropTypes.bool,
|
|
15471
15626
|
collapsibleLimit: PropTypes.number,
|
|
15472
15627
|
clearSearchOnSelect: PropTypes.bool,
|
|
15473
|
-
onItemClick: PropTypes.func
|
|
15628
|
+
onItemClick: PropTypes.func,
|
|
15629
|
+
virtualized: PropTypes.bool,
|
|
15630
|
+
virtualizedThreshold: PropTypes.number
|
|
15474
15631
|
};
|
|
15475
15632
|
InputSelectCheck.defaultProps = {
|
|
15476
15633
|
size: 'lg',
|
|
@@ -15495,10 +15652,12 @@ InputSelectCheck.defaultProps = {
|
|
|
15495
15652
|
showCollapsibleCounter: true,
|
|
15496
15653
|
collapsibleLimit: 5,
|
|
15497
15654
|
clearSearchOnSelect: true,
|
|
15498
|
-
onItemClick:
|
|
15655
|
+
onItemClick: () => {},
|
|
15656
|
+
virtualized: true,
|
|
15657
|
+
virtualizedThreshold: 100
|
|
15499
15658
|
};
|
|
15500
15659
|
|
|
15501
|
-
var _jsxFileName$w = "
|
|
15660
|
+
var _jsxFileName$w = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
|
|
15502
15661
|
const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15503
15662
|
return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
|
|
15504
15663
|
ref: ref,
|
|
@@ -15559,7 +15718,7 @@ InputSelectTag.defaultProps = {
|
|
|
15559
15718
|
defaultValue: []
|
|
15560
15719
|
};
|
|
15561
15720
|
|
|
15562
|
-
var _jsxFileName$v = "
|
|
15721
|
+
var _jsxFileName$v = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
|
|
15563
15722
|
const Wrapper = styled('div', {
|
|
15564
15723
|
margin: 0,
|
|
15565
15724
|
flexDirection: 'column',
|
|
@@ -16687,7 +16846,7 @@ InputCounter.defaultProps = {
|
|
|
16687
16846
|
|
|
16688
16847
|
const _excluded$c = ["children"],
|
|
16689
16848
|
_excluded2$3 = ["children", "showOverlay"];
|
|
16690
|
-
var _jsxFileName$u = "
|
|
16849
|
+
var _jsxFileName$u = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/drawer/Drawer.js";
|
|
16691
16850
|
const Context$1 = /*#__PURE__*/React__default.createContext();
|
|
16692
16851
|
const {
|
|
16693
16852
|
sizes
|
|
@@ -17037,7 +17196,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
|
17037
17196
|
|
|
17038
17197
|
const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
|
|
17039
17198
|
_excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
|
|
17040
|
-
var _jsxFileName$t = "
|
|
17199
|
+
var _jsxFileName$t = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
|
|
17041
17200
|
const ScrollButton$1 = styled(Button$4, {
|
|
17042
17201
|
width: '28px',
|
|
17043
17202
|
outline: '$btnPrimary solid 1px',
|
|
@@ -17575,7 +17734,7 @@ const DateNumber = styled('div', {
|
|
|
17575
17734
|
});
|
|
17576
17735
|
DateNumber.displayName = 'DateNumber';
|
|
17577
17736
|
|
|
17578
|
-
var _jsxFileName$s = "
|
|
17737
|
+
var _jsxFileName$s = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
|
|
17579
17738
|
const Input$3 = styled('input', {
|
|
17580
17739
|
display: 'none'
|
|
17581
17740
|
});
|
|
@@ -17978,56 +18137,56 @@ const NativeTimePicker = ({
|
|
|
17978
18137
|
})));
|
|
17979
18138
|
};
|
|
17980
18139
|
NativeTimePicker.propTypes = {
|
|
17981
|
-
/**
|
|
17982
|
-
Resize time picker.
|
|
18140
|
+
/**
|
|
18141
|
+
Resize time picker.
|
|
17983
18142
|
*/
|
|
17984
18143
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
17985
|
-
/**
|
|
17986
|
-
Change handler.
|
|
18144
|
+
/**
|
|
18145
|
+
Change handler.
|
|
17987
18146
|
*/
|
|
17988
18147
|
onChange: PropTypes.func,
|
|
17989
|
-
/**
|
|
17990
|
-
Time picker default value, support moment format.
|
|
18148
|
+
/**
|
|
18149
|
+
Time picker default value, support moment format.
|
|
17991
18150
|
*/
|
|
17992
18151
|
defaultValue: PropTypes.instanceOf(Date),
|
|
17993
|
-
/**
|
|
17994
|
-
Time picker value, support moment format.
|
|
18152
|
+
/**
|
|
18153
|
+
Time picker value, support moment format.
|
|
17995
18154
|
*/
|
|
17996
18155
|
value: PropTypes.instanceOf(Date),
|
|
17997
|
-
/**
|
|
17998
|
-
Disabled state.
|
|
18156
|
+
/**
|
|
18157
|
+
Disabled state.
|
|
17999
18158
|
*/
|
|
18000
18159
|
disabled: PropTypes.bool,
|
|
18001
|
-
/**
|
|
18002
|
-
Disabled hour state.
|
|
18160
|
+
/**
|
|
18161
|
+
Disabled hour state.
|
|
18003
18162
|
*/
|
|
18004
18163
|
disabledHour: PropTypes.bool,
|
|
18005
|
-
/**
|
|
18006
|
-
Disabled increase hour state.
|
|
18164
|
+
/**
|
|
18165
|
+
Disabled increase hour state.
|
|
18007
18166
|
*/
|
|
18008
18167
|
disabledHourIncrease: PropTypes.bool,
|
|
18009
|
-
/**
|
|
18010
|
-
Disabled decrease hour state.
|
|
18168
|
+
/**
|
|
18169
|
+
Disabled decrease hour state.
|
|
18011
18170
|
*/
|
|
18012
18171
|
disabledHourDecrease: PropTypes.bool,
|
|
18013
|
-
/**
|
|
18014
|
-
Disabled minute state.
|
|
18172
|
+
/**
|
|
18173
|
+
Disabled minute state.
|
|
18015
18174
|
*/
|
|
18016
18175
|
disabledMinute: PropTypes.bool,
|
|
18017
|
-
/**
|
|
18018
|
-
Disabled increase minute state.
|
|
18176
|
+
/**
|
|
18177
|
+
Disabled increase minute state.
|
|
18019
18178
|
*/
|
|
18020
18179
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18021
|
-
/**
|
|
18022
|
-
Disabled decrease minute state.
|
|
18180
|
+
/**
|
|
18181
|
+
Disabled decrease minute state.
|
|
18023
18182
|
*/
|
|
18024
18183
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18025
|
-
/**
|
|
18026
|
-
Specify the minimum date.
|
|
18184
|
+
/**
|
|
18185
|
+
Specify the minimum date.
|
|
18027
18186
|
*/
|
|
18028
18187
|
minDate: PropTypes.instanceOf(Date),
|
|
18029
|
-
/**
|
|
18030
|
-
Specify the maximum date.
|
|
18188
|
+
/**
|
|
18189
|
+
Specify the maximum date.
|
|
18031
18190
|
*/
|
|
18032
18191
|
maxDate: PropTypes.instanceOf(Date)
|
|
18033
18192
|
};
|
|
@@ -18084,66 +18243,66 @@ const TimePicker = ({
|
|
|
18084
18243
|
};
|
|
18085
18244
|
TimePicker.displayName = 'TimePicker';
|
|
18086
18245
|
TimePicker.propTypes = {
|
|
18087
|
-
/**
|
|
18088
|
-
Additional styles.
|
|
18246
|
+
/**
|
|
18247
|
+
Additional styles.
|
|
18089
18248
|
*/
|
|
18090
18249
|
css: PropTypes.object,
|
|
18091
|
-
/**
|
|
18092
|
-
Resize time picker.
|
|
18250
|
+
/**
|
|
18251
|
+
Resize time picker.
|
|
18093
18252
|
*/
|
|
18094
18253
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18095
|
-
/**
|
|
18096
|
-
Change handler.
|
|
18254
|
+
/**
|
|
18255
|
+
Change handler.
|
|
18097
18256
|
*/
|
|
18098
18257
|
onChange: PropTypes.func,
|
|
18099
|
-
/**
|
|
18100
|
-
Time picker default value, support moment format.
|
|
18258
|
+
/**
|
|
18259
|
+
Time picker default value, support moment format.
|
|
18101
18260
|
*/
|
|
18102
18261
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18103
|
-
/**
|
|
18104
|
-
Time picker value, support moment format.
|
|
18262
|
+
/**
|
|
18263
|
+
Time picker value, support moment format.
|
|
18105
18264
|
*/
|
|
18106
18265
|
value: PropTypes.instanceOf(Date),
|
|
18107
|
-
/**
|
|
18108
|
-
Disabled state.
|
|
18266
|
+
/**
|
|
18267
|
+
Disabled state.
|
|
18109
18268
|
*/
|
|
18110
18269
|
disabled: PropTypes.bool,
|
|
18111
|
-
/**
|
|
18112
|
-
Disabled hour state.
|
|
18270
|
+
/**
|
|
18271
|
+
Disabled hour state.
|
|
18113
18272
|
*/
|
|
18114
18273
|
disabledHour: PropTypes.bool,
|
|
18115
|
-
/**
|
|
18116
|
-
Disabled increase hour state.
|
|
18274
|
+
/**
|
|
18275
|
+
Disabled increase hour state.
|
|
18117
18276
|
*/
|
|
18118
18277
|
disabledHourIncrease: PropTypes.bool,
|
|
18119
|
-
/**
|
|
18120
|
-
Disabled decrease hour state.
|
|
18278
|
+
/**
|
|
18279
|
+
Disabled decrease hour state.
|
|
18121
18280
|
*/
|
|
18122
18281
|
disabledHourDecrease: PropTypes.bool,
|
|
18123
|
-
/**
|
|
18124
|
-
Disabled minute state.
|
|
18282
|
+
/**
|
|
18283
|
+
Disabled minute state.
|
|
18125
18284
|
*/
|
|
18126
18285
|
disabledMinute: PropTypes.bool,
|
|
18127
|
-
/**
|
|
18128
|
-
Disabled increase minute state.
|
|
18286
|
+
/**
|
|
18287
|
+
Disabled increase minute state.
|
|
18129
18288
|
*/
|
|
18130
18289
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18131
|
-
/**
|
|
18132
|
-
Disabled decrease minute state.
|
|
18290
|
+
/**
|
|
18291
|
+
Disabled decrease minute state.
|
|
18133
18292
|
*/
|
|
18134
18293
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18135
|
-
/**
|
|
18136
|
-
Specify the minimum date.
|
|
18294
|
+
/**
|
|
18295
|
+
Specify the minimum date.
|
|
18137
18296
|
*/
|
|
18138
18297
|
minDate: PropTypes.instanceOf(Date),
|
|
18139
|
-
/**
|
|
18140
|
-
Specify the maximum date.
|
|
18298
|
+
/**
|
|
18299
|
+
Specify the maximum date.
|
|
18141
18300
|
*/
|
|
18142
18301
|
maxDate: PropTypes.instanceOf(Date)
|
|
18143
18302
|
};
|
|
18144
18303
|
NativeTimePicker.displayName = 'NativeTimePicker';
|
|
18145
18304
|
|
|
18146
|
-
var _jsxFileName$r = "
|
|
18305
|
+
var _jsxFileName$r = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
|
|
18147
18306
|
const getInputPickerValue$1 = date => {
|
|
18148
18307
|
if (!date) return;
|
|
18149
18308
|
return moment(date).format('HH:mm');
|
|
@@ -18302,88 +18461,88 @@ InputTimePicker.defaultProps = {
|
|
|
18302
18461
|
placeholder: 'Select Time'
|
|
18303
18462
|
};
|
|
18304
18463
|
InputTimePicker.propTypes = {
|
|
18305
|
-
/**
|
|
18306
|
-
Additional styles.
|
|
18464
|
+
/**
|
|
18465
|
+
Additional styles.
|
|
18307
18466
|
*/
|
|
18308
18467
|
css: PropTypes.object,
|
|
18309
|
-
/**
|
|
18310
|
-
Disabled state.
|
|
18468
|
+
/**
|
|
18469
|
+
Disabled state.
|
|
18311
18470
|
*/
|
|
18312
18471
|
disabled: PropTypes.bool,
|
|
18313
|
-
/**
|
|
18314
|
-
Disabled hour state.
|
|
18472
|
+
/**
|
|
18473
|
+
Disabled hour state.
|
|
18315
18474
|
*/
|
|
18316
18475
|
disabledHour: PropTypes.bool,
|
|
18317
|
-
/**
|
|
18318
|
-
Disabled increase hour state.
|
|
18476
|
+
/**
|
|
18477
|
+
Disabled increase hour state.
|
|
18319
18478
|
*/
|
|
18320
18479
|
disabledHourIncrease: PropTypes.bool,
|
|
18321
|
-
/**
|
|
18322
|
-
Disabled decrease hour state.
|
|
18480
|
+
/**
|
|
18481
|
+
Disabled decrease hour state.
|
|
18323
18482
|
*/
|
|
18324
18483
|
disabledHourDecrease: PropTypes.bool,
|
|
18325
|
-
/**
|
|
18326
|
-
Disabled minute state.
|
|
18484
|
+
/**
|
|
18485
|
+
Disabled minute state.
|
|
18327
18486
|
*/
|
|
18328
18487
|
disabledMinute: PropTypes.bool,
|
|
18329
|
-
/**
|
|
18330
|
-
Disabled increase minute state.
|
|
18488
|
+
/**
|
|
18489
|
+
Disabled increase minute state.
|
|
18331
18490
|
*/
|
|
18332
18491
|
disabledMinuteIncrease: PropTypes.bool,
|
|
18333
|
-
/**
|
|
18334
|
-
Disabled decrease minute state.
|
|
18492
|
+
/**
|
|
18493
|
+
Disabled decrease minute state.
|
|
18335
18494
|
*/
|
|
18336
18495
|
disabledMinuteDecrease: PropTypes.bool,
|
|
18337
|
-
/**
|
|
18338
|
-
ReadOnly state.
|
|
18496
|
+
/**
|
|
18497
|
+
ReadOnly state.
|
|
18339
18498
|
*/
|
|
18340
18499
|
readOnly: PropTypes.bool,
|
|
18341
|
-
/**
|
|
18342
|
-
Resize time picker.
|
|
18500
|
+
/**
|
|
18501
|
+
Resize time picker.
|
|
18343
18502
|
*/
|
|
18344
18503
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
18345
|
-
/**
|
|
18346
|
-
Custom placeholder input time picker.
|
|
18504
|
+
/**
|
|
18505
|
+
Custom placeholder input time picker.
|
|
18347
18506
|
*/
|
|
18348
18507
|
placeholder: PropTypes.string,
|
|
18349
|
-
/**
|
|
18350
|
-
Time picker default value, support moment format.
|
|
18508
|
+
/**
|
|
18509
|
+
Time picker default value, support moment format.
|
|
18351
18510
|
*/
|
|
18352
18511
|
defaultValue: PropTypes.instanceOf(Date),
|
|
18353
|
-
/**
|
|
18354
|
-
Time picker value, support moment format.
|
|
18512
|
+
/**
|
|
18513
|
+
Time picker value, support moment format.
|
|
18355
18514
|
*/
|
|
18356
18515
|
value: PropTypes.instanceOf(Date),
|
|
18357
|
-
/**
|
|
18358
|
-
Change handler.
|
|
18516
|
+
/**
|
|
18517
|
+
Change handler.
|
|
18359
18518
|
*/
|
|
18360
18519
|
onChange: PropTypes.func,
|
|
18361
|
-
/**
|
|
18362
|
-
Placement popover input time picker.
|
|
18520
|
+
/**
|
|
18521
|
+
Placement popover input time picker.
|
|
18363
18522
|
*/
|
|
18364
18523
|
placement: PropTypes.string,
|
|
18365
|
-
/**
|
|
18366
|
-
Specify the minimum date.
|
|
18524
|
+
/**
|
|
18525
|
+
Specify the minimum date.
|
|
18367
18526
|
*/
|
|
18368
18527
|
minDate: PropTypes.instanceOf(Date),
|
|
18369
|
-
/**
|
|
18370
|
-
Specify the maximum date.
|
|
18528
|
+
/**
|
|
18529
|
+
Specify the maximum date.
|
|
18371
18530
|
*/
|
|
18372
18531
|
maxDate: PropTypes.instanceOf(Date),
|
|
18373
|
-
/**
|
|
18374
|
-
* Invalid state input.
|
|
18532
|
+
/**
|
|
18533
|
+
* Invalid state input.
|
|
18375
18534
|
*/
|
|
18376
18535
|
isInvalid: PropTypes.bool,
|
|
18377
|
-
/**
|
|
18378
|
-
If true, the component will rendered on portal element
|
|
18536
|
+
/**
|
|
18537
|
+
If true, the component will rendered on portal element
|
|
18379
18538
|
*/
|
|
18380
18539
|
portalled: PropTypes.bool,
|
|
18381
|
-
/**
|
|
18382
|
-
Additional TimePicker styles.
|
|
18540
|
+
/**
|
|
18541
|
+
Additional TimePicker styles.
|
|
18383
18542
|
*/
|
|
18384
18543
|
contentCss: PropTypes.object,
|
|
18385
|
-
/**
|
|
18386
|
-
Input open change callback.
|
|
18544
|
+
/**
|
|
18545
|
+
Input open change callback.
|
|
18387
18546
|
*/
|
|
18388
18547
|
onInputOpenChange: PropTypes.func
|
|
18389
18548
|
};
|
|
@@ -21456,7 +21615,7 @@ function InputSignature({
|
|
|
21456
21615
|
}
|
|
21457
21616
|
|
|
21458
21617
|
const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
|
|
21459
|
-
var _jsxFileName$q = "
|
|
21618
|
+
var _jsxFileName$q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/slider/Slider.js";
|
|
21460
21619
|
const StyledSlider = styled$1(SliderPrimitive.Root, {
|
|
21461
21620
|
position: 'relative',
|
|
21462
21621
|
display: 'flex',
|
|
@@ -21800,7 +21959,7 @@ Slider.defaultProps = {
|
|
|
21800
21959
|
};
|
|
21801
21960
|
|
|
21802
21961
|
const _excluded$9 = ["className", "children", "onClick", "type", "size"];
|
|
21803
|
-
var _jsxFileName$p = "
|
|
21962
|
+
var _jsxFileName$p = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
|
|
21804
21963
|
const TagWrapper$1 = styled('div', {
|
|
21805
21964
|
boxSizing: 'border-box',
|
|
21806
21965
|
fontSize: '12px',
|
|
@@ -21963,7 +22122,7 @@ const _excluded$8 = ["children"],
|
|
|
21963
22122
|
_excluded2$1 = ["children", "activeTabs"],
|
|
21964
22123
|
_excluded3$1 = ["children", "icon", "activeTabs", "value"],
|
|
21965
22124
|
_excluded4$1 = ["activeTabs"];
|
|
21966
|
-
var _jsxFileName$o = "
|
|
22125
|
+
var _jsxFileName$o = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tabs/Tabs.js";
|
|
21967
22126
|
const StyledTabs = styled(TabsPrimitive.Root, {
|
|
21968
22127
|
display: 'flex',
|
|
21969
22128
|
flexDirection: 'column',
|
|
@@ -22302,7 +22461,7 @@ TabsContent$1.propTypes = {
|
|
|
22302
22461
|
};
|
|
22303
22462
|
|
|
22304
22463
|
const _excluded$7 = ["children", "variantIcon"];
|
|
22305
|
-
var _jsxFileName$n = "
|
|
22464
|
+
var _jsxFileName$n = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
|
|
22306
22465
|
const NotificationBadgeRootStyle = styled('span', {
|
|
22307
22466
|
position: 'relative',
|
|
22308
22467
|
display: 'inline-flex',
|
|
@@ -22457,7 +22616,7 @@ NotificationBadge.propTypes = {
|
|
|
22457
22616
|
};
|
|
22458
22617
|
|
|
22459
22618
|
const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
|
|
22460
|
-
var _jsxFileName$m = "
|
|
22619
|
+
var _jsxFileName$m = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/paper/Paper.js";
|
|
22461
22620
|
const PaperComponent = styled('div', {
|
|
22462
22621
|
padding: '20px',
|
|
22463
22622
|
height: 'auto',
|
|
@@ -22710,7 +22869,7 @@ const removeUndefinedFields = obj => {
|
|
|
22710
22869
|
};
|
|
22711
22870
|
|
|
22712
22871
|
const _excluded$5 = ["isActive", "onClick"];
|
|
22713
|
-
var _jsxFileName$l = "
|
|
22872
|
+
var _jsxFileName$l = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
|
|
22714
22873
|
const PrevNextButton = styled(Text$1, {
|
|
22715
22874
|
padding: '$spacing-01',
|
|
22716
22875
|
cursor: 'pointer',
|
|
@@ -23204,7 +23363,7 @@ const PaginationButton = ({
|
|
|
23204
23363
|
};
|
|
23205
23364
|
|
|
23206
23365
|
const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
|
|
23207
|
-
var _jsxFileName$k = "
|
|
23366
|
+
var _jsxFileName$k = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
|
|
23208
23367
|
const LimitContainer = styled(Flex$1, {
|
|
23209
23368
|
cursor: 'pointer'
|
|
23210
23369
|
});
|
|
@@ -23439,7 +23598,7 @@ function PaginationInfo(_ref) {
|
|
|
23439
23598
|
}
|
|
23440
23599
|
|
|
23441
23600
|
const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
|
|
23442
|
-
var _jsxFileName$j = "
|
|
23601
|
+
var _jsxFileName$j = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/Pagination.js";
|
|
23443
23602
|
function Pagination(_ref) {
|
|
23444
23603
|
let {
|
|
23445
23604
|
limit,
|
|
@@ -24313,7 +24472,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
24313
24472
|
});
|
|
24314
24473
|
ScrollSyncNode.displayName = 'ScrollSyncNode';
|
|
24315
24474
|
|
|
24316
|
-
var _jsxFileName$i = "
|
|
24475
|
+
var _jsxFileName$i = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
|
|
24317
24476
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
|
|
24318
24477
|
icon: true,
|
|
24319
24478
|
size: "xs",
|
|
@@ -25809,7 +25968,7 @@ const TableColumn = _a => {
|
|
|
25809
25968
|
return jsx("div", {}, void 0);
|
|
25810
25969
|
};
|
|
25811
25970
|
|
|
25812
|
-
var _jsxFileName$h = "
|
|
25971
|
+
var _jsxFileName$h = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
|
|
25813
25972
|
const DateColumn = ({
|
|
25814
25973
|
value,
|
|
25815
25974
|
customFormat
|
|
@@ -25921,7 +26080,7 @@ const PriceColumn = props => {
|
|
|
25921
26080
|
return addThousandSeparator(param);
|
|
25922
26081
|
};
|
|
25923
26082
|
|
|
25924
|
-
var _jsxFileName$g = "
|
|
26083
|
+
var _jsxFileName$g = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
|
|
25925
26084
|
const rowExpanderColumn = {
|
|
25926
26085
|
id: 'expander',
|
|
25927
26086
|
Header: () => null,
|
|
@@ -25964,7 +26123,7 @@ const rowExpanderColumn = {
|
|
|
25964
26123
|
unsortable: true
|
|
25965
26124
|
};
|
|
25966
26125
|
|
|
25967
|
-
var _jsxFileName$f = "
|
|
26126
|
+
var _jsxFileName$f = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
|
|
25968
26127
|
const rowExpanderMultipleColumn = {
|
|
25969
26128
|
id: 'multiple-expander',
|
|
25970
26129
|
Header: () => null,
|
|
@@ -26000,7 +26159,7 @@ const rowExpanderMultipleColumn = {
|
|
|
26000
26159
|
unsortable: true
|
|
26001
26160
|
};
|
|
26002
26161
|
|
|
26003
|
-
var _jsxFileName$e = "
|
|
26162
|
+
var _jsxFileName$e = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
|
|
26004
26163
|
const rowMenuColumn = (options, icon, config) => ({
|
|
26005
26164
|
id: 'menu',
|
|
26006
26165
|
options,
|
|
@@ -26137,7 +26296,7 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
26137
26296
|
unsortable: true
|
|
26138
26297
|
});
|
|
26139
26298
|
|
|
26140
|
-
var _jsxFileName$d = "
|
|
26299
|
+
var _jsxFileName$d = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
|
|
26141
26300
|
const rowSelectionColumn = {
|
|
26142
26301
|
id: 'selection',
|
|
26143
26302
|
Header: ({
|
|
@@ -26186,7 +26345,7 @@ const rowSelectionColumn = {
|
|
|
26186
26345
|
unsortable: true
|
|
26187
26346
|
};
|
|
26188
26347
|
|
|
26189
|
-
var _jsxFileName$c = "
|
|
26348
|
+
var _jsxFileName$c = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
|
|
26190
26349
|
const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
|
|
26191
26350
|
id: 'selection',
|
|
26192
26351
|
Header: ({
|
|
@@ -26524,7 +26683,7 @@ PageDialog.defaultProps = {
|
|
|
26524
26683
|
};
|
|
26525
26684
|
|
|
26526
26685
|
const _excluded$2 = ["children"];
|
|
26527
|
-
var _jsxFileName$b = "
|
|
26686
|
+
var _jsxFileName$b = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
|
|
26528
26687
|
const overlayShow = keyframes({
|
|
26529
26688
|
'0%': {
|
|
26530
26689
|
opacity: 0
|
|
@@ -27160,7 +27319,7 @@ const _excluded$1 = ["side", "align", "children"],
|
|
|
27160
27319
|
_excluded2 = ["theme"],
|
|
27161
27320
|
_excluded3 = ["children"],
|
|
27162
27321
|
_excluded4 = ["asChild"];
|
|
27163
|
-
var _jsxFileName$a = "
|
|
27322
|
+
var _jsxFileName$a = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
|
|
27164
27323
|
const Context = /*#__PURE__*/React__default.createContext();
|
|
27165
27324
|
const slideUpAndFade = keyframes({
|
|
27166
27325
|
'0%': {
|
|
@@ -29437,7 +29596,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
|
|
|
29437
29596
|
}
|
|
29438
29597
|
|
|
29439
29598
|
const _excluded = ["customPreviewIcon"];
|
|
29440
|
-
var _jsxFileName$9 = "
|
|
29599
|
+
var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
|
|
29441
29600
|
const Input$2 = styled('input', {
|
|
29442
29601
|
display: 'none !important'
|
|
29443
29602
|
});
|
|
@@ -30645,159 +30804,159 @@ Upload.defaultProps = {
|
|
|
30645
30804
|
maxWidthOrHeight: 1024
|
|
30646
30805
|
};
|
|
30647
30806
|
Upload.propTypes = {
|
|
30648
|
-
/**
|
|
30649
|
-
Placeholder label of upload.
|
|
30807
|
+
/**
|
|
30808
|
+
Placeholder label of upload.
|
|
30650
30809
|
*/
|
|
30651
30810
|
placeholder: PropTypes.string,
|
|
30652
|
-
/**
|
|
30653
|
-
Disabled state of upload.
|
|
30811
|
+
/**
|
|
30812
|
+
Disabled state of upload.
|
|
30654
30813
|
*/
|
|
30655
30814
|
disabled: PropTypes.bool,
|
|
30656
|
-
/**
|
|
30657
|
-
Built-in stylesheets, support for two types.
|
|
30815
|
+
/**
|
|
30816
|
+
Built-in stylesheets, support for two types.
|
|
30658
30817
|
*/
|
|
30659
30818
|
listType: PropTypes.oneOf(['file', 'picture']),
|
|
30660
|
-
/**
|
|
30661
|
-
Whether to support selected multiple file.
|
|
30819
|
+
/**
|
|
30820
|
+
Whether to support selected multiple file.
|
|
30662
30821
|
*/
|
|
30663
30822
|
multiple: PropTypes.bool,
|
|
30664
|
-
/**
|
|
30665
|
-
List of files to be uploaded.
|
|
30823
|
+
/**
|
|
30824
|
+
List of files to be uploaded.
|
|
30666
30825
|
*/
|
|
30667
30826
|
fileList: PropTypes.array,
|
|
30668
|
-
/**
|
|
30669
|
-
A callback function, can be executed when uploading state is changing.
|
|
30827
|
+
/**
|
|
30828
|
+
A callback function, can be executed when uploading state is changing.
|
|
30670
30829
|
*/
|
|
30671
30830
|
onChange: PropTypes.func,
|
|
30672
|
-
/**
|
|
30673
|
-
A callback function, can be executed when uploading in progress.
|
|
30674
|
-
`(progress) => void`
|
|
30831
|
+
/**
|
|
30832
|
+
A callback function, can be executed when uploading in progress.
|
|
30833
|
+
`(progress) => void`
|
|
30675
30834
|
*/
|
|
30676
30835
|
onProgress: PropTypes.func,
|
|
30677
|
-
/**
|
|
30678
|
-
A callback function, can be executed when uploading is success.
|
|
30679
|
-
`(response) => void`
|
|
30836
|
+
/**
|
|
30837
|
+
A callback function, can be executed when uploading is success.
|
|
30838
|
+
`(response) => void`
|
|
30680
30839
|
*/
|
|
30681
30840
|
onSuccess: PropTypes.func,
|
|
30682
|
-
/**
|
|
30683
|
-
A callback function, can be executed when uploading is error.
|
|
30684
|
-
`(error, response) => void`
|
|
30841
|
+
/**
|
|
30842
|
+
A callback function, can be executed when uploading is error.
|
|
30843
|
+
`(error, response) => void`
|
|
30685
30844
|
*/
|
|
30686
30845
|
onError: PropTypes.func,
|
|
30687
|
-
/**
|
|
30688
|
-
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30846
|
+
/**
|
|
30847
|
+
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30689
30848
|
*/
|
|
30690
30849
|
onPreview: PropTypes.func,
|
|
30691
|
-
/**
|
|
30692
|
-
A callback function, can be executed when remove icon is clicked.
|
|
30850
|
+
/**
|
|
30851
|
+
A callback function, can be executed when remove icon is clicked.
|
|
30693
30852
|
*/
|
|
30694
30853
|
onRemove: PropTypes.func,
|
|
30695
|
-
/**
|
|
30696
|
-
A custom element inside upload container.
|
|
30854
|
+
/**
|
|
30855
|
+
A custom element inside upload container.
|
|
30697
30856
|
*/
|
|
30698
30857
|
children: PropTypes.element,
|
|
30699
|
-
/**
|
|
30700
|
-
Limit the number of uploaded files.
|
|
30858
|
+
/**
|
|
30859
|
+
Limit the number of uploaded files.
|
|
30701
30860
|
*/
|
|
30702
30861
|
max: PropTypes.number,
|
|
30703
|
-
/**
|
|
30704
|
-
Limit the maximum image size in MB.
|
|
30862
|
+
/**
|
|
30863
|
+
Limit the maximum image size in MB.
|
|
30705
30864
|
*/
|
|
30706
30865
|
maxSizeMB: PropTypes.number,
|
|
30707
|
-
/**
|
|
30708
|
-
Limit file type of upload.
|
|
30866
|
+
/**
|
|
30867
|
+
Limit file type of upload.
|
|
30709
30868
|
*/
|
|
30710
30869
|
accept: PropTypes.string,
|
|
30711
|
-
/**
|
|
30712
|
-
Custom label for replace button.
|
|
30870
|
+
/**
|
|
30871
|
+
Custom label for replace button.
|
|
30713
30872
|
*/
|
|
30714
30873
|
replaceLabel: PropTypes.string,
|
|
30715
|
-
/**
|
|
30716
|
-
Custom width of upload container.
|
|
30874
|
+
/**
|
|
30875
|
+
Custom width of upload container.
|
|
30717
30876
|
*/
|
|
30718
30877
|
width: PropTypes.number,
|
|
30719
|
-
/**
|
|
30720
|
-
Custom height of upload container.
|
|
30878
|
+
/**
|
|
30879
|
+
Custom height of upload container.
|
|
30721
30880
|
*/
|
|
30722
30881
|
height: PropTypes.number,
|
|
30723
|
-
/**
|
|
30724
|
-
Additional css.
|
|
30882
|
+
/**
|
|
30883
|
+
Additional css.
|
|
30725
30884
|
*/
|
|
30726
30885
|
css: PropTypes.object,
|
|
30727
|
-
/**
|
|
30728
|
-
Custom title header of cropper modal.
|
|
30886
|
+
/**
|
|
30887
|
+
Custom title header of cropper modal.
|
|
30729
30888
|
*/
|
|
30730
30889
|
cropperTitle: PropTypes.string,
|
|
30731
|
-
/**
|
|
30732
|
-
Add image cropper on upload.
|
|
30890
|
+
/**
|
|
30891
|
+
Add image cropper on upload.
|
|
30733
30892
|
*/
|
|
30734
30893
|
showCropper: PropTypes.bool,
|
|
30735
|
-
/**
|
|
30736
|
-
Hidden toggle aspect ratio image cropper.
|
|
30894
|
+
/**
|
|
30895
|
+
Hidden toggle aspect ratio image cropper.
|
|
30737
30896
|
*/
|
|
30738
30897
|
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.
|
|
30898
|
+
/**
|
|
30899
|
+
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
30900
|
*/
|
|
30742
30901
|
ratio: PropTypes.number,
|
|
30743
|
-
/**
|
|
30744
|
-
Can set error message to the upload.
|
|
30902
|
+
/**
|
|
30903
|
+
Can set error message to the upload.
|
|
30745
30904
|
*/
|
|
30746
30905
|
errorMessage: PropTypes.string,
|
|
30747
|
-
/**
|
|
30748
|
-
Progress of upload process.
|
|
30906
|
+
/**
|
|
30907
|
+
Progress of upload process.
|
|
30749
30908
|
*/
|
|
30750
30909
|
progress: PropTypes.number,
|
|
30751
|
-
/**
|
|
30752
|
-
Auto increment progress of upload process.
|
|
30910
|
+
/**
|
|
30911
|
+
Auto increment progress of upload process.
|
|
30753
30912
|
*/
|
|
30754
30913
|
loading: PropTypes.bool,
|
|
30755
|
-
/**
|
|
30756
|
-
API upload url, allows components to automatically upload directly to API service.
|
|
30914
|
+
/**
|
|
30915
|
+
API upload url, allows components to automatically upload directly to API service.
|
|
30757
30916
|
*/
|
|
30758
30917
|
action: PropTypes.string,
|
|
30759
|
-
/**
|
|
30760
|
-
Custom body request to upload action.
|
|
30918
|
+
/**
|
|
30919
|
+
Custom body request to upload action.
|
|
30761
30920
|
*/
|
|
30762
30921
|
customBodyRequest: PropTypes.func,
|
|
30763
|
-
/**
|
|
30764
|
-
Contains an authentication token for upload API.
|
|
30922
|
+
/**
|
|
30923
|
+
Contains an authentication token for upload API.
|
|
30765
30924
|
*/
|
|
30766
30925
|
token: PropTypes.string,
|
|
30767
|
-
/**
|
|
30768
|
-
Referencing the headers key to attach the token.
|
|
30926
|
+
/**
|
|
30927
|
+
Referencing the headers key to attach the token.
|
|
30769
30928
|
*/
|
|
30770
30929
|
tokenKey: PropTypes.string,
|
|
30771
|
-
/**
|
|
30772
|
-
Referencing the key to attach the file to be sent.
|
|
30930
|
+
/**
|
|
30931
|
+
Referencing the key to attach the file to be sent.
|
|
30773
30932
|
*/
|
|
30774
30933
|
reqKey: PropTypes.string,
|
|
30775
|
-
/**
|
|
30776
|
-
Referencing the key to get the file from the API response.
|
|
30934
|
+
/**
|
|
30935
|
+
Referencing the key to get the file from the API response.
|
|
30777
30936
|
*/
|
|
30778
30937
|
resKey: PropTypes.string,
|
|
30779
|
-
/**
|
|
30780
|
-
To compression image if file size > 1MB.
|
|
30938
|
+
/**
|
|
30939
|
+
To compression image if file size > 1MB.
|
|
30781
30940
|
*/
|
|
30782
30941
|
imageCompression: PropTypes.bool,
|
|
30783
|
-
/**
|
|
30784
|
-
Callback to handle before crop image.
|
|
30942
|
+
/**
|
|
30943
|
+
Callback to handle before crop image.
|
|
30785
30944
|
*/
|
|
30786
30945
|
onBeforeCrop: PropTypes.func,
|
|
30787
|
-
/**
|
|
30788
|
-
Hidden preview icon in upload.
|
|
30946
|
+
/**
|
|
30947
|
+
Hidden preview icon in upload.
|
|
30789
30948
|
*/
|
|
30790
30949
|
hiddenPreview: PropTypes.bool,
|
|
30791
|
-
/**
|
|
30792
|
-
Auto full aspect ratio cropper.
|
|
30950
|
+
/**
|
|
30951
|
+
Auto full aspect ratio cropper.
|
|
30793
30952
|
*/
|
|
30794
30953
|
fullAspectCrop: PropTypes.bool,
|
|
30795
|
-
/**
|
|
30796
|
-
Set custom ratio as Default view
|
|
30954
|
+
/**
|
|
30955
|
+
Set custom ratio as Default view
|
|
30797
30956
|
*/
|
|
30798
30957
|
isDefaultCustomRatio: PropTypes.bool,
|
|
30799
|
-
/**
|
|
30800
|
-
Set max width or height of image
|
|
30958
|
+
/**
|
|
30959
|
+
Set max width or height of image
|
|
30801
30960
|
*/
|
|
30802
30961
|
maxWidthOrHeight: PropTypes.number
|
|
30803
30962
|
};
|
|
@@ -31473,7 +31632,7 @@ const Device = props => {
|
|
|
31473
31632
|
};
|
|
31474
31633
|
Device.displayName = 'DevicePreview';
|
|
31475
31634
|
|
|
31476
|
-
var _jsxFileName$8 = "
|
|
31635
|
+
var _jsxFileName$8 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
|
|
31477
31636
|
const Separator$1 = styled('div', {
|
|
31478
31637
|
height: 20,
|
|
31479
31638
|
width: 1,
|
|
@@ -31583,44 +31742,44 @@ function InputColorPicker(props) {
|
|
|
31583
31742
|
}
|
|
31584
31743
|
InputColorPicker.displayName = 'InputColorPicker';
|
|
31585
31744
|
InputColorPicker.propTypes = {
|
|
31586
|
-
/**
|
|
31587
|
-
Specify change InputColorPicker size.
|
|
31745
|
+
/**
|
|
31746
|
+
Specify change InputColorPicker size.
|
|
31588
31747
|
*/
|
|
31589
31748
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
31590
|
-
/**
|
|
31591
|
-
Color code to be displayed.
|
|
31749
|
+
/**
|
|
31750
|
+
Color code to be displayed.
|
|
31592
31751
|
*/
|
|
31593
31752
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
31594
|
-
/**
|
|
31595
|
-
Additional color list.
|
|
31753
|
+
/**
|
|
31754
|
+
Additional color list.
|
|
31596
31755
|
*/
|
|
31597
31756
|
presetColors: PropTypes.array,
|
|
31598
|
-
/**
|
|
31599
|
-
Change event handler.
|
|
31757
|
+
/**
|
|
31758
|
+
Change event handler.
|
|
31600
31759
|
*/
|
|
31601
31760
|
onChange: PropTypes.func,
|
|
31602
|
-
/**
|
|
31603
|
-
Add preset color event handler.
|
|
31761
|
+
/**
|
|
31762
|
+
Add preset color event handler.
|
|
31604
31763
|
*/
|
|
31605
31764
|
onAddColor: PropTypes.func,
|
|
31606
|
-
/**
|
|
31607
|
-
Disable opacity selector.
|
|
31765
|
+
/**
|
|
31766
|
+
Disable opacity selector.
|
|
31608
31767
|
*/
|
|
31609
31768
|
disableAlpha: PropTypes.bool,
|
|
31610
|
-
/**
|
|
31611
|
-
Input placement.
|
|
31769
|
+
/**
|
|
31770
|
+
Input placement.
|
|
31612
31771
|
*/
|
|
31613
31772
|
placement: PropTypes.string,
|
|
31614
|
-
/**
|
|
31615
|
-
Define is mobile layout or not.
|
|
31773
|
+
/**
|
|
31774
|
+
Define is mobile layout or not.
|
|
31616
31775
|
*/
|
|
31617
31776
|
isMobile: PropTypes.bool,
|
|
31618
|
-
/**
|
|
31619
|
-
Define popover custom styling.
|
|
31777
|
+
/**
|
|
31778
|
+
Define popover custom styling.
|
|
31620
31779
|
*/
|
|
31621
31780
|
popoverCss: PropTypes.shape({}),
|
|
31622
|
-
/**
|
|
31623
|
-
Disabled state.
|
|
31781
|
+
/**
|
|
31782
|
+
Disabled state.
|
|
31624
31783
|
*/
|
|
31625
31784
|
disabled: PropTypes.bool
|
|
31626
31785
|
};
|
|
@@ -31634,7 +31793,7 @@ InputColorPicker.defaultProps = {
|
|
|
31634
31793
|
|
|
31635
31794
|
var img$d = "data:image/gif;base64,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";
|
|
31636
31795
|
|
|
31637
|
-
var _jsxFileName$7 = "
|
|
31796
|
+
var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
|
|
31638
31797
|
const Container$7 = styled('div', {
|
|
31639
31798
|
userSelect: 'none',
|
|
31640
31799
|
margin: 'auto',
|
|
@@ -33595,7 +33754,7 @@ function ColorMap({
|
|
|
33595
33754
|
})));
|
|
33596
33755
|
}
|
|
33597
33756
|
|
|
33598
|
-
var _jsxFileName$6 = "
|
|
33757
|
+
var _jsxFileName$6 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
|
|
33599
33758
|
const CheckBoard = styled(Flex$1, {
|
|
33600
33759
|
background: '$bgwhite',
|
|
33601
33760
|
border: '1px solid #E5E7EB',
|
|
@@ -33796,7 +33955,7 @@ function ColorFields({
|
|
|
33796
33955
|
}, "%")));
|
|
33797
33956
|
}
|
|
33798
33957
|
|
|
33799
|
-
var _jsxFileName$5 = "
|
|
33958
|
+
var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
|
|
33800
33959
|
const Container$6 = styled(Flex$1, {
|
|
33801
33960
|
background: '$white',
|
|
33802
33961
|
padding: 16,
|
|
@@ -34287,24 +34446,24 @@ function ColorPicker({
|
|
|
34287
34446
|
})))))));
|
|
34288
34447
|
}
|
|
34289
34448
|
ColorPicker.propTypes = {
|
|
34290
|
-
/**
|
|
34291
|
-
Color code to be displayed.
|
|
34449
|
+
/**
|
|
34450
|
+
Color code to be displayed.
|
|
34292
34451
|
*/
|
|
34293
34452
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
34294
|
-
/**
|
|
34295
|
-
Additional color list
|
|
34453
|
+
/**
|
|
34454
|
+
Additional color list
|
|
34296
34455
|
*/
|
|
34297
34456
|
presetColors: PropTypes.array,
|
|
34298
|
-
/**
|
|
34299
|
-
Change event handler
|
|
34457
|
+
/**
|
|
34458
|
+
Change event handler
|
|
34300
34459
|
*/
|
|
34301
34460
|
onChange: PropTypes.func,
|
|
34302
|
-
/**
|
|
34303
|
-
Add preset color event handler
|
|
34461
|
+
/**
|
|
34462
|
+
Add preset color event handler
|
|
34304
34463
|
*/
|
|
34305
34464
|
onAddColor: PropTypes.func,
|
|
34306
|
-
/**
|
|
34307
|
-
Disable opacity selector
|
|
34465
|
+
/**
|
|
34466
|
+
Disable opacity selector
|
|
34308
34467
|
*/
|
|
34309
34468
|
disableAlpha: PropTypes.bool
|
|
34310
34469
|
};
|
|
@@ -34313,7 +34472,7 @@ ColorPicker.defaultProps = {
|
|
|
34313
34472
|
};
|
|
34314
34473
|
var ColorPicker$1 = ColorWrap(ColorPicker);
|
|
34315
34474
|
|
|
34316
|
-
var _jsxFileName$4 = "
|
|
34475
|
+
var _jsxFileName$4 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
|
|
34317
34476
|
const StepWizardContext = /*#__PURE__*/React__default.createContext({});
|
|
34318
34477
|
const Stepper = StepWizard$1;
|
|
34319
34478
|
Stepper.displayName = 'Stepper';
|
|
@@ -35036,7 +35195,7 @@ StepWizard.defaultProps = {
|
|
|
35036
35195
|
isLazyMount: true
|
|
35037
35196
|
};
|
|
35038
35197
|
|
|
35039
|
-
var _jsxFileName$3 = "
|
|
35198
|
+
var _jsxFileName$3 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
|
|
35040
35199
|
function Collapse({
|
|
35041
35200
|
children,
|
|
35042
35201
|
isOpen
|
|
@@ -35079,7 +35238,7 @@ Collapse.defaultProps = {
|
|
|
35079
35238
|
isOpen: false
|
|
35080
35239
|
};
|
|
35081
35240
|
|
|
35082
|
-
var _jsxFileName$2 = "
|
|
35241
|
+
var _jsxFileName$2 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
|
|
35083
35242
|
const DesktopContainer = styled(Flex$1, {
|
|
35084
35243
|
display: 'none',
|
|
35085
35244
|
'& .active-scroll-spy': {
|
|
@@ -35440,7 +35599,7 @@ TableOfContentPage.defaultProps = {
|
|
|
35440
35599
|
useBoxMethod: true
|
|
35441
35600
|
};
|
|
35442
35601
|
|
|
35443
|
-
var _jsxFileName$1 = "
|
|
35602
|
+
var _jsxFileName$1 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/editableTable/transition.js";
|
|
35444
35603
|
function Collapalse({
|
|
35445
35604
|
children,
|
|
35446
35605
|
isOpen
|
|
@@ -56954,7 +57113,7 @@ PieChartComponent.defaultProps = {
|
|
|
56954
57113
|
innerRadius: 70
|
|
56955
57114
|
};
|
|
56956
57115
|
|
|
56957
|
-
var _jsxFileName = "
|
|
57116
|
+
var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
|
|
56958
57117
|
const StyledPaper = styled(Paper, {
|
|
56959
57118
|
borderRadius: '10px 10px 0 0',
|
|
56960
57119
|
padding: 15,
|