@majoo-ui/react 1.54.2-rc.1 → 1.54.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/skeleton/Skeleton.d.ts +6 -1
- package/index.esm.js +153 -367
- package/index.umd.js +151 -367
- package/package.json +1 -1
package/index.umd.js
CHANGED
|
@@ -4167,7 +4167,7 @@
|
|
|
4167
4167
|
}), void 0);
|
|
4168
4168
|
});
|
|
4169
4169
|
|
|
4170
|
-
const _excluded$w = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
|
|
4170
|
+
const _excluded$w = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon", "showBottomLine"];
|
|
4171
4171
|
var _jsxFileName$V = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/card/Card.js";
|
|
4172
4172
|
const CardComponent = styled('div', {
|
|
4173
4173
|
padding: '12px',
|
|
@@ -4292,7 +4292,7 @@
|
|
|
4292
4292
|
}
|
|
4293
4293
|
}
|
|
4294
4294
|
});
|
|
4295
|
-
const Card
|
|
4295
|
+
const Card = _ref => {
|
|
4296
4296
|
let {
|
|
4297
4297
|
className,
|
|
4298
4298
|
children,
|
|
@@ -4303,7 +4303,8 @@
|
|
|
4303
4303
|
title,
|
|
4304
4304
|
width,
|
|
4305
4305
|
textColor,
|
|
4306
|
-
icon
|
|
4306
|
+
icon,
|
|
4307
|
+
showBottomLine
|
|
4307
4308
|
} = _ref,
|
|
4308
4309
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
|
|
4309
4310
|
|
|
@@ -4319,23 +4320,23 @@
|
|
|
4319
4320
|
__self: undefined,
|
|
4320
4321
|
__source: {
|
|
4321
4322
|
fileName: _jsxFileName$V,
|
|
4322
|
-
lineNumber:
|
|
4323
|
+
lineNumber: 103,
|
|
4323
4324
|
columnNumber: 5
|
|
4324
4325
|
}
|
|
4325
|
-
}, /*#__PURE__*/React__default["default"].createElement(CardLineColor, {
|
|
4326
|
+
}, showBottomLine && /*#__PURE__*/React__default["default"].createElement(CardLineColor, {
|
|
4326
4327
|
color: color,
|
|
4327
4328
|
__self: undefined,
|
|
4328
4329
|
__source: {
|
|
4329
4330
|
fileName: _jsxFileName$V,
|
|
4330
|
-
lineNumber:
|
|
4331
|
-
columnNumber:
|
|
4331
|
+
lineNumber: 114,
|
|
4332
|
+
columnNumber: 26
|
|
4332
4333
|
}
|
|
4333
|
-
}), title !== '' ?
|
|
4334
|
+
}), title !== '' ? icon !== undefined ? /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
|
|
4334
4335
|
__self: undefined,
|
|
4335
4336
|
__source: {
|
|
4336
4337
|
fileName: _jsxFileName$V,
|
|
4337
4338
|
lineNumber: 117,
|
|
4338
|
-
columnNumber:
|
|
4339
|
+
columnNumber: 11
|
|
4339
4340
|
}
|
|
4340
4341
|
}, /*#__PURE__*/React__default["default"].createElement(StyledIcon$1, {
|
|
4341
4342
|
background: color,
|
|
@@ -4344,18 +4345,18 @@
|
|
|
4344
4345
|
__source: {
|
|
4345
4346
|
fileName: _jsxFileName$V,
|
|
4346
4347
|
lineNumber: 118,
|
|
4347
|
-
columnNumber:
|
|
4348
|
+
columnNumber: 13
|
|
4348
4349
|
}
|
|
4349
4350
|
}, icon), title) : /*#__PURE__*/React__default["default"].createElement(StyledTitle$2, {
|
|
4350
4351
|
__self: undefined,
|
|
4351
4352
|
__source: {
|
|
4352
4353
|
fileName: _jsxFileName$V,
|
|
4353
4354
|
lineNumber: 124,
|
|
4354
|
-
columnNumber:
|
|
4355
|
+
columnNumber: 11
|
|
4355
4356
|
}
|
|
4356
|
-
}, title)
|
|
4357
|
+
}, title) : null, children);
|
|
4357
4358
|
};
|
|
4358
|
-
Card
|
|
4359
|
+
Card.propTypes = {
|
|
4359
4360
|
className: PropTypes__default["default"].string,
|
|
4360
4361
|
color: PropTypes__default["default"].string,
|
|
4361
4362
|
shadow: PropTypes__default["default"].bool,
|
|
@@ -4364,15 +4365,17 @@
|
|
|
4364
4365
|
title: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].element, PropTypes__default["default"].node]),
|
|
4365
4366
|
width: PropTypes__default["default"].string,
|
|
4366
4367
|
textColor: PropTypes__default["default"].string,
|
|
4367
|
-
icon: PropTypes__default["default"].element
|
|
4368
|
+
icon: PropTypes__default["default"].element,
|
|
4369
|
+
showBottomLine: PropTypes__default["default"].bool
|
|
4368
4370
|
};
|
|
4369
|
-
Card
|
|
4371
|
+
Card.defaultProps = {
|
|
4370
4372
|
className: '',
|
|
4371
4373
|
color: 'green',
|
|
4372
4374
|
shadow: false,
|
|
4373
4375
|
radius: '$lg',
|
|
4374
4376
|
padding: '12px',
|
|
4375
|
-
title: ''
|
|
4377
|
+
title: '',
|
|
4378
|
+
showBottomLine: true
|
|
4376
4379
|
};
|
|
4377
4380
|
|
|
4378
4381
|
const _excluded$v = ["children"];
|
|
@@ -6346,6 +6349,32 @@
|
|
|
6346
6349
|
}
|
|
6347
6350
|
},
|
|
6348
6351
|
inputGroup: {
|
|
6352
|
+
true: {
|
|
6353
|
+
border: 'none',
|
|
6354
|
+
borderRadius: '$lg',
|
|
6355
|
+
'&:focus': {
|
|
6356
|
+
border: 'none'
|
|
6357
|
+
},
|
|
6358
|
+
'&:active': {
|
|
6359
|
+
border: 'none'
|
|
6360
|
+
},
|
|
6361
|
+
'&:hover': {
|
|
6362
|
+
border: 'none'
|
|
6363
|
+
},
|
|
6364
|
+
'&:disabled': {
|
|
6365
|
+
backgroundColor: 'transparent',
|
|
6366
|
+
color: '$textDisable',
|
|
6367
|
+
cursor: 'default',
|
|
6368
|
+
'&::placeholder': {
|
|
6369
|
+
color: '$textDisable'
|
|
6370
|
+
},
|
|
6371
|
+
'&:hover': {
|
|
6372
|
+
border: '1px solid $colors$gray300'
|
|
6373
|
+
}
|
|
6374
|
+
}
|
|
6375
|
+
}
|
|
6376
|
+
},
|
|
6377
|
+
asChild: {
|
|
6349
6378
|
true: {
|
|
6350
6379
|
paddingLeft: 0,
|
|
6351
6380
|
paddingRight: 0,
|
|
@@ -6425,7 +6454,7 @@
|
|
|
6425
6454
|
__self: undefined,
|
|
6426
6455
|
__source: {
|
|
6427
6456
|
fileName: _jsxFileName$H,
|
|
6428
|
-
lineNumber:
|
|
6457
|
+
lineNumber: 181,
|
|
6429
6458
|
columnNumber: 3
|
|
6430
6459
|
}
|
|
6431
6460
|
}));
|
|
@@ -6618,7 +6647,7 @@
|
|
|
6618
6647
|
}
|
|
6619
6648
|
}
|
|
6620
6649
|
});
|
|
6621
|
-
const Container$
|
|
6650
|
+
const Container$9 = styled(Flex$1, {
|
|
6622
6651
|
variants: {
|
|
6623
6652
|
outlined: {
|
|
6624
6653
|
true: {
|
|
@@ -6688,7 +6717,7 @@
|
|
|
6688
6717
|
case 'number':
|
|
6689
6718
|
return /*#__PURE__*/React__default["default"].createElement(InputNumber, _extends({}, inputProps, {
|
|
6690
6719
|
readOnly: readOnly || checked !== props.value,
|
|
6691
|
-
|
|
6720
|
+
asChild: true,
|
|
6692
6721
|
__self: this,
|
|
6693
6722
|
__source: {
|
|
6694
6723
|
fileName: _jsxFileName$E,
|
|
@@ -6701,7 +6730,7 @@
|
|
|
6701
6730
|
return /*#__PURE__*/React__default["default"].createElement(InputText, _extends({}, inputProps, {
|
|
6702
6731
|
disabled: disabled || checked !== props.value,
|
|
6703
6732
|
readOnly: readOnly || checked !== props.value,
|
|
6704
|
-
|
|
6733
|
+
asChild: true,
|
|
6705
6734
|
__self: this,
|
|
6706
6735
|
__source: {
|
|
6707
6736
|
fileName: _jsxFileName$E,
|
|
@@ -6745,7 +6774,7 @@
|
|
|
6745
6774
|
outlined
|
|
6746
6775
|
}) => {
|
|
6747
6776
|
const checked = value != null ? value : defaultValue;
|
|
6748
|
-
return /*#__PURE__*/React__default["default"].createElement(Container$
|
|
6777
|
+
return /*#__PURE__*/React__default["default"].createElement(Container$9, {
|
|
6749
6778
|
direction: "column",
|
|
6750
6779
|
outlined: outlined,
|
|
6751
6780
|
disabledOutlined: outlined && (readOnly || disabled),
|
|
@@ -6906,6 +6935,18 @@
|
|
|
6906
6935
|
border: 'none'
|
|
6907
6936
|
}
|
|
6908
6937
|
}
|
|
6938
|
+
}, {
|
|
6939
|
+
asChild: true,
|
|
6940
|
+
isInvalid: true,
|
|
6941
|
+
css: {
|
|
6942
|
+
border: 'none',
|
|
6943
|
+
'&:focus': {
|
|
6944
|
+
border: 'none'
|
|
6945
|
+
},
|
|
6946
|
+
'&:hover': {
|
|
6947
|
+
border: 'none'
|
|
6948
|
+
}
|
|
6949
|
+
}
|
|
6909
6950
|
}],
|
|
6910
6951
|
variants: {
|
|
6911
6952
|
isReadOnly: {
|
|
@@ -6914,6 +6955,32 @@
|
|
|
6914
6955
|
}
|
|
6915
6956
|
},
|
|
6916
6957
|
inputGroup: {
|
|
6958
|
+
true: {
|
|
6959
|
+
border: 'none',
|
|
6960
|
+
borderRadius: '$lg',
|
|
6961
|
+
'&:focus': {
|
|
6962
|
+
border: 'none'
|
|
6963
|
+
},
|
|
6964
|
+
'&:active': {
|
|
6965
|
+
border: 'none'
|
|
6966
|
+
},
|
|
6967
|
+
'&:hover': {
|
|
6968
|
+
border: 'none'
|
|
6969
|
+
},
|
|
6970
|
+
'&:disabled': {
|
|
6971
|
+
backgroundColor: 'transparent',
|
|
6972
|
+
color: '$textDisable',
|
|
6973
|
+
cursor: 'default',
|
|
6974
|
+
'&::placeholder': {
|
|
6975
|
+
color: '$textDisable'
|
|
6976
|
+
},
|
|
6977
|
+
'&:hover': {
|
|
6978
|
+
border: '1px solid $colors$gray300'
|
|
6979
|
+
}
|
|
6980
|
+
}
|
|
6981
|
+
}
|
|
6982
|
+
},
|
|
6983
|
+
asChild: {
|
|
6917
6984
|
true: {
|
|
6918
6985
|
paddingLeft: 0,
|
|
6919
6986
|
paddingRight: 0,
|
|
@@ -6997,13 +7064,13 @@
|
|
|
6997
7064
|
size: size,
|
|
6998
7065
|
isInvalid: isInvalid,
|
|
6999
7066
|
readOnly: readOnly,
|
|
7000
|
-
isReadOnly: readOnly && !(props != null && props.inputGroup),
|
|
7067
|
+
isReadOnly: readOnly && !(props != null && props.inputGroup) && !(props != null && props.asChild),
|
|
7001
7068
|
disabled: disabled
|
|
7002
7069
|
}, props, {
|
|
7003
7070
|
__self: undefined,
|
|
7004
7071
|
__source: {
|
|
7005
7072
|
fileName: _jsxFileName$D,
|
|
7006
|
-
lineNumber:
|
|
7073
|
+
lineNumber: 193,
|
|
7007
7074
|
columnNumber: 3
|
|
7008
7075
|
}
|
|
7009
7076
|
}));
|
|
@@ -16005,7 +16072,7 @@
|
|
|
16005
16072
|
}
|
|
16006
16073
|
}
|
|
16007
16074
|
});
|
|
16008
|
-
const Container$
|
|
16075
|
+
const Container$8 = styled(Flex$1, {
|
|
16009
16076
|
borderRadius: 8,
|
|
16010
16077
|
boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.12);',
|
|
16011
16078
|
width: 200,
|
|
@@ -16279,7 +16346,7 @@
|
|
|
16279
16346
|
minDate,
|
|
16280
16347
|
maxDate
|
|
16281
16348
|
}) => {
|
|
16282
|
-
return /*#__PURE__*/React__default["default"].createElement(Container$
|
|
16349
|
+
return /*#__PURE__*/React__default["default"].createElement(Container$8, {
|
|
16283
16350
|
size: size,
|
|
16284
16351
|
disabled: disabled,
|
|
16285
16352
|
direction: "column",
|
|
@@ -24909,7 +24976,7 @@
|
|
|
24909
24976
|
var img$d = "data:image/gif;base64,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";
|
|
24910
24977
|
|
|
24911
24978
|
var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
|
|
24912
|
-
const Container$
|
|
24979
|
+
const Container$7 = styled('div', {
|
|
24913
24980
|
userSelect: 'none',
|
|
24914
24981
|
margin: 'auto',
|
|
24915
24982
|
width: 236
|
|
@@ -24934,7 +25001,7 @@
|
|
|
24934
25001
|
onMouseOut && onMouseOver(hex);
|
|
24935
25002
|
}
|
|
24936
25003
|
|
|
24937
|
-
return /*#__PURE__*/React__default["default"].createElement(Container$
|
|
25004
|
+
return /*#__PURE__*/React__default["default"].createElement(Container$7, {
|
|
24938
25005
|
__self: this,
|
|
24939
25006
|
__source: {
|
|
24940
25007
|
fileName: _jsxFileName$7,
|
|
@@ -27074,7 +27141,7 @@
|
|
|
27074
27141
|
}
|
|
27075
27142
|
|
|
27076
27143
|
var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
|
|
27077
|
-
const Container$
|
|
27144
|
+
const Container$6 = styled(Flex$1, {
|
|
27078
27145
|
background: '$white',
|
|
27079
27146
|
padding: 16,
|
|
27080
27147
|
borderRadius: 8,
|
|
@@ -27264,7 +27331,7 @@
|
|
|
27264
27331
|
onAddColor && onAddColor();
|
|
27265
27332
|
}
|
|
27266
27333
|
|
|
27267
|
-
return /*#__PURE__*/React__default["default"].createElement(Container$
|
|
27334
|
+
return /*#__PURE__*/React__default["default"].createElement(Container$6, {
|
|
27268
27335
|
__self: this,
|
|
27269
27336
|
__source: {
|
|
27270
27337
|
fileName: _jsxFileName$5,
|
|
@@ -29385,7 +29452,7 @@
|
|
|
29385
29452
|
EditableTable.TableRow = TableRow$1;
|
|
29386
29453
|
EditableTable.TableCell = TableCell$1;
|
|
29387
29454
|
|
|
29388
|
-
var Container$
|
|
29455
|
+
var Container$5 = react.styled('div', {});
|
|
29389
29456
|
var ProgressText = react.styled('p', {
|
|
29390
29457
|
fontStyle: 'normal',
|
|
29391
29458
|
fontWeight: 400,
|
|
@@ -29428,7 +29495,7 @@
|
|
|
29428
29495
|
visibility = _a.visibility,
|
|
29429
29496
|
colors = _a.colors,
|
|
29430
29497
|
size = _a.size;
|
|
29431
|
-
return visibility && jsxRuntime.jsxs(Container$
|
|
29498
|
+
return visibility && jsxRuntime.jsxs(Container$5, __assign({
|
|
29432
29499
|
css: css
|
|
29433
29500
|
}, {
|
|
29434
29501
|
children: [jsxRuntime.jsx(Progress, __assign({
|
|
@@ -29505,7 +29572,7 @@
|
|
|
29505
29572
|
size: 'md'
|
|
29506
29573
|
};
|
|
29507
29574
|
|
|
29508
|
-
var Container$
|
|
29575
|
+
var Container$4 = styled(Flex$1, {
|
|
29509
29576
|
gap: '$spacing-05'
|
|
29510
29577
|
});
|
|
29511
29578
|
var Status = styled('div', {
|
|
@@ -29586,7 +29653,7 @@
|
|
|
29586
29653
|
}
|
|
29587
29654
|
}
|
|
29588
29655
|
|
|
29589
|
-
return jsxRuntime.jsxs(Container$
|
|
29656
|
+
return jsxRuntime.jsxs(Container$4, __assign({
|
|
29590
29657
|
direction: "column"
|
|
29591
29658
|
}, {
|
|
29592
29659
|
children: [jsxRuntime.jsx(Flex$1, __assign({
|
|
@@ -29635,7 +29702,7 @@
|
|
|
29635
29702
|
}
|
|
29636
29703
|
});
|
|
29637
29704
|
|
|
29638
|
-
var Container$
|
|
29705
|
+
var Container$3 = styled(Flex$1, {
|
|
29639
29706
|
gap: '$spacing-05',
|
|
29640
29707
|
'@md': {
|
|
29641
29708
|
width: 517
|
|
@@ -29917,7 +29984,7 @@
|
|
|
29917
29984
|
}), void 0);
|
|
29918
29985
|
}
|
|
29919
29986
|
|
|
29920
|
-
return jsxRuntime.jsxs(Container$
|
|
29987
|
+
return jsxRuntime.jsxs(Container$3, __assign({
|
|
29921
29988
|
direction: "column",
|
|
29922
29989
|
css: css
|
|
29923
29990
|
}, {
|
|
@@ -30958,7 +31025,7 @@
|
|
|
30958
31025
|
};
|
|
30959
31026
|
|
|
30960
31027
|
var colors = core.foundations.colors;
|
|
30961
|
-
var Container$
|
|
31028
|
+
var Container$2 = styled('div', {
|
|
30962
31029
|
'@sm': {
|
|
30963
31030
|
overflowY: 'hidden',
|
|
30964
31031
|
whiteSpace: 'nowrap',
|
|
@@ -31169,7 +31236,7 @@
|
|
|
31169
31236
|
isComparator: isComparator,
|
|
31170
31237
|
isDividedByThousand: isDividedByThousand,
|
|
31171
31238
|
titleOnly: data.length === 0
|
|
31172
|
-
}, void 0), jsxRuntime.jsx(Container$
|
|
31239
|
+
}, void 0), jsxRuntime.jsx(Container$2, {
|
|
31173
31240
|
children: jsxRuntime.jsxs(StyledContainer, __assign({
|
|
31174
31241
|
hidden: data.length < 1,
|
|
31175
31242
|
isEmpty: data.length < 1
|
|
@@ -31682,7 +31749,7 @@
|
|
|
31682
31749
|
return variants;
|
|
31683
31750
|
}
|
|
31684
31751
|
|
|
31685
|
-
var Container = styled('div', {
|
|
31752
|
+
var Container$1 = styled('div', {
|
|
31686
31753
|
width: 460,
|
|
31687
31754
|
'& > .wrapper-root > .toolbar-root': {
|
|
31688
31755
|
border: '1px solid $gray300',
|
|
@@ -31846,7 +31913,7 @@
|
|
|
31846
31913
|
inputAccept: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'
|
|
31847
31914
|
}
|
|
31848
31915
|
};
|
|
31849
|
-
return jsxRuntime.jsxs(Container, __assign({
|
|
31916
|
+
return jsxRuntime.jsxs(Container$1, __assign({
|
|
31850
31917
|
css: css,
|
|
31851
31918
|
editorHeight: editorHeight
|
|
31852
31919
|
}, {
|
|
@@ -31923,13 +31990,6 @@
|
|
|
31923
31990
|
}), void 0);
|
|
31924
31991
|
};
|
|
31925
31992
|
|
|
31926
|
-
var Card = styled('div', {
|
|
31927
|
-
padding: 40,
|
|
31928
|
-
borderRadius: 8,
|
|
31929
|
-
background: '$bgWhite',
|
|
31930
|
-
boxShadow: '0px 7px 15px rgba(0, 0, 0, 0.07)',
|
|
31931
|
-
position: 'relative'
|
|
31932
|
-
});
|
|
31933
31993
|
var Space = styled('div', {
|
|
31934
31994
|
height: 8,
|
|
31935
31995
|
variants: {
|
|
@@ -31938,346 +31998,70 @@
|
|
|
31938
31998
|
height: 8
|
|
31939
31999
|
},
|
|
31940
32000
|
md: {
|
|
31941
|
-
height:
|
|
32001
|
+
height: 16
|
|
31942
32002
|
}
|
|
31943
32003
|
}
|
|
31944
32004
|
}
|
|
31945
32005
|
});
|
|
31946
|
-
|
|
32006
|
+
var Container = styled(Flex$1, {
|
|
32007
|
+
height: 'calc(100vh - 140px)',
|
|
32008
|
+
flexDirection: 'column',
|
|
32009
|
+
gap: '$spacing-06'
|
|
32010
|
+
});
|
|
32011
|
+
function Skeleton(props) {
|
|
32012
|
+
var css = props.css;
|
|
31947
32013
|
var isDesktop = useMediaQuery('(min-width: 767px)');
|
|
31948
|
-
|
|
31949
|
-
|
|
31950
|
-
|
|
31951
|
-
|
|
31952
|
-
|
|
32014
|
+
return jsxRuntime.jsxs(Container, __assign({
|
|
32015
|
+
css: css
|
|
32016
|
+
}, {
|
|
32017
|
+
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32018
|
+
size: "md",
|
|
32019
|
+
color: "primary",
|
|
32020
|
+
width: isDesktop ? '20%' : '30%'
|
|
32021
|
+
}, void 0), jsxRuntime.jsx(Card, __assign({
|
|
32022
|
+
css: {
|
|
32023
|
+
flex: 1
|
|
32024
|
+
},
|
|
32025
|
+
showBottomLine: false
|
|
31953
32026
|
}, {
|
|
31954
|
-
children:
|
|
31955
|
-
|
|
32027
|
+
children: jsxRuntime.jsxs(Grid, __assign({
|
|
32028
|
+
columns: 6,
|
|
32029
|
+
gapY: 5
|
|
31956
32030
|
}, {
|
|
31957
|
-
children: jsxRuntime.jsxs(
|
|
31958
|
-
|
|
31959
|
-
gapX: 2
|
|
32031
|
+
children: [jsxRuntime.jsxs(GridItem, __assign({
|
|
32032
|
+
colSpan: 6
|
|
31960
32033
|
}, {
|
|
31961
|
-
children: [jsxRuntime.jsx(GridItem, __assign({
|
|
31962
|
-
colSpan: 2
|
|
31963
|
-
}, {
|
|
31964
|
-
children: jsxRuntime.jsxs(Card, {
|
|
31965
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
31966
|
-
size: "md",
|
|
31967
|
-
color: "primary"
|
|
31968
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
31969
|
-
size: "md"
|
|
31970
|
-
}, void 0), jsxRuntime.jsxs(Box, {
|
|
31971
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
31972
|
-
width: "60%"
|
|
31973
|
-
}, void 0)]
|
|
31974
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
31975
|
-
size: "md"
|
|
31976
|
-
}, void 0), jsxRuntime.jsxs(Box, {
|
|
31977
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
31978
|
-
width: "60%"
|
|
31979
|
-
}, void 0)]
|
|
31980
|
-
}, void 0)]
|
|
31981
|
-
}, void 0)
|
|
31982
|
-
}), void 0), jsxRuntime.jsx(GridItem, __assign({
|
|
31983
|
-
colSpan: 2
|
|
31984
|
-
}, {
|
|
31985
|
-
children: jsxRuntime.jsxs(Card, {
|
|
31986
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
31987
|
-
size: "md",
|
|
31988
|
-
color: "primary"
|
|
31989
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
31990
|
-
size: "md"
|
|
31991
|
-
}, void 0), jsxRuntime.jsxs(Box, {
|
|
31992
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
31993
|
-
width: "60%"
|
|
31994
|
-
}, void 0)]
|
|
31995
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
31996
|
-
size: "md"
|
|
31997
|
-
}, void 0), jsxRuntime.jsxs(Box, {
|
|
31998
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
31999
|
-
width: "60%"
|
|
32000
|
-
}, void 0)]
|
|
32001
|
-
}, void 0)]
|
|
32002
|
-
}, void 0)
|
|
32003
|
-
}), void 0), jsxRuntime.jsx(GridItem, __assign({
|
|
32004
|
-
colSpan: 2
|
|
32005
|
-
}, {
|
|
32006
|
-
children: jsxRuntime.jsxs(Card, {
|
|
32007
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32008
|
-
size: "md",
|
|
32009
|
-
color: "primary"
|
|
32010
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32011
|
-
size: "md"
|
|
32012
|
-
}, void 0), jsxRuntime.jsxs(Box, {
|
|
32013
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32014
|
-
width: "60%"
|
|
32015
|
-
}, void 0)]
|
|
32016
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32017
|
-
size: "md"
|
|
32018
|
-
}, void 0), jsxRuntime.jsxs(Box, {
|
|
32019
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32020
|
-
width: "60%"
|
|
32021
|
-
}, void 0)]
|
|
32022
|
-
}, void 0)]
|
|
32023
|
-
}, void 0)
|
|
32024
|
-
}), void 0)]
|
|
32025
|
-
}), void 0)
|
|
32026
|
-
}), void 0), jsxRuntime.jsx(GridItem, __assign({
|
|
32027
|
-
colSpan: 6
|
|
32028
|
-
}, {
|
|
32029
|
-
children: jsxRuntime.jsx(Card, {
|
|
32030
|
-
children: jsxRuntime.jsxs(Grid, __assign({
|
|
32031
|
-
columns: 6,
|
|
32032
|
-
gapY: 5
|
|
32033
|
-
}, {
|
|
32034
|
-
children: [jsxRuntime.jsx(GridItem, __assign({
|
|
32035
|
-
colSpan: 6
|
|
32036
|
-
}, {
|
|
32037
|
-
children: jsxRuntime.jsxs(Grid, __assign({
|
|
32038
|
-
columns: 6,
|
|
32039
|
-
gapX: 2
|
|
32040
|
-
}, {
|
|
32041
|
-
children: [jsxRuntime.jsxs(GridItem, __assign({
|
|
32042
|
-
colSpan: 2
|
|
32043
|
-
}, {
|
|
32044
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32045
|
-
size: "lg"
|
|
32046
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32047
|
-
size: "md"
|
|
32048
|
-
}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32049
|
-
size: "md",
|
|
32050
|
-
color: "primary",
|
|
32051
|
-
width: "85%"
|
|
32052
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32053
|
-
size: "md"
|
|
32054
|
-
}, void 0), jsxRuntime.jsxs(Box, {
|
|
32055
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32056
|
-
width: "85%"
|
|
32057
|
-
}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32058
|
-
width: "60%"
|
|
32059
|
-
}, void 0)]
|
|
32060
|
-
}, void 0)]
|
|
32061
|
-
}), void 0), jsxRuntime.jsxs(GridItem, __assign({
|
|
32062
|
-
colSpan: 2
|
|
32063
|
-
}, {
|
|
32064
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32065
|
-
size: "lg"
|
|
32066
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32067
|
-
size: "md"
|
|
32068
|
-
}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32069
|
-
size: "md",
|
|
32070
|
-
color: "primary",
|
|
32071
|
-
width: "85%"
|
|
32072
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32073
|
-
size: "md"
|
|
32074
|
-
}, void 0), jsxRuntime.jsxs(Box, {
|
|
32075
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32076
|
-
width: "85%"
|
|
32077
|
-
}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32078
|
-
width: "60%"
|
|
32079
|
-
}, void 0)]
|
|
32080
|
-
}, void 0)]
|
|
32081
|
-
}), void 0), jsxRuntime.jsxs(GridItem, __assign({
|
|
32082
|
-
colSpan: 2
|
|
32083
|
-
}, {
|
|
32084
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32085
|
-
size: "lg"
|
|
32086
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32087
|
-
size: "md"
|
|
32088
|
-
}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32089
|
-
size: "md",
|
|
32090
|
-
color: "primary",
|
|
32091
|
-
width: "85%"
|
|
32092
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32093
|
-
size: "md"
|
|
32094
|
-
}, void 0), jsxRuntime.jsxs(Box, {
|
|
32095
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32096
|
-
width: "85%"
|
|
32097
|
-
}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32098
|
-
width: "60%"
|
|
32099
|
-
}, void 0)]
|
|
32100
|
-
}, void 0)]
|
|
32101
|
-
}), void 0)]
|
|
32102
|
-
}), void 0)
|
|
32103
|
-
}), void 0), jsxRuntime.jsxs(GridItem, __assign({
|
|
32104
|
-
colSpan: 6
|
|
32105
|
-
}, {
|
|
32106
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32107
|
-
width: "50%"
|
|
32108
|
-
}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsxs(ReactSkeleton.SkeletonTheme, __assign({
|
|
32109
|
-
inline: true,
|
|
32110
|
-
borderRadius: 20,
|
|
32111
|
-
baseColor: colors$4.gray150,
|
|
32112
|
-
highlightColor: "#FAFAFA"
|
|
32113
|
-
}, {
|
|
32114
|
-
children: [jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32115
|
-
style: {
|
|
32116
|
-
marginRight: 8
|
|
32117
|
-
},
|
|
32118
|
-
height: 12,
|
|
32119
|
-
width: 12,
|
|
32120
|
-
circle: true
|
|
32121
|
-
}, void 0), jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32122
|
-
height: 12,
|
|
32123
|
-
width: "95%"
|
|
32124
|
-
}, void 0)]
|
|
32125
|
-
}), void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsxs(ReactSkeleton.SkeletonTheme, __assign({
|
|
32126
|
-
inline: true,
|
|
32127
|
-
borderRadius: 20,
|
|
32128
|
-
baseColor: colors$4.gray150,
|
|
32129
|
-
highlightColor: "#FAFAFA"
|
|
32130
|
-
}, {
|
|
32131
|
-
children: [jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32132
|
-
style: {
|
|
32133
|
-
marginRight: 8
|
|
32134
|
-
},
|
|
32135
|
-
height: 12,
|
|
32136
|
-
width: 12,
|
|
32137
|
-
circle: true
|
|
32138
|
-
}, void 0), jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32139
|
-
height: 12,
|
|
32140
|
-
width: "95%"
|
|
32141
|
-
}, void 0)]
|
|
32142
|
-
}), void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsxs(ReactSkeleton.SkeletonTheme, __assign({
|
|
32143
|
-
inline: true,
|
|
32144
|
-
borderRadius: 20,
|
|
32145
|
-
baseColor: colors$4.gray150,
|
|
32146
|
-
highlightColor: "#FAFAFA"
|
|
32147
|
-
}, {
|
|
32148
|
-
children: [jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32149
|
-
style: {
|
|
32150
|
-
marginRight: 8
|
|
32151
|
-
},
|
|
32152
|
-
height: 12,
|
|
32153
|
-
width: 12,
|
|
32154
|
-
circle: true
|
|
32155
|
-
}, void 0), jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32156
|
-
height: 12,
|
|
32157
|
-
width: "95%"
|
|
32158
|
-
}, void 0)]
|
|
32159
|
-
}), void 0)]
|
|
32160
|
-
}), void 0)]
|
|
32161
|
-
}), void 0)
|
|
32162
|
-
}, void 0)
|
|
32163
|
-
}), void 0)]
|
|
32164
|
-
}), void 0);
|
|
32165
|
-
} else {
|
|
32166
|
-
return jsxRuntime.jsxs(Grid, __assign({
|
|
32167
|
-
columns: 6,
|
|
32168
|
-
gapY: 4
|
|
32169
|
-
}, {
|
|
32170
|
-
children: [jsxRuntime.jsx(GridItem, __assign({
|
|
32171
|
-
colSpan: 6
|
|
32172
|
-
}, {
|
|
32173
|
-
children: jsxRuntime.jsxs(Card, {
|
|
32174
32034
|
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32175
32035
|
size: "md",
|
|
32176
32036
|
color: "primary"
|
|
32177
32037
|
}, void 0), jsxRuntime.jsx(Space, {
|
|
32178
32038
|
size: "md"
|
|
32179
32039
|
}, void 0), jsxRuntime.jsxs(Box, {
|
|
32180
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32181
|
-
width: "
|
|
32040
|
+
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32041
|
+
width: "70%"
|
|
32042
|
+
}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32043
|
+
width: "30%"
|
|
32182
32044
|
}, void 0)]
|
|
32045
|
+
}, void 0)]
|
|
32046
|
+
}), void 0), jsxRuntime.jsxs(GridItem, __assign({
|
|
32047
|
+
colSpan: 6
|
|
32048
|
+
}, {
|
|
32049
|
+
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32050
|
+
size: "md",
|
|
32051
|
+
color: "primary"
|
|
32183
32052
|
}, void 0), jsxRuntime.jsx(Space, {
|
|
32184
32053
|
size: "md"
|
|
32185
32054
|
}, void 0), jsxRuntime.jsxs(Box, {
|
|
32186
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32187
|
-
width: "
|
|
32055
|
+
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32056
|
+
width: "70%"
|
|
32057
|
+
}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32058
|
+
width: "30%"
|
|
32188
32059
|
}, void 0)]
|
|
32189
32060
|
}, void 0)]
|
|
32190
|
-
}, void 0)
|
|
32191
|
-
}), void 0)
|
|
32192
|
-
|
|
32193
|
-
|
|
32194
|
-
children: jsxRuntime.jsx(Card, {
|
|
32195
|
-
children: jsxRuntime.jsxs(Grid, {
|
|
32196
|
-
children: [jsxRuntime.jsxs(GridItem, __assign({
|
|
32197
|
-
colSpan: 6
|
|
32198
|
-
}, {
|
|
32199
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32200
|
-
size: "lg"
|
|
32201
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32202
|
-
size: "md"
|
|
32203
|
-
}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32204
|
-
size: "md",
|
|
32205
|
-
color: "primary",
|
|
32206
|
-
width: "85%"
|
|
32207
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32208
|
-
size: "md"
|
|
32209
|
-
}, void 0), jsxRuntime.jsxs(Box, {
|
|
32210
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32211
|
-
width: "85%"
|
|
32212
|
-
}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsx(StyledSkeleton, {
|
|
32213
|
-
width: "60%"
|
|
32214
|
-
}, void 0)]
|
|
32215
|
-
}, void 0), jsxRuntime.jsx(Space, {
|
|
32216
|
-
size: "md"
|
|
32217
|
-
}, void 0)]
|
|
32218
|
-
}), void 0), jsxRuntime.jsxs(GridItem, __assign({
|
|
32219
|
-
colSpan: 6
|
|
32220
|
-
}, {
|
|
32221
|
-
children: [jsxRuntime.jsx(StyledSkeleton, {
|
|
32222
|
-
width: "50%"
|
|
32223
|
-
}, void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsxs(ReactSkeleton.SkeletonTheme, __assign({
|
|
32224
|
-
inline: true,
|
|
32225
|
-
borderRadius: 20,
|
|
32226
|
-
baseColor: colors$4.gray150,
|
|
32227
|
-
highlightColor: "#FAFAFA"
|
|
32228
|
-
}, {
|
|
32229
|
-
children: [jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32230
|
-
style: {
|
|
32231
|
-
marginRight: 8
|
|
32232
|
-
},
|
|
32233
|
-
height: 12,
|
|
32234
|
-
width: 12,
|
|
32235
|
-
circle: true
|
|
32236
|
-
}, void 0), jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32237
|
-
height: 12,
|
|
32238
|
-
width: "85%"
|
|
32239
|
-
}, void 0)]
|
|
32240
|
-
}), void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsxs(ReactSkeleton.SkeletonTheme, __assign({
|
|
32241
|
-
inline: true,
|
|
32242
|
-
borderRadius: 20,
|
|
32243
|
-
baseColor: colors$4.gray150,
|
|
32244
|
-
highlightColor: "#FAFAFA"
|
|
32245
|
-
}, {
|
|
32246
|
-
children: [jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32247
|
-
style: {
|
|
32248
|
-
marginRight: 8
|
|
32249
|
-
},
|
|
32250
|
-
height: 12,
|
|
32251
|
-
width: 12,
|
|
32252
|
-
circle: true
|
|
32253
|
-
}, void 0), jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32254
|
-
height: 12,
|
|
32255
|
-
width: "85%"
|
|
32256
|
-
}, void 0)]
|
|
32257
|
-
}), void 0), jsxRuntime.jsx(Space, {}, void 0), jsxRuntime.jsxs(ReactSkeleton.SkeletonTheme, __assign({
|
|
32258
|
-
inline: true,
|
|
32259
|
-
borderRadius: 20,
|
|
32260
|
-
baseColor: colors$4.gray150,
|
|
32261
|
-
highlightColor: "#FAFAFA"
|
|
32262
|
-
}, {
|
|
32263
|
-
children: [jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32264
|
-
style: {
|
|
32265
|
-
marginRight: 8
|
|
32266
|
-
},
|
|
32267
|
-
height: 12,
|
|
32268
|
-
width: 12,
|
|
32269
|
-
circle: true
|
|
32270
|
-
}, void 0), jsxRuntime.jsx(ReactSkeleton__default["default"], {
|
|
32271
|
-
height: 12,
|
|
32272
|
-
width: "85%"
|
|
32273
|
-
}, void 0)]
|
|
32274
|
-
}), void 0)]
|
|
32275
|
-
}), void 0)]
|
|
32276
|
-
}, void 0)
|
|
32277
|
-
}, void 0)
|
|
32278
|
-
}), void 0)]
|
|
32279
|
-
}), void 0);
|
|
32280
|
-
}
|
|
32061
|
+
}), void 0)]
|
|
32062
|
+
}), void 0)
|
|
32063
|
+
}), void 0)]
|
|
32064
|
+
}), void 0);
|
|
32281
32065
|
}
|
|
32282
32066
|
|
|
32283
32067
|
var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
|
|
@@ -33816,7 +33600,7 @@
|
|
|
33816
33600
|
exports.ButtonGroup = ButtonGroup$1;
|
|
33817
33601
|
exports.ButtonGroupItem = ButtonGroupItem;
|
|
33818
33602
|
exports.ButtonPrimitive = ButtonPrimitive;
|
|
33819
|
-
exports.Card = Card
|
|
33603
|
+
exports.Card = Card;
|
|
33820
33604
|
exports.CardComponent = CardComponent;
|
|
33821
33605
|
exports.CardLineColor = CardLineColor;
|
|
33822
33606
|
exports.CheckboxGroup = CheckboxGroup;
|