@majoo-ui/react 1.61.14-rc.7 → 1.61.14
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/components/devicePreview/DevicePreview.d.ts +1 -3
- package/components/form/components/InputResourceList/InputResourceList.d.ts +7 -5
- package/components/form/components/InputResourceList/ResourceList.d.ts +4 -0
- package/components/form/components/index.d.ts +1 -1
- package/index.esm.js +444 -392
- package/package.json +1 -1
package/index.esm.js
CHANGED
|
@@ -57,7 +57,7 @@ import imageCompressionComponent from 'browser-image-compression';
|
|
|
57
57
|
import { useSticky } from 'react-table-sticky';
|
|
58
58
|
import SignaturePad from 'react-signature-pad-wrapper';
|
|
59
59
|
|
|
60
|
-
var _jsxFileName$13 = "
|
|
60
|
+
var _jsxFileName$13 = "E:\\Coding\\Majoo\\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.44.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.44.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$8 = 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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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$$ = "E:\\Coding\\Majoo\\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$8.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$8.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$_ = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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$8.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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputGroup\\InputGroup.js";
|
|
8073
8073
|
const InputGroupStyle = styled('div', {
|
|
8074
8074
|
display: 'flex',
|
|
8075
8075
|
width: '100%',
|
|
@@ -8239,12 +8239,12 @@ const InputGroup = _ref => {
|
|
|
8239
8239
|
}));
|
|
8240
8240
|
};
|
|
8241
8241
|
InputGroup.propTypes = {
|
|
8242
|
-
/**
|
|
8243
|
-
Adjust Input Text Size
|
|
8242
|
+
/**
|
|
8243
|
+
Adjust Input Text Size
|
|
8244
8244
|
*/
|
|
8245
8245
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
8246
|
-
/**
|
|
8247
|
-
Children must be InputText, InputAddon, or InputPrefixes
|
|
8246
|
+
/**
|
|
8247
|
+
Children must be InputText, InputAddon, or InputPrefixes
|
|
8248
8248
|
*/
|
|
8249
8249
|
children: PropTypes.node.isRequired,
|
|
8250
8250
|
/** Error state */
|
|
@@ -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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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$8.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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\form\\components\\InputSearchbox\\InputSearchbox.js";
|
|
12033
12033
|
const {
|
|
12034
|
-
colors: colors$
|
|
12034
|
+
colors: colors$7
|
|
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$7.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 = "E:\\Coding\\Majoo\\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$8.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$8.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$8.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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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$8.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$8.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$8.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$8.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$8.iconDisable : colors$8.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$8.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$8.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$8.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 = "E:\\Coding\\Majoo\\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 = "E:\\Coding\\Majoo\\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$8.iconGreen,
|
|
15782
15782
|
__self: this,
|
|
15783
15783
|
__source: {
|
|
15784
15784
|
fileName: _jsxFileName$v,
|
|
@@ -15823,39 +15823,16 @@ 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
|
-
});
|
|
15850
15826
|
function InputResourceList({
|
|
15851
15827
|
data: dataProp,
|
|
15852
15828
|
disabled = false,
|
|
15853
|
-
|
|
15829
|
+
onItemCheck,
|
|
15830
|
+
onItemUncheck,
|
|
15854
15831
|
searchPlaceholder,
|
|
15855
15832
|
counterFooter = true,
|
|
15856
15833
|
counterFooterText,
|
|
15857
15834
|
isLoading = false,
|
|
15858
|
-
|
|
15835
|
+
enabledItems,
|
|
15859
15836
|
emptyDataMessage,
|
|
15860
15837
|
value,
|
|
15861
15838
|
fetchData,
|
|
@@ -15866,29 +15843,25 @@ function InputResourceList({
|
|
|
15866
15843
|
title,
|
|
15867
15844
|
hideSelectAll,
|
|
15868
15845
|
customHeader,
|
|
15869
|
-
|
|
15870
|
-
renderSelectAll
|
|
15846
|
+
checkDisableItems
|
|
15871
15847
|
}) {
|
|
15872
15848
|
const {
|
|
15873
15849
|
t
|
|
15874
15850
|
} = useTranslation(['MajooUI/inputResourceList', 'translation']);
|
|
15875
|
-
const [
|
|
15851
|
+
const [checkedResources, setCheckedResources] = useState([]);
|
|
15852
|
+
const [query, setQuery] = useState();
|
|
15876
15853
|
const [sortType, setSortType] = useState('asc');
|
|
15877
15854
|
const [data, setData] = useState([]);
|
|
15878
|
-
const
|
|
15879
|
-
|
|
15880
|
-
|
|
15881
|
-
|
|
15882
|
-
|
|
15883
|
-
|
|
15884
|
-
}
|
|
15885
|
-
return value;
|
|
15886
|
-
}, [value, data, isValueString]);
|
|
15855
|
+
const filteredValue = useMemo(() => {
|
|
15856
|
+
const dataValues = data.map(({
|
|
15857
|
+
value
|
|
15858
|
+
}) => value);
|
|
15859
|
+
return (value || []).filter(x => dataValues.includes(x.value));
|
|
15860
|
+
}, [JSON.stringify(value), JSON.stringify(data)]);
|
|
15887
15861
|
const scrollerRef = useRef(null);
|
|
15888
15862
|
useEffect(() => {
|
|
15889
15863
|
function filterUnique(params) {
|
|
15890
|
-
|
|
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);
|
|
15864
|
+
const unique = params === null || params === void 0 ? void 0 : params.filter((obj, index) => (params === null || params === void 0 ? void 0 : params.findIndex(item => (item === null || item === void 0 ? void 0 : item.value) === (obj === null || obj === void 0 ? void 0 : obj.value))) === index);
|
|
15892
15865
|
setData(unique);
|
|
15893
15866
|
}
|
|
15894
15867
|
filterUnique(dataProp);
|
|
@@ -15904,25 +15877,9 @@ function InputResourceList({
|
|
|
15904
15877
|
setSortType(defaultSort);
|
|
15905
15878
|
}
|
|
15906
15879
|
}, [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 a.label.localeCompare(b.label);
|
|
15921
|
-
});
|
|
15922
|
-
}, [data, query, checkedItems]);
|
|
15923
15880
|
const renderCheckbox = (resource, index) => {
|
|
15924
15881
|
var _a, _b;
|
|
15925
|
-
const isDisabled = resource.disabled ||
|
|
15882
|
+
const isDisabled = resource.disabled || enabledItems && (!enabledItems.find(id => id === resource.value) || enabledItems.length === 0);
|
|
15926
15883
|
return jsxs(Flex$1, Object.assign({
|
|
15927
15884
|
align: "center",
|
|
15928
15885
|
justify: "between"
|
|
@@ -15934,7 +15891,7 @@ function InputResourceList({
|
|
|
15934
15891
|
children: [jsxs(Flex$1, Object.assign({
|
|
15935
15892
|
align: "center"
|
|
15936
15893
|
}, {
|
|
15937
|
-
children: [jsx(InputCheckbox, {
|
|
15894
|
+
children: [jsx(InputCheckbox, Object.assign({
|
|
15938
15895
|
label: jsxs(Flex$1, Object.assign({
|
|
15939
15896
|
gap: 3,
|
|
15940
15897
|
align: "center"
|
|
@@ -15959,14 +15916,16 @@ function InputResourceList({
|
|
|
15959
15916
|
css: {
|
|
15960
15917
|
color: disabled || isDisabled ? '$textDisable' : '$textGreen'
|
|
15961
15918
|
}
|
|
15962
|
-
}, {
|
|
15919
|
+
}, {
|
|
15963
15920
|
children: variant
|
|
15964
15921
|
}), index))]
|
|
15965
15922
|
}), void 0),
|
|
15966
15923
|
index: index,
|
|
15967
15924
|
value: resource.value,
|
|
15968
15925
|
disabled: isDisabled
|
|
15969
|
-
},
|
|
15926
|
+
}, Object.assign({}, checkDisableItems && isDisabled && {
|
|
15927
|
+
checked: isDisabled
|
|
15928
|
+
})), void 0), (resource === null || resource === void 0 ? void 0 : resource.icon) && jsx(Box, Object.assign({
|
|
15970
15929
|
css: {
|
|
15971
15930
|
marginLeft: '$spacing-03'
|
|
15972
15931
|
}
|
|
@@ -16031,44 +15990,84 @@ function InputResourceList({
|
|
|
16031
15990
|
function toggleSort() {
|
|
16032
15991
|
setSortType(sortType === 'asc' ? 'desc' : 'asc');
|
|
16033
15992
|
}
|
|
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
|
+
}
|
|
16034
16043
|
function toggleCheckAll() {
|
|
16035
|
-
|
|
16036
|
-
|
|
16037
|
-
|
|
16038
|
-
|
|
16039
|
-
} else {
|
|
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));
|
|
16044
|
+
if ((filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) && (filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) < (data === null || data === void 0 ? void 0 : data.length) || (filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) === (data === null || data === void 0 ? void 0 : data.length)) {
|
|
16045
|
+
for (let i = 0; i < filteredValue.length; i++) {
|
|
16046
|
+
onItemUncheck === null || onItemUncheck === void 0 ? void 0 : onItemUncheck(filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue[i]);
|
|
16047
|
+
}
|
|
16052
16048
|
} else {
|
|
16053
|
-
|
|
16054
|
-
|
|
16049
|
+
for (let i = 0; i < (data === null || data === void 0 ? void 0 : data.length); i++) {
|
|
16050
|
+
const isEnabled = enabledItems ? enabledItems.find(id => id === (data === null || data === void 0 ? void 0 : data[i].value)) || enabledItems.length === 0 : true;
|
|
16051
|
+
if (isEnabled) onItemCheck === null || onItemCheck === void 0 ? void 0 : onItemCheck(data === null || data === void 0 ? void 0 : data[i]);
|
|
16052
|
+
}
|
|
16055
16053
|
}
|
|
16056
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(isValueString ? newCheckedItems.map(item => item.value) : newCheckedItems);
|
|
16057
16054
|
}
|
|
16058
|
-
|
|
16055
|
+
return jsxs(Box, Object.assign({
|
|
16059
16056
|
css: Object.assign({
|
|
16060
16057
|
position: 'relative'
|
|
16061
16058
|
}, css)
|
|
16062
16059
|
}, {
|
|
16063
|
-
children: [customHeader, onQueryChange && jsx(InputSearchbox,
|
|
16060
|
+
children: [customHeader, onQueryChange && jsx(InputSearchbox, {
|
|
16064
16061
|
size: "lg",
|
|
16065
|
-
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...'
|
|
16062
|
+
placeholder: searchPlaceholder || t('placeholder.search', 'Cari ...', {
|
|
16063
|
+
ns: 'translation'
|
|
16064
|
+
}),
|
|
16066
16065
|
onChange: debounce(query => {
|
|
16067
16066
|
setQuery(query);
|
|
16068
|
-
|
|
16067
|
+
onQueryChange(query);
|
|
16069
16068
|
}, 1000),
|
|
16070
16069
|
disabled: disabled
|
|
16071
|
-
},
|
|
16070
|
+
}, void 0), defaultSort && jsxs(Flex$1, Object.assign({
|
|
16072
16071
|
align: "center",
|
|
16073
16072
|
gap: 3,
|
|
16074
16073
|
css: {
|
|
@@ -16077,8 +16076,8 @@ function InputResourceList({
|
|
|
16077
16076
|
}
|
|
16078
16077
|
}, {
|
|
16079
16078
|
children: [!hideSelectAll && jsx(InputCheckbox, {
|
|
16080
|
-
checked:
|
|
16081
|
-
indeterminate:
|
|
16079
|
+
checked: (filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) === (data === null || data === void 0 ? void 0 : data.length) && data.length > 0,
|
|
16080
|
+
indeterminate: Boolean((filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) && (filteredValue === null || filteredValue === void 0 ? void 0 : filteredValue.length) < (data === null || data === void 0 ? void 0 : data.length)),
|
|
16082
16081
|
onCheckedChange: toggleCheckAll,
|
|
16083
16082
|
css: {
|
|
16084
16083
|
marginRight: '$spacing-02'
|
|
@@ -16092,7 +16091,7 @@ function InputResourceList({
|
|
|
16092
16091
|
}, {
|
|
16093
16092
|
children: jsx(SortingOutline, {
|
|
16094
16093
|
size: 16,
|
|
16095
|
-
color: colors$
|
|
16094
|
+
color: colors$8.iconSecondary
|
|
16096
16095
|
}, void 0)
|
|
16097
16096
|
}), void 0)]
|
|
16098
16097
|
}), void 0), isLoading && jsx(Flex$1, Object.assign({
|
|
@@ -16127,7 +16126,7 @@ function InputResourceList({
|
|
|
16127
16126
|
}, wrapperCss && wrapperCss),
|
|
16128
16127
|
ref: scrollerRef
|
|
16129
16128
|
}, {
|
|
16130
|
-
children: [data.length <= 0 &&
|
|
16129
|
+
children: [data.length <= 0 && (value || checkedResources).length <= 0 && !isLoading || defaultSort && data.length < 1 ? jsx(Flex$1, Object.assign({
|
|
16131
16130
|
justify: "center",
|
|
16132
16131
|
align: "center",
|
|
16133
16132
|
css: {
|
|
@@ -16160,27 +16159,9 @@ function InputResourceList({
|
|
|
16160
16159
|
children: children
|
|
16161
16160
|
}), void 0)
|
|
16162
16161
|
}, {
|
|
16163
|
-
children:
|
|
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)
|
|
16162
|
+
children: defaultSort ? renderWithSorting() : renderWithoutSorting()
|
|
16182
16163
|
}), void 0)]
|
|
16183
|
-
}), void 0), counterFooter &&
|
|
16164
|
+
}), void 0), counterFooter && (((value === null || value === void 0 ? void 0 : value.length) || 0) > 0 || checkedResources.length > 0) && jsx(Box, Object.assign({
|
|
16184
16165
|
css: {
|
|
16185
16166
|
marginTop: '$spacing-04'
|
|
16186
16167
|
}
|
|
@@ -16189,48 +16170,119 @@ function InputResourceList({
|
|
|
16189
16170
|
variant: "helper",
|
|
16190
16171
|
color: disabled ? 'disable' : 'green'
|
|
16191
16172
|
}, {
|
|
16192
|
-
children: `${
|
|
16173
|
+
children: `${(value === null || value === void 0 ? void 0 : value.length) || checkedResources.length} ${counterFooterText || t('counterFooterText', 'kategori dipilih')}`
|
|
16193
16174
|
}), void 0)
|
|
16194
16175
|
}), void 0)]
|
|
16195
16176
|
}), void 0);
|
|
16196
|
-
|
|
16197
|
-
|
|
16198
|
-
|
|
16199
|
-
|
|
16200
|
-
|
|
16201
|
-
|
|
16177
|
+
}
|
|
16178
|
+
|
|
16179
|
+
const {
|
|
16180
|
+
colors: colors$6
|
|
16181
|
+
} = foundations;
|
|
16182
|
+
const IconBox = styled('div', {
|
|
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
|
+
}, {
|
|
16202
16249
|
children: [jsxs(Flex$1, Object.assign({
|
|
16203
|
-
|
|
16204
|
-
align: "start"
|
|
16250
|
+
gap: 5
|
|
16205
16251
|
}, {
|
|
16206
|
-
children: [
|
|
16207
|
-
|
|
16252
|
+
children: [jsx(IconBox, Object.assign({
|
|
16253
|
+
onClick: handleCheckedAll,
|
|
16254
|
+
border: Boolean(!(checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length))
|
|
16208
16255
|
}, {
|
|
16209
|
-
children:
|
|
16210
|
-
|
|
16211
|
-
|
|
16212
|
-
|
|
16213
|
-
|
|
16214
|
-
|
|
16215
|
-
|
|
16216
|
-
|
|
16217
|
-
|
|
16218
|
-
|
|
16219
|
-
|
|
16220
|
-
|
|
16221
|
-
|
|
16222
|
-
|
|
16223
|
-
|
|
16224
|
-
|
|
16225
|
-
|
|
16226
|
-
|
|
16227
|
-
|
|
16228
|
-
|
|
16229
|
-
|
|
16230
|
-
|
|
16231
|
-
|
|
16232
|
-
|
|
16233
|
-
|
|
16256
|
+
children: (checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length) && !((_b = props === null || props === void 0 ? void 0 : props.data) === null || _b === void 0 ? void 0 : _b.length) ? jsx(CheckOutline, {
|
|
16257
|
+
color: colors$6.iconGreen
|
|
16258
|
+
}, void 0) : (checkedItem === null || checkedItem === void 0 ? void 0 : checkedItem.length) ? jsx(IndeterminateFilled, {
|
|
16259
|
+
children: "-"
|
|
16260
|
+
}, void 0) : ''
|
|
16261
|
+
}), void 0), renderSelectAll]
|
|
16262
|
+
}), void 0), jsx(Box, Object.assign({
|
|
16263
|
+
css: {
|
|
16264
|
+
cursor: 'pointer'
|
|
16265
|
+
},
|
|
16266
|
+
onClick: () => setExpand(!expand)
|
|
16267
|
+
}, {
|
|
16268
|
+
children: expand ? jsx(ChevronUpOutline, {}, void 0) : jsx(ChevronDownOutline, {}, void 0)
|
|
16269
|
+
}), void 0)]
|
|
16270
|
+
}), void 0), jsx(Box, {
|
|
16271
|
+
children: expand && jsx(InputResourceList, Object.assign({}, props, {
|
|
16272
|
+
value: checkedItem,
|
|
16273
|
+
onItemCheck: handleChecked,
|
|
16274
|
+
onItemUncheck: handleUnChecked
|
|
16275
|
+
}), void 0)
|
|
16276
|
+
}, void 0)]
|
|
16277
|
+
}, void 0);
|
|
16278
|
+
};
|
|
16279
|
+
const ResourceList = _a => {
|
|
16280
|
+
var {
|
|
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
|
+
};
|
|
16234
16286
|
|
|
16235
16287
|
const SelectInputSearch = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
|
|
16236
16288
|
var {
|
|
@@ -16642,7 +16694,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16642
16694
|
}, {
|
|
16643
16695
|
children: jsx(MinusOutline, {
|
|
16644
16696
|
size: 24,
|
|
16645
|
-
color: disabled || disabledDecrement ? colors$
|
|
16697
|
+
color: disabled || disabledDecrement ? colors$8.iconDisable : colors$8.primary500
|
|
16646
16698
|
}, void 0)
|
|
16647
16699
|
}), void 0), jsx(Input$4, {
|
|
16648
16700
|
ref: ref,
|
|
@@ -16665,7 +16717,7 @@ const InputCounter = /*#__PURE__*/forwardRef((props, ref) => {
|
|
|
16665
16717
|
}, {
|
|
16666
16718
|
children: jsx(PlusOutline, {
|
|
16667
16719
|
size: 24,
|
|
16668
|
-
color: disabled || disabledIncrement ? colors$
|
|
16720
|
+
color: disabled || disabledIncrement ? colors$8.iconDisable : colors$8.primary500
|
|
16669
16721
|
}, void 0)
|
|
16670
16722
|
}), void 0)]
|
|
16671
16723
|
}), void 0);
|
|
@@ -16678,7 +16730,7 @@ InputCounter.defaultProps = {
|
|
|
16678
16730
|
|
|
16679
16731
|
const _excluded$c = ["children"],
|
|
16680
16732
|
_excluded2$3 = ["children", "showOverlay"];
|
|
16681
|
-
var _jsxFileName$u = "
|
|
16733
|
+
var _jsxFileName$u = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\drawer\\Drawer.js";
|
|
16682
16734
|
const Context$1 = /*#__PURE__*/React__default.createContext();
|
|
16683
16735
|
const {
|
|
16684
16736
|
sizes
|
|
@@ -17028,7 +17080,7 @@ DrawerCloseButton.displayName = 'DrawerCloseButton';
|
|
|
17028
17080
|
|
|
17029
17081
|
const _excluded$b = ["className", "children", "type", "value", "defaultValue", "onValueChange", "disabled", "rovingFocus", "orientation", "dir", "loop", "size", "withMaxWidth", "mobileOnly", "desktopOnly"],
|
|
17030
17082
|
_excluded2$2 = ["className", "children", "leftIcon", "rightIcon", "disabled", "isToggle", "value"];
|
|
17031
|
-
var _jsxFileName$t = "
|
|
17083
|
+
var _jsxFileName$t = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\buttonGroup\\ButtonGroup.js";
|
|
17032
17084
|
const ScrollButton$1 = styled(Button$4, {
|
|
17033
17085
|
width: '28px',
|
|
17034
17086
|
outline: '$btnPrimary solid 1px',
|
|
@@ -17277,7 +17329,7 @@ function ButtonGroup$1(_ref) {
|
|
|
17277
17329
|
columnNumber: 15
|
|
17278
17330
|
}
|
|
17279
17331
|
}, /*#__PURE__*/React__default.createElement(ChevronLeftOutline, {
|
|
17280
|
-
color: colors$
|
|
17332
|
+
color: colors$8.iconGreen,
|
|
17281
17333
|
__self: this,
|
|
17282
17334
|
__source: {
|
|
17283
17335
|
fileName: _jsxFileName$t,
|
|
@@ -17307,7 +17359,7 @@ function ButtonGroup$1(_ref) {
|
|
|
17307
17359
|
columnNumber: 15
|
|
17308
17360
|
}
|
|
17309
17361
|
}, /*#__PURE__*/React__default.createElement(ChevronRightOutline, {
|
|
17310
|
-
color: colors$
|
|
17362
|
+
color: colors$8.iconGreen,
|
|
17311
17363
|
__self: this,
|
|
17312
17364
|
__source: {
|
|
17313
17365
|
fileName: _jsxFileName$t,
|
|
@@ -17557,7 +17609,7 @@ const DateNumber = styled('div', {
|
|
|
17557
17609
|
});
|
|
17558
17610
|
DateNumber.displayName = 'DateNumber';
|
|
17559
17611
|
|
|
17560
|
-
var _jsxFileName$s = "
|
|
17612
|
+
var _jsxFileName$s = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\TimePicker.js";
|
|
17561
17613
|
const Input$3 = styled('input', {
|
|
17562
17614
|
display: 'none'
|
|
17563
17615
|
});
|
|
@@ -18113,7 +18165,7 @@ TimePicker.propTypes = {
|
|
|
18113
18165
|
};
|
|
18114
18166
|
NativeTimePicker.displayName = 'NativeTimePicker';
|
|
18115
18167
|
|
|
18116
|
-
var _jsxFileName$r = "
|
|
18168
|
+
var _jsxFileName$r = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\datePicker\\timePicker\\InputTimePicker.js";
|
|
18117
18169
|
const getInputPickerValue$1 = date => {
|
|
18118
18170
|
if (!date) return;
|
|
18119
18171
|
return moment(date).format('HH:mm');
|
|
@@ -18161,7 +18213,7 @@ function InputTimePicker({
|
|
|
18161
18213
|
}
|
|
18162
18214
|
}, /*#__PURE__*/React__default.createElement(InputLeftElement, {
|
|
18163
18215
|
children: /*#__PURE__*/React__default.createElement(TimeOutline, {
|
|
18164
|
-
color: disabled ? colors$
|
|
18216
|
+
color: disabled ? colors$8.iconDisable : colors$8.iconPrimary,
|
|
18165
18217
|
__self: this,
|
|
18166
18218
|
__source: {
|
|
18167
18219
|
fileName: _jsxFileName$r,
|
|
@@ -20968,7 +21020,7 @@ function InputSignature({
|
|
|
20968
21020
|
}
|
|
20969
21021
|
|
|
20970
21022
|
const _excluded$a = ["className", "defaultValue", "value", "name", "disabled", "orientation", "dir", "min", "max", "step", "onValueChange", "minStepsBetweenThumbs", "color", "size", "width", "height"];
|
|
20971
|
-
var _jsxFileName$q = "
|
|
21023
|
+
var _jsxFileName$q = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\slider\\Slider.js";
|
|
20972
21024
|
const StyledSlider = styled$1(SliderPrimitive.Root, {
|
|
20973
21025
|
position: 'relative',
|
|
20974
21026
|
display: 'flex',
|
|
@@ -21312,7 +21364,7 @@ Slider.defaultProps = {
|
|
|
21312
21364
|
};
|
|
21313
21365
|
|
|
21314
21366
|
const _excluded$9 = ["className", "children", "onClick", "type", "size"];
|
|
21315
|
-
var _jsxFileName$p = "
|
|
21367
|
+
var _jsxFileName$p = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tagStatus\\TagStatus.js";
|
|
21316
21368
|
const TagWrapper$1 = styled('div', {
|
|
21317
21369
|
boxSizing: 'border-box',
|
|
21318
21370
|
fontSize: '12px',
|
|
@@ -21475,7 +21527,7 @@ const _excluded$8 = ["children"],
|
|
|
21475
21527
|
_excluded2$1 = ["children", "activeTabs"],
|
|
21476
21528
|
_excluded3$1 = ["children", "icon", "activeTabs", "value"],
|
|
21477
21529
|
_excluded4 = ["activeTabs"];
|
|
21478
|
-
var _jsxFileName$o = "
|
|
21530
|
+
var _jsxFileName$o = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tabs\\Tabs.js";
|
|
21479
21531
|
const StyledTabs = styled(TabsPrimitive.Root, {
|
|
21480
21532
|
display: 'flex',
|
|
21481
21533
|
flexDirection: 'column',
|
|
@@ -21701,7 +21753,7 @@ const TabsList$1 = _ref2 => {
|
|
|
21701
21753
|
columnNumber: 11
|
|
21702
21754
|
}
|
|
21703
21755
|
}, /*#__PURE__*/React__default.createElement(ChevronLgLeftOutline, {
|
|
21704
|
-
color: colors$
|
|
21756
|
+
color: colors$8.iconGreen,
|
|
21705
21757
|
__self: undefined,
|
|
21706
21758
|
__source: {
|
|
21707
21759
|
fileName: _jsxFileName$o,
|
|
@@ -21730,7 +21782,7 @@ const TabsList$1 = _ref2 => {
|
|
|
21730
21782
|
columnNumber: 11
|
|
21731
21783
|
}
|
|
21732
21784
|
}, /*#__PURE__*/React__default.createElement(ChevronLgRightOutline, {
|
|
21733
|
-
color: colors$
|
|
21785
|
+
color: colors$8.iconGreen,
|
|
21734
21786
|
__self: undefined,
|
|
21735
21787
|
__source: {
|
|
21736
21788
|
fileName: _jsxFileName$o,
|
|
@@ -21790,7 +21842,7 @@ const TabsTrigger$1 = _ref3 => {
|
|
|
21790
21842
|
columnNumber: 9
|
|
21791
21843
|
}
|
|
21792
21844
|
}, icon && /*#__PURE__*/React__default.cloneElement(icon, {
|
|
21793
|
-
color: activeTabs === value || isIconHovered ? colors$
|
|
21845
|
+
color: activeTabs === value || isIconHovered ? colors$8.iconGreen : colors$8.iconDisable
|
|
21794
21846
|
}), (!icon || activeTabs === value) && children)));
|
|
21795
21847
|
};
|
|
21796
21848
|
TabsTrigger$1.propTypes = {
|
|
@@ -21814,7 +21866,7 @@ TabsContent$1.propTypes = {
|
|
|
21814
21866
|
};
|
|
21815
21867
|
|
|
21816
21868
|
const _excluded$7 = ["children", "variantIcon"];
|
|
21817
|
-
var _jsxFileName$n = "
|
|
21869
|
+
var _jsxFileName$n = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\notificationBadge\\NotificationBadge.js";
|
|
21818
21870
|
const NotificationBadgeRootStyle = styled('span', {
|
|
21819
21871
|
position: 'relative',
|
|
21820
21872
|
display: 'inline-flex',
|
|
@@ -21969,7 +22021,7 @@ NotificationBadge.propTypes = {
|
|
|
21969
22021
|
};
|
|
21970
22022
|
|
|
21971
22023
|
const _excluded$6 = ["className", "children", "radius", "padding", "width", "height"];
|
|
21972
|
-
var _jsxFileName$m = "
|
|
22024
|
+
var _jsxFileName$m = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\paper\\Paper.js";
|
|
21973
22025
|
const PaperComponent = styled('div', {
|
|
21974
22026
|
padding: '20px',
|
|
21975
22027
|
height: 'auto',
|
|
@@ -22222,7 +22274,7 @@ const removeUndefinedFields = obj => {
|
|
|
22222
22274
|
};
|
|
22223
22275
|
|
|
22224
22276
|
const _excluded$5 = ["isActive", "onClick"];
|
|
22225
|
-
var _jsxFileName$l = "
|
|
22277
|
+
var _jsxFileName$l = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationButton.js";
|
|
22226
22278
|
const PrevNextButton = styled(Text$1, {
|
|
22227
22279
|
padding: '$spacing-01',
|
|
22228
22280
|
cursor: 'pointer',
|
|
@@ -22286,7 +22338,7 @@ const PrevNextButtonIcon = ({
|
|
|
22286
22338
|
columnNumber: 5
|
|
22287
22339
|
}
|
|
22288
22340
|
}, iconType === 'prev' ? /*#__PURE__*/React__default.createElement(ArrowLeftOutline, {
|
|
22289
|
-
color: isHover ? colors$
|
|
22341
|
+
color: isHover ? colors$8.iconGreen : colors$8.iconPrimary,
|
|
22290
22342
|
__self: undefined,
|
|
22291
22343
|
__source: {
|
|
22292
22344
|
fileName: _jsxFileName$l,
|
|
@@ -22294,7 +22346,7 @@ const PrevNextButtonIcon = ({
|
|
|
22294
22346
|
columnNumber: 9
|
|
22295
22347
|
}
|
|
22296
22348
|
}) : /*#__PURE__*/React__default.createElement(ArrowRightOutline, {
|
|
22297
|
-
color: isHover ? colors$
|
|
22349
|
+
color: isHover ? colors$8.iconGreen : colors$8.iconPrimary,
|
|
22298
22350
|
__self: undefined,
|
|
22299
22351
|
__source: {
|
|
22300
22352
|
fileName: _jsxFileName$l,
|
|
@@ -22716,7 +22768,7 @@ const PaginationButton = ({
|
|
|
22716
22768
|
};
|
|
22717
22769
|
|
|
22718
22770
|
const _excluded$4 = ["limits", "selectedLimit", "currentPage", "totalData", "onChange"];
|
|
22719
|
-
var _jsxFileName$k = "
|
|
22771
|
+
var _jsxFileName$k = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\PaginationInfo.js";
|
|
22720
22772
|
const LimitContainer = styled(Flex$1, {
|
|
22721
22773
|
cursor: 'pointer'
|
|
22722
22774
|
});
|
|
@@ -22812,7 +22864,7 @@ function PaginationInfo(_ref) {
|
|
|
22812
22864
|
columnNumber: 15
|
|
22813
22865
|
}
|
|
22814
22866
|
}, selectedLimit.toString()), /*#__PURE__*/React__default.createElement(ChevronDownOutline, {
|
|
22815
|
-
color: colors$
|
|
22867
|
+
color: colors$8.gray400,
|
|
22816
22868
|
__self: this,
|
|
22817
22869
|
__source: {
|
|
22818
22870
|
fileName: _jsxFileName$k,
|
|
@@ -22951,7 +23003,7 @@ function PaginationInfo(_ref) {
|
|
|
22951
23003
|
}
|
|
22952
23004
|
|
|
22953
23005
|
const _excluded$3 = ["limit", "currentPage", "totalData", "totalPage", "hideDataInfo", "onLimitChange", "onPageChange", "rowsPerPageOptions", "hidePagination", "hideInputPageSection"];
|
|
22954
|
-
var _jsxFileName$j = "
|
|
23006
|
+
var _jsxFileName$j = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\pagination\\Pagination.js";
|
|
22955
23007
|
function Pagination(_ref) {
|
|
22956
23008
|
let {
|
|
22957
23009
|
limit,
|
|
@@ -23126,23 +23178,23 @@ const ContextMenuItem = styled(Item, {
|
|
|
23126
23178
|
userSelect: 'none',
|
|
23127
23179
|
color: '$textPrimary',
|
|
23128
23180
|
'&[data-disabled]': {
|
|
23129
|
-
color: colors$
|
|
23181
|
+
color: colors$8.gray400,
|
|
23130
23182
|
pointerEvents: 'none'
|
|
23131
23183
|
},
|
|
23132
23184
|
'&:hover': {
|
|
23133
23185
|
cursor: 'pointer',
|
|
23134
|
-
backgroundColor: colors$
|
|
23186
|
+
backgroundColor: colors$8.gray100
|
|
23135
23187
|
},
|
|
23136
23188
|
'&:active': {
|
|
23137
|
-
backgroundColor: colors$
|
|
23189
|
+
backgroundColor: colors$8.gray150
|
|
23138
23190
|
},
|
|
23139
23191
|
'&:focus': {
|
|
23140
|
-
backgroundColor: colors$
|
|
23192
|
+
backgroundColor: colors$8.gray100
|
|
23141
23193
|
}
|
|
23142
23194
|
});
|
|
23143
23195
|
const ContextMenuSeparator = styled('div', {
|
|
23144
23196
|
height: 1,
|
|
23145
|
-
backgroundColor: colors$
|
|
23197
|
+
backgroundColor: colors$8.gray150,
|
|
23146
23198
|
margin: 5
|
|
23147
23199
|
});
|
|
23148
23200
|
|
|
@@ -23825,7 +23877,7 @@ const ScrollSyncNode = /*#__PURE__*/forwardRef((props, forwardedRef) => {
|
|
|
23825
23877
|
});
|
|
23826
23878
|
ScrollSyncNode.displayName = 'ScrollSyncNode';
|
|
23827
23879
|
|
|
23828
|
-
var _jsxFileName$i = "
|
|
23880
|
+
var _jsxFileName$i = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowDraggableColumn.js";
|
|
23829
23881
|
const DragHandle = SortableHandle(() => /*#__PURE__*/React__default.createElement(IconButton, {
|
|
23830
23882
|
icon: true,
|
|
23831
23883
|
size: "xs",
|
|
@@ -25320,7 +25372,7 @@ const TableColumn = _a => {
|
|
|
25320
25372
|
return jsx("div", {}, void 0);
|
|
25321
25373
|
};
|
|
25322
25374
|
|
|
25323
|
-
var _jsxFileName$h = "
|
|
25375
|
+
var _jsxFileName$h = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\DateColumn.js";
|
|
25324
25376
|
const DateColumn = ({
|
|
25325
25377
|
value,
|
|
25326
25378
|
customFormat
|
|
@@ -25432,7 +25484,7 @@ const PriceColumn = props => {
|
|
|
25432
25484
|
return addThousandSeparator(param);
|
|
25433
25485
|
};
|
|
25434
25486
|
|
|
25435
|
-
var _jsxFileName$g = "
|
|
25487
|
+
var _jsxFileName$g = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderColumn.js";
|
|
25436
25488
|
const rowExpanderColumn = {
|
|
25437
25489
|
id: 'expander',
|
|
25438
25490
|
Header: () => null,
|
|
@@ -25475,7 +25527,7 @@ const rowExpanderColumn = {
|
|
|
25475
25527
|
unsortable: true
|
|
25476
25528
|
};
|
|
25477
25529
|
|
|
25478
|
-
var _jsxFileName$f = "
|
|
25530
|
+
var _jsxFileName$f = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowExpanderMultipleColumn.js";
|
|
25479
25531
|
const rowExpanderMultipleColumn = {
|
|
25480
25532
|
id: 'multiple-expander',
|
|
25481
25533
|
Header: () => null,
|
|
@@ -25511,7 +25563,7 @@ const rowExpanderMultipleColumn = {
|
|
|
25511
25563
|
unsortable: true
|
|
25512
25564
|
};
|
|
25513
25565
|
|
|
25514
|
-
var _jsxFileName$e = "
|
|
25566
|
+
var _jsxFileName$e = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowMenuColumn.js";
|
|
25515
25567
|
const rowMenuColumn = (options, icon, config) => ({
|
|
25516
25568
|
id: 'menu',
|
|
25517
25569
|
options,
|
|
@@ -25648,7 +25700,7 @@ const rowMenuColumn = (options, icon, config) => ({
|
|
|
25648
25700
|
unsortable: true
|
|
25649
25701
|
});
|
|
25650
25702
|
|
|
25651
|
-
var _jsxFileName$d = "
|
|
25703
|
+
var _jsxFileName$d = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionColumn.js";
|
|
25652
25704
|
const rowSelectionColumn = {
|
|
25653
25705
|
id: 'selection',
|
|
25654
25706
|
Header: ({
|
|
@@ -25697,7 +25749,7 @@ const rowSelectionColumn = {
|
|
|
25697
25749
|
unsortable: true
|
|
25698
25750
|
};
|
|
25699
25751
|
|
|
25700
|
-
var _jsxFileName$c = "
|
|
25752
|
+
var _jsxFileName$c = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\table\\components\\columns\\RowSelectionCallbackColumn.js";
|
|
25701
25753
|
const rowSelectionWithCallbackColumn = (onCheckedChange, onAllCheckedChange) => ({
|
|
25702
25754
|
id: 'selection',
|
|
25703
25755
|
Header: ({
|
|
@@ -26035,7 +26087,7 @@ PageDialog.defaultProps = {
|
|
|
26035
26087
|
};
|
|
26036
26088
|
|
|
26037
26089
|
const _excluded$2 = ["children"];
|
|
26038
|
-
var _jsxFileName$b = "
|
|
26090
|
+
var _jsxFileName$b = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\alertDialog\\AlertDialog.js";
|
|
26039
26091
|
const overlayShow = keyframes({
|
|
26040
26092
|
'0%': {
|
|
26041
26093
|
opacity: 0
|
|
@@ -26056,7 +26108,7 @@ const contentShow = keyframes({
|
|
|
26056
26108
|
});
|
|
26057
26109
|
const StyledOverlay = styled(ADialog.Overlay, {
|
|
26058
26110
|
zIndex: 1,
|
|
26059
|
-
backgroundColor: colors$
|
|
26111
|
+
backgroundColor: colors$8.bgDimmer,
|
|
26060
26112
|
position: 'fixed',
|
|
26061
26113
|
inset: 0,
|
|
26062
26114
|
'@media (prefers-reduced-motion: no-preference)': {
|
|
@@ -26089,14 +26141,14 @@ const StyledTitle = styled(ADialog.Title, {
|
|
|
26089
26141
|
display: 'flex',
|
|
26090
26142
|
flexDirection: 'row',
|
|
26091
26143
|
justifyContent: 'space-between',
|
|
26092
|
-
color: colors$
|
|
26144
|
+
color: colors$8.gray900,
|
|
26093
26145
|
fontSize: 17,
|
|
26094
26146
|
fontWeight: 500
|
|
26095
26147
|
});
|
|
26096
26148
|
const StyledDescription$1 = styled(ADialog.Description, {
|
|
26097
26149
|
mx: 24,
|
|
26098
26150
|
my: 20,
|
|
26099
|
-
color: colors$
|
|
26151
|
+
color: colors$8.gray900,
|
|
26100
26152
|
fontSize: 15,
|
|
26101
26153
|
lineHeight: 1.5
|
|
26102
26154
|
});
|
|
@@ -26670,7 +26722,7 @@ const AlertDialogConfirm = ADialog.Action;
|
|
|
26670
26722
|
const _excluded$1 = ["side", "align", "children"],
|
|
26671
26723
|
_excluded2 = ["children"],
|
|
26672
26724
|
_excluded3 = ["asChild"];
|
|
26673
|
-
var _jsxFileName$a = "
|
|
26725
|
+
var _jsxFileName$a = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\dropdownMenu\\DropdownMenu.js";
|
|
26674
26726
|
const Context = /*#__PURE__*/React__default.createContext();
|
|
26675
26727
|
const slideUpAndFade = keyframes({
|
|
26676
26728
|
'0%': {
|
|
@@ -26754,17 +26806,17 @@ const itemStyles = {
|
|
|
26754
26806
|
position: 'relative',
|
|
26755
26807
|
userSelect: 'none',
|
|
26756
26808
|
'&[data-disabled]': {
|
|
26757
|
-
color: colors$
|
|
26809
|
+
color: colors$8.gray400,
|
|
26758
26810
|
pointerEvents: 'none'
|
|
26759
26811
|
},
|
|
26760
26812
|
'&:hover': {
|
|
26761
26813
|
cursor: 'pointer'
|
|
26762
26814
|
},
|
|
26763
26815
|
'&:active': {
|
|
26764
|
-
backgroundColor: colors$
|
|
26816
|
+
backgroundColor: colors$8.gray150
|
|
26765
26817
|
},
|
|
26766
26818
|
'&:focus': {
|
|
26767
|
-
backgroundColor: colors$
|
|
26819
|
+
backgroundColor: colors$8.gray100
|
|
26768
26820
|
}
|
|
26769
26821
|
};
|
|
26770
26822
|
const StyledItem = styled(DropdownMenuPrimitive.Item, Object.assign({}, itemStyles));
|
|
@@ -26786,11 +26838,11 @@ const StyledLabel = styled(DropdownMenuPrimitive.Label, {
|
|
|
26786
26838
|
padding: '8px 0',
|
|
26787
26839
|
fontSize: 12,
|
|
26788
26840
|
lineHeight: '25px',
|
|
26789
|
-
color: colors$
|
|
26841
|
+
color: colors$8.gray700
|
|
26790
26842
|
});
|
|
26791
26843
|
const StyledSeparator = styled(DropdownMenuPrimitive.Separator, {
|
|
26792
26844
|
height: 1,
|
|
26793
|
-
backgroundColor: colors$
|
|
26845
|
+
backgroundColor: colors$8.gray150,
|
|
26794
26846
|
margin: 5
|
|
26795
26847
|
});
|
|
26796
26848
|
const StyledItemIndicator = styled(DropdownMenuPrimitive.ItemIndicator, {
|
|
@@ -26899,7 +26951,7 @@ const RightSlot = styled('div', {
|
|
|
26899
26951
|
color: 'white'
|
|
26900
26952
|
},
|
|
26901
26953
|
'[data-disabled] &': {
|
|
26902
|
-
color: colors$
|
|
26954
|
+
color: colors$8.gray400
|
|
26903
26955
|
}
|
|
26904
26956
|
});
|
|
26905
26957
|
const StyledDropdown = styled(Button$4, {
|
|
@@ -28950,7 +29002,7 @@ function imgPreview(image, crop, scale = 1, rotate = 0, ratio, type) {
|
|
|
28950
29002
|
}
|
|
28951
29003
|
|
|
28952
29004
|
const _excluded = ["customPreviewIcon"];
|
|
28953
|
-
var _jsxFileName$9 = "
|
|
29005
|
+
var _jsxFileName$9 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\upload\\Upload.js";
|
|
28954
29006
|
const Input$2 = styled('input', {
|
|
28955
29007
|
display: 'none !important'
|
|
28956
29008
|
});
|
|
@@ -30156,159 +30208,159 @@ Upload.defaultProps = {
|
|
|
30156
30208
|
maxWidthOrHeight: 1024
|
|
30157
30209
|
};
|
|
30158
30210
|
Upload.propTypes = {
|
|
30159
|
-
/**
|
|
30160
|
-
Placeholder label of upload.
|
|
30211
|
+
/**
|
|
30212
|
+
Placeholder label of upload.
|
|
30161
30213
|
*/
|
|
30162
30214
|
placeholder: PropTypes.string,
|
|
30163
|
-
/**
|
|
30164
|
-
Disabled state of upload.
|
|
30215
|
+
/**
|
|
30216
|
+
Disabled state of upload.
|
|
30165
30217
|
*/
|
|
30166
30218
|
disabled: PropTypes.bool,
|
|
30167
|
-
/**
|
|
30168
|
-
Built-in stylesheets, support for two types.
|
|
30219
|
+
/**
|
|
30220
|
+
Built-in stylesheets, support for two types.
|
|
30169
30221
|
*/
|
|
30170
30222
|
listType: PropTypes.oneOf(['file', 'picture']),
|
|
30171
|
-
/**
|
|
30172
|
-
Whether to support selected multiple file.
|
|
30223
|
+
/**
|
|
30224
|
+
Whether to support selected multiple file.
|
|
30173
30225
|
*/
|
|
30174
30226
|
multiple: PropTypes.bool,
|
|
30175
|
-
/**
|
|
30176
|
-
List of files to be uploaded.
|
|
30227
|
+
/**
|
|
30228
|
+
List of files to be uploaded.
|
|
30177
30229
|
*/
|
|
30178
30230
|
fileList: PropTypes.array,
|
|
30179
|
-
/**
|
|
30180
|
-
A callback function, can be executed when uploading state is changing.
|
|
30231
|
+
/**
|
|
30232
|
+
A callback function, can be executed when uploading state is changing.
|
|
30181
30233
|
*/
|
|
30182
30234
|
onChange: PropTypes.func,
|
|
30183
|
-
/**
|
|
30184
|
-
A callback function, can be executed when uploading in progress.
|
|
30185
|
-
`(progress) => void`
|
|
30235
|
+
/**
|
|
30236
|
+
A callback function, can be executed when uploading in progress.
|
|
30237
|
+
`(progress) => void`
|
|
30186
30238
|
*/
|
|
30187
30239
|
onProgress: PropTypes.func,
|
|
30188
|
-
/**
|
|
30189
|
-
A callback function, can be executed when uploading is success.
|
|
30190
|
-
`(response) => void`
|
|
30240
|
+
/**
|
|
30241
|
+
A callback function, can be executed when uploading is success.
|
|
30242
|
+
`(response) => void`
|
|
30191
30243
|
*/
|
|
30192
30244
|
onSuccess: PropTypes.func,
|
|
30193
|
-
/**
|
|
30194
|
-
A callback function, can be executed when uploading is error.
|
|
30195
|
-
`(error, response) => void`
|
|
30245
|
+
/**
|
|
30246
|
+
A callback function, can be executed when uploading is error.
|
|
30247
|
+
`(error, response) => void`
|
|
30196
30248
|
*/
|
|
30197
30249
|
onError: PropTypes.func,
|
|
30198
|
-
/**
|
|
30199
|
-
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30250
|
+
/**
|
|
30251
|
+
A callback function, can be executed when preview icon in picture type is clicked.
|
|
30200
30252
|
*/
|
|
30201
30253
|
onPreview: PropTypes.func,
|
|
30202
|
-
/**
|
|
30203
|
-
A callback function, can be executed when remove icon is clicked.
|
|
30254
|
+
/**
|
|
30255
|
+
A callback function, can be executed when remove icon is clicked.
|
|
30204
30256
|
*/
|
|
30205
30257
|
onRemove: PropTypes.func,
|
|
30206
|
-
/**
|
|
30207
|
-
A custom element inside upload container.
|
|
30258
|
+
/**
|
|
30259
|
+
A custom element inside upload container.
|
|
30208
30260
|
*/
|
|
30209
30261
|
children: PropTypes.element,
|
|
30210
|
-
/**
|
|
30211
|
-
Limit the number of uploaded files.
|
|
30262
|
+
/**
|
|
30263
|
+
Limit the number of uploaded files.
|
|
30212
30264
|
*/
|
|
30213
30265
|
max: PropTypes.number,
|
|
30214
|
-
/**
|
|
30215
|
-
Limit the maximum image size in MB.
|
|
30266
|
+
/**
|
|
30267
|
+
Limit the maximum image size in MB.
|
|
30216
30268
|
*/
|
|
30217
30269
|
maxSizeMB: PropTypes.number,
|
|
30218
|
-
/**
|
|
30219
|
-
Limit file type of upload.
|
|
30270
|
+
/**
|
|
30271
|
+
Limit file type of upload.
|
|
30220
30272
|
*/
|
|
30221
30273
|
accept: PropTypes.string,
|
|
30222
|
-
/**
|
|
30223
|
-
Custom label for replace button.
|
|
30274
|
+
/**
|
|
30275
|
+
Custom label for replace button.
|
|
30224
30276
|
*/
|
|
30225
30277
|
replaceLabel: PropTypes.string,
|
|
30226
|
-
/**
|
|
30227
|
-
Custom width of upload container.
|
|
30278
|
+
/**
|
|
30279
|
+
Custom width of upload container.
|
|
30228
30280
|
*/
|
|
30229
30281
|
width: PropTypes.number,
|
|
30230
|
-
/**
|
|
30231
|
-
Custom height of upload container.
|
|
30282
|
+
/**
|
|
30283
|
+
Custom height of upload container.
|
|
30232
30284
|
*/
|
|
30233
30285
|
height: PropTypes.number,
|
|
30234
|
-
/**
|
|
30235
|
-
Additional css.
|
|
30286
|
+
/**
|
|
30287
|
+
Additional css.
|
|
30236
30288
|
*/
|
|
30237
30289
|
css: PropTypes.object,
|
|
30238
|
-
/**
|
|
30239
|
-
Custom title header of cropper modal.
|
|
30290
|
+
/**
|
|
30291
|
+
Custom title header of cropper modal.
|
|
30240
30292
|
*/
|
|
30241
30293
|
cropperTitle: PropTypes.string,
|
|
30242
|
-
/**
|
|
30243
|
-
Add image cropper on upload.
|
|
30294
|
+
/**
|
|
30295
|
+
Add image cropper on upload.
|
|
30244
30296
|
*/
|
|
30245
30297
|
showCropper: PropTypes.bool,
|
|
30246
|
-
/**
|
|
30247
|
-
Hidden toggle aspect ratio image cropper.
|
|
30298
|
+
/**
|
|
30299
|
+
Hidden toggle aspect ratio image cropper.
|
|
30248
30300
|
*/
|
|
30249
30301
|
hiddenToggleAspect: PropTypes.bool,
|
|
30250
|
-
/**
|
|
30251
|
-
The aspect ratio of the crop, e.g. `1` for a square or `16 / 9` for landscape. Omit/pass undefined for a free-form crop.
|
|
30302
|
+
/**
|
|
30303
|
+
The aspect ratio of the crop, e.g. `1` for a square or `16 / 9` for landscape. Omit/pass undefined for a free-form crop.
|
|
30252
30304
|
*/
|
|
30253
30305
|
ratio: PropTypes.number,
|
|
30254
|
-
/**
|
|
30255
|
-
Can set error message to the upload.
|
|
30306
|
+
/**
|
|
30307
|
+
Can set error message to the upload.
|
|
30256
30308
|
*/
|
|
30257
30309
|
errorMessage: PropTypes.string,
|
|
30258
|
-
/**
|
|
30259
|
-
Progress of upload process.
|
|
30310
|
+
/**
|
|
30311
|
+
Progress of upload process.
|
|
30260
30312
|
*/
|
|
30261
30313
|
progress: PropTypes.number,
|
|
30262
|
-
/**
|
|
30263
|
-
Auto increment progress of upload process.
|
|
30314
|
+
/**
|
|
30315
|
+
Auto increment progress of upload process.
|
|
30264
30316
|
*/
|
|
30265
30317
|
loading: PropTypes.bool,
|
|
30266
|
-
/**
|
|
30267
|
-
API upload url, allows components to automatically upload directly to API service.
|
|
30318
|
+
/**
|
|
30319
|
+
API upload url, allows components to automatically upload directly to API service.
|
|
30268
30320
|
*/
|
|
30269
30321
|
action: PropTypes.string,
|
|
30270
|
-
/**
|
|
30271
|
-
Custom body request to upload action.
|
|
30322
|
+
/**
|
|
30323
|
+
Custom body request to upload action.
|
|
30272
30324
|
*/
|
|
30273
30325
|
customBodyRequest: PropTypes.func,
|
|
30274
|
-
/**
|
|
30275
|
-
Contains an authentication token for upload API.
|
|
30326
|
+
/**
|
|
30327
|
+
Contains an authentication token for upload API.
|
|
30276
30328
|
*/
|
|
30277
30329
|
token: PropTypes.string,
|
|
30278
|
-
/**
|
|
30279
|
-
Referencing the headers key to attach the token.
|
|
30330
|
+
/**
|
|
30331
|
+
Referencing the headers key to attach the token.
|
|
30280
30332
|
*/
|
|
30281
30333
|
tokenKey: PropTypes.string,
|
|
30282
|
-
/**
|
|
30283
|
-
Referencing the key to attach the file to be sent.
|
|
30334
|
+
/**
|
|
30335
|
+
Referencing the key to attach the file to be sent.
|
|
30284
30336
|
*/
|
|
30285
30337
|
reqKey: PropTypes.string,
|
|
30286
|
-
/**
|
|
30287
|
-
Referencing the key to get the file from the API response.
|
|
30338
|
+
/**
|
|
30339
|
+
Referencing the key to get the file from the API response.
|
|
30288
30340
|
*/
|
|
30289
30341
|
resKey: PropTypes.string,
|
|
30290
|
-
/**
|
|
30291
|
-
To compression image if file size > 1MB.
|
|
30342
|
+
/**
|
|
30343
|
+
To compression image if file size > 1MB.
|
|
30292
30344
|
*/
|
|
30293
30345
|
imageCompression: PropTypes.bool,
|
|
30294
|
-
/**
|
|
30295
|
-
Callback to handle before crop image.
|
|
30346
|
+
/**
|
|
30347
|
+
Callback to handle before crop image.
|
|
30296
30348
|
*/
|
|
30297
30349
|
onBeforeCrop: PropTypes.func,
|
|
30298
|
-
/**
|
|
30299
|
-
Hidden preview icon in upload.
|
|
30350
|
+
/**
|
|
30351
|
+
Hidden preview icon in upload.
|
|
30300
30352
|
*/
|
|
30301
30353
|
hiddenPreview: PropTypes.bool,
|
|
30302
|
-
/**
|
|
30303
|
-
Auto full aspect ratio cropper.
|
|
30354
|
+
/**
|
|
30355
|
+
Auto full aspect ratio cropper.
|
|
30304
30356
|
*/
|
|
30305
30357
|
fullAspectCrop: PropTypes.bool,
|
|
30306
|
-
/**
|
|
30307
|
-
Set custom ratio as Default view
|
|
30358
|
+
/**
|
|
30359
|
+
Set custom ratio as Default view
|
|
30308
30360
|
*/
|
|
30309
30361
|
isDefaultCustomRatio: PropTypes.bool,
|
|
30310
|
-
/**
|
|
30311
|
-
Set max width or height of image
|
|
30362
|
+
/**
|
|
30363
|
+
Set max width or height of image
|
|
30312
30364
|
*/
|
|
30313
30365
|
maxWidthOrHeight: PropTypes.number
|
|
30314
30366
|
};
|
|
@@ -30917,7 +30969,7 @@ const Device = props => {
|
|
|
30917
30969
|
buttonType: "secondary"
|
|
30918
30970
|
}, {
|
|
30919
30971
|
children: jsx(ChevronLeftOutline, {
|
|
30920
|
-
color: colors$
|
|
30972
|
+
color: colors$8.btnPrimary
|
|
30921
30973
|
}, void 0)
|
|
30922
30974
|
}), void 0), jsxs(Flex$1, Object.assign({
|
|
30923
30975
|
align: "center",
|
|
@@ -30977,14 +31029,14 @@ const Device = props => {
|
|
|
30977
31029
|
buttonType: "secondary"
|
|
30978
31030
|
}, {
|
|
30979
31031
|
children: jsx(ChevronRightOutline, {
|
|
30980
|
-
color: colors$
|
|
31032
|
+
color: colors$8.btnPrimary
|
|
30981
31033
|
}, void 0)
|
|
30982
31034
|
}), void 0)]
|
|
30983
31035
|
}), void 0);
|
|
30984
31036
|
};
|
|
30985
31037
|
Device.displayName = 'DevicePreview';
|
|
30986
31038
|
|
|
30987
|
-
var _jsxFileName$8 = "
|
|
31039
|
+
var _jsxFileName$8 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\InputColorPicker.js";
|
|
30988
31040
|
const Separator$1 = styled('div', {
|
|
30989
31041
|
height: 20,
|
|
30990
31042
|
width: 1,
|
|
@@ -31094,44 +31146,44 @@ function InputColorPicker(props) {
|
|
|
31094
31146
|
}
|
|
31095
31147
|
InputColorPicker.displayName = 'InputColorPicker';
|
|
31096
31148
|
InputColorPicker.propTypes = {
|
|
31097
|
-
/**
|
|
31098
|
-
Specify change InputColorPicker size.
|
|
31149
|
+
/**
|
|
31150
|
+
Specify change InputColorPicker size.
|
|
31099
31151
|
*/
|
|
31100
31152
|
size: PropTypes.oneOf(['sm', 'lg']),
|
|
31101
|
-
/**
|
|
31102
|
-
Color code to be displayed.
|
|
31153
|
+
/**
|
|
31154
|
+
Color code to be displayed.
|
|
31103
31155
|
*/
|
|
31104
31156
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
31105
|
-
/**
|
|
31106
|
-
Additional color list.
|
|
31157
|
+
/**
|
|
31158
|
+
Additional color list.
|
|
31107
31159
|
*/
|
|
31108
31160
|
presetColors: PropTypes.array,
|
|
31109
|
-
/**
|
|
31110
|
-
Change event handler.
|
|
31161
|
+
/**
|
|
31162
|
+
Change event handler.
|
|
31111
31163
|
*/
|
|
31112
31164
|
onChange: PropTypes.func,
|
|
31113
|
-
/**
|
|
31114
|
-
Add preset color event handler.
|
|
31165
|
+
/**
|
|
31166
|
+
Add preset color event handler.
|
|
31115
31167
|
*/
|
|
31116
31168
|
onAddColor: PropTypes.func,
|
|
31117
|
-
/**
|
|
31118
|
-
Disable opacity selector.
|
|
31169
|
+
/**
|
|
31170
|
+
Disable opacity selector.
|
|
31119
31171
|
*/
|
|
31120
31172
|
disableAlpha: PropTypes.bool,
|
|
31121
|
-
/**
|
|
31122
|
-
Input placement.
|
|
31173
|
+
/**
|
|
31174
|
+
Input placement.
|
|
31123
31175
|
*/
|
|
31124
31176
|
placement: PropTypes.string,
|
|
31125
|
-
/**
|
|
31126
|
-
Define is mobile layout or not.
|
|
31177
|
+
/**
|
|
31178
|
+
Define is mobile layout or not.
|
|
31127
31179
|
*/
|
|
31128
31180
|
isMobile: PropTypes.bool,
|
|
31129
|
-
/**
|
|
31130
|
-
Define popover custom styling.
|
|
31181
|
+
/**
|
|
31182
|
+
Define popover custom styling.
|
|
31131
31183
|
*/
|
|
31132
31184
|
popoverCss: PropTypes.shape({}),
|
|
31133
|
-
/**
|
|
31134
|
-
Disabled state.
|
|
31185
|
+
/**
|
|
31186
|
+
Disabled state.
|
|
31135
31187
|
*/
|
|
31136
31188
|
disabled: PropTypes.bool
|
|
31137
31189
|
};
|
|
@@ -31145,7 +31197,7 @@ InputColorPicker.defaultProps = {
|
|
|
31145
31197
|
|
|
31146
31198
|
var img$d = "data:image/gif;base64,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";
|
|
31147
31199
|
|
|
31148
|
-
var _jsxFileName$7 = "
|
|
31200
|
+
var _jsxFileName$7 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorMap.js";
|
|
31149
31201
|
const Container$7 = styled('div', {
|
|
31150
31202
|
userSelect: 'none',
|
|
31151
31203
|
margin: 'auto',
|
|
@@ -33106,7 +33158,7 @@ function ColorMap({
|
|
|
33106
33158
|
})));
|
|
33107
33159
|
}
|
|
33108
33160
|
|
|
33109
|
-
var _jsxFileName$6 = "
|
|
33161
|
+
var _jsxFileName$6 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\components\\ColorFields.js";
|
|
33110
33162
|
const CheckBoard = styled(Flex$1, {
|
|
33111
33163
|
background: '$bgwhite',
|
|
33112
33164
|
border: '1px solid #E5E7EB',
|
|
@@ -33307,7 +33359,7 @@ function ColorFields({
|
|
|
33307
33359
|
}, "%")));
|
|
33308
33360
|
}
|
|
33309
33361
|
|
|
33310
|
-
var _jsxFileName$5 = "
|
|
33362
|
+
var _jsxFileName$5 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\colorPicker\\ColorPicker.js";
|
|
33311
33363
|
const Container$6 = styled(Flex$1, {
|
|
33312
33364
|
background: '$white',
|
|
33313
33365
|
padding: 16,
|
|
@@ -33798,24 +33850,24 @@ function ColorPicker({
|
|
|
33798
33850
|
})))))));
|
|
33799
33851
|
}
|
|
33800
33852
|
ColorPicker.propTypes = {
|
|
33801
|
-
/**
|
|
33802
|
-
Color code to be displayed.
|
|
33853
|
+
/**
|
|
33854
|
+
Color code to be displayed.
|
|
33803
33855
|
*/
|
|
33804
33856
|
color: PropTypes.oneOfType([PropTypes.object, PropTypes.string]),
|
|
33805
|
-
/**
|
|
33806
|
-
Additional color list
|
|
33857
|
+
/**
|
|
33858
|
+
Additional color list
|
|
33807
33859
|
*/
|
|
33808
33860
|
presetColors: PropTypes.array,
|
|
33809
|
-
/**
|
|
33810
|
-
Change event handler
|
|
33861
|
+
/**
|
|
33862
|
+
Change event handler
|
|
33811
33863
|
*/
|
|
33812
33864
|
onChange: PropTypes.func,
|
|
33813
|
-
/**
|
|
33814
|
-
Add preset color event handler
|
|
33865
|
+
/**
|
|
33866
|
+
Add preset color event handler
|
|
33815
33867
|
*/
|
|
33816
33868
|
onAddColor: PropTypes.func,
|
|
33817
|
-
/**
|
|
33818
|
-
Disable opacity selector
|
|
33869
|
+
/**
|
|
33870
|
+
Disable opacity selector
|
|
33819
33871
|
*/
|
|
33820
33872
|
disableAlpha: PropTypes.bool
|
|
33821
33873
|
};
|
|
@@ -33824,7 +33876,7 @@ ColorPicker.defaultProps = {
|
|
|
33824
33876
|
};
|
|
33825
33877
|
var ColorPicker$1 = ColorWrap(ColorPicker);
|
|
33826
33878
|
|
|
33827
|
-
var _jsxFileName$4 = "
|
|
33879
|
+
var _jsxFileName$4 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\stepWizard\\StepWizard.js";
|
|
33828
33880
|
const StepWizardContext = /*#__PURE__*/React__default.createContext({});
|
|
33829
33881
|
const Stepper = StepWizard$1;
|
|
33830
33882
|
Stepper.displayName = 'Stepper';
|
|
@@ -34078,7 +34130,7 @@ const Navigation = props => {
|
|
|
34078
34130
|
marginRight: 9
|
|
34079
34131
|
},
|
|
34080
34132
|
size: "24",
|
|
34081
|
-
color: colors$
|
|
34133
|
+
color: colors$8.bgGreen,
|
|
34082
34134
|
__self: undefined,
|
|
34083
34135
|
__source: {
|
|
34084
34136
|
fileName: _jsxFileName$4,
|
|
@@ -34099,7 +34151,7 @@ const Navigation = props => {
|
|
|
34099
34151
|
margin: '0 9px'
|
|
34100
34152
|
},
|
|
34101
34153
|
size: "20",
|
|
34102
|
-
color: colors$
|
|
34154
|
+
color: colors$8.iconSecondary,
|
|
34103
34155
|
__self: undefined,
|
|
34104
34156
|
__source: {
|
|
34105
34157
|
fileName: _jsxFileName$4,
|
|
@@ -34171,7 +34223,7 @@ const Navigation = props => {
|
|
|
34171
34223
|
}
|
|
34172
34224
|
}, /*#__PURE__*/React__default.createElement(StyledCircleInfoOutline, {
|
|
34173
34225
|
size: "20",
|
|
34174
|
-
color: colors$
|
|
34226
|
+
color: colors$8.iconPrimary,
|
|
34175
34227
|
__self: undefined,
|
|
34176
34228
|
__source: {
|
|
34177
34229
|
fileName: _jsxFileName$4,
|
|
@@ -34547,7 +34599,7 @@ StepWizard.defaultProps = {
|
|
|
34547
34599
|
isLazyMount: true
|
|
34548
34600
|
};
|
|
34549
34601
|
|
|
34550
|
-
var _jsxFileName$3 = "
|
|
34602
|
+
var _jsxFileName$3 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\transition.js";
|
|
34551
34603
|
function Collapse({
|
|
34552
34604
|
children,
|
|
34553
34605
|
isOpen
|
|
@@ -34590,14 +34642,14 @@ Collapse.defaultProps = {
|
|
|
34590
34642
|
isOpen: false
|
|
34591
34643
|
};
|
|
34592
34644
|
|
|
34593
|
-
var _jsxFileName$2 = "
|
|
34645
|
+
var _jsxFileName$2 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\tableOfContent\\TableOfContent.js";
|
|
34594
34646
|
const DesktopContainer = styled(Flex$1, {
|
|
34595
34647
|
display: 'none',
|
|
34596
34648
|
'& .active-scroll-spy': {
|
|
34597
|
-
borderLeft: `4px solid ${colors$
|
|
34649
|
+
borderLeft: `4px solid ${colors$8.primary500} !important`
|
|
34598
34650
|
},
|
|
34599
34651
|
'& .active-scroll-spy .link-title': {
|
|
34600
|
-
color: `${colors$
|
|
34652
|
+
color: `${colors$8.primary500} !important`
|
|
34601
34653
|
},
|
|
34602
34654
|
'@md': {
|
|
34603
34655
|
display: 'unset'
|
|
@@ -34605,7 +34657,7 @@ const DesktopContainer = styled(Flex$1, {
|
|
|
34605
34657
|
});
|
|
34606
34658
|
const MobileContainer = styled(Flex$1, {
|
|
34607
34659
|
backgroundColor: '$white',
|
|
34608
|
-
border: `1px solid ${colors$
|
|
34660
|
+
border: `1px solid ${colors$8.gray150}`,
|
|
34609
34661
|
borderRadius: 8,
|
|
34610
34662
|
padding: '8px 8px',
|
|
34611
34663
|
width: '100%',
|
|
@@ -34732,7 +34784,7 @@ function Content({
|
|
|
34732
34784
|
marginLeft: '-4px !important',
|
|
34733
34785
|
borderLeftWidth: '4px !important',
|
|
34734
34786
|
borderLeftStyle: 'solid !important',
|
|
34735
|
-
borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$
|
|
34787
|
+
borderLeftColor: `${(item == null ? void 0 : item.id) === activeId ? colors$8.primary500 : 'transparent'} !important`,
|
|
34736
34788
|
paddingLeft: '16px !important',
|
|
34737
34789
|
minHeight: 25
|
|
34738
34790
|
},
|
|
@@ -34951,7 +35003,7 @@ TableOfContentPage.defaultProps = {
|
|
|
34951
35003
|
useBoxMethod: true
|
|
34952
35004
|
};
|
|
34953
35005
|
|
|
34954
|
-
var _jsxFileName$1 = "
|
|
35006
|
+
var _jsxFileName$1 = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\components\\editableTable\\transition.js";
|
|
34955
35007
|
function Collapalse({
|
|
34956
35008
|
children,
|
|
34957
35009
|
isOpen
|
|
@@ -53404,11 +53456,11 @@ function ProgressIndicator(props) {
|
|
|
53404
53456
|
const getColor = state => {
|
|
53405
53457
|
switch (state) {
|
|
53406
53458
|
case 'error':
|
|
53407
|
-
return colors$
|
|
53459
|
+
return colors$8.red400;
|
|
53408
53460
|
case 'active':
|
|
53409
|
-
return colors$
|
|
53461
|
+
return colors$8.primary500;
|
|
53410
53462
|
default:
|
|
53411
|
-
return colors$
|
|
53463
|
+
return colors$8.gray150;
|
|
53412
53464
|
}
|
|
53413
53465
|
};
|
|
53414
53466
|
const iconProps = {
|
|
@@ -53967,8 +54019,8 @@ function MapPicker(props) {
|
|
|
53967
54019
|
center: [center === null || center === void 0 ? void 0 : center.lat, center === null || center === void 0 ? void 0 : center.lng],
|
|
53968
54020
|
radius: radius,
|
|
53969
54021
|
pathOptions: {
|
|
53970
|
-
color: colors$
|
|
53971
|
-
fillColor: colors$
|
|
54022
|
+
color: colors$8.bgGreen,
|
|
54023
|
+
fillColor: colors$8.bgGreen
|
|
53972
54024
|
}
|
|
53973
54025
|
}, void 0), jsx(TileLayer, {
|
|
53974
54026
|
url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png"
|
|
@@ -55474,7 +55526,7 @@ function CheckboxTable(props) {
|
|
|
55474
55526
|
}
|
|
55475
55527
|
}, void 0) : jsx(MinusOutline, {
|
|
55476
55528
|
size: 16,
|
|
55477
|
-
color: colors$
|
|
55529
|
+
color: colors$8.iconDisable
|
|
55478
55530
|
}, void 0)
|
|
55479
55531
|
}, void 0)
|
|
55480
55532
|
}), index + indexSubRow + 'tb-cell-collapse');
|
|
@@ -55779,9 +55831,9 @@ const StyledSkeleton = props => {
|
|
|
55779
55831
|
function getBaseColor(color) {
|
|
55780
55832
|
switch (color) {
|
|
55781
55833
|
case 'primary':
|
|
55782
|
-
return colors$
|
|
55834
|
+
return colors$8.gray300;
|
|
55783
55835
|
default:
|
|
55784
|
-
return colors$
|
|
55836
|
+
return colors$8.gray150;
|
|
55785
55837
|
}
|
|
55786
55838
|
}
|
|
55787
55839
|
function getSize(size) {
|
|
@@ -55935,9 +55987,9 @@ function TagList({
|
|
|
55935
55987
|
}
|
|
55936
55988
|
}, {
|
|
55937
55989
|
children: [showAllTags ? jsx(ChevronUpOutline, {
|
|
55938
|
-
color: colors$
|
|
55990
|
+
color: colors$8.iconSecondary
|
|
55939
55991
|
}, void 0) : jsx(ChevronDownOutline, {
|
|
55940
|
-
color: colors$
|
|
55992
|
+
color: colors$8.iconSecondary
|
|
55941
55993
|
}, void 0), jsx(Paragraph, Object.assign({
|
|
55942
55994
|
css: {
|
|
55943
55995
|
fontWeight: 600,
|
|
@@ -56465,7 +56517,7 @@ PieChartComponent.defaultProps = {
|
|
|
56465
56517
|
innerRadius: 70
|
|
56466
56518
|
};
|
|
56467
56519
|
|
|
56468
|
-
var _jsxFileName = "
|
|
56520
|
+
var _jsxFileName = "E:\\Coding\\Majoo\\majoo-ui\\packages\\react\\src\\colors\\Colors.js";
|
|
56469
56521
|
const StyledPaper = styled(Paper, {
|
|
56470
56522
|
borderRadius: '10px 10px 0 0',
|
|
56471
56523
|
padding: 15,
|
|
@@ -57767,4 +57819,4 @@ const useToggle = initialValue => {
|
|
|
57767
57819
|
return useReducer(toggleReducer, initialValue);
|
|
57768
57820
|
};
|
|
57769
57821
|
|
|
57770
|
-
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 };
|
|
57822
|
+
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, ResourceList as 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 };
|