@majoo-ui/react 1.61.15 → 1.61.16-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.esm.js
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,25 @@ 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]);
|
|
15880
15923
|
const renderCheckbox = (resource, index) => {
|
|
15881
15924
|
var _a, _b;
|
|
15882
|
-
const isDisabled = resource.disabled ||
|
|
15925
|
+
const isDisabled = resource.disabled || disabledItems && disabledItems.includes(resource.value);
|
|
15883
15926
|
return jsxs(Flex$1, Object.assign({
|
|
15884
15927
|
align: "center",
|
|
15885
15928
|
justify: "between"
|
|
@@ -15891,7 +15934,7 @@ function InputResourceList({
|
|
|
15891
15934
|
children: [jsxs(Flex$1, Object.assign({
|
|
15892
15935
|
align: "center"
|
|
15893
15936
|
}, {
|
|
15894
|
-
children: [jsx(InputCheckbox,
|
|
15937
|
+
children: [jsx(InputCheckbox, {
|
|
15895
15938
|
label: jsxs(Flex$1, Object.assign({
|
|
15896
15939
|
gap: 3,
|
|
15897
15940
|
align: "center"
|
|
@@ -15916,16 +15959,14 @@ function InputResourceList({
|
|
|
15916
15959
|
css: {
|
|
15917
15960
|
color: disabled || isDisabled ? '$textDisable' : '$textGreen'
|
|
15918
15961
|
}
|
|
15919
|
-
}, {
|
|
15962
|
+
}, {}, {
|
|
15920
15963
|
children: variant
|
|
15921
15964
|
}), index))]
|
|
15922
15965
|
}), void 0),
|
|
15923
15966
|
index: index,
|
|
15924
15967
|
value: resource.value,
|
|
15925
15968
|
disabled: isDisabled
|
|
15926
|
-
},
|
|
15927
|
-
checked: isDisabled
|
|
15928
|
-
})), void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
|
|
15969
|
+
}, void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
|
|
15929
15970
|
css: {
|
|
15930
15971
|
marginLeft: '$spacing-03'
|
|
15931
15972
|
}
|
|
@@ -15980,9 +16021,9 @@ function InputResourceList({
|
|
|
15980
16021
|
}
|
|
15981
16022
|
switch (type) {
|
|
15982
16023
|
case 'asc':
|
|
15983
|
-
return data.sort(ascending);
|
|
16024
|
+
return [...data].sort(ascending);
|
|
15984
16025
|
case 'desc':
|
|
15985
|
-
return data.sort(descending);
|
|
16026
|
+
return [...data].sort(descending);
|
|
15986
16027
|
default:
|
|
15987
16028
|
return data;
|
|
15988
16029
|
}
|
|
@@ -15990,84 +16031,44 @@ function InputResourceList({
|
|
|
15990
16031
|
function toggleSort() {
|
|
15991
16032
|
setSortType(sortType === 'asc' ? 'desc' : 'asc');
|
|
15992
16033
|
}
|
|
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
16034
|
function toggleCheckAll() {
|
|
16044
|
-
|
|
16045
|
-
|
|
16046
|
-
|
|
16047
|
-
|
|
16035
|
+
const allAvailableItemsSelected = availableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value));
|
|
16036
|
+
if (allAvailableItemsSelected) {
|
|
16037
|
+
const newCheckedItems = checkedItems.filter(checkedItem => !availableData.some(item => item.value === checkedItem.value));
|
|
16038
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16048
16039
|
} else {
|
|
16049
|
-
|
|
16050
|
-
|
|
16051
|
-
|
|
16052
|
-
|
|
16040
|
+
const newCheckedItems = [...checkedItems, ...availableData.filter(item => !checkedItems.some(checkedItem => checkedItem.value === item.value))];
|
|
16041
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16042
|
+
}
|
|
16043
|
+
}
|
|
16044
|
+
function handleCheckedAllExpandable() {
|
|
16045
|
+
const allItems = data || [];
|
|
16046
|
+
const allItemValues = allItems.map(i => i.value);
|
|
16047
|
+
const currentValues = checkedItems.map(i => i.value);
|
|
16048
|
+
const areAllSelected = allItems.length > 0 && allItems.every(item => currentValues.includes(item.value));
|
|
16049
|
+
let newCheckedItems;
|
|
16050
|
+
if (areAllSelected) {
|
|
16051
|
+
newCheckedItems = checkedItems.filter(item => !allItemValues.includes(item.value));
|
|
16052
|
+
} else {
|
|
16053
|
+
const itemsToAdd = allItems.filter(item => !currentValues.includes(item.value));
|
|
16054
|
+
newCheckedItems = [...checkedItems, ...itemsToAdd];
|
|
16053
16055
|
}
|
|
16056
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16054
16057
|
}
|
|
16055
|
-
|
|
16058
|
+
const listContent = jsxs(Box, Object.assign({
|
|
16056
16059
|
css: Object.assign({
|
|
16057
16060
|
position: 'relative'
|
|
16058
16061
|
}, css)
|
|
16059
16062
|
}, {
|
|
16060
|
-
children: [customHeader, onQueryChange && jsx(InputSearchbox, {
|
|
16063
|
+
children: [customHeader, onQueryChange && jsx(InputSearchbox, Object.assign({
|
|
16061
16064
|
size: "lg",
|
|
16062
|
-
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...',
|
|
16063
|
-
ns: 'translation'
|
|
16064
|
-
}),
|
|
16065
|
+
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...'),
|
|
16065
16066
|
onChange: debounce(query => {
|
|
16066
16067
|
setQuery(query);
|
|
16067
|
-
onQueryChange(query);
|
|
16068
|
+
if (onQueryChange) onQueryChange(query);
|
|
16068
16069
|
}, 1000),
|
|
16069
16070
|
disabled: disabled
|
|
16070
|
-
}, void 0), defaultSort && jsxs(Flex$1, Object.assign({
|
|
16071
|
+
}, {}), void 0), defaultSort && jsxs(Flex$1, Object.assign({
|
|
16071
16072
|
align: "center",
|
|
16072
16073
|
gap: 3,
|
|
16073
16074
|
css: {
|
|
@@ -16076,8 +16077,8 @@ function InputResourceList({
|
|
|
16076
16077
|
}
|
|
16077
16078
|
}, {
|
|
16078
16079
|
children: [!hideSelectAll && jsx(InputCheckbox, {
|
|
16079
|
-
checked:
|
|
16080
|
-
indeterminate:
|
|
16080
|
+
checked: availableData.length > 0 && availableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value)),
|
|
16081
|
+
indeterminate: availableData.some(item => checkedItems.some(checkedItem => checkedItem.value === item.value)) && !availableData.every(item => checkedItems.some(checkedItem => checkedItem.value === item.value)),
|
|
16081
16082
|
onCheckedChange: toggleCheckAll,
|
|
16082
16083
|
css: {
|
|
16083
16084
|
marginRight: '$spacing-02'
|
|
@@ -16091,7 +16092,7 @@ function InputResourceList({
|
|
|
16091
16092
|
}, {
|
|
16092
16093
|
children: jsx(SortingOutline, {
|
|
16093
16094
|
size: 16,
|
|
16094
|
-
color: colors$
|
|
16095
|
+
color: colors$7.iconSecondary
|
|
16095
16096
|
}, void 0)
|
|
16096
16097
|
}), void 0)]
|
|
16097
16098
|
}), void 0), isLoading && jsx(Flex$1, Object.assign({
|
|
@@ -16126,7 +16127,7 @@ function InputResourceList({
|
|
|
16126
16127
|
}, wrapperCss && wrapperCss),
|
|
16127
16128
|
ref: scrollerRef
|
|
16128
16129
|
}, {
|
|
16129
|
-
children: [data.length <= 0 &&
|
|
16130
|
+
children: [data.length <= 0 && checkedItems.length <= 0 && !isLoading || defaultSort && data.length < 1 ? jsx(Flex$1, Object.assign({
|
|
16130
16131
|
justify: "center",
|
|
16131
16132
|
align: "center",
|
|
16132
16133
|
css: {
|
|
@@ -16159,9 +16160,27 @@ function InputResourceList({
|
|
|
16159
16160
|
children: children
|
|
16160
16161
|
}), void 0)
|
|
16161
16162
|
}, {
|
|
16162
|
-
children:
|
|
16163
|
+
children: jsx(Flex$1, Object.assign({
|
|
16164
|
+
direction: "column",
|
|
16165
|
+
gap: 3
|
|
16166
|
+
}, {
|
|
16167
|
+
children: jsx(CheckboxGroup, Object.assign({
|
|
16168
|
+
onChange: (_, index) => {
|
|
16169
|
+
const datasets = defaultSort ? sorting(availableData, sortType) : availableData;
|
|
16170
|
+
const newCheckedItems = (checkedItems === null || checkedItems === void 0 ? void 0 : checkedItems.some(val => {
|
|
16171
|
+
var _a;
|
|
16172
|
+
return (val === null || val === void 0 ? void 0 : val.value) === ((_a = datasets[index]) === null || _a === void 0 ? void 0 : _a.value);
|
|
16173
|
+
})) ? checkedItems.filter(val => val.value !== datasets[index].value) : [...(checkedItems || []), datasets[index]];
|
|
16174
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16175
|
+
},
|
|
16176
|
+
value: checkedItems === null || checkedItems === void 0 ? void 0 : checkedItems.map(item => item === null || item === void 0 ? void 0 : item.value),
|
|
16177
|
+
disabled: disabled
|
|
16178
|
+
}, {
|
|
16179
|
+
children: (defaultSort ? sorting(availableData, sortType) : availableData).map(renderCheckbox)
|
|
16180
|
+
}), void 0)
|
|
16181
|
+
}), void 0)
|
|
16163
16182
|
}), void 0)]
|
|
16164
|
-
}), void 0), counterFooter &&
|
|
16183
|
+
}), void 0), counterFooter && checkedItems.length > 0 && jsx(Box, Object.assign({
|
|
16165
16184
|
css: {
|
|
16166
16185
|
marginTop: '$spacing-04'
|
|
16167
16186
|
}
|
|
@@ -16170,119 +16189,48 @@ function InputResourceList({
|
|
|
16170
16189
|
variant: "helper",
|
|
16171
16190
|
color: disabled ? 'disable' : 'green'
|
|
16172
16191
|
}, {
|
|
16173
|
-
children: `${
|
|
16192
|
+
children: `${checkedItems.length} ${counterFooterText || t('counterFooterText', 'kategori dipilih')}`
|
|
16174
16193
|
}), void 0)
|
|
16175
16194
|
}), void 0)]
|
|
16176
16195
|
}), void 0);
|
|
16177
|
-
|
|
16178
|
-
|
|
16179
|
-
const
|
|
16180
|
-
|
|
16181
|
-
|
|
16182
|
-
|
|
16183
|
-
height: 16,
|
|
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
|
-
}, {
|
|
16196
|
+
if (expandable) {
|
|
16197
|
+
const allItems = data || [];
|
|
16198
|
+
const checkedValues = checkedItems.map(i => i.value);
|
|
16199
|
+
const isAllSelected = allItems.length > 0 && allItems.every(item => checkedValues.includes(item.value));
|
|
16200
|
+
const isIndeterminate = !isAllSelected && allItems.some(item => checkedValues.includes(item.value));
|
|
16201
|
+
return jsxs(Box, {
|
|
16249
16202
|
children: [jsxs(Flex$1, Object.assign({
|
|
16250
|
-
|
|
16203
|
+
justify: "between",
|
|
16204
|
+
align: "start"
|
|
16251
16205
|
}, {
|
|
16252
|
-
children: [
|
|
16253
|
-
|
|
16254
|
-
border: Boolean(!(checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length))
|
|
16206
|
+
children: [jsxs(Flex$1, Object.assign({
|
|
16207
|
+
gap: 5
|
|
16255
16208
|
}, {
|
|
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
|
-
};
|
|
16209
|
+
children: [jsx(IconBox, Object.assign({
|
|
16210
|
+
onClick: handleCheckedAllExpandable,
|
|
16211
|
+
border: !isAllSelected && !isIndeterminate
|
|
16212
|
+
}, {
|
|
16213
|
+
children: isAllSelected ? jsx(CheckOutline, {
|
|
16214
|
+
color: colors$7.iconGreen
|
|
16215
|
+
}, void 0) : isIndeterminate ? jsx(IndeterminateFilled, {
|
|
16216
|
+
children: "-"
|
|
16217
|
+
}, void 0) : ''
|
|
16218
|
+
}), void 0), renderSelectAll]
|
|
16219
|
+
}), void 0), jsx(Box, Object.assign({
|
|
16220
|
+
css: {
|
|
16221
|
+
cursor: 'pointer'
|
|
16222
|
+
},
|
|
16223
|
+
onClick: () => setExpand(!expand)
|
|
16224
|
+
}, {
|
|
16225
|
+
children: expand ? jsx(ChevronUpOutline, {}, void 0) : jsx(ChevronDownOutline, {}, void 0)
|
|
16226
|
+
}), void 0)]
|
|
16227
|
+
}), void 0), jsx(Box, {
|
|
16228
|
+
children: expand && listContent
|
|
16229
|
+
}, void 0)]
|
|
16230
|
+
}, void 0);
|
|
16231
|
+
}
|
|
16232
|
+
return listContent;
|
|
16233
|
+
}
|
|
16286
16234
|
|
|
16287
16235
|
const SelectInputSearch = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
|
|
16288
16236
|
var {
|
|
@@ -16694,7 +16642,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16694
16642
|
}, {
|
|
16695
16643
|
children: jsx(MinusOutline, {
|
|
16696
16644
|
size: 24,
|
|
16697
|
-
color: disabled || disabledDecrement ? colors$
|
|
16645
|
+
color: disabled || disabledDecrement ? colors$7.iconDisable : colors$7.primary500
|
|
16698
16646
|
}, void 0)
|
|
16699
16647
|
}), void 0), jsx(Input$4, {
|
|
16700
16648
|
ref: ref,
|
|
@@ -16717,7 +16665,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16717
16665
|
}, {
|
|
16718
16666
|
children: jsx(PlusOutline, {
|
|
16719
16667
|
size: 24,
|
|
16720
|
-
color: disabled || disabledIncrement ? colors$
|
|
16668
|
+
color: disabled || disabledIncrement ? colors$7.iconDisable : colors$7.primary500
|
|
16721
16669
|
}, void 0)
|
|
16722
16670
|
}), void 0)]
|
|
16723
16671
|
}), void 0);
|
|
@@ -16730,7 +16678,7 @@ InputCounter.defaultProps = {
|
|
|
16730
16678
|
|
|
16731
16679
|
const _excluded$c = ["children"],
|
|
16732
16680
|
_excluded2$3 = ["children", "showOverlay"];
|
|
16733
|
-
var _jsxFileName$u = "/
|
|
16681
|
+
var _jsxFileName$u = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/drawer/Drawer.js";
|
|
16734
16682
|
const Context$1 = /*#__PURE__*/React__default.createContext();
|
|
16735
16683
|
const {
|
|
16736
16684
|
sizes
|
|
@@ -17080,7 +17028,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
|
17080
17028
|
|
|
17081
17029
|
const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
|
|
17082
17030
|
_excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
|
|
17083
|
-
var _jsxFileName$t = "/
|
|
17031
|
+
var _jsxFileName$t = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/buttonGroup/ButtonGroup.js";
|
|
17084
17032
|
const ScrollButton$1 = styled(Button$4, {
|
|
17085
17033
|
width: '28px',
|
|
17086
17034
|
outline: '$btnPrimary solid 1px',
|
|
@@ -17329,7 +17277,7 @@ function ButtonGroup$1(_ref) {
|
|
|
17329
17277
|
columnNumber: 15
|
|
17330
17278
|
}
|
|
17331
17279
|
}, /*#__PURE__*/React__default.createElement(ChevronLeftOutline, {
|
|
17332
|
-
color: colors$
|
|
17280
|
+
color: colors$7.iconGreen,
|
|
17333
17281
|
__self: this,
|
|
17334
17282
|
__source: {
|
|
17335
17283
|
fileName: _jsxFileName$t,
|
|
@@ -17359,7 +17307,7 @@ function ButtonGroup$1(_ref) {
|
|
|
17359
17307
|
columnNumber: 15
|
|
17360
17308
|
}
|
|
17361
17309
|
}, /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
|
|
17362
|
-
color: colors$
|
|
17310
|
+
color: colors$7.iconGreen,
|
|
17363
17311
|
__self: this,
|
|
17364
17312
|
__source: {
|
|
17365
17313
|
fileName: _jsxFileName$t,
|
|
@@ -17609,7 +17557,7 @@ const DateNumber = styled('div', {
|
|
|
17609
17557
|
});
|
|
17610
17558
|
DateNumber.displayName = 'DateNumber';
|
|
17611
17559
|
|
|
17612
|
-
var _jsxFileName$s = "/
|
|
17560
|
+
var _jsxFileName$s = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/TimePicker.js";
|
|
17613
17561
|
const Input$3 = styled('input', {
|
|
17614
17562
|
display: 'none'
|
|
17615
17563
|
});
|
|
@@ -18165,7 +18113,7 @@ TimePicker.propTypes = {
|
|
|
18165
18113
|
};
|
|
18166
18114
|
NativeTimePicker.displayName = 'NativeTimePicker';
|
|
18167
18115
|
|
|
18168
|
-
var _jsxFileName$r = "/
|
|
18116
|
+
var _jsxFileName$r = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/datePicker/timePicker/InputTimePicker.js";
|
|
18169
18117
|
const getInputPickerValue$1 = date => {
|
|
18170
18118
|
if (!date) return;
|
|
18171
18119
|
return moment(date).format('HH:mm');
|
|
@@ -18213,7 +18161,7 @@ function InputTimePicker({
|
|
|
18213
18161
|
}
|
|
18214
18162
|
}, /*#__PURE__*/React__default.createElement(InputLeftElement, {
|
|
18215
18163
|
children: /*#__PURE__*/React__default.createElement(TimeOutline, {
|
|
18216
|
-
color: disabled ? colors$
|
|
18164
|
+
color: disabled ? colors$7.iconDisable : colors$7.iconPrimary,
|
|
18217
18165
|
__self: this,
|
|
18218
18166
|
__source: {
|
|
18219
18167
|
fileName: _jsxFileName$r,
|
|
@@ -21020,7 +20968,7 @@ function InputSignature({
|
|
|
21020
20968
|
}
|
|
21021
20969
|
|
|
21022
20970
|
const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
|
|
21023
|
-
var _jsxFileName$q = "/
|
|
20971
|
+
var _jsxFileName$q = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/slider/Slider.js";
|
|
21024
20972
|
const StyledSlider = styled$1(SliderPrimitive.Root, {
|
|
21025
20973
|
position: 'relative',
|
|
21026
20974
|
display: 'flex',
|
|
@@ -21364,7 +21312,7 @@ Slider.defaultProps = {
|
|
|
21364
21312
|
};
|
|
21365
21313
|
|
|
21366
21314
|
const _excluded$9 = ["className", "children", "onClick", "type", "size"];
|
|
21367
|
-
var _jsxFileName$p = "/
|
|
21315
|
+
var _jsxFileName$p = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tagStatus/TagStatus.js";
|
|
21368
21316
|
const TagWrapper$1 = styled('div', {
|
|
21369
21317
|
boxSizing: 'border-box',
|
|
21370
21318
|
fontSize: '12px',
|
|
@@ -21527,7 +21475,7 @@ const _excluded$8 = ["children"],
|
|
|
21527
21475
|
_excluded2$1 = ["children", "activeTabs"],
|
|
21528
21476
|
_excluded3$1 = ["children", "icon", "activeTabs", "value"],
|
|
21529
21477
|
_excluded4 = ["activeTabs"];
|
|
21530
|
-
var _jsxFileName$o = "/
|
|
21478
|
+
var _jsxFileName$o = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tabs/Tabs.js";
|
|
21531
21479
|
const StyledTabs = styled(TabsPrimitive.Root, {
|
|
21532
21480
|
display: 'flex',
|
|
21533
21481
|
flexDirection: 'column',
|
|
@@ -21753,7 +21701,7 @@ const TabsList$1 = _ref2 => {
|
|
|
21753
21701
|
columnNumber: 11
|
|
21754
21702
|
}
|
|
21755
21703
|
}, /*#__PURE__*/React__default.createElement(ChevronLgLeftOutline, {
|
|
21756
|
-
color: colors$
|
|
21704
|
+
color: colors$7.iconGreen,
|
|
21757
21705
|
__self: undefined,
|
|
21758
21706
|
__source: {
|
|
21759
21707
|
fileName: _jsxFileName$o,
|
|
@@ -21782,7 +21730,7 @@ const TabsList$1 = _ref2 => {
|
|
|
21782
21730
|
columnNumber: 11
|
|
21783
21731
|
}
|
|
21784
21732
|
}, /*#__PURE__*/React__default.createElement(ChevronLgRightOutline, {
|
|
21785
|
-
color: colors$
|
|
21733
|
+
color: colors$7.iconGreen,
|
|
21786
21734
|
__self: undefined,
|
|
21787
21735
|
__source: {
|
|
21788
21736
|
fileName: _jsxFileName$o,
|
|
@@ -21842,7 +21790,7 @@ const TabsTrigger$1 = _ref3 => {
|
|
|
21842
21790
|
columnNumber: 9
|
|
21843
21791
|
}
|
|
21844
21792
|
}, icon && /*#__PURE__*/React__default.cloneElement(icon, {
|
|
21845
|
-
color: activeTabs === value || isIconHovered ? colors$
|
|
21793
|
+
color: activeTabs === value || isIconHovered ? colors$7.iconGreen : colors$7.iconDisable
|
|
21846
21794
|
}), (!icon || activeTabs === value) && children)));
|
|
21847
21795
|
};
|
|
21848
21796
|
TabsTrigger$1.propTypes = {
|
|
@@ -21866,7 +21814,7 @@ TabsContent$1.propTypes = {
|
|
|
21866
21814
|
};
|
|
21867
21815
|
|
|
21868
21816
|
const _excluded$7 = ["children", "variantIcon"];
|
|
21869
|
-
var _jsxFileName$n = "/
|
|
21817
|
+
var _jsxFileName$n = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/notificationBadge/NotificationBadge.js";
|
|
21870
21818
|
const NotificationBadgeRootStyle = styled('span', {
|
|
21871
21819
|
position: 'relative',
|
|
21872
21820
|
display: 'inline-flex',
|
|
@@ -22021,7 +21969,7 @@ NotificationBadge.propTypes = {
|
|
|
22021
21969
|
};
|
|
22022
21970
|
|
|
22023
21971
|
const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
|
|
22024
|
-
var _jsxFileName$m = "/
|
|
21972
|
+
var _jsxFileName$m = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/paper/Paper.js";
|
|
22025
21973
|
const PaperComponent = styled('div', {
|
|
22026
21974
|
padding: '20px',
|
|
22027
21975
|
height: 'auto',
|
|
@@ -22274,7 +22222,7 @@ const removeUndefinedFields = obj => {
|
|
|
22274
22222
|
};
|
|
22275
22223
|
|
|
22276
22224
|
const _excluded$5 = ["isActive", "onClick"];
|
|
22277
|
-
var _jsxFileName$l = "/
|
|
22225
|
+
var _jsxFileName$l = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationButton.js";
|
|
22278
22226
|
const PrevNextButton = styled(Text$1, {
|
|
22279
22227
|
padding: '$spacing-01',
|
|
22280
22228
|
cursor: 'pointer',
|
|
@@ -22338,7 +22286,7 @@ const PrevNextButtonIcon = ({
|
|
|
22338
22286
|
columnNumber: 5
|
|
22339
22287
|
}
|
|
22340
22288
|
}, iconType === 'prev' ? /*#__PURE__*/React__default.createElement(ArrowLeftOutline, {
|
|
22341
|
-
color: isHover ? colors$
|
|
22289
|
+
color: isHover ? colors$7.iconGreen : colors$7.iconPrimary,
|
|
22342
22290
|
__self: undefined,
|
|
22343
22291
|
__source: {
|
|
22344
22292
|
fileName: _jsxFileName$l,
|
|
@@ -22346,7 +22294,7 @@ const PrevNextButtonIcon = ({
|
|
|
22346
22294
|
columnNumber: 9
|
|
22347
22295
|
}
|
|
22348
22296
|
}) : /*#__PURE__*/React__default.createElement(ArrowRightOutline, {
|
|
22349
|
-
color: isHover ? colors$
|
|
22297
|
+
color: isHover ? colors$7.iconGreen : colors$7.iconPrimary,
|
|
22350
22298
|
__self: undefined,
|
|
22351
22299
|
__source: {
|
|
22352
22300
|
fileName: _jsxFileName$l,
|
|
@@ -22768,7 +22716,7 @@ const PaginationButton = ({
|
|
|
22768
22716
|
};
|
|
22769
22717
|
|
|
22770
22718
|
const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
|
|
22771
|
-
var _jsxFileName$k = "/
|
|
22719
|
+
var _jsxFileName$k = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/PaginationInfo.js";
|
|
22772
22720
|
const LimitContainer = styled(Flex$1, {
|
|
22773
22721
|
cursor: 'pointer'
|
|
22774
22722
|
});
|
|
@@ -22864,7 +22812,7 @@ function PaginationInfo(_ref) {
|
|
|
22864
22812
|
columnNumber: 15
|
|
22865
22813
|
}
|
|
22866
22814
|
}, selectedLimit.toString()), /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
22867
|
-
color: colors$
|
|
22815
|
+
color: colors$7.gray400,
|
|
22868
22816
|
__self: this,
|
|
22869
22817
|
__source: {
|
|
22870
22818
|
fileName: _jsxFileName$k,
|
|
@@ -23003,7 +22951,7 @@ function PaginationInfo(_ref) {
|
|
|
23003
22951
|
}
|
|
23004
22952
|
|
|
23005
22953
|
const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
|
|
23006
|
-
var _jsxFileName$j = "/
|
|
22954
|
+
var _jsxFileName$j = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/pagination/Pagination.js";
|
|
23007
22955
|
function Pagination(_ref) {
|
|
23008
22956
|
let {
|
|
23009
22957
|
limit,
|
|
@@ -23178,23 +23126,23 @@ const ContextMenuItem = styled(Item, {
|
|
|
23178
23126
|
userSelect: 'none',
|
|
23179
23127
|
color: '$textPrimary',
|
|
23180
23128
|
'&[data-disabled]': {
|
|
23181
|
-
color: colors$
|
|
23129
|
+
color: colors$7.gray400,
|
|
23182
23130
|
pointerEvents: 'none'
|
|
23183
23131
|
},
|
|
23184
23132
|
'&:hover': {
|
|
23185
23133
|
cursor: 'pointer',
|
|
23186
|
-
backgroundColor: colors$
|
|
23134
|
+
backgroundColor: colors$7.gray100
|
|
23187
23135
|
},
|
|
23188
23136
|
'&:active': {
|
|
23189
|
-
backgroundColor: colors$
|
|
23137
|
+
backgroundColor: colors$7.gray150
|
|
23190
23138
|
},
|
|
23191
23139
|
'&:focus': {
|
|
23192
|
-
backgroundColor: colors$
|
|
23140
|
+
backgroundColor: colors$7.gray100
|
|
23193
23141
|
}
|
|
23194
23142
|
});
|
|
23195
23143
|
const ContextMenuSeparator = styled('div', {
|
|
23196
23144
|
height: 1,
|
|
23197
|
-
backgroundColor: colors$
|
|
23145
|
+
backgroundColor: colors$7.gray150,
|
|
23198
23146
|
margin: 5
|
|
23199
23147
|
});
|
|
23200
23148
|
|
|
@@ -23877,7 +23825,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
23877
23825
|
});
|
|
23878
23826
|
ScrollSyncNode.displayName = 'ScrollSyncNode';
|
|
23879
23827
|
|
|
23880
|
-
var _jsxFileName$i = "/
|
|
23828
|
+
var _jsxFileName$i = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowDraggableColumn.js";
|
|
23881
23829
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
|
|
23882
23830
|
icon: true,
|
|
23883
23831
|
size: "xs",
|
|
@@ -25373,7 +25321,7 @@ const TableColumn = _a => {
|
|
|
25373
25321
|
return jsx("div", {}, void 0);
|
|
25374
25322
|
};
|
|
25375
25323
|
|
|
25376
|
-
var _jsxFileName$h = "/
|
|
25324
|
+
var _jsxFileName$h = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/DateColumn.js";
|
|
25377
25325
|
const DateColumn = ({
|
|
25378
25326
|
value,
|
|
25379
25327
|
customFormat
|
|
@@ -25485,7 +25433,7 @@ const PriceColumn = props => {
|
|
|
25485
25433
|
return addThousandSeparator(param);
|
|
25486
25434
|
};
|
|
25487
25435
|
|
|
25488
|
-
var _jsxFileName$g = "/
|
|
25436
|
+
var _jsxFileName$g = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderColumn.js";
|
|
25489
25437
|
const rowExpanderColumn = {
|
|
25490
25438
|
id: 'expander',
|
|
25491
25439
|
Header: () => null,
|
|
@@ -25528,7 +25476,7 @@ const rowExpanderColumn = {
|
|
|
25528
25476
|
unsortable: true
|
|
25529
25477
|
};
|
|
25530
25478
|
|
|
25531
|
-
var _jsxFileName$f = "/
|
|
25479
|
+
var _jsxFileName$f = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowExpanderMultipleColumn.js";
|
|
25532
25480
|
const rowExpanderMultipleColumn = {
|
|
25533
25481
|
id: 'multiple-expander',
|
|
25534
25482
|
Header: () => null,
|
|
@@ -25564,7 +25512,7 @@ const rowExpanderMultipleColumn = {
|
|
|
25564
25512
|
unsortable: true
|
|
25565
25513
|
};
|
|
25566
25514
|
|
|
25567
|
-
var _jsxFileName$e = "/
|
|
25515
|
+
var _jsxFileName$e = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowMenuColumn.js";
|
|
25568
25516
|
const rowMenuColumn = (options, icon, config) => ({
|
|
25569
25517
|
id: 'menu',
|
|
25570
25518
|
options,
|
|
@@ -25701,7 +25649,7 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
25701
25649
|
unsortable: true
|
|
25702
25650
|
});
|
|
25703
25651
|
|
|
25704
|
-
var _jsxFileName$d = "/
|
|
25652
|
+
var _jsxFileName$d = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionColumn.js";
|
|
25705
25653
|
const rowSelectionColumn = {
|
|
25706
25654
|
id: 'selection',
|
|
25707
25655
|
Header: ({
|
|
@@ -25750,7 +25698,7 @@ const rowSelectionColumn = {
|
|
|
25750
25698
|
unsortable: true
|
|
25751
25699
|
};
|
|
25752
25700
|
|
|
25753
|
-
var _jsxFileName$c = "/
|
|
25701
|
+
var _jsxFileName$c = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/table/components/columns/RowSelectionCallbackColumn.js";
|
|
25754
25702
|
const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
|
|
25755
25703
|
id: 'selection',
|
|
25756
25704
|
Header: ({
|
|
@@ -26088,7 +26036,7 @@ PageDialog.defaultProps = {
|
|
|
26088
26036
|
};
|
|
26089
26037
|
|
|
26090
26038
|
const _excluded$2 = ["children"];
|
|
26091
|
-
var _jsxFileName$b = "/
|
|
26039
|
+
var _jsxFileName$b = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/alertDialog/AlertDialog.js";
|
|
26092
26040
|
const overlayShow = keyframes({
|
|
26093
26041
|
'0%': {
|
|
26094
26042
|
opacity: 0
|
|
@@ -26109,7 +26057,7 @@ const contentShow = keyframes({
|
|
|
26109
26057
|
});
|
|
26110
26058
|
const StyledOverlay = styled(ADialog.Overlay, {
|
|
26111
26059
|
zIndex: 1,
|
|
26112
|
-
backgroundColor: colors$
|
|
26060
|
+
backgroundColor: colors$7.bgDimmer,
|
|
26113
26061
|
position: 'fixed',
|
|
26114
26062
|
inset: 0,
|
|
26115
26063
|
'@media (prefers-reduced-motion: no-preference)': {
|
|
@@ -26142,14 +26090,14 @@ const StyledTitle = styled(ADialog.Title, {
|
|
|
26142
26090
|
display: 'flex',
|
|
26143
26091
|
flexDirection: 'row',
|
|
26144
26092
|
justifyContent: 'space-between',
|
|
26145
|
-
color: colors$
|
|
26093
|
+
color: colors$7.gray900,
|
|
26146
26094
|
fontSize: 17,
|
|
26147
26095
|
fontWeight: 500
|
|
26148
26096
|
});
|
|
26149
26097
|
const StyledDescription$1 = styled(ADialog.Description, {
|
|
26150
26098
|
mx: 24,
|
|
26151
26099
|
my: 20,
|
|
26152
|
-
color: colors$
|
|
26100
|
+
color: colors$7.gray900,
|
|
26153
26101
|
fontSize: 15,
|
|
26154
26102
|
lineHeight: 1.5
|
|
26155
26103
|
});
|
|
@@ -26723,7 +26671,7 @@ const AlertDialogConfirm = ADialog.Action;
|
|
|
26723
26671
|
const _excluded$1 = ["side", "align", "children"],
|
|
26724
26672
|
_excluded2 = ["children"],
|
|
26725
26673
|
_excluded3 = ["asChild"];
|
|
26726
|
-
var _jsxFileName$a = "/
|
|
26674
|
+
var _jsxFileName$a = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/dropdownMenu/DropdownMenu.js";
|
|
26727
26675
|
const Context = /*#__PURE__*/React__default.createContext();
|
|
26728
26676
|
const slideUpAndFade = keyframes({
|
|
26729
26677
|
'0%': {
|
|
@@ -26807,17 +26755,17 @@ const itemStyles = {
|
|
|
26807
26755
|
position: 'relative',
|
|
26808
26756
|
userSelect: 'none',
|
|
26809
26757
|
'&[data-disabled]': {
|
|
26810
|
-
color: colors$
|
|
26758
|
+
color: colors$7.gray400,
|
|
26811
26759
|
pointerEvents: 'none'
|
|
26812
26760
|
},
|
|
26813
26761
|
'&:hover': {
|
|
26814
26762
|
cursor: 'pointer'
|
|
26815
26763
|
},
|
|
26816
26764
|
'&:active': {
|
|
26817
|
-
backgroundColor: colors$
|
|
26765
|
+
backgroundColor: colors$7.gray150
|
|
26818
26766
|
},
|
|
26819
26767
|
'&:focus': {
|
|
26820
|
-
backgroundColor: colors$
|
|
26768
|
+
backgroundColor: colors$7.gray100
|
|
26821
26769
|
}
|
|
26822
26770
|
};
|
|
26823
26771
|
const StyledItem = styled(DropdownMenuPrimitive.Item, Object.assign({}, itemStyles));
|
|
@@ -26839,11 +26787,11 @@ const StyledLabel = styled(DropdownMenuPrimitive.Label, {
|
|
|
26839
26787
|
padding: '8px 0',
|
|
26840
26788
|
fontSize: 12,
|
|
26841
26789
|
lineHeight: '25px',
|
|
26842
|
-
color: colors$
|
|
26790
|
+
color: colors$7.gray700
|
|
26843
26791
|
});
|
|
26844
26792
|
const StyledSeparator = styled(DropdownMenuPrimitive.Separator, {
|
|
26845
26793
|
height: 1,
|
|
26846
|
-
backgroundColor: colors$
|
|
26794
|
+
backgroundColor: colors$7.gray150,
|
|
26847
26795
|
margin: 5
|
|
26848
26796
|
});
|
|
26849
26797
|
const StyledItemIndicator = styled(DropdownMenuPrimitive.ItemIndicator, {
|
|
@@ -26952,7 +26900,7 @@ const RightSlot = styled('div', {
|
|
|
26952
26900
|
color: 'white'
|
|
26953
26901
|
},
|
|
26954
26902
|
'[data-disabled] &': {
|
|
26955
|
-
color: colors$
|
|
26903
|
+
color: colors$7.gray400
|
|
26956
26904
|
}
|
|
26957
26905
|
});
|
|
26958
26906
|
const StyledDropdown = styled(Button$4, {
|
|
@@ -29003,7 +28951,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
|
|
|
29003
28951
|
}
|
|
29004
28952
|
|
|
29005
28953
|
const _excluded = ["customPreviewIcon"];
|
|
29006
|
-
var _jsxFileName$9 = "/
|
|
28954
|
+
var _jsxFileName$9 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/upload/Upload.js";
|
|
29007
28955
|
const Input$2 = styled('input', {
|
|
29008
28956
|
display: 'none !important'
|
|
29009
28957
|
});
|
|
@@ -30970,7 +30918,7 @@ const Device = props => {
|
|
|
30970
30918
|
buttonType: "secondary"
|
|
30971
30919
|
}, {
|
|
30972
30920
|
children: jsx(ChevronLeftOutline, {
|
|
30973
|
-
color: colors$
|
|
30921
|
+
color: colors$7.btnPrimary
|
|
30974
30922
|
}, void 0)
|
|
30975
30923
|
}), void 0), jsxs(Flex$1, Object.assign({
|
|
30976
30924
|
align: "center",
|
|
@@ -31030,14 +30978,14 @@ const Device = props => {
|
|
|
31030
30978
|
buttonType: "secondary"
|
|
31031
30979
|
}, {
|
|
31032
30980
|
children: jsx(ChevronRightOutline, {
|
|
31033
|
-
color: colors$
|
|
30981
|
+
color: colors$7.btnPrimary
|
|
31034
30982
|
}, void 0)
|
|
31035
30983
|
}), void 0)]
|
|
31036
30984
|
}), void 0);
|
|
31037
30985
|
};
|
|
31038
30986
|
Device.displayName = 'DevicePreview';
|
|
31039
30987
|
|
|
31040
|
-
var _jsxFileName$8 = "/
|
|
30988
|
+
var _jsxFileName$8 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/InputColorPicker.js";
|
|
31041
30989
|
const Separator$1 = styled('div', {
|
|
31042
30990
|
height: 20,
|
|
31043
30991
|
width: 1,
|
|
@@ -31198,7 +31146,7 @@ InputColorPicker.defaultProps = {
|
|
|
31198
31146
|
|
|
31199
31147
|
var img$d = "data:image/gif;base64,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";
|
|
31200
31148
|
|
|
31201
|
-
var _jsxFileName$7 = "/
|
|
31149
|
+
var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
|
|
31202
31150
|
const Container$7 = styled('div', {
|
|
31203
31151
|
userSelect: 'none',
|
|
31204
31152
|
margin: 'auto',
|
|
@@ -33159,7 +33107,7 @@ function ColorMap({
|
|
|
33159
33107
|
})));
|
|
33160
33108
|
}
|
|
33161
33109
|
|
|
33162
|
-
var _jsxFileName$6 = "/
|
|
33110
|
+
var _jsxFileName$6 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorFields.js";
|
|
33163
33111
|
const CheckBoard = styled(Flex$1, {
|
|
33164
33112
|
background: '$bgwhite',
|
|
33165
33113
|
border: '1px solid #E5E7EB',
|
|
@@ -33360,7 +33308,7 @@ function ColorFields({
|
|
|
33360
33308
|
}, "%")));
|
|
33361
33309
|
}
|
|
33362
33310
|
|
|
33363
|
-
var _jsxFileName$5 = "/
|
|
33311
|
+
var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
|
|
33364
33312
|
const Container$6 = styled(Flex$1, {
|
|
33365
33313
|
background: '$white',
|
|
33366
33314
|
padding: 16,
|
|
@@ -33877,7 +33825,7 @@ ColorPicker.defaultProps = {
|
|
|
33877
33825
|
};
|
|
33878
33826
|
var ColorPicker$1 = ColorWrap(ColorPicker);
|
|
33879
33827
|
|
|
33880
|
-
var _jsxFileName$4 = "/
|
|
33828
|
+
var _jsxFileName$4 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/stepWizard/StepWizard.js";
|
|
33881
33829
|
const StepWizardContext = /*#__PURE__*/React__default.createContext({});
|
|
33882
33830
|
const Stepper = StepWizard$1;
|
|
33883
33831
|
Stepper.displayName = 'Stepper';
|
|
@@ -34131,7 +34079,7 @@ const Navigation = props => {
|
|
|
34131
34079
|
marginRight: 9
|
|
34132
34080
|
},
|
|
34133
34081
|
size: "24",
|
|
34134
|
-
color: colors$
|
|
34082
|
+
color: colors$7.bgGreen,
|
|
34135
34083
|
__self: undefined,
|
|
34136
34084
|
__source: {
|
|
34137
34085
|
fileName: _jsxFileName$4,
|
|
@@ -34152,7 +34100,7 @@ const Navigation = props => {
|
|
|
34152
34100
|
margin: '0 9px'
|
|
34153
34101
|
},
|
|
34154
34102
|
size: "20",
|
|
34155
|
-
color: colors$
|
|
34103
|
+
color: colors$7.iconSecondary,
|
|
34156
34104
|
__self: undefined,
|
|
34157
34105
|
__source: {
|
|
34158
34106
|
fileName: _jsxFileName$4,
|
|
@@ -34224,7 +34172,7 @@ const Navigation = props => {
|
|
|
34224
34172
|
}
|
|
34225
34173
|
}, /*#__PURE__*/React__default.createElement(StyledCircleInfoOutline, {
|
|
34226
34174
|
size: "20",
|
|
34227
|
-
color: colors$
|
|
34175
|
+
color: colors$7.iconPrimary,
|
|
34228
34176
|
__self: undefined,
|
|
34229
34177
|
__source: {
|
|
34230
34178
|
fileName: _jsxFileName$4,
|
|
@@ -34600,7 +34548,7 @@ StepWizard.defaultProps = {
|
|
|
34600
34548
|
isLazyMount: true
|
|
34601
34549
|
};
|
|
34602
34550
|
|
|
34603
|
-
var _jsxFileName$3 = "/
|
|
34551
|
+
var _jsxFileName$3 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/transition.js";
|
|
34604
34552
|
function Collapse({
|
|
34605
34553
|
children,
|
|
34606
34554
|
isOpen
|
|
@@ -34643,14 +34591,14 @@ Collapse.defaultProps = {
|
|
|
34643
34591
|
isOpen: false
|
|
34644
34592
|
};
|
|
34645
34593
|
|
|
34646
|
-
var _jsxFileName$2 = "/
|
|
34594
|
+
var _jsxFileName$2 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/tableOfContent/TableOfContent.js";
|
|
34647
34595
|
const DesktopContainer = styled(Flex$1, {
|
|
34648
34596
|
display: 'none',
|
|
34649
34597
|
'& .active-scroll-spy': {
|
|
34650
|
-
borderLeft: `4px solid ${colors$
|
|
34598
|
+
borderLeft: `4px solid ${colors$7.primary500} !important`
|
|
34651
34599
|
},
|
|
34652
34600
|
'& .active-scroll-spy .link-title': {
|
|
34653
|
-
color: `${colors$
|
|
34601
|
+
color: `${colors$7.primary500} !important`
|
|
34654
34602
|
},
|
|
34655
34603
|
'@md': {
|
|
34656
34604
|
display: 'unset'
|
|
@@ -34658,7 +34606,7 @@ const DesktopContainer = styled(Flex$1, {
|
|
|
34658
34606
|
});
|
|
34659
34607
|
const MobileContainer = styled(Flex$1, {
|
|
34660
34608
|
backgroundColor: '$white',
|
|
34661
|
-
border: `1px solid ${colors$
|
|
34609
|
+
border: `1px solid ${colors$7.gray150}`,
|
|
34662
34610
|
borderRadius: 8,
|
|
34663
34611
|
padding: '8px 8px',
|
|
34664
34612
|
width: '100%',
|
|
@@ -34785,7 +34733,7 @@ function Content({
|
|
|
34785
34733
|
marginLeft: '-4px !important',
|
|
34786
34734
|
borderLeftWidth: '4px !important',
|
|
34787
34735
|
borderLeftStyle: 'solid !important',
|
|
34788
|
-
borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$
|
|
34736
|
+
borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$7.primary500 : 'transparent'} !important`,
|
|
34789
34737
|
paddingLeft: '16px !important',
|
|
34790
34738
|
minHeight: 25
|
|
34791
34739
|
},
|
|
@@ -35004,7 +34952,7 @@ TableOfContentPage.defaultProps = {
|
|
|
35004
34952
|
useBoxMethod: true
|
|
35005
34953
|
};
|
|
35006
34954
|
|
|
35007
|
-
var _jsxFileName$1 = "/
|
|
34955
|
+
var _jsxFileName$1 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/editableTable/transition.js";
|
|
35008
34956
|
function Collapalse({
|
|
35009
34957
|
children,
|
|
35010
34958
|
isOpen
|
|
@@ -53457,11 +53405,11 @@ function ProgressIndicator(props) {
|
|
|
53457
53405
|
const getColor = state => {
|
|
53458
53406
|
switch (state) {
|
|
53459
53407
|
case 'error':
|
|
53460
|
-
return colors$
|
|
53408
|
+
return colors$7.red400;
|
|
53461
53409
|
case 'active':
|
|
53462
|
-
return colors$
|
|
53410
|
+
return colors$7.primary500;
|
|
53463
53411
|
default:
|
|
53464
|
-
return colors$
|
|
53412
|
+
return colors$7.gray150;
|
|
53465
53413
|
}
|
|
53466
53414
|
};
|
|
53467
53415
|
const iconProps = {
|
|
@@ -54020,8 +53968,8 @@ function MapPicker(props) {
|
|
|
54020
53968
|
center: [center === null || center === void 0 ? void 0 : center.lat, center === null || center === void 0 ? void 0 : center.lng],
|
|
54021
53969
|
radius: radius,
|
|
54022
53970
|
pathOptions: {
|
|
54023
|
-
color: colors$
|
|
54024
|
-
fillColor: colors$
|
|
53971
|
+
color: colors$7.bgGreen,
|
|
53972
|
+
fillColor: colors$7.bgGreen
|
|
54025
53973
|
}
|
|
54026
53974
|
}, void 0), jsx(TileLayer, {
|
|
54027
53975
|
url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
|
|
@@ -55527,7 +55475,7 @@ function CheckboxTable(props) {
|
|
|
55527
55475
|
}
|
|
55528
55476
|
}, void 0) : jsx(MinusOutline, {
|
|
55529
55477
|
size: 16,
|
|
55530
|
-
color: colors$
|
|
55478
|
+
color: colors$7.iconDisable
|
|
55531
55479
|
}, void 0)
|
|
55532
55480
|
}, void 0)
|
|
55533
55481
|
}), index + indexSubRow + 'tb-cell-collapse');
|
|
@@ -55832,9 +55780,9 @@ const StyledSkeleton = props => {
|
|
|
55832
55780
|
function getBaseColor(color) {
|
|
55833
55781
|
switch (color) {
|
|
55834
55782
|
case 'primary':
|
|
55835
|
-
return colors$
|
|
55783
|
+
return colors$7.gray300;
|
|
55836
55784
|
default:
|
|
55837
|
-
return colors$
|
|
55785
|
+
return colors$7.gray150;
|
|
55838
55786
|
}
|
|
55839
55787
|
}
|
|
55840
55788
|
function getSize(size) {
|
|
@@ -55988,9 +55936,9 @@ function TagList({
|
|
|
55988
55936
|
}
|
|
55989
55937
|
}, {
|
|
55990
55938
|
children: [showAllTags ? jsx(ChevronUpOutline, {
|
|
55991
|
-
color: colors$
|
|
55939
|
+
color: colors$7.iconSecondary
|
|
55992
55940
|
}, void 0) : jsx(ChevronDownOutline, {
|
|
55993
|
-
color: colors$
|
|
55941
|
+
color: colors$7.iconSecondary
|
|
55994
55942
|
}, void 0), jsx(Paragraph, Object.assign({
|
|
55995
55943
|
css: {
|
|
55996
55944
|
fontWeight: 600,
|
|
@@ -56518,7 +56466,7 @@ PieChartComponent.defaultProps = {
|
|
|
56518
56466
|
innerRadius: 70
|
|
56519
56467
|
};
|
|
56520
56468
|
|
|
56521
|
-
var _jsxFileName = "/
|
|
56469
|
+
var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
|
|
56522
56470
|
const StyledPaper = styled(Paper, {
|
|
56523
56471
|
borderRadius: '10px 10px 0 0',
|
|
56524
56472
|
padding: 15,
|
|
@@ -57820,4 +57768,4 @@ const useToggle = initialValue => {
|
|
|
57820
57768
|
return useReducer(toggleReducer, initialValue);
|
|
57821
57769
|
};
|
|
57822
57770
|
|
|
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,
|
|
57771
|
+
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 };
|