@majoo-ui/react 1.61.15 → 1.61.16-rc.2
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.0',
|
|
407
407
|
mode: 'global',
|
|
408
408
|
copyright: '© 2014-2025 Denis Pushkarev (zloirock.ru)',
|
|
409
|
-
license: 'https://github.com/zloirock/core-js/blob/v3.
|
|
409
|
+
license: 'https://github.com/zloirock/core-js/blob/v3.45.0/LICENSE',
|
|
410
410
|
source: 'https://github.com/zloirock/core-js'
|
|
411
411
|
});
|
|
412
412
|
|
|
@@ -1244,7 +1244,7 @@ createTheme({
|
|
|
1244
1244
|
bgBorder: '#004a49'
|
|
1245
1245
|
}
|
|
1246
1246
|
});
|
|
1247
|
-
const colors$
|
|
1247
|
+
const colors$7 = foundations.colors;
|
|
1248
1248
|
|
|
1249
1249
|
const normalize = {
|
|
1250
1250
|
'*,::before,::after': {
|
|
@@ -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%',
|
|
@@ -2629,7 +2629,7 @@ const BannerClose = () => /*#__PURE__*/React.createElement(Context$2.Consumer, {
|
|
|
2629
2629
|
columnNumber: 7
|
|
2630
2630
|
}
|
|
2631
2631
|
}, /*#__PURE__*/React.createElement(CloseOutline, {
|
|
2632
|
-
color: colors$
|
|
2632
|
+
color: colors$7.iconSecondary,
|
|
2633
2633
|
size: "16px",
|
|
2634
2634
|
__self: undefined,
|
|
2635
2635
|
__source: {
|
|
@@ -2715,7 +2715,7 @@ const SingleTagBanner = props => {
|
|
|
2715
2715
|
columnNumber: 11
|
|
2716
2716
|
}
|
|
2717
2717
|
}, /*#__PURE__*/React.createElement(CloseOutline, {
|
|
2718
|
-
color: colors$
|
|
2718
|
+
color: colors$7.iconSecondary,
|
|
2719
2719
|
size: "16px",
|
|
2720
2720
|
__self: undefined,
|
|
2721
2721
|
__source: {
|
|
@@ -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';
|
|
@@ -5919,7 +5919,7 @@ const Toast = _ref => {
|
|
|
5919
5919
|
columnNumber: 17
|
|
5920
5920
|
}
|
|
5921
5921
|
}, /*#__PURE__*/React.createElement(CloseOutline, {
|
|
5922
|
-
color: colors$
|
|
5922
|
+
color: colors$7.iconSecondary,
|
|
5923
5923
|
size: "16px",
|
|
5924
5924
|
__self: undefined,
|
|
5925
5925
|
__source: {
|
|
@@ -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%',
|
|
@@ -8409,7 +8409,7 @@ InputSuffix.propTypes = {
|
|
|
8409
8409
|
};
|
|
8410
8410
|
|
|
8411
8411
|
const _excluded$m = ["disabled", "readOnly"];
|
|
8412
|
-
var _jsxFileName$K = "/
|
|
8412
|
+
var _jsxFileName$K = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputText/InputText.js";
|
|
8413
8413
|
const disabledStyle = {
|
|
8414
8414
|
backgroundColor: '$formDisable',
|
|
8415
8415
|
color: '$textDisable',
|
|
@@ -8611,7 +8611,7 @@ InputText.propTypes = {
|
|
|
8611
8611
|
InputText.displayName = 'InputText';
|
|
8612
8612
|
|
|
8613
8613
|
const _excluded$l = ["disabled", "readOnly"];
|
|
8614
|
-
var _jsxFileName$J = "/
|
|
8614
|
+
var _jsxFileName$J = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTextArea/InputTextArea.js";
|
|
8615
8615
|
const StyledTextArea = styled(StyledInput$1, {
|
|
8616
8616
|
variants: {
|
|
8617
8617
|
size: {
|
|
@@ -8689,7 +8689,7 @@ InputTextArea.defaultProps = {
|
|
|
8689
8689
|
|
|
8690
8690
|
const InputRadioContext = /*#__PURE__*/React__default.createContext();
|
|
8691
8691
|
|
|
8692
|
-
var _jsxFileName$I = "/
|
|
8692
|
+
var _jsxFileName$I = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadioGroup.js";
|
|
8693
8693
|
const RadioGroup = styled(RadioGroupPrimitive.Root, Flex$1);
|
|
8694
8694
|
function InputRadioGroup(props) {
|
|
8695
8695
|
return (props == null ? void 0 : props.children) && /*#__PURE__*/React__default.createElement(InputRadioContext.Provider, {
|
|
@@ -8723,7 +8723,7 @@ InputRadioGroup.propTypes = {
|
|
|
8723
8723
|
InputRadioGroup.displayName = 'InputRadioGroup';
|
|
8724
8724
|
|
|
8725
8725
|
const _excluded$k = ["id", "disabled", "css", "inputType", "inputProps", "description", "readOnly"];
|
|
8726
|
-
var _jsxFileName$H = "/
|
|
8726
|
+
var _jsxFileName$H = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputRadio/InputRadio.js";
|
|
8727
8727
|
const INDICATOR_BASE_STYLES = {
|
|
8728
8728
|
alignItems: 'center',
|
|
8729
8729
|
display: 'flex',
|
|
@@ -11090,7 +11090,7 @@ var NumberFormat = /*@__PURE__*/function (superclass) {
|
|
|
11090
11090
|
NumberFormat.defaultProps = defaultProps;
|
|
11091
11091
|
|
|
11092
11092
|
const _excluded$j = ["placeholder", "value", "size", "isInvalid", "readOnly", "disabled", "control", "name", "maxValueLength", "maxLength", "thousandSeparator"];
|
|
11093
|
-
var _jsxFileName$G = "/
|
|
11093
|
+
var _jsxFileName$G = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputNumber/InputNumber.js";
|
|
11094
11094
|
const StyledInput = styled(NumberFormat, {
|
|
11095
11095
|
// Reset
|
|
11096
11096
|
appearance: 'none',
|
|
@@ -11351,7 +11351,7 @@ InputNumber.name = 'InputText';
|
|
|
11351
11351
|
InputNumber.displayName = 'InputNumber';
|
|
11352
11352
|
|
|
11353
11353
|
const _excluded$i = ["className", "children", "onClick", "size", "icon", "isRemovable", "disabled", "type", "onRemove", "readOnly"];
|
|
11354
|
-
var _jsxFileName$F = "/
|
|
11354
|
+
var _jsxFileName$F = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tag/Tag.js";
|
|
11355
11355
|
const TagWrapper$4 = styled('div', {
|
|
11356
11356
|
boxSizing: 'border-box',
|
|
11357
11357
|
listStyle: 'none',
|
|
@@ -11497,7 +11497,7 @@ const Tag = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
|
|
|
11497
11497
|
}
|
|
11498
11498
|
}, /*#__PURE__*/React__default.createElement(CloseOutline, {
|
|
11499
11499
|
size: 16,
|
|
11500
|
-
color: colors$
|
|
11500
|
+
color: colors$7.iconSecondary,
|
|
11501
11501
|
style: {
|
|
11502
11502
|
verticalAlign: 'middle'
|
|
11503
11503
|
},
|
|
@@ -11527,7 +11527,7 @@ Tag.defaultProps = {
|
|
|
11527
11527
|
};
|
|
11528
11528
|
|
|
11529
11529
|
const _excluded$h = ["size", "isInvalid", "placeholder", "onChange", "onEnter", "onInputChange", "value", "disabled", "readOnly", "max", "maxChar", "pattern", "helperText", "unremovableTags", "onRemoveItem"];
|
|
11530
|
-
var _jsxFileName$E = "/
|
|
11530
|
+
var _jsxFileName$E = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputTags/InputTags.js";
|
|
11531
11531
|
const Wrapper$2 = styled('div', {
|
|
11532
11532
|
margin: 0,
|
|
11533
11533
|
flexDirection: 'column',
|
|
@@ -11824,7 +11824,7 @@ TagsInput.defaultProps = {
|
|
|
11824
11824
|
};
|
|
11825
11825
|
|
|
11826
11826
|
const _excluded$g = ["id", "defaultChecked", "dataOnLabel", "dataOffLabel", "disabled"];
|
|
11827
|
-
var _jsxFileName$D = "/
|
|
11827
|
+
var _jsxFileName$D = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSwitch/InputSwitch.js";
|
|
11828
11828
|
const StyledThumb$1 = styled(SwitchPrimitive.Thumb, {
|
|
11829
11829
|
display: 'block',
|
|
11830
11830
|
width: '16px',
|
|
@@ -11929,7 +11929,7 @@ InputSwitch.propTypes = {
|
|
|
11929
11929
|
};
|
|
11930
11930
|
InputSwitch.displayName = 'InputSwitch';
|
|
11931
11931
|
|
|
11932
|
-
var _jsxFileName$C = "/
|
|
11932
|
+
var _jsxFileName$C = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/CloseFilled.js";
|
|
11933
11933
|
const SvgCloseFilled = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
11934
11934
|
width: props.size,
|
|
11935
11935
|
height: props.size,
|
|
@@ -11988,7 +11988,7 @@ SvgCloseFilled.defaultProps = {
|
|
|
11988
11988
|
size: 24
|
|
11989
11989
|
};
|
|
11990
11990
|
|
|
11991
|
-
var _jsxFileName$B = "/
|
|
11991
|
+
var _jsxFileName$B = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/SearchOutline.js";
|
|
11992
11992
|
const SvgSearchOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
11993
11993
|
width: props.size,
|
|
11994
11994
|
height: props.size,
|
|
@@ -12029,9 +12029,9 @@ SvgSearchOutline.defaultProps = {
|
|
|
12029
12029
|
};
|
|
12030
12030
|
|
|
12031
12031
|
const _excluded$f = ["size", "onChange", "css", "disabled", "withDebounce", "defaultValue", "mobileOnly", "desktopOnly"];
|
|
12032
|
-
var _jsxFileName$A = "/
|
|
12032
|
+
var _jsxFileName$A = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSearchbox/InputSearchbox.js";
|
|
12033
12033
|
const {
|
|
12034
|
-
colors: colors$
|
|
12034
|
+
colors: colors$6
|
|
12035
12035
|
} = foundations;
|
|
12036
12036
|
const InputSearchbox = _ref => {
|
|
12037
12037
|
var _props$value;
|
|
@@ -12111,7 +12111,7 @@ const InputSearchbox = _ref => {
|
|
|
12111
12111
|
}
|
|
12112
12112
|
})), /*#__PURE__*/React__default.createElement(InputRightElement, {
|
|
12113
12113
|
children: (inputValue == null ? void 0 : inputValue.length) > 0 ? /*#__PURE__*/React__default.createElement(SvgCloseFilled, {
|
|
12114
|
-
color: colors$
|
|
12114
|
+
color: colors$6.iconSecondary,
|
|
12115
12115
|
__self: undefined,
|
|
12116
12116
|
__source: {
|
|
12117
12117
|
fileName: _jsxFileName$A,
|
|
@@ -12519,7 +12519,7 @@ function isFunction$1(value) {
|
|
|
12519
12519
|
var isFunction_1 = isFunction$1;
|
|
12520
12520
|
|
|
12521
12521
|
const _excluded$e = ["children"];
|
|
12522
|
-
var _jsxFileName$z = "/
|
|
12522
|
+
var _jsxFileName$z = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/popover/Popover.js";
|
|
12523
12523
|
const {
|
|
12524
12524
|
zIndices: zIndices$1
|
|
12525
12525
|
} = foundations;
|
|
@@ -13683,7 +13683,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
13683
13683
|
readOnly: readOnly
|
|
13684
13684
|
}, {
|
|
13685
13685
|
children: jsx(CaretDownOutline, {
|
|
13686
|
-
color: readOnly ? colors$
|
|
13686
|
+
color: readOnly ? colors$7.gray300 : iconColor
|
|
13687
13687
|
}, void 0)
|
|
13688
13688
|
}), void 0);
|
|
13689
13689
|
};
|
|
@@ -13904,7 +13904,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
13904
13904
|
}, {
|
|
13905
13905
|
children: jsx(CircleInfoOutline, {
|
|
13906
13906
|
size: "16px",
|
|
13907
|
-
color: colors$
|
|
13907
|
+
color: colors$7.iconDisable,
|
|
13908
13908
|
style: {
|
|
13909
13909
|
verticalAlign: 'text-bottom'
|
|
13910
13910
|
}
|
|
@@ -14073,7 +14073,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
14073
14073
|
}, {
|
|
14074
14074
|
children: jsx(CircleInfoOutline, {
|
|
14075
14075
|
size: "16px",
|
|
14076
|
-
color: colors$
|
|
14076
|
+
color: colors$7.iconDisable,
|
|
14077
14077
|
style: {
|
|
14078
14078
|
verticalAlign: 'text-bottom'
|
|
14079
14079
|
}
|
|
@@ -14093,7 +14093,7 @@ const InputSelect = /*#__PURE__*/React.forwardRef((_a, ref) => {
|
|
|
14093
14093
|
}), void 0);
|
|
14094
14094
|
});
|
|
14095
14095
|
|
|
14096
|
-
var _jsxFileName$y = "/
|
|
14096
|
+
var _jsxFileName$y = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/icon/CheckOutline.js";
|
|
14097
14097
|
const CheckOutline = props => /*#__PURE__*/React.createElement("svg", _extends({
|
|
14098
14098
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14099
14099
|
xmlSpace: "preserve",
|
|
@@ -14174,7 +14174,7 @@ function OptionGroupItem({
|
|
|
14174
14174
|
}
|
|
14175
14175
|
|
|
14176
14176
|
const _excluded$d = ["placeholder", "option", "value", "defaultValue", "size", "disabled", "onChange", "search", "readOnly", "placement", "disabledOptions", "textEmptyItem", "onRemoveItem", "isInvalid", "sortBy", "showSelectAll", "showTagSelectAll", "selectAllLabel", "showSelectedTag", "unremovableTags", "helperText", "css", "showCounter", "labelCounter", "collapsible", "toggleInput", "fetchData", "onSearch", "isLoading", "maxSelectedItem", "mobileOnly", "desktopOnly", "label", "tagCss", "checkBoxCss", "optionListCss", "showCollapsibleCounter", "collapsibleLimit", "pageIndex", "onSelectAllChecked", "totalOptions", "clearSearchOnSelect", "onItemClick"];
|
|
14177
|
-
var _jsxFileName$x = "/
|
|
14177
|
+
var _jsxFileName$x = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectCheck/InputSelectCheck.js";
|
|
14178
14178
|
const Wrapper$1 = styled('div', {
|
|
14179
14179
|
margin: 0,
|
|
14180
14180
|
flexDirection: 'column',
|
|
@@ -14919,7 +14919,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14919
14919
|
columnNumber: 11
|
|
14920
14920
|
}
|
|
14921
14921
|
}, !(item != null && item.hideCheck) && (item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
14922
|
-
color: colors$
|
|
14922
|
+
color: colors$7.iconDisable,
|
|
14923
14923
|
__self: undefined,
|
|
14924
14924
|
__source: {
|
|
14925
14925
|
fileName: _jsxFileName$x,
|
|
@@ -14927,7 +14927,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
14927
14927
|
columnNumber: 17
|
|
14928
14928
|
}
|
|
14929
14929
|
}) : selectedValue.includes(item.id) && (item.isDisabled === false || item.isDisabled === undefined) && /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
14930
|
-
color: colors$
|
|
14930
|
+
color: colors$7.iconGreen,
|
|
14931
14931
|
__self: undefined,
|
|
14932
14932
|
__source: {
|
|
14933
14933
|
fileName: _jsxFileName$x,
|
|
@@ -15001,7 +15001,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15001
15001
|
columnNumber: 15
|
|
15002
15002
|
}
|
|
15003
15003
|
}, !(item != null && item.hideCheck) && item.isDisabled ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15004
|
-
color: colors$
|
|
15004
|
+
color: colors$7.iconDisable,
|
|
15005
15005
|
__self: undefined,
|
|
15006
15006
|
__source: {
|
|
15007
15007
|
fileName: _jsxFileName$x,
|
|
@@ -15009,7 +15009,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15009
15009
|
columnNumber: 19
|
|
15010
15010
|
}
|
|
15011
15011
|
}) : (filterSelectedChild == null ? void 0 : filterSelectedChild.length) === (item == null || (_item$children7 = item.children) == null || (_item$children7 = _item$children7.filter(e => !e.isDisabled)) == null ? void 0 : _item$children7.length) ? /*#__PURE__*/React__default.createElement(CheckOutline, {
|
|
15012
|
-
color: colors$
|
|
15012
|
+
color: colors$7.iconGreen,
|
|
15013
15013
|
__self: undefined,
|
|
15014
15014
|
__source: {
|
|
15015
15015
|
fileName: _jsxFileName$x,
|
|
@@ -15123,7 +15123,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15123
15123
|
columnNumber: 11
|
|
15124
15124
|
}
|
|
15125
15125
|
}), /*#__PURE__*/React__default.createElement(IconCaretDown, {
|
|
15126
|
-
color: disabled || readOnly ? colors$
|
|
15126
|
+
color: disabled || readOnly ? colors$7.iconDisable : colors$7.iconPrimary,
|
|
15127
15127
|
__self: undefined,
|
|
15128
15128
|
__source: {
|
|
15129
15129
|
fileName: _jsxFileName$x,
|
|
@@ -15244,7 +15244,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15244
15244
|
columnNumber: 19
|
|
15245
15245
|
}
|
|
15246
15246
|
}, showAllTags ? /*#__PURE__*/React__default.createElement(ChevronUpOutline, {
|
|
15247
|
-
color: colors$
|
|
15247
|
+
color: colors$7.iconSecondary,
|
|
15248
15248
|
__self: undefined,
|
|
15249
15249
|
__source: {
|
|
15250
15250
|
fileName: _jsxFileName$x,
|
|
@@ -15252,7 +15252,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15252
15252
|
columnNumber: 23
|
|
15253
15253
|
}
|
|
15254
15254
|
}) : /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
15255
|
-
color: colors$
|
|
15255
|
+
color: colors$7.iconSecondary,
|
|
15256
15256
|
__self: undefined,
|
|
15257
15257
|
__source: {
|
|
15258
15258
|
fileName: _jsxFileName$x,
|
|
@@ -15418,7 +15418,7 @@ const InputSelectCheck = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
|
15418
15418
|
}
|
|
15419
15419
|
}, /*#__PURE__*/React__default.createElement(CircleInfoOutline, {
|
|
15420
15420
|
size: "16px",
|
|
15421
|
-
color: colors$
|
|
15421
|
+
color: colors$7.iconDisable,
|
|
15422
15422
|
style: {
|
|
15423
15423
|
verticalAlign: 'text-bottom'
|
|
15424
15424
|
},
|
|
@@ -15498,7 +15498,7 @@ InputSelectCheck.defaultProps = {
|
|
|
15498
15498
|
onItemClick: changes => {}
|
|
15499
15499
|
};
|
|
15500
15500
|
|
|
15501
|
-
var _jsxFileName$w = "/
|
|
15501
|
+
var _jsxFileName$w = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputSelectTag/InputSelectTag.js";
|
|
15502
15502
|
const InputSelectTag = /*#__PURE__*/React.forwardRef((props, ref) => {
|
|
15503
15503
|
return /*#__PURE__*/React.createElement(InputSelectCheck, _extends({
|
|
15504
15504
|
ref: ref,
|
|
@@ -15559,7 +15559,7 @@ InputSelectTag.defaultProps = {
|
|
|
15559
15559
|
defaultValue: []
|
|
15560
15560
|
};
|
|
15561
15561
|
|
|
15562
|
-
var _jsxFileName$v = "/
|
|
15562
|
+
var _jsxFileName$v = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/form/components/InputCreatable/InputCreatable.js";
|
|
15563
15563
|
const Wrapper = styled('div', {
|
|
15564
15564
|
margin: 0,
|
|
15565
15565
|
flexDirection: 'column',
|
|
@@ -15778,7 +15778,7 @@ function InputCreatable({
|
|
|
15778
15778
|
columnNumber: 9
|
|
15779
15779
|
}
|
|
15780
15780
|
}, /*#__PURE__*/React__default.createElement(CirclePlusOutline, {
|
|
15781
|
-
color: colors$
|
|
15781
|
+
color: colors$7.iconGreen,
|
|
15782
15782
|
__self: this,
|
|
15783
15783
|
__source: {
|
|
15784
15784
|
fileName: _jsxFileName$v,
|
|
@@ -15823,16 +15823,39 @@ const SortingIcon = styled(Flex$1, {
|
|
|
15823
15823
|
alignItems: 'center',
|
|
15824
15824
|
justifyContent: 'center'
|
|
15825
15825
|
});
|
|
15826
|
+
const IconBox = styled('div', {
|
|
15827
|
+
height: 16,
|
|
15828
|
+
width: 16,
|
|
15829
|
+
cursor: 'pointer',
|
|
15830
|
+
variants: {
|
|
15831
|
+
border: {
|
|
15832
|
+
true: {
|
|
15833
|
+
borderRadius: 3,
|
|
15834
|
+
border: '1.5px solid $gray300'
|
|
15835
|
+
}
|
|
15836
|
+
}
|
|
15837
|
+
}
|
|
15838
|
+
});
|
|
15839
|
+
const IndeterminateFilled = styled('div', {
|
|
15840
|
+
width: 16,
|
|
15841
|
+
height: 16,
|
|
15842
|
+
background: '$primary500',
|
|
15843
|
+
color: '$textWhite',
|
|
15844
|
+
borderRadius: 3,
|
|
15845
|
+
fontSize: 14,
|
|
15846
|
+
display: 'flex',
|
|
15847
|
+
justifyContent: 'center',
|
|
15848
|
+
alignItems: 'center'
|
|
15849
|
+
});
|
|
15826
15850
|
function InputResourceList({
|
|
15827
15851
|
data: dataProp,
|
|
15828
15852
|
disabled = false,
|
|
15829
|
-
|
|
15830
|
-
onItemUncheck,
|
|
15853
|
+
onChange,
|
|
15831
15854
|
searchPlaceholder,
|
|
15832
15855
|
counterFooter = true,
|
|
15833
15856
|
counterFooterText,
|
|
15834
15857
|
isLoading = false,
|
|
15835
|
-
|
|
15858
|
+
disabledItems,
|
|
15836
15859
|
emptyDataMessage,
|
|
15837
15860
|
value,
|
|
15838
15861
|
fetchData,
|
|
@@ -15843,25 +15866,29 @@ function InputResourceList({
|
|
|
15843
15866
|
title,
|
|
15844
15867
|
hideSelectAll,
|
|
15845
15868
|
customHeader,
|
|
15846
|
-
|
|
15869
|
+
expandable,
|
|
15870
|
+
renderSelectAll
|
|
15847
15871
|
}) {
|
|
15848
15872
|
const {
|
|
15849
15873
|
t
|
|
15850
15874
|
} = useTranslation(['MajooUI/inputResourceList', 'translation']);
|
|
15851
|
-
const [
|
|
15852
|
-
const [query, setQuery] = useState();
|
|
15875
|
+
const [query, setQuery] = useState('');
|
|
15853
15876
|
const [sortType, setSortType] = useState('asc');
|
|
15854
15877
|
const [data, setData] = useState([]);
|
|
15855
|
-
const
|
|
15856
|
-
|
|
15857
|
-
|
|
15858
|
-
|
|
15859
|
-
|
|
15860
|
-
|
|
15878
|
+
const [expand, setExpand] = useState(false);
|
|
15879
|
+
const isValueString = typeof (value === null || value === void 0 ? void 0 : value[0]) === 'string';
|
|
15880
|
+
const checkedItems = useMemo(() => {
|
|
15881
|
+
if (!value) return [];
|
|
15882
|
+
if (isValueString) {
|
|
15883
|
+
return data.filter(item => value.includes(item.value));
|
|
15884
|
+
}
|
|
15885
|
+
return value;
|
|
15886
|
+
}, [value, data, isValueString]);
|
|
15861
15887
|
const scrollerRef = useRef(null);
|
|
15862
15888
|
useEffect(() => {
|
|
15863
15889
|
function filterUnique(params) {
|
|
15864
|
-
|
|
15890
|
+
if (!params) return;
|
|
15891
|
+
const unique = params.filter((obj, index) => params.findIndex(item => (item === null || item === void 0 ? void 0 : item.value) === (obj === null || obj === void 0 ? void 0 : obj.value)) === index);
|
|
15865
15892
|
setData(unique);
|
|
15866
15893
|
}
|
|
15867
15894
|
filterUnique(dataProp);
|
|
@@ -15877,9 +15904,29 @@ function InputResourceList({
|
|
|
15877
15904
|
setSortType(defaultSort);
|
|
15878
15905
|
}
|
|
15879
15906
|
}, [defaultSort]);
|
|
15907
|
+
const availableData = useMemo(() => {
|
|
15908
|
+
if (!data) return [];
|
|
15909
|
+
const filteredData = data.filter(item => item.label.toLowerCase().match((query === null || query === void 0 ? void 0 : query.toLowerCase()) || ''));
|
|
15910
|
+
const checkedValues = new Set(checkedItems.map(item => item.value));
|
|
15911
|
+
return [...filteredData].sort((a, b) => {
|
|
15912
|
+
const aIsChecked = checkedValues.has(a.value);
|
|
15913
|
+
const bIsChecked = checkedValues.has(b.value);
|
|
15914
|
+
if (aIsChecked && !bIsChecked) {
|
|
15915
|
+
return -1;
|
|
15916
|
+
}
|
|
15917
|
+
if (!aIsChecked && bIsChecked) {
|
|
15918
|
+
return 1;
|
|
15919
|
+
}
|
|
15920
|
+
return 0;
|
|
15921
|
+
});
|
|
15922
|
+
}, [data, query, checkedItems]);
|
|
15923
|
+
const isItemDisabled = item => !!((item === null || item === void 0 ? void 0 : item.disabled) || disabledItems && disabledItems.includes(item.value));
|
|
15924
|
+
const selectableAvailableData = useMemo(() => {
|
|
15925
|
+
return availableData.filter(item => !isItemDisabled(item));
|
|
15926
|
+
}, [availableData, disabledItems]);
|
|
15880
15927
|
const renderCheckbox = (resource, index) => {
|
|
15881
15928
|
var _a, _b;
|
|
15882
|
-
const isDisabled = resource.disabled ||
|
|
15929
|
+
const isDisabled = resource.disabled || disabledItems && disabledItems.includes(resource.value);
|
|
15883
15930
|
return jsxs(Flex$1, Object.assign({
|
|
15884
15931
|
align: "center",
|
|
15885
15932
|
justify: "between"
|
|
@@ -15891,7 +15938,7 @@ function InputResourceList({
|
|
|
15891
15938
|
children: [jsxs(Flex$1, Object.assign({
|
|
15892
15939
|
align: "center"
|
|
15893
15940
|
}, {
|
|
15894
|
-
children: [jsx(InputCheckbox,
|
|
15941
|
+
children: [jsx(InputCheckbox, {
|
|
15895
15942
|
label: jsxs(Flex$1, Object.assign({
|
|
15896
15943
|
gap: 3,
|
|
15897
15944
|
align: "center"
|
|
@@ -15916,16 +15963,14 @@ function InputResourceList({
|
|
|
15916
15963
|
css: {
|
|
15917
15964
|
color: disabled || isDisabled ? '$textDisable' : '$textGreen'
|
|
15918
15965
|
}
|
|
15919
|
-
}, {
|
|
15966
|
+
}, {}, {
|
|
15920
15967
|
children: variant
|
|
15921
15968
|
}), index))]
|
|
15922
15969
|
}), void 0),
|
|
15923
15970
|
index: index,
|
|
15924
15971
|
value: resource.value,
|
|
15925
15972
|
disabled: isDisabled
|
|
15926
|
-
},
|
|
15927
|
-
checked: isDisabled
|
|
15928
|
-
})), void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
|
|
15973
|
+
}, void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
|
|
15929
15974
|
css: {
|
|
15930
15975
|
marginLeft: '$spacing-03'
|
|
15931
15976
|
}
|
|
@@ -15980,9 +16025,9 @@ function InputResourceList({
|
|
|
15980
16025
|
}
|
|
15981
16026
|
switch (type) {
|
|
15982
16027
|
case 'asc':
|
|
15983
|
-
return data.sort(ascending);
|
|
16028
|
+
return [...data].sort(ascending);
|
|
15984
16029
|
case 'desc':
|
|
15985
|
-
return data.sort(descending);
|
|
16030
|
+
return [...data].sort(descending);
|
|
15986
16031
|
default:
|
|
15987
16032
|
return data;
|
|
15988
16033
|
}
|
|
@@ -15990,84 +16035,47 @@ function InputResourceList({
|
|
|
15990
16035
|
function toggleSort() {
|
|
15991
16036
|
setSortType(sortType === 'asc' ? 'desc' : 'asc');
|
|
15992
16037
|
}
|
|
15993
|
-
function renderWithoutSorting() {
|
|
15994
|
-
return jsxs(Flex$1, Object.assign({
|
|
15995
|
-
direction: "column",
|
|
15996
|
-
gap: 3
|
|
15997
|
-
}, {
|
|
15998
|
-
children: [jsx(CheckboxGroup, Object.assign({
|
|
15999
|
-
onChange: (_, index) => {
|
|
16000
|
-
onItemUncheck === null || onItemUncheck === void 0 ? void 0 : onItemUncheck((value || checkedResources)[index]);
|
|
16001
|
-
if (!value) setCheckedResources(current => current.filter(currItem => currItem.value !== checkedResources[index].value));
|
|
16002
|
-
},
|
|
16003
|
-
value: (value || checkedResources).map(item => item.value),
|
|
16004
|
-
disabled: disabled
|
|
16005
|
-
}, {
|
|
16006
|
-
children: (value || checkedResources).map(renderCheckbox)
|
|
16007
|
-
}), void 0), jsx(CheckboxGroup, Object.assign({
|
|
16008
|
-
onChange: (_, index) => {
|
|
16009
|
-
onItemCheck === null || onItemCheck === void 0 ? void 0 : onItemCheck(data[index]);
|
|
16010
|
-
if (!value) setCheckedResources(current => [...current, data[index]]);
|
|
16011
|
-
},
|
|
16012
|
-
value: (value || checkedResources).map(item => item.value),
|
|
16013
|
-
disabled: disabled
|
|
16014
|
-
}, {
|
|
16015
|
-
children: data.map(renderCheckbox)
|
|
16016
|
-
}), void 0)]
|
|
16017
|
-
}), void 0);
|
|
16018
|
-
}
|
|
16019
|
-
function renderWithSorting() {
|
|
16020
|
-
const datasets = sorting(data, sortType);
|
|
16021
|
-
return jsx(Flex$1, Object.assign({
|
|
16022
|
-
direction: "column",
|
|
16023
|
-
gap: 3
|
|
16024
|
-
}, {
|
|
16025
|
-
children: jsx(CheckboxGroup, Object.assign({
|
|
16026
|
-
onChange: (_, index) => {
|
|
16027
|
-
if (value === null || value === void 0 ? void 0 : value.some(val => {
|
|
16028
|
-
var _a;
|
|
16029
|
-
return (val === null || val === void 0 ? void 0 : val.value) === ((_a = datasets[index]) === null || _a === void 0 ? void 0 : _a.value);
|
|
16030
|
-
})) {
|
|
16031
|
-
onItemUncheck === null || onItemUncheck === void 0 ? void 0 : onItemUncheck(datasets[index]);
|
|
16032
|
-
} else {
|
|
16033
|
-
onItemCheck === null || onItemCheck === void 0 ? void 0 : onItemCheck(datasets[index]);
|
|
16034
|
-
}
|
|
16035
|
-
},
|
|
16036
|
-
value: value === null || value === void 0 ? void 0 : value.map(item => item === null || item === void 0 ? void 0 : item.value),
|
|
16037
|
-
disabled: disabled
|
|
16038
|
-
}, {
|
|
16039
|
-
children: datasets.map(renderCheckbox)
|
|
16040
|
-
}), void 0)
|
|
16041
|
-
}), void 0);
|
|
16042
|
-
}
|
|
16043
16038
|
function toggleCheckAll() {
|
|
16044
|
-
|
|
16045
|
-
|
|
16046
|
-
|
|
16047
|
-
|
|
16039
|
+
const selectable = selectableAvailableData;
|
|
16040
|
+
const allSelectableItemsSelected = selectable.length > 0 && selectable.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value));
|
|
16041
|
+
if (allSelectableItemsSelected) {
|
|
16042
|
+
const newCheckedItems = checkedItems.filter(checkedItem => !selectable.some(item => item.value === checkedItem.value));
|
|
16043
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16048
16044
|
} else {
|
|
16049
|
-
|
|
16050
|
-
|
|
16051
|
-
|
|
16052
|
-
|
|
16045
|
+
const itemsToAdd = selectable.filter(item => !checkedItems.some(checkedItem => checkedItem.value === item.value));
|
|
16046
|
+
const newCheckedItems = [...checkedItems, ...itemsToAdd];
|
|
16047
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16048
|
+
}
|
|
16049
|
+
}
|
|
16050
|
+
function handleCheckedAllExpandable() {
|
|
16051
|
+
const allItems = data || [];
|
|
16052
|
+
const selectableAllItems = allItems.filter(item => !isItemDisabled(item));
|
|
16053
|
+
const allItemValues = selectableAllItems.map(i => i.value);
|
|
16054
|
+
const currentValues = checkedItems.map(i => i.value);
|
|
16055
|
+
const areAllSelected = selectableAllItems.length > 0 && selectableAllItems.every(item => currentValues.includes(item.value));
|
|
16056
|
+
let newCheckedItems;
|
|
16057
|
+
if (areAllSelected) {
|
|
16058
|
+
newCheckedItems = checkedItems.filter(item => !allItemValues.includes(item.value));
|
|
16059
|
+
} else {
|
|
16060
|
+
const itemsToAdd = selectableAllItems.filter(item => !currentValues.includes(item.value));
|
|
16061
|
+
newCheckedItems = [...checkedItems, ...itemsToAdd];
|
|
16053
16062
|
}
|
|
16063
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16054
16064
|
}
|
|
16055
|
-
|
|
16065
|
+
const listContent = jsxs(Box, Object.assign({
|
|
16056
16066
|
css: Object.assign({
|
|
16057
16067
|
position: 'relative'
|
|
16058
16068
|
}, css)
|
|
16059
16069
|
}, {
|
|
16060
|
-
children: [customHeader, onQueryChange && jsx(InputSearchbox, {
|
|
16070
|
+
children: [customHeader, onQueryChange && jsx(InputSearchbox, Object.assign({
|
|
16061
16071
|
size: "lg",
|
|
16062
|
-
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...',
|
|
16063
|
-
ns: 'translation'
|
|
16064
|
-
}),
|
|
16072
|
+
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...'),
|
|
16065
16073
|
onChange: debounce(query => {
|
|
16066
16074
|
setQuery(query);
|
|
16067
|
-
onQueryChange(query);
|
|
16075
|
+
if (onQueryChange) onQueryChange(query);
|
|
16068
16076
|
}, 1000),
|
|
16069
16077
|
disabled: disabled
|
|
16070
|
-
}, void 0), defaultSort && jsxs(Flex$1, Object.assign({
|
|
16078
|
+
}, {}), void 0), defaultSort && jsxs(Flex$1, Object.assign({
|
|
16071
16079
|
align: "center",
|
|
16072
16080
|
gap: 3,
|
|
16073
16081
|
css: {
|
|
@@ -16076,8 +16084,8 @@ function InputResourceList({
|
|
|
16076
16084
|
}
|
|
16077
16085
|
}, {
|
|
16078
16086
|
children: [!hideSelectAll && jsx(InputCheckbox, {
|
|
16079
|
-
checked:
|
|
16080
|
-
indeterminate:
|
|
16087
|
+
checked: selectableAvailableData.length > 0 && selectableAvailableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value)),
|
|
16088
|
+
indeterminate: selectableAvailableData.some(item => checkedItems.some(checkedItem => checkedItem.value === item.value)) && !(selectableAvailableData.length > 0 && selectableAvailableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value))),
|
|
16081
16089
|
onCheckedChange: toggleCheckAll,
|
|
16082
16090
|
css: {
|
|
16083
16091
|
marginRight: '$spacing-02'
|
|
@@ -16091,7 +16099,7 @@ function InputResourceList({
|
|
|
16091
16099
|
}, {
|
|
16092
16100
|
children: jsx(SortingOutline, {
|
|
16093
16101
|
size: 16,
|
|
16094
|
-
color: colors$
|
|
16102
|
+
color: colors$7.iconSecondary
|
|
16095
16103
|
}, void 0)
|
|
16096
16104
|
}), void 0)]
|
|
16097
16105
|
}), void 0), isLoading && jsx(Flex$1, Object.assign({
|
|
@@ -16126,7 +16134,7 @@ function InputResourceList({
|
|
|
16126
16134
|
}, wrapperCss && wrapperCss),
|
|
16127
16135
|
ref: scrollerRef
|
|
16128
16136
|
}, {
|
|
16129
|
-
children: [data.length <= 0 &&
|
|
16137
|
+
children: [data.length <= 0 && checkedItems.length <= 0 && !isLoading || defaultSort && data.length < 1 ? jsx(Flex$1, Object.assign({
|
|
16130
16138
|
justify: "center",
|
|
16131
16139
|
align: "center",
|
|
16132
16140
|
css: {
|
|
@@ -16159,9 +16167,27 @@ function InputResourceList({
|
|
|
16159
16167
|
children: children
|
|
16160
16168
|
}), void 0)
|
|
16161
16169
|
}, {
|
|
16162
|
-
children:
|
|
16170
|
+
children: jsx(Flex$1, Object.assign({
|
|
16171
|
+
direction: "column",
|
|
16172
|
+
gap: 3
|
|
16173
|
+
}, {
|
|
16174
|
+
children: jsx(CheckboxGroup, Object.assign({
|
|
16175
|
+
onChange: (_, index) => {
|
|
16176
|
+
const datasets = defaultSort ? sorting(availableData, sortType) : availableData;
|
|
16177
|
+
const newCheckedItems = (checkedItems === null || checkedItems === void 0 ? void 0 : checkedItems.some(val => {
|
|
16178
|
+
var _a;
|
|
16179
|
+
return (val === null || val === void 0 ? void 0 : val.value) === ((_a = datasets[index]) === null || _a === void 0 ? void 0 : _a.value);
|
|
16180
|
+
})) ? checkedItems.filter(val => val.value !== datasets[index].value) : [...(checkedItems || []), datasets[index]];
|
|
16181
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16182
|
+
},
|
|
16183
|
+
value: checkedItems === null || checkedItems === void 0 ? void 0 : checkedItems.map(item => item === null || item === void 0 ? void 0 : item.value),
|
|
16184
|
+
disabled: disabled
|
|
16185
|
+
}, {
|
|
16186
|
+
children: (defaultSort ? sorting(availableData, sortType) : availableData).map(renderCheckbox)
|
|
16187
|
+
}), void 0)
|
|
16188
|
+
}), void 0)
|
|
16163
16189
|
}), void 0)]
|
|
16164
|
-
}), void 0), counterFooter &&
|
|
16190
|
+
}), void 0), counterFooter && checkedItems.length > 0 && jsx(Box, Object.assign({
|
|
16165
16191
|
css: {
|
|
16166
16192
|
marginTop: '$spacing-04'
|
|
16167
16193
|
}
|
|
@@ -16170,119 +16196,49 @@ function InputResourceList({
|
|
|
16170
16196
|
variant: "helper",
|
|
16171
16197
|
color: disabled ? 'disable' : 'green'
|
|
16172
16198
|
}, {
|
|
16173
|
-
children: `${
|
|
16199
|
+
children: `${checkedItems.length} ${counterFooterText || t('counterFooterText', 'kategori dipilih')}`
|
|
16174
16200
|
}), void 0)
|
|
16175
16201
|
}), void 0)]
|
|
16176
16202
|
}), void 0);
|
|
16177
|
-
|
|
16178
|
-
|
|
16179
|
-
const
|
|
16180
|
-
|
|
16181
|
-
|
|
16182
|
-
const
|
|
16183
|
-
|
|
16184
|
-
width: 16,
|
|
16185
|
-
cursor: 'pointer',
|
|
16186
|
-
variants: {
|
|
16187
|
-
border: {
|
|
16188
|
-
true: {
|
|
16189
|
-
borderRadius: 3,
|
|
16190
|
-
border: '1.5px solid $gray300'
|
|
16191
|
-
}
|
|
16192
|
-
}
|
|
16193
|
-
}
|
|
16194
|
-
});
|
|
16195
|
-
const IndeterminateFilled = styled('div', {
|
|
16196
|
-
width: 16,
|
|
16197
|
-
height: 16,
|
|
16198
|
-
background: '$primary500',
|
|
16199
|
-
color: '$textWhite',
|
|
16200
|
-
borderRadius: 3,
|
|
16201
|
-
fontSize: 14,
|
|
16202
|
-
display: 'flex',
|
|
16203
|
-
justifyContent: 'center',
|
|
16204
|
-
alignItems: 'center'
|
|
16205
|
-
});
|
|
16206
|
-
const InputResourceListExpandable = _a => {
|
|
16207
|
-
var _b;
|
|
16208
|
-
var {
|
|
16209
|
-
renderSelectAll,
|
|
16210
|
-
onItemCheck,
|
|
16211
|
-
onItemUncheck,
|
|
16212
|
-
value
|
|
16213
|
-
} = _a,
|
|
16214
|
-
props = __rest(_a, ["renderSelectAll", "onItemCheck", "onItemUncheck", "value"]);
|
|
16215
|
-
const [expand, setExpand] = useState(false);
|
|
16216
|
-
const [checkedItem, setCheckedItem] = useState([]);
|
|
16217
|
-
useEffect(() => {
|
|
16218
|
-
if (value) {
|
|
16219
|
-
setCheckedItem(value);
|
|
16220
|
-
}
|
|
16221
|
-
}, [value]);
|
|
16222
|
-
const handleChecked = item => {
|
|
16223
|
-
onItemCheck(item);
|
|
16224
|
-
setCheckedItem(current => [...current, item]);
|
|
16225
|
-
};
|
|
16226
|
-
const handleUnChecked = item => {
|
|
16227
|
-
onItemUncheck(item);
|
|
16228
|
-
setCheckedItem(current => current.filter(currItem => currItem.value !== item.value));
|
|
16229
|
-
};
|
|
16230
|
-
const handleCheckedAll = () => {
|
|
16231
|
-
var _a, _b, _c;
|
|
16232
|
-
if ((checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length) && !((_a = props === null || props === void 0 ? void 0 : props.data) === null || _a === void 0 ? void 0 : _a.length)) {
|
|
16233
|
-
for (let i = 0; i < (checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length); i++) {
|
|
16234
|
-
const item = checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem[i];
|
|
16235
|
-
handleUnChecked(item);
|
|
16236
|
-
}
|
|
16237
|
-
} else {
|
|
16238
|
-
for (let i = 0; i < ((_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.length); i++) {
|
|
16239
|
-
const item = (_c = props === null || props === void 0 ? void 0 : props.data) === null || _c === void 0 ? void 0 : _c[i];
|
|
16240
|
-
handleChecked(item);
|
|
16241
|
-
}
|
|
16242
|
-
}
|
|
16243
|
-
};
|
|
16244
|
-
return jsxs(Box, {
|
|
16245
|
-
children: [jsxs(Flex$1, Object.assign({
|
|
16246
|
-
justify: "between",
|
|
16247
|
-
align: "start"
|
|
16248
|
-
}, {
|
|
16203
|
+
if (expandable) {
|
|
16204
|
+
const allItems = data || [];
|
|
16205
|
+
const selectableAllItems = allItems.filter(item => !isItemDisabled(item));
|
|
16206
|
+
const checkedValues = checkedItems.map(i => i.value);
|
|
16207
|
+
const isAllSelected = selectableAllItems.length > 0 && selectableAllItems.every(item => checkedValues.includes(item.value));
|
|
16208
|
+
const isIndeterminate = !isAllSelected && selectableAllItems.some(item => checkedValues.includes(item.value));
|
|
16209
|
+
return jsxs(Box, {
|
|
16249
16210
|
children: [jsxs(Flex$1, Object.assign({
|
|
16250
|
-
|
|
16211
|
+
justify: "between",
|
|
16212
|
+
align: "start"
|
|
16251
16213
|
}, {
|
|
16252
|
-
children: [
|
|
16253
|
-
|
|
16254
|
-
border: Boolean(!(checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length))
|
|
16214
|
+
children: [jsxs(Flex$1, Object.assign({
|
|
16215
|
+
gap: 5
|
|
16255
16216
|
}, {
|
|
16256
|
-
children: (
|
|
16257
|
-
|
|
16258
|
-
|
|
16259
|
-
|
|
16260
|
-
|
|
16261
|
-
|
|
16262
|
-
|
|
16263
|
-
|
|
16264
|
-
|
|
16265
|
-
|
|
16266
|
-
|
|
16267
|
-
|
|
16268
|
-
|
|
16269
|
-
|
|
16270
|
-
|
|
16271
|
-
|
|
16272
|
-
|
|
16273
|
-
|
|
16274
|
-
|
|
16275
|
-
|
|
16276
|
-
|
|
16277
|
-
|
|
16278
|
-
}
|
|
16279
|
-
|
|
16280
|
-
|
|
16281
|
-
expandable
|
|
16282
|
-
} = _a,
|
|
16283
|
-
props = __rest(_a, ["expandable"]);
|
|
16284
|
-
return expandable ? jsx(InputResourceListExpandable, Object.assign({}, props), void 0) : jsx(InputResourceList, Object.assign({}, props), void 0);
|
|
16285
|
-
};
|
|
16217
|
+
children: [jsx(IconBox, Object.assign({
|
|
16218
|
+
onClick: handleCheckedAllExpandable,
|
|
16219
|
+
border: !isAllSelected && !isIndeterminate
|
|
16220
|
+
}, {
|
|
16221
|
+
children: isAllSelected ? jsx(CheckOutline, {
|
|
16222
|
+
color: colors$7.iconGreen
|
|
16223
|
+
}, void 0) : isIndeterminate ? jsx(IndeterminateFilled, {
|
|
16224
|
+
children: "-"
|
|
16225
|
+
}, void 0) : ''
|
|
16226
|
+
}), void 0), renderSelectAll]
|
|
16227
|
+
}), void 0), jsx(Box, Object.assign({
|
|
16228
|
+
css: {
|
|
16229
|
+
cursor: 'pointer'
|
|
16230
|
+
},
|
|
16231
|
+
onClick: () => setExpand(!expand)
|
|
16232
|
+
}, {
|
|
16233
|
+
children: expand ? jsx(ChevronUpOutline, {}, void 0) : jsx(ChevronDownOutline, {}, void 0)
|
|
16234
|
+
}), void 0)]
|
|
16235
|
+
}), void 0), jsx(Box, {
|
|
16236
|
+
children: expand && listContent
|
|
16237
|
+
}, void 0)]
|
|
16238
|
+
}, void 0);
|
|
16239
|
+
}
|
|
16240
|
+
return listContent;
|
|
16241
|
+
}
|
|
16286
16242
|
|
|
16287
16243
|
const SelectInputSearch = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
|
|
16288
16244
|
var {
|
|
@@ -16694,7 +16650,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16694
16650
|
}, {
|
|
16695
16651
|
children: jsx(MinusOutline, {
|
|
16696
16652
|
size: 24,
|
|
16697
|
-
color: disabled || disabledDecrement ? colors$
|
|
16653
|
+
color: disabled || disabledDecrement ? colors$7.iconDisable : colors$7.primary500
|
|
16698
16654
|
}, void 0)
|
|
16699
16655
|
}), void 0), jsx(Input$4, {
|
|
16700
16656
|
ref: ref,
|
|
@@ -16717,7 +16673,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16717
16673
|
}, {
|
|
16718
16674
|
children: jsx(PlusOutline, {
|
|
16719
16675
|
size: 24,
|
|
16720
|
-
color: disabled || disabledIncrement ? colors$
|
|
16676
|
+
color: disabled || disabledIncrement ? colors$7.iconDisable : colors$7.primary500
|
|
16721
16677
|
}, void 0)
|
|
16722
16678
|
}), void 0)]
|
|
16723
16679
|
}), void 0);
|
|
@@ -16730,7 +16686,7 @@ InputCounter.defaultProps = {
|
|
|
16730
16686
|
|
|
16731
16687
|
const _excluded$c = ["children"],
|
|
16732
16688
|
_excluded2$3 = ["children", "showOverlay"];
|
|
16733
|
-
var _jsxFileName$u = "/
|
|
16689
|
+
var _jsxFileName$u = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/drawer/Drawer.js";
|
|
16734
16690
|
const Context$1 = /*#__PURE__*/React__default.createContext();
|
|
16735
16691
|
const {
|
|
16736
16692
|
sizes
|
|
@@ -17080,7 +17036,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
|
17080
17036
|
|
|
17081
17037
|
const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
|
|
17082
17038
|
_excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
|
|
17083
|
-
var _jsxFileName$t = "/
|
|
17039
|
+
var _jsxFileName$t = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
|
|
17084
17040
|
const ScrollButton$1 = styled(Button$4, {
|
|
17085
17041
|
width: '28px',
|
|
17086
17042
|
outline: '$btnPrimary solid 1px',
|
|
@@ -17329,7 +17285,7 @@ function ButtonGroup$1(_ref) {
|
|
|
17329
17285
|
columnNumber: 15
|
|
17330
17286
|
}
|
|
17331
17287
|
}, /*#__PURE__*/React__default.createElement(ChevronLeftOutline, {
|
|
17332
|
-
color: colors$
|
|
17288
|
+
color: colors$7.iconGreen,
|
|
17333
17289
|
__self: this,
|
|
17334
17290
|
__source: {
|
|
17335
17291
|
fileName: _jsxFileName$t,
|
|
@@ -17359,7 +17315,7 @@ function ButtonGroup$1(_ref) {
|
|
|
17359
17315
|
columnNumber: 15
|
|
17360
17316
|
}
|
|
17361
17317
|
}, /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
|
|
17362
|
-
color: colors$
|
|
17318
|
+
color: colors$7.iconGreen,
|
|
17363
17319
|
__self: this,
|
|
17364
17320
|
__source: {
|
|
17365
17321
|
fileName: _jsxFileName$t,
|
|
@@ -17609,7 +17565,7 @@ const DateNumber = styled('div', {
|
|
|
17609
17565
|
});
|
|
17610
17566
|
DateNumber.displayName = 'DateNumber';
|
|
17611
17567
|
|
|
17612
|
-
var _jsxFileName$s = "/
|
|
17568
|
+
var _jsxFileName$s = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
|
|
17613
17569
|
const Input$3 = styled('input', {
|
|
17614
17570
|
display: 'none'
|
|
17615
17571
|
});
|
|
@@ -18165,7 +18121,7 @@ TimePicker.propTypes = {
|
|
|
18165
18121
|
};
|
|
18166
18122
|
NativeTimePicker.displayName = 'NativeTimePicker';
|
|
18167
18123
|
|
|
18168
|
-
var _jsxFileName$r = "/
|
|
18124
|
+
var _jsxFileName$r = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
|
|
18169
18125
|
const getInputPickerValue$1 = date => {
|
|
18170
18126
|
if (!date) return;
|
|
18171
18127
|
return moment(date).format('HH:mm');
|
|
@@ -18213,7 +18169,7 @@ function InputTimePicker({
|
|
|
18213
18169
|
}
|
|
18214
18170
|
}, /*#__PURE__*/React__default.createElement(InputLeftElement, {
|
|
18215
18171
|
children: /*#__PURE__*/React__default.createElement(TimeOutline, {
|
|
18216
|
-
color: disabled ? colors$
|
|
18172
|
+
color: disabled ? colors$7.iconDisable : colors$7.iconPrimary,
|
|
18217
18173
|
__self: this,
|
|
18218
18174
|
__source: {
|
|
18219
18175
|
fileName: _jsxFileName$r,
|
|
@@ -21020,7 +20976,7 @@ function InputSignature({
|
|
|
21020
20976
|
}
|
|
21021
20977
|
|
|
21022
20978
|
const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
|
|
21023
|
-
var _jsxFileName$q = "/
|
|
20979
|
+
var _jsxFileName$q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/slider/Slider.js";
|
|
21024
20980
|
const StyledSlider = styled$1(SliderPrimitive.Root, {
|
|
21025
20981
|
position: 'relative',
|
|
21026
20982
|
display: 'flex',
|
|
@@ -21364,7 +21320,7 @@ Slider.defaultProps = {
|
|
|
21364
21320
|
};
|
|
21365
21321
|
|
|
21366
21322
|
const _excluded$9 = ["className", "children", "onClick", "type", "size"];
|
|
21367
|
-
var _jsxFileName$p = "/
|
|
21323
|
+
var _jsxFileName$p = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
|
|
21368
21324
|
const TagWrapper$1 = styled('div', {
|
|
21369
21325
|
boxSizing: 'border-box',
|
|
21370
21326
|
fontSize: '12px',
|
|
@@ -21527,7 +21483,7 @@ const _excluded$8 = ["children"],
|
|
|
21527
21483
|
_excluded2$1 = ["children", "activeTabs"],
|
|
21528
21484
|
_excluded3$1 = ["children", "icon", "activeTabs", "value"],
|
|
21529
21485
|
_excluded4 = ["activeTabs"];
|
|
21530
|
-
var _jsxFileName$o = "/
|
|
21486
|
+
var _jsxFileName$o = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tabs/Tabs.js";
|
|
21531
21487
|
const StyledTabs = styled(TabsPrimitive.Root, {
|
|
21532
21488
|
display: 'flex',
|
|
21533
21489
|
flexDirection: 'column',
|
|
@@ -21753,7 +21709,7 @@ const TabsList$1 = _ref2 => {
|
|
|
21753
21709
|
columnNumber: 11
|
|
21754
21710
|
}
|
|
21755
21711
|
}, /*#__PURE__*/React__default.createElement(ChevronLgLeftOutline, {
|
|
21756
|
-
color: colors$
|
|
21712
|
+
color: colors$7.iconGreen,
|
|
21757
21713
|
__self: undefined,
|
|
21758
21714
|
__source: {
|
|
21759
21715
|
fileName: _jsxFileName$o,
|
|
@@ -21782,7 +21738,7 @@ const TabsList$1 = _ref2 => {
|
|
|
21782
21738
|
columnNumber: 11
|
|
21783
21739
|
}
|
|
21784
21740
|
}, /*#__PURE__*/React__default.createElement(ChevronLgRightOutline, {
|
|
21785
|
-
color: colors$
|
|
21741
|
+
color: colors$7.iconGreen,
|
|
21786
21742
|
__self: undefined,
|
|
21787
21743
|
__source: {
|
|
21788
21744
|
fileName: _jsxFileName$o,
|
|
@@ -21842,7 +21798,7 @@ const TabsTrigger$1 = _ref3 => {
|
|
|
21842
21798
|
columnNumber: 9
|
|
21843
21799
|
}
|
|
21844
21800
|
}, icon && /*#__PURE__*/React__default.cloneElement(icon, {
|
|
21845
|
-
color: activeTabs === value || isIconHovered ? colors$
|
|
21801
|
+
color: activeTabs === value || isIconHovered ? colors$7.iconGreen : colors$7.iconDisable
|
|
21846
21802
|
}), (!icon || activeTabs === value) && children)));
|
|
21847
21803
|
};
|
|
21848
21804
|
TabsTrigger$1.propTypes = {
|
|
@@ -21866,7 +21822,7 @@ TabsContent$1.propTypes = {
|
|
|
21866
21822
|
};
|
|
21867
21823
|
|
|
21868
21824
|
const _excluded$7 = ["children", "variantIcon"];
|
|
21869
|
-
var _jsxFileName$n = "/
|
|
21825
|
+
var _jsxFileName$n = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
|
|
21870
21826
|
const NotificationBadgeRootStyle = styled('span', {
|
|
21871
21827
|
position: 'relative',
|
|
21872
21828
|
display: 'inline-flex',
|
|
@@ -22021,7 +21977,7 @@ NotificationBadge.propTypes = {
|
|
|
22021
21977
|
};
|
|
22022
21978
|
|
|
22023
21979
|
const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
|
|
22024
|
-
var _jsxFileName$m = "/
|
|
21980
|
+
var _jsxFileName$m = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/paper/Paper.js";
|
|
22025
21981
|
const PaperComponent = styled('div', {
|
|
22026
21982
|
padding: '20px',
|
|
22027
21983
|
height: 'auto',
|
|
@@ -22274,7 +22230,7 @@ const removeUndefinedFields = obj => {
|
|
|
22274
22230
|
};
|
|
22275
22231
|
|
|
22276
22232
|
const _excluded$5 = ["isActive", "onClick"];
|
|
22277
|
-
var _jsxFileName$l = "/
|
|
22233
|
+
var _jsxFileName$l = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
|
|
22278
22234
|
const PrevNextButton = styled(Text$1, {
|
|
22279
22235
|
padding: '$spacing-01',
|
|
22280
22236
|
cursor: 'pointer',
|
|
@@ -22338,7 +22294,7 @@ const PrevNextButtonIcon = ({
|
|
|
22338
22294
|
columnNumber: 5
|
|
22339
22295
|
}
|
|
22340
22296
|
}, iconType === 'prev' ? /*#__PURE__*/React__default.createElement(ArrowLeftOutline, {
|
|
22341
|
-
color: isHover ? colors$
|
|
22297
|
+
color: isHover ? colors$7.iconGreen : colors$7.iconPrimary,
|
|
22342
22298
|
__self: undefined,
|
|
22343
22299
|
__source: {
|
|
22344
22300
|
fileName: _jsxFileName$l,
|
|
@@ -22346,7 +22302,7 @@ const PrevNextButtonIcon = ({
|
|
|
22346
22302
|
columnNumber: 9
|
|
22347
22303
|
}
|
|
22348
22304
|
}) : /*#__PURE__*/React__default.createElement(ArrowRightOutline, {
|
|
22349
|
-
color: isHover ? colors$
|
|
22305
|
+
color: isHover ? colors$7.iconGreen : colors$7.iconPrimary,
|
|
22350
22306
|
__self: undefined,
|
|
22351
22307
|
__source: {
|
|
22352
22308
|
fileName: _jsxFileName$l,
|
|
@@ -22768,7 +22724,7 @@ const PaginationButton = ({
|
|
|
22768
22724
|
};
|
|
22769
22725
|
|
|
22770
22726
|
const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
|
|
22771
|
-
var _jsxFileName$k = "/
|
|
22727
|
+
var _jsxFileName$k = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
|
|
22772
22728
|
const LimitContainer = styled(Flex$1, {
|
|
22773
22729
|
cursor: 'pointer'
|
|
22774
22730
|
});
|
|
@@ -22864,7 +22820,7 @@ function PaginationInfo(_ref) {
|
|
|
22864
22820
|
columnNumber: 15
|
|
22865
22821
|
}
|
|
22866
22822
|
}, selectedLimit.toString()), /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
22867
|
-
color: colors$
|
|
22823
|
+
color: colors$7.gray400,
|
|
22868
22824
|
__self: this,
|
|
22869
22825
|
__source: {
|
|
22870
22826
|
fileName: _jsxFileName$k,
|
|
@@ -23003,7 +22959,7 @@ function PaginationInfo(_ref) {
|
|
|
23003
22959
|
}
|
|
23004
22960
|
|
|
23005
22961
|
const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
|
|
23006
|
-
var _jsxFileName$j = "/
|
|
22962
|
+
var _jsxFileName$j = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/Pagination.js";
|
|
23007
22963
|
function Pagination(_ref) {
|
|
23008
22964
|
let {
|
|
23009
22965
|
limit,
|
|
@@ -23178,23 +23134,23 @@ const ContextMenuItem = styled(Item, {
|
|
|
23178
23134
|
userSelect: 'none',
|
|
23179
23135
|
color: '$textPrimary',
|
|
23180
23136
|
'&[data-disabled]': {
|
|
23181
|
-
color: colors$
|
|
23137
|
+
color: colors$7.gray400,
|
|
23182
23138
|
pointerEvents: 'none'
|
|
23183
23139
|
},
|
|
23184
23140
|
'&:hover': {
|
|
23185
23141
|
cursor: 'pointer',
|
|
23186
|
-
backgroundColor: colors$
|
|
23142
|
+
backgroundColor: colors$7.gray100
|
|
23187
23143
|
},
|
|
23188
23144
|
'&:active': {
|
|
23189
|
-
backgroundColor: colors$
|
|
23145
|
+
backgroundColor: colors$7.gray150
|
|
23190
23146
|
},
|
|
23191
23147
|
'&:focus': {
|
|
23192
|
-
backgroundColor: colors$
|
|
23148
|
+
backgroundColor: colors$7.gray100
|
|
23193
23149
|
}
|
|
23194
23150
|
});
|
|
23195
23151
|
const ContextMenuSeparator = styled('div', {
|
|
23196
23152
|
height: 1,
|
|
23197
|
-
backgroundColor: colors$
|
|
23153
|
+
backgroundColor: colors$7.gray150,
|
|
23198
23154
|
margin: 5
|
|
23199
23155
|
});
|
|
23200
23156
|
|
|
@@ -23877,7 +23833,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
23877
23833
|
});
|
|
23878
23834
|
ScrollSyncNode.displayName = 'ScrollSyncNode';
|
|
23879
23835
|
|
|
23880
|
-
var _jsxFileName$i = "/
|
|
23836
|
+
var _jsxFileName$i = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
|
|
23881
23837
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
|
|
23882
23838
|
icon: true,
|
|
23883
23839
|
size: "xs",
|
|
@@ -25373,7 +25329,7 @@ const TableColumn = _a => {
|
|
|
25373
25329
|
return jsx("div", {}, void 0);
|
|
25374
25330
|
};
|
|
25375
25331
|
|
|
25376
|
-
var _jsxFileName$h = "/
|
|
25332
|
+
var _jsxFileName$h = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
|
|
25377
25333
|
const DateColumn = ({
|
|
25378
25334
|
value,
|
|
25379
25335
|
customFormat
|
|
@@ -25485,7 +25441,7 @@ const PriceColumn = props => {
|
|
|
25485
25441
|
return addThousandSeparator(param);
|
|
25486
25442
|
};
|
|
25487
25443
|
|
|
25488
|
-
var _jsxFileName$g = "/
|
|
25444
|
+
var _jsxFileName$g = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
|
|
25489
25445
|
const rowExpanderColumn = {
|
|
25490
25446
|
id: 'expander',
|
|
25491
25447
|
Header: () => null,
|
|
@@ -25528,7 +25484,7 @@ const rowExpanderColumn = {
|
|
|
25528
25484
|
unsortable: true
|
|
25529
25485
|
};
|
|
25530
25486
|
|
|
25531
|
-
var _jsxFileName$f = "/
|
|
25487
|
+
var _jsxFileName$f = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
|
|
25532
25488
|
const rowExpanderMultipleColumn = {
|
|
25533
25489
|
id: 'multiple-expander',
|
|
25534
25490
|
Header: () => null,
|
|
@@ -25564,7 +25520,7 @@ const rowExpanderMultipleColumn = {
|
|
|
25564
25520
|
unsortable: true
|
|
25565
25521
|
};
|
|
25566
25522
|
|
|
25567
|
-
var _jsxFileName$e = "/
|
|
25523
|
+
var _jsxFileName$e = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
|
|
25568
25524
|
const rowMenuColumn = (options, icon, config) => ({
|
|
25569
25525
|
id: 'menu',
|
|
25570
25526
|
options,
|
|
@@ -25701,7 +25657,7 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
25701
25657
|
unsortable: true
|
|
25702
25658
|
});
|
|
25703
25659
|
|
|
25704
|
-
var _jsxFileName$d = "/
|
|
25660
|
+
var _jsxFileName$d = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
|
|
25705
25661
|
const rowSelectionColumn = {
|
|
25706
25662
|
id: 'selection',
|
|
25707
25663
|
Header: ({
|
|
@@ -25750,7 +25706,7 @@ const rowSelectionColumn = {
|
|
|
25750
25706
|
unsortable: true
|
|
25751
25707
|
};
|
|
25752
25708
|
|
|
25753
|
-
var _jsxFileName$c = "/
|
|
25709
|
+
var _jsxFileName$c = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
|
|
25754
25710
|
const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
|
|
25755
25711
|
id: 'selection',
|
|
25756
25712
|
Header: ({
|
|
@@ -26088,7 +26044,7 @@ PageDialog.defaultProps = {
|
|
|
26088
26044
|
};
|
|
26089
26045
|
|
|
26090
26046
|
const _excluded$2 = ["children"];
|
|
26091
|
-
var _jsxFileName$b = "/
|
|
26047
|
+
var _jsxFileName$b = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
|
|
26092
26048
|
const overlayShow = keyframes({
|
|
26093
26049
|
'0%': {
|
|
26094
26050
|
opacity: 0
|
|
@@ -26109,7 +26065,7 @@ const contentShow = keyframes({
|
|
|
26109
26065
|
});
|
|
26110
26066
|
const StyledOverlay = styled(ADialog.Overlay, {
|
|
26111
26067
|
zIndex: 1,
|
|
26112
|
-
backgroundColor: colors$
|
|
26068
|
+
backgroundColor: colors$7.bgDimmer,
|
|
26113
26069
|
position: 'fixed',
|
|
26114
26070
|
inset: 0,
|
|
26115
26071
|
'@media (prefers-reduced-motion: no-preference)': {
|
|
@@ -26142,14 +26098,14 @@ const StyledTitle = styled(ADialog.Title, {
|
|
|
26142
26098
|
display: 'flex',
|
|
26143
26099
|
flexDirection: 'row',
|
|
26144
26100
|
justifyContent: 'space-between',
|
|
26145
|
-
color: colors$
|
|
26101
|
+
color: colors$7.gray900,
|
|
26146
26102
|
fontSize: 17,
|
|
26147
26103
|
fontWeight: 500
|
|
26148
26104
|
});
|
|
26149
26105
|
const StyledDescription$1 = styled(ADialog.Description, {
|
|
26150
26106
|
mx: 24,
|
|
26151
26107
|
my: 20,
|
|
26152
|
-
color: colors$
|
|
26108
|
+
color: colors$7.gray900,
|
|
26153
26109
|
fontSize: 15,
|
|
26154
26110
|
lineHeight: 1.5
|
|
26155
26111
|
});
|
|
@@ -26723,7 +26679,7 @@ const AlertDialogConfirm = ADialog.Action;
|
|
|
26723
26679
|
const _excluded$1 = ["side", "align", "children"],
|
|
26724
26680
|
_excluded2 = ["children"],
|
|
26725
26681
|
_excluded3 = ["asChild"];
|
|
26726
|
-
var _jsxFileName$a = "/
|
|
26682
|
+
var _jsxFileName$a = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
|
|
26727
26683
|
const Context = /*#__PURE__*/React__default.createContext();
|
|
26728
26684
|
const slideUpAndFade = keyframes({
|
|
26729
26685
|
'0%': {
|
|
@@ -26807,17 +26763,17 @@ const itemStyles = {
|
|
|
26807
26763
|
position: 'relative',
|
|
26808
26764
|
userSelect: 'none',
|
|
26809
26765
|
'&[data-disabled]': {
|
|
26810
|
-
color: colors$
|
|
26766
|
+
color: colors$7.gray400,
|
|
26811
26767
|
pointerEvents: 'none'
|
|
26812
26768
|
},
|
|
26813
26769
|
'&:hover': {
|
|
26814
26770
|
cursor: 'pointer'
|
|
26815
26771
|
},
|
|
26816
26772
|
'&:active': {
|
|
26817
|
-
backgroundColor: colors$
|
|
26773
|
+
backgroundColor: colors$7.gray150
|
|
26818
26774
|
},
|
|
26819
26775
|
'&:focus': {
|
|
26820
|
-
backgroundColor: colors$
|
|
26776
|
+
backgroundColor: colors$7.gray100
|
|
26821
26777
|
}
|
|
26822
26778
|
};
|
|
26823
26779
|
const StyledItem = styled(DropdownMenuPrimitive.Item, Object.assign({}, itemStyles));
|
|
@@ -26839,11 +26795,11 @@ const StyledLabel = styled(DropdownMenuPrimitive.Label, {
|
|
|
26839
26795
|
padding: '8px 0',
|
|
26840
26796
|
fontSize: 12,
|
|
26841
26797
|
lineHeight: '25px',
|
|
26842
|
-
color: colors$
|
|
26798
|
+
color: colors$7.gray700
|
|
26843
26799
|
});
|
|
26844
26800
|
const StyledSeparator = styled(DropdownMenuPrimitive.Separator, {
|
|
26845
26801
|
height: 1,
|
|
26846
|
-
backgroundColor: colors$
|
|
26802
|
+
backgroundColor: colors$7.gray150,
|
|
26847
26803
|
margin: 5
|
|
26848
26804
|
});
|
|
26849
26805
|
const StyledItemIndicator = styled(DropdownMenuPrimitive.ItemIndicator, {
|
|
@@ -26952,7 +26908,7 @@ const RightSlot = styled('div', {
|
|
|
26952
26908
|
color: 'white'
|
|
26953
26909
|
},
|
|
26954
26910
|
'[data-disabled] &': {
|
|
26955
|
-
color: colors$
|
|
26911
|
+
color: colors$7.gray400
|
|
26956
26912
|
}
|
|
26957
26913
|
});
|
|
26958
26914
|
const StyledDropdown = styled(Button$4, {
|
|
@@ -29003,7 +28959,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
|
|
|
29003
28959
|
}
|
|
29004
28960
|
|
|
29005
28961
|
const _excluded = ["customPreviewIcon"];
|
|
29006
|
-
var _jsxFileName$9 = "/
|
|
28962
|
+
var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
|
|
29007
28963
|
const Input$2 = styled('input', {
|
|
29008
28964
|
display: 'none !important'
|
|
29009
28965
|
});
|
|
@@ -30970,7 +30926,7 @@ const Device = props => {
|
|
|
30970
30926
|
buttonType: "secondary"
|
|
30971
30927
|
}, {
|
|
30972
30928
|
children: jsx(ChevronLeftOutline, {
|
|
30973
|
-
color: colors$
|
|
30929
|
+
color: colors$7.btnPrimary
|
|
30974
30930
|
}, void 0)
|
|
30975
30931
|
}), void 0), jsxs(Flex$1, Object.assign({
|
|
30976
30932
|
align: "center",
|
|
@@ -31030,14 +30986,14 @@ const Device = props => {
|
|
|
31030
30986
|
buttonType: "secondary"
|
|
31031
30987
|
}, {
|
|
31032
30988
|
children: jsx(ChevronRightOutline, {
|
|
31033
|
-
color: colors$
|
|
30989
|
+
color: colors$7.btnPrimary
|
|
31034
30990
|
}, void 0)
|
|
31035
30991
|
}), void 0)]
|
|
31036
30992
|
}), void 0);
|
|
31037
30993
|
};
|
|
31038
30994
|
Device.displayName = 'DevicePreview';
|
|
31039
30995
|
|
|
31040
|
-
var _jsxFileName$8 = "/
|
|
30996
|
+
var _jsxFileName$8 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
|
|
31041
30997
|
const Separator$1 = styled('div', {
|
|
31042
30998
|
height: 20,
|
|
31043
30999
|
width: 1,
|
|
@@ -31198,7 +31154,7 @@ InputColorPicker.defaultProps = {
|
|
|
31198
31154
|
|
|
31199
31155
|
var img$d = "data:image/gif;base64,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";
|
|
31200
31156
|
|
|
31201
|
-
var _jsxFileName$7 = "/
|
|
31157
|
+
var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
|
|
31202
31158
|
const Container$7 = styled('div', {
|
|
31203
31159
|
userSelect: 'none',
|
|
31204
31160
|
margin: 'auto',
|
|
@@ -33159,7 +33115,7 @@ function ColorMap({
|
|
|
33159
33115
|
})));
|
|
33160
33116
|
}
|
|
33161
33117
|
|
|
33162
|
-
var _jsxFileName$6 = "/
|
|
33118
|
+
var _jsxFileName$6 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
|
|
33163
33119
|
const CheckBoard = styled(Flex$1, {
|
|
33164
33120
|
background: '$bgwhite',
|
|
33165
33121
|
border: '1px solid #E5E7EB',
|
|
@@ -33360,7 +33316,7 @@ function ColorFields({
|
|
|
33360
33316
|
}, "%")));
|
|
33361
33317
|
}
|
|
33362
33318
|
|
|
33363
|
-
var _jsxFileName$5 = "/
|
|
33319
|
+
var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
|
|
33364
33320
|
const Container$6 = styled(Flex$1, {
|
|
33365
33321
|
background: '$white',
|
|
33366
33322
|
padding: 16,
|
|
@@ -33877,7 +33833,7 @@ ColorPicker.defaultProps = {
|
|
|
33877
33833
|
};
|
|
33878
33834
|
var ColorPicker$1 = ColorWrap(ColorPicker);
|
|
33879
33835
|
|
|
33880
|
-
var _jsxFileName$4 = "/
|
|
33836
|
+
var _jsxFileName$4 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
|
|
33881
33837
|
const StepWizardContext = /*#__PURE__*/React__default.createContext({});
|
|
33882
33838
|
const Stepper = StepWizard$1;
|
|
33883
33839
|
Stepper.displayName = 'Stepper';
|
|
@@ -34131,7 +34087,7 @@ const Navigation = props => {
|
|
|
34131
34087
|
marginRight: 9
|
|
34132
34088
|
},
|
|
34133
34089
|
size: "24",
|
|
34134
|
-
color: colors$
|
|
34090
|
+
color: colors$7.bgGreen,
|
|
34135
34091
|
__self: undefined,
|
|
34136
34092
|
__source: {
|
|
34137
34093
|
fileName: _jsxFileName$4,
|
|
@@ -34152,7 +34108,7 @@ const Navigation = props => {
|
|
|
34152
34108
|
margin: '0 9px'
|
|
34153
34109
|
},
|
|
34154
34110
|
size: "20",
|
|
34155
|
-
color: colors$
|
|
34111
|
+
color: colors$7.iconSecondary,
|
|
34156
34112
|
__self: undefined,
|
|
34157
34113
|
__source: {
|
|
34158
34114
|
fileName: _jsxFileName$4,
|
|
@@ -34224,7 +34180,7 @@ const Navigation = props => {
|
|
|
34224
34180
|
}
|
|
34225
34181
|
}, /*#__PURE__*/React__default.createElement(StyledCircleInfoOutline, {
|
|
34226
34182
|
size: "20",
|
|
34227
|
-
color: colors$
|
|
34183
|
+
color: colors$7.iconPrimary,
|
|
34228
34184
|
__self: undefined,
|
|
34229
34185
|
__source: {
|
|
34230
34186
|
fileName: _jsxFileName$4,
|
|
@@ -34600,7 +34556,7 @@ StepWizard.defaultProps = {
|
|
|
34600
34556
|
isLazyMount: true
|
|
34601
34557
|
};
|
|
34602
34558
|
|
|
34603
|
-
var _jsxFileName$3 = "/
|
|
34559
|
+
var _jsxFileName$3 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
|
|
34604
34560
|
function Collapse({
|
|
34605
34561
|
children,
|
|
34606
34562
|
isOpen
|
|
@@ -34643,14 +34599,14 @@ Collapse.defaultProps = {
|
|
|
34643
34599
|
isOpen: false
|
|
34644
34600
|
};
|
|
34645
34601
|
|
|
34646
|
-
var _jsxFileName$2 = "/
|
|
34602
|
+
var _jsxFileName$2 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
|
|
34647
34603
|
const DesktopContainer = styled(Flex$1, {
|
|
34648
34604
|
display: 'none',
|
|
34649
34605
|
'& .active-scroll-spy': {
|
|
34650
|
-
borderLeft: `4px solid ${colors$
|
|
34606
|
+
borderLeft: `4px solid ${colors$7.primary500} !important`
|
|
34651
34607
|
},
|
|
34652
34608
|
'& .active-scroll-spy .link-title': {
|
|
34653
|
-
color: `${colors$
|
|
34609
|
+
color: `${colors$7.primary500} !important`
|
|
34654
34610
|
},
|
|
34655
34611
|
'@md': {
|
|
34656
34612
|
display: 'unset'
|
|
@@ -34658,7 +34614,7 @@ const DesktopContainer = styled(Flex$1, {
|
|
|
34658
34614
|
});
|
|
34659
34615
|
const MobileContainer = styled(Flex$1, {
|
|
34660
34616
|
backgroundColor: '$white',
|
|
34661
|
-
border: `1px solid ${colors$
|
|
34617
|
+
border: `1px solid ${colors$7.gray150}`,
|
|
34662
34618
|
borderRadius: 8,
|
|
34663
34619
|
padding: '8px 8px',
|
|
34664
34620
|
width: '100%',
|
|
@@ -34785,7 +34741,7 @@ function Content({
|
|
|
34785
34741
|
marginLeft: '-4px !important',
|
|
34786
34742
|
borderLeftWidth: '4px !important',
|
|
34787
34743
|
borderLeftStyle: 'solid !important',
|
|
34788
|
-
borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$
|
|
34744
|
+
borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$7.primary500 : 'transparent'} !important`,
|
|
34789
34745
|
paddingLeft: '16px !important',
|
|
34790
34746
|
minHeight: 25
|
|
34791
34747
|
},
|
|
@@ -35004,7 +34960,7 @@ TableOfContentPage.defaultProps = {
|
|
|
35004
34960
|
useBoxMethod: true
|
|
35005
34961
|
};
|
|
35006
34962
|
|
|
35007
|
-
var _jsxFileName$1 = "/
|
|
34963
|
+
var _jsxFileName$1 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/editableTable/transition.js";
|
|
35008
34964
|
function Collapalse({
|
|
35009
34965
|
children,
|
|
35010
34966
|
isOpen
|
|
@@ -53457,11 +53413,11 @@ function ProgressIndicator(props) {
|
|
|
53457
53413
|
const getColor = state => {
|
|
53458
53414
|
switch (state) {
|
|
53459
53415
|
case 'error':
|
|
53460
|
-
return colors$
|
|
53416
|
+
return colors$7.red400;
|
|
53461
53417
|
case 'active':
|
|
53462
|
-
return colors$
|
|
53418
|
+
return colors$7.primary500;
|
|
53463
53419
|
default:
|
|
53464
|
-
return colors$
|
|
53420
|
+
return colors$7.gray150;
|
|
53465
53421
|
}
|
|
53466
53422
|
};
|
|
53467
53423
|
const iconProps = {
|
|
@@ -54020,8 +53976,8 @@ function MapPicker(props) {
|
|
|
54020
53976
|
center: [center === null || center === void 0 ? void 0 : center.lat, center === null || center === void 0 ? void 0 : center.lng],
|
|
54021
53977
|
radius: radius,
|
|
54022
53978
|
pathOptions: {
|
|
54023
|
-
color: colors$
|
|
54024
|
-
fillColor: colors$
|
|
53979
|
+
color: colors$7.bgGreen,
|
|
53980
|
+
fillColor: colors$7.bgGreen
|
|
54025
53981
|
}
|
|
54026
53982
|
}, void 0), jsx(TileLayer, {
|
|
54027
53983
|
url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
|
|
@@ -55527,7 +55483,7 @@ function CheckboxTable(props) {
|
|
|
55527
55483
|
}
|
|
55528
55484
|
}, void 0) : jsx(MinusOutline, {
|
|
55529
55485
|
size: 16,
|
|
55530
|
-
color: colors$
|
|
55486
|
+
color: colors$7.iconDisable
|
|
55531
55487
|
}, void 0)
|
|
55532
55488
|
}, void 0)
|
|
55533
55489
|
}), index + indexSubRow + 'tb-cell-collapse');
|
|
@@ -55832,9 +55788,9 @@ const StyledSkeleton = props => {
|
|
|
55832
55788
|
function getBaseColor(color) {
|
|
55833
55789
|
switch (color) {
|
|
55834
55790
|
case 'primary':
|
|
55835
|
-
return colors$
|
|
55791
|
+
return colors$7.gray300;
|
|
55836
55792
|
default:
|
|
55837
|
-
return colors$
|
|
55793
|
+
return colors$7.gray150;
|
|
55838
55794
|
}
|
|
55839
55795
|
}
|
|
55840
55796
|
function getSize(size) {
|
|
@@ -55988,9 +55944,9 @@ function TagList({
|
|
|
55988
55944
|
}
|
|
55989
55945
|
}, {
|
|
55990
55946
|
children: [showAllTags ? jsx(ChevronUpOutline, {
|
|
55991
|
-
color: colors$
|
|
55947
|
+
color: colors$7.iconSecondary
|
|
55992
55948
|
}, void 0) : jsx(ChevronDownOutline, {
|
|
55993
|
-
color: colors$
|
|
55949
|
+
color: colors$7.iconSecondary
|
|
55994
55950
|
}, void 0), jsx(Paragraph, Object.assign({
|
|
55995
55951
|
css: {
|
|
55996
55952
|
fontWeight: 600,
|
|
@@ -56518,7 +56474,7 @@ PieChartComponent.defaultProps = {
|
|
|
56518
56474
|
innerRadius: 70
|
|
56519
56475
|
};
|
|
56520
56476
|
|
|
56521
|
-
var _jsxFileName = "/
|
|
56477
|
+
var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
|
|
56522
56478
|
const StyledPaper = styled(Paper, {
|
|
56523
56479
|
borderRadius: '10px 10px 0 0',
|
|
56524
56480
|
padding: 15,
|
|
@@ -57820,4 +57776,4 @@ const useToggle = initialValue => {
|
|
|
57820
57776
|
return useReducer(toggleReducer, initialValue);
|
|
57821
57777
|
};
|
|
57822
57778
|
|
|
57823
|
-
export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, BarChartComponent as BarChart, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$4 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, Cell, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CustomDatePicker, DATE_RANGE_PICKER, DEFAULT, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, Input$7 as Input, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputDateRange, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup,
|
|
57779
|
+
export { ADVANCE_PICKER, Accordion, AccordionContent, AccordionItem, AccordionTrigger, AdvancedOption, AlertDialog, AlertDialogCancel, AlertDialogConfirm, AlertDialogContent, AlertDialogDescription, AlertDialogFunction, AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, Avatar, BOTTOM_LEFT_POSITION, BOTTOM_RIGHT_POSITION, Badge, Banner, BannerClose, BannerDescription, BannerLink, BannerTitle, BarChartComponent as BarChart, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$4 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, Cell, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, CustomDatePicker, DATE_RANGE_PICKER, DEFAULT, DateColumn, DatePicker, DecimalColumn, Device as DevicePreview, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerCloseButton, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuArrow, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuItemIndicator, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuTrigger, EditableTable, Flex$1 as Flex, FormGroup, FormHelper, FormLabel, Grid, GridItem, Heading, IconButton, IconContainer, Image, ImageDevicePreview, Input$7 as Input, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputDateRange, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSignature, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_30_DAYS, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MONTHLY, MajooProvider, MapPicker, MemoizedEditableTable, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NEXT_MONTH, NEXT_WEEK, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PREV_MONTH, PREV_WEEK, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, PieChartComponent as PieChart, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_CONTROL, RANGE_MONTH, RANGE_PICKER, RANGE_WEEK, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowExpanderMultipleColumn as RowExpanderMultipleColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, rowSelectionWithCallbackColumn as RowSelectionWithCallbackColumn, SINGLE_PICKER, ScrollSync, ScrollSyncNode, SelectBox, SelectContainer, SelectItem, SelectOption, Separator$2 as Separator, Skeleton, Slider, StepWizard, StepWizardContext, StyledBox, StyledDropdown, StyledInput$1 as StyledInput, StyledSpan, StyledTitle$2 as StyledTitle, THIS_MONTH, THIS_WEEK, TODAY, TOP_LEFT_POSITION, TOP_RIGHT_POSITION, Table, TableBody$3 as TableBody, TableCell$3 as TableCell, TableColumn, TableContent$3 as TableContent, TableFoot$2 as TableFoot, TableFootCell$2 as TableFootCell, TableFootRow$2 as TableFootRow, TableHead$3 as TableHead, TableHeadCellContent, TableHeaderCellContainer, TableOfContent, TableOfContentPage, TableRow$3 as TableRow, Tabs$1 as Tabs, TabsContent$1 as TabsContent, TabsList$1 as TabsList, TabsTrigger$1 as TabsTrigger, Tag, TagList, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, ToastProvider, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, WEEKLY, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptionsEn, advancePickerOptionsId, defaultEmptyDataProps, defaultFetchDataParams, pickerReducer, useListOption, useToggle };
|