@majoo-ui/react 1.54.2-rc.1 → 1.54.2-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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.esm.js
CHANGED
|
@@ -4087,7 +4087,7 @@ const Button$3 = /*#__PURE__*/React.forwardRef((_a, forwardedRef) => {
|
|
|
4087
4087
|
}), void 0);
|
|
4088
4088
|
});
|
|
4089
4089
|
|
|
4090
|
-
const _excluded$w = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon"];
|
|
4090
|
+
const _excluded$w = ["className", "children", "color", "shadow", "radius", "padding", "title", "width", "textColor", "icon", "showBottomLine"];
|
|
4091
4091
|
var _jsxFileName$V = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/card/Card.js";
|
|
4092
4092
|
const CardComponent = styled('div', {
|
|
4093
4093
|
padding: '12px',
|
|
@@ -4212,7 +4212,7 @@ const StyledIcon$1 = styled('span', {
|
|
|
4212
4212
|
}
|
|
4213
4213
|
}
|
|
4214
4214
|
});
|
|
4215
|
-
const Card
|
|
4215
|
+
const Card = _ref => {
|
|
4216
4216
|
let {
|
|
4217
4217
|
className,
|
|
4218
4218
|
children,
|
|
@@ -4223,7 +4223,8 @@ const Card$1 = _ref => {
|
|
|
4223
4223
|
title,
|
|
4224
4224
|
width,
|
|
4225
4225
|
textColor,
|
|
4226
|
-
icon
|
|
4226
|
+
icon,
|
|
4227
|
+
showBottomLine
|
|
4227
4228
|
} = _ref,
|
|
4228
4229
|
props = _objectWithoutPropertiesLoose(_ref, _excluded$w);
|
|
4229
4230
|
|
|
@@ -4239,23 +4240,23 @@ const Card$1 = _ref => {
|
|
|
4239
4240
|
__self: undefined,
|
|
4240
4241
|
__source: {
|
|
4241
4242
|
fileName: _jsxFileName$V,
|
|
4242
|
-
lineNumber:
|
|
4243
|
+
lineNumber: 103,
|
|
4243
4244
|
columnNumber: 5
|
|
4244
4245
|
}
|
|
4245
|
-
}, /*#__PURE__*/React__default.createElement(CardLineColor, {
|
|
4246
|
+
}, showBottomLine && /*#__PURE__*/React__default.createElement(CardLineColor, {
|
|
4246
4247
|
color: color,
|
|
4247
4248
|
__self: undefined,
|
|
4248
4249
|
__source: {
|
|
4249
4250
|
fileName: _jsxFileName$V,
|
|
4250
|
-
lineNumber:
|
|
4251
|
-
columnNumber:
|
|
4251
|
+
lineNumber: 114,
|
|
4252
|
+
columnNumber: 26
|
|
4252
4253
|
}
|
|
4253
|
-
}), title !== '' ?
|
|
4254
|
+
}), title !== '' ? icon !== undefined ? /*#__PURE__*/React__default.createElement(StyledTitle$2, {
|
|
4254
4255
|
__self: undefined,
|
|
4255
4256
|
__source: {
|
|
4256
4257
|
fileName: _jsxFileName$V,
|
|
4257
4258
|
lineNumber: 117,
|
|
4258
|
-
columnNumber:
|
|
4259
|
+
columnNumber: 11
|
|
4259
4260
|
}
|
|
4260
4261
|
}, /*#__PURE__*/React__default.createElement(StyledIcon$1, {
|
|
4261
4262
|
background: color,
|
|
@@ -4264,18 +4265,18 @@ const Card$1 = _ref => {
|
|
|
4264
4265
|
__source: {
|
|
4265
4266
|
fileName: _jsxFileName$V,
|
|
4266
4267
|
lineNumber: 118,
|
|
4267
|
-
columnNumber:
|
|
4268
|
+
columnNumber: 13
|
|
4268
4269
|
}
|
|
4269
4270
|
}, icon), title) : /*#__PURE__*/React__default.createElement(StyledTitle$2, {
|
|
4270
4271
|
__self: undefined,
|
|
4271
4272
|
__source: {
|
|
4272
4273
|
fileName: _jsxFileName$V,
|
|
4273
4274
|
lineNumber: 124,
|
|
4274
|
-
columnNumber:
|
|
4275
|
+
columnNumber: 11
|
|
4275
4276
|
}
|
|
4276
|
-
}, title)
|
|
4277
|
+
}, title) : null, children);
|
|
4277
4278
|
};
|
|
4278
|
-
Card
|
|
4279
|
+
Card.propTypes = {
|
|
4279
4280
|
className: PropTypes.string,
|
|
4280
4281
|
color: PropTypes.string,
|
|
4281
4282
|
shadow: PropTypes.bool,
|
|
@@ -4284,15 +4285,17 @@ Card$1.propTypes = {
|
|
|
4284
4285
|
title: PropTypes.oneOfType([PropTypes.string, PropTypes.element, PropTypes.node]),
|
|
4285
4286
|
width: PropTypes.string,
|
|
4286
4287
|
textColor: PropTypes.string,
|
|
4287
|
-
icon: PropTypes.element
|
|
4288
|
+
icon: PropTypes.element,
|
|
4289
|
+
showBottomLine: PropTypes.bool
|
|
4288
4290
|
};
|
|
4289
|
-
Card
|
|
4291
|
+
Card.defaultProps = {
|
|
4290
4292
|
className: '',
|
|
4291
4293
|
color: 'green',
|
|
4292
4294
|
shadow: false,
|
|
4293
4295
|
radius: '$lg',
|
|
4294
4296
|
padding: '12px',
|
|
4295
|
-
title: ''
|
|
4297
|
+
title: '',
|
|
4298
|
+
showBottomLine: true
|
|
4296
4299
|
};
|
|
4297
4300
|
|
|
4298
4301
|
const _excluded$v = ["children"];
|
|
@@ -6268,6 +6271,32 @@ const StyledInput$1 = styled('input', {
|
|
|
6268
6271
|
}
|
|
6269
6272
|
},
|
|
6270
6273
|
inputGroup: {
|
|
6274
|
+
true: {
|
|
6275
|
+
border: 'none',
|
|
6276
|
+
borderRadius: '$lg',
|
|
6277
|
+
'&:focus': {
|
|
6278
|
+
border: 'none'
|
|
6279
|
+
},
|
|
6280
|
+
'&:active': {
|
|
6281
|
+
border: 'none'
|
|
6282
|
+
},
|
|
6283
|
+
'&:hover': {
|
|
6284
|
+
border: 'none'
|
|
6285
|
+
},
|
|
6286
|
+
'&:disabled': {
|
|
6287
|
+
backgroundColor: 'transparent',
|
|
6288
|
+
color: '$textDisable',
|
|
6289
|
+
cursor: 'default',
|
|
6290
|
+
'&::placeholder': {
|
|
6291
|
+
color: '$textDisable'
|
|
6292
|
+
},
|
|
6293
|
+
'&:hover': {
|
|
6294
|
+
border: '1px solid $colors$gray300'
|
|
6295
|
+
}
|
|
6296
|
+
}
|
|
6297
|
+
}
|
|
6298
|
+
},
|
|
6299
|
+
asChild: {
|
|
6271
6300
|
true: {
|
|
6272
6301
|
paddingLeft: 0,
|
|
6273
6302
|
paddingRight: 0,
|
|
@@ -6347,7 +6376,7 @@ const InputText = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
|
|
|
6347
6376
|
__self: undefined,
|
|
6348
6377
|
__source: {
|
|
6349
6378
|
fileName: _jsxFileName$H,
|
|
6350
|
-
lineNumber:
|
|
6379
|
+
lineNumber: 181,
|
|
6351
6380
|
columnNumber: 3
|
|
6352
6381
|
}
|
|
6353
6382
|
}));
|
|
@@ -6540,7 +6569,7 @@ const StyledRadio = styled(RadioGroupPrimitive.Item, RADIO_BASE_STYLES, {
|
|
|
6540
6569
|
}
|
|
6541
6570
|
}
|
|
6542
6571
|
});
|
|
6543
|
-
const Container$
|
|
6572
|
+
const Container$9 = styled(Flex$1, {
|
|
6544
6573
|
variants: {
|
|
6545
6574
|
outlined: {
|
|
6546
6575
|
true: {
|
|
@@ -6610,7 +6639,7 @@ const InputRadio = _ref => {
|
|
|
6610
6639
|
case 'number':
|
|
6611
6640
|
return /*#__PURE__*/React__default.createElement(InputNumber, _extends({}, inputProps, {
|
|
6612
6641
|
readOnly: readOnly || checked !== props.value,
|
|
6613
|
-
|
|
6642
|
+
asChild: true,
|
|
6614
6643
|
__self: this,
|
|
6615
6644
|
__source: {
|
|
6616
6645
|
fileName: _jsxFileName$E,
|
|
@@ -6623,7 +6652,7 @@ const InputRadio = _ref => {
|
|
|
6623
6652
|
return /*#__PURE__*/React__default.createElement(InputText, _extends({}, inputProps, {
|
|
6624
6653
|
disabled: disabled || checked !== props.value,
|
|
6625
6654
|
readOnly: readOnly || checked !== props.value,
|
|
6626
|
-
|
|
6655
|
+
asChild: true,
|
|
6627
6656
|
__self: this,
|
|
6628
6657
|
__source: {
|
|
6629
6658
|
fileName: _jsxFileName$E,
|
|
@@ -6667,7 +6696,7 @@ const InputRadio = _ref => {
|
|
|
6667
6696
|
outlined
|
|
6668
6697
|
}) => {
|
|
6669
6698
|
const checked = value != null ? value : defaultValue;
|
|
6670
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
6699
|
+
return /*#__PURE__*/React__default.createElement(Container$9, {
|
|
6671
6700
|
direction: "column",
|
|
6672
6701
|
outlined: outlined,
|
|
6673
6702
|
disabledOutlined: outlined && (readOnly || disabled),
|
|
@@ -6828,6 +6857,18 @@ const StyledInput = styled(NumberFormat, {
|
|
|
6828
6857
|
border: 'none'
|
|
6829
6858
|
}
|
|
6830
6859
|
}
|
|
6860
|
+
}, {
|
|
6861
|
+
asChild: true,
|
|
6862
|
+
isInvalid: true,
|
|
6863
|
+
css: {
|
|
6864
|
+
border: 'none',
|
|
6865
|
+
'&:focus': {
|
|
6866
|
+
border: 'none'
|
|
6867
|
+
},
|
|
6868
|
+
'&:hover': {
|
|
6869
|
+
border: 'none'
|
|
6870
|
+
}
|
|
6871
|
+
}
|
|
6831
6872
|
}],
|
|
6832
6873
|
variants: {
|
|
6833
6874
|
isReadOnly: {
|
|
@@ -6836,6 +6877,32 @@ const StyledInput = styled(NumberFormat, {
|
|
|
6836
6877
|
}
|
|
6837
6878
|
},
|
|
6838
6879
|
inputGroup: {
|
|
6880
|
+
true: {
|
|
6881
|
+
border: 'none',
|
|
6882
|
+
borderRadius: '$lg',
|
|
6883
|
+
'&:focus': {
|
|
6884
|
+
border: 'none'
|
|
6885
|
+
},
|
|
6886
|
+
'&:active': {
|
|
6887
|
+
border: 'none'
|
|
6888
|
+
},
|
|
6889
|
+
'&:hover': {
|
|
6890
|
+
border: 'none'
|
|
6891
|
+
},
|
|
6892
|
+
'&:disabled': {
|
|
6893
|
+
backgroundColor: 'transparent',
|
|
6894
|
+
color: '$textDisable',
|
|
6895
|
+
cursor: 'default',
|
|
6896
|
+
'&::placeholder': {
|
|
6897
|
+
color: '$textDisable'
|
|
6898
|
+
},
|
|
6899
|
+
'&:hover': {
|
|
6900
|
+
border: '1px solid $colors$gray300'
|
|
6901
|
+
}
|
|
6902
|
+
}
|
|
6903
|
+
}
|
|
6904
|
+
},
|
|
6905
|
+
asChild: {
|
|
6839
6906
|
true: {
|
|
6840
6907
|
paddingLeft: 0,
|
|
6841
6908
|
paddingRight: 0,
|
|
@@ -6919,13 +6986,13 @@ const InputNumber = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
|
|
|
6919
6986
|
size: size,
|
|
6920
6987
|
isInvalid: isInvalid,
|
|
6921
6988
|
readOnly: readOnly,
|
|
6922
|
-
isReadOnly: readOnly && !(props != null && props.inputGroup),
|
|
6989
|
+
isReadOnly: readOnly && !(props != null && props.inputGroup) && !(props != null && props.asChild),
|
|
6923
6990
|
disabled: disabled
|
|
6924
6991
|
}, props, {
|
|
6925
6992
|
__self: undefined,
|
|
6926
6993
|
__source: {
|
|
6927
6994
|
fileName: _jsxFileName$D,
|
|
6928
|
-
lineNumber:
|
|
6995
|
+
lineNumber: 193,
|
|
6929
6996
|
columnNumber: 3
|
|
6930
6997
|
}
|
|
6931
6998
|
}));
|
|
@@ -15753,7 +15820,7 @@ const Time = styled('p', {
|
|
|
15753
15820
|
}
|
|
15754
15821
|
}
|
|
15755
15822
|
});
|
|
15756
|
-
const Container$
|
|
15823
|
+
const Container$8 = styled(Flex$1, {
|
|
15757
15824
|
borderRadius: 8,
|
|
15758
15825
|
boxShadow: '0px 4px 8px rgba(0, 0, 0, 0.12);',
|
|
15759
15826
|
width: 200,
|
|
@@ -16027,7 +16094,7 @@ const TimePicker = ({
|
|
|
16027
16094
|
minDate,
|
|
16028
16095
|
maxDate
|
|
16029
16096
|
}) => {
|
|
16030
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
16097
|
+
return /*#__PURE__*/React__default.createElement(Container$8, {
|
|
16031
16098
|
size: size,
|
|
16032
16099
|
disabled: disabled,
|
|
16033
16100
|
direction: "column",
|
|
@@ -24503,7 +24570,7 @@ InputColorPicker.defaultProps = {
|
|
|
24503
24570
|
var img$d = "data:image/gif;base64,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";
|
|
24504
24571
|
|
|
24505
24572
|
var _jsxFileName$7 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/components/ColorMap.js";
|
|
24506
|
-
const Container$
|
|
24573
|
+
const Container$7 = styled('div', {
|
|
24507
24574
|
userSelect: 'none',
|
|
24508
24575
|
margin: 'auto',
|
|
24509
24576
|
width: 236
|
|
@@ -24528,7 +24595,7 @@ function ColorMap({
|
|
|
24528
24595
|
onMouseOut && onMouseOver(hex);
|
|
24529
24596
|
}
|
|
24530
24597
|
|
|
24531
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
24598
|
+
return /*#__PURE__*/React__default.createElement(Container$7, {
|
|
24532
24599
|
__self: this,
|
|
24533
24600
|
__source: {
|
|
24534
24601
|
fileName: _jsxFileName$7,
|
|
@@ -26668,7 +26735,7 @@ function ColorFields({
|
|
|
26668
26735
|
}
|
|
26669
26736
|
|
|
26670
26737
|
var _jsxFileName$5 = "/home/alfiantryp/Project/majoo-ui/packages/react/src/components/colorPicker/ColorPicker.js";
|
|
26671
|
-
const Container$
|
|
26738
|
+
const Container$6 = styled(Flex$1, {
|
|
26672
26739
|
background: '$white',
|
|
26673
26740
|
padding: 16,
|
|
26674
26741
|
borderRadius: 8,
|
|
@@ -26858,7 +26925,7 @@ function ColorPicker({
|
|
|
26858
26925
|
onAddColor && onAddColor();
|
|
26859
26926
|
}
|
|
26860
26927
|
|
|
26861
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
26928
|
+
return /*#__PURE__*/React__default.createElement(Container$6, {
|
|
26862
26929
|
__self: this,
|
|
26863
26930
|
__source: {
|
|
26864
26931
|
fileName: _jsxFileName$5,
|
|
@@ -28966,7 +29033,7 @@ EditableTable.Remove = Remove;
|
|
|
28966
29033
|
EditableTable.TableRow = TableRow$1;
|
|
28967
29034
|
EditableTable.TableCell = TableCell$1;
|
|
28968
29035
|
|
|
28969
|
-
const Container$
|
|
29036
|
+
const Container$5 = styled$1('div', {});
|
|
28970
29037
|
const ProgressText = styled$1('p', {
|
|
28971
29038
|
fontStyle: 'normal',
|
|
28972
29039
|
fontWeight: 400,
|
|
@@ -29010,7 +29077,7 @@ function PrimitiveLoadingBar({
|
|
|
29010
29077
|
colors,
|
|
29011
29078
|
size
|
|
29012
29079
|
}) {
|
|
29013
|
-
return visibility && jsxs(Container$
|
|
29080
|
+
return visibility && jsxs(Container$5, Object.assign({
|
|
29014
29081
|
css: css
|
|
29015
29082
|
}, {
|
|
29016
29083
|
children: [jsx(Progress, Object.assign({
|
|
@@ -29080,7 +29147,7 @@ LoadingBar.defaultProps = {
|
|
|
29080
29147
|
size: 'md'
|
|
29081
29148
|
};
|
|
29082
29149
|
|
|
29083
|
-
const Container$
|
|
29150
|
+
const Container$4 = styled(Flex$1, {
|
|
29084
29151
|
gap: '$spacing-05'
|
|
29085
29152
|
});
|
|
29086
29153
|
const Status = styled('div', {
|
|
@@ -29163,7 +29230,7 @@ function ProgressIndicator(props) {
|
|
|
29163
29230
|
}
|
|
29164
29231
|
}
|
|
29165
29232
|
|
|
29166
|
-
return jsxs(Container$
|
|
29233
|
+
return jsxs(Container$4, Object.assign({
|
|
29167
29234
|
direction: "column"
|
|
29168
29235
|
}, {
|
|
29169
29236
|
children: [jsx(Flex$1, Object.assign({
|
|
@@ -29212,7 +29279,7 @@ $$2({ target: 'URL', proto: true, enumerable: true }, {
|
|
|
29212
29279
|
}
|
|
29213
29280
|
});
|
|
29214
29281
|
|
|
29215
|
-
const Container$
|
|
29282
|
+
const Container$3 = styled(Flex$1, {
|
|
29216
29283
|
gap: '$spacing-05',
|
|
29217
29284
|
'@md': {
|
|
29218
29285
|
width: 517
|
|
@@ -29481,7 +29548,7 @@ function MapPicker(props) {
|
|
|
29481
29548
|
}), void 0);
|
|
29482
29549
|
}
|
|
29483
29550
|
|
|
29484
|
-
return jsxs(Container$
|
|
29551
|
+
return jsxs(Container$3, Object.assign({
|
|
29485
29552
|
direction: "column",
|
|
29486
29553
|
css: css
|
|
29487
29554
|
}, {
|
|
@@ -30466,7 +30533,7 @@ Tooltip.defaultProps = {
|
|
|
30466
30533
|
const {
|
|
30467
30534
|
colors
|
|
30468
30535
|
} = foundations;
|
|
30469
|
-
const Container$
|
|
30536
|
+
const Container$2 = styled('div', {
|
|
30470
30537
|
'@sm': {
|
|
30471
30538
|
overflowY: 'hidden',
|
|
30472
30539
|
whiteSpace: 'nowrap',
|
|
@@ -30659,7 +30726,7 @@ function LineChart(props) {
|
|
|
30659
30726
|
isComparator: isComparator,
|
|
30660
30727
|
isDividedByThousand: isDividedByThousand,
|
|
30661
30728
|
titleOnly: data.length === 0
|
|
30662
|
-
}, void 0), jsx(Container$
|
|
30729
|
+
}, void 0), jsx(Container$2, {
|
|
30663
30730
|
children: jsxs(StyledContainer, Object.assign({
|
|
30664
30731
|
hidden: data.length < 1,
|
|
30665
30732
|
isEmpty: data.length < 1
|
|
@@ -31143,7 +31210,7 @@ function seqNumberVariants(variantFn, max) {
|
|
|
31143
31210
|
return variants;
|
|
31144
31211
|
}
|
|
31145
31212
|
|
|
31146
|
-
const Container = styled('div', {
|
|
31213
|
+
const Container$1 = styled('div', {
|
|
31147
31214
|
width: 460,
|
|
31148
31215
|
'& > .wrapper-root > .toolbar-root': {
|
|
31149
31216
|
border: '1px solid $gray300',
|
|
@@ -31301,7 +31368,7 @@ function ContentEditor(props) {
|
|
|
31301
31368
|
inputAccept: 'image/gif,image/jpeg,image/jpg,image/png,image/svg'
|
|
31302
31369
|
}
|
|
31303
31370
|
};
|
|
31304
|
-
return jsxs(Container, Object.assign({
|
|
31371
|
+
return jsxs(Container$1, Object.assign({
|
|
31305
31372
|
css: css,
|
|
31306
31373
|
editorHeight: editorHeight
|
|
31307
31374
|
}, {
|
|
@@ -31380,13 +31447,6 @@ const StyledSkeleton = props => {
|
|
|
31380
31447
|
}), void 0);
|
|
31381
31448
|
};
|
|
31382
31449
|
|
|
31383
|
-
const Card = styled('div', {
|
|
31384
|
-
padding: 40,
|
|
31385
|
-
borderRadius: 8,
|
|
31386
|
-
background: '$bgWhite',
|
|
31387
|
-
boxShadow: '0px 7px 15px rgba(0, 0, 0, 0.07)',
|
|
31388
|
-
position: 'relative'
|
|
31389
|
-
});
|
|
31390
31450
|
const Space = styled('div', {
|
|
31391
31451
|
height: 8,
|
|
31392
31452
|
variants: {
|
|
@@ -31395,346 +31455,72 @@ const Space = styled('div', {
|
|
|
31395
31455
|
height: 8
|
|
31396
31456
|
},
|
|
31397
31457
|
md: {
|
|
31398
|
-
height:
|
|
31458
|
+
height: 16
|
|
31399
31459
|
}
|
|
31400
31460
|
}
|
|
31401
31461
|
}
|
|
31402
31462
|
});
|
|
31403
|
-
|
|
31463
|
+
const Container = styled(Flex$1, {
|
|
31464
|
+
height: 'calc(100vh - 140px)',
|
|
31465
|
+
flexDirection: 'column',
|
|
31466
|
+
gap: '$spacing-06'
|
|
31467
|
+
});
|
|
31468
|
+
function Skeleton(props) {
|
|
31469
|
+
const {
|
|
31470
|
+
css
|
|
31471
|
+
} = props;
|
|
31404
31472
|
const isDesktop = useMediaQuery('(min-width: 767px)');
|
|
31405
|
-
|
|
31406
|
-
|
|
31407
|
-
|
|
31408
|
-
|
|
31409
|
-
|
|
31473
|
+
return jsxs(Container, Object.assign({
|
|
31474
|
+
css: css
|
|
31475
|
+
}, {
|
|
31476
|
+
children: [jsx(StyledSkeleton, {
|
|
31477
|
+
size: "md",
|
|
31478
|
+
color: "primary",
|
|
31479
|
+
width: isDesktop ? '20%' : '30%'
|
|
31480
|
+
}, void 0), jsx(Card, Object.assign({
|
|
31481
|
+
css: {
|
|
31482
|
+
flex: 1
|
|
31483
|
+
},
|
|
31484
|
+
showBottomLine: false
|
|
31410
31485
|
}, {
|
|
31411
|
-
children:
|
|
31412
|
-
|
|
31486
|
+
children: jsxs(Grid, Object.assign({
|
|
31487
|
+
columns: 6,
|
|
31488
|
+
gapY: 5
|
|
31413
31489
|
}, {
|
|
31414
|
-
children: jsxs(
|
|
31415
|
-
|
|
31416
|
-
gapX: 2
|
|
31490
|
+
children: [jsxs(GridItem, Object.assign({
|
|
31491
|
+
colSpan: 6
|
|
31417
31492
|
}, {
|
|
31418
|
-
children: [jsx(GridItem, Object.assign({
|
|
31419
|
-
colSpan: 2
|
|
31420
|
-
}, {
|
|
31421
|
-
children: jsxs(Card, {
|
|
31422
|
-
children: [jsx(StyledSkeleton, {
|
|
31423
|
-
size: "md",
|
|
31424
|
-
color: "primary"
|
|
31425
|
-
}, void 0), jsx(Space, {
|
|
31426
|
-
size: "md"
|
|
31427
|
-
}, void 0), jsxs(Box, {
|
|
31428
|
-
children: [jsx(StyledSkeleton, {}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31429
|
-
width: "60%"
|
|
31430
|
-
}, void 0)]
|
|
31431
|
-
}, void 0), jsx(Space, {
|
|
31432
|
-
size: "md"
|
|
31433
|
-
}, void 0), jsxs(Box, {
|
|
31434
|
-
children: [jsx(StyledSkeleton, {}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31435
|
-
width: "60%"
|
|
31436
|
-
}, void 0)]
|
|
31437
|
-
}, void 0)]
|
|
31438
|
-
}, void 0)
|
|
31439
|
-
}), void 0), jsx(GridItem, Object.assign({
|
|
31440
|
-
colSpan: 2
|
|
31441
|
-
}, {
|
|
31442
|
-
children: jsxs(Card, {
|
|
31443
|
-
children: [jsx(StyledSkeleton, {
|
|
31444
|
-
size: "md",
|
|
31445
|
-
color: "primary"
|
|
31446
|
-
}, void 0), jsx(Space, {
|
|
31447
|
-
size: "md"
|
|
31448
|
-
}, void 0), jsxs(Box, {
|
|
31449
|
-
children: [jsx(StyledSkeleton, {}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31450
|
-
width: "60%"
|
|
31451
|
-
}, void 0)]
|
|
31452
|
-
}, void 0), jsx(Space, {
|
|
31453
|
-
size: "md"
|
|
31454
|
-
}, void 0), jsxs(Box, {
|
|
31455
|
-
children: [jsx(StyledSkeleton, {}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31456
|
-
width: "60%"
|
|
31457
|
-
}, void 0)]
|
|
31458
|
-
}, void 0)]
|
|
31459
|
-
}, void 0)
|
|
31460
|
-
}), void 0), jsx(GridItem, Object.assign({
|
|
31461
|
-
colSpan: 2
|
|
31462
|
-
}, {
|
|
31463
|
-
children: jsxs(Card, {
|
|
31464
|
-
children: [jsx(StyledSkeleton, {
|
|
31465
|
-
size: "md",
|
|
31466
|
-
color: "primary"
|
|
31467
|
-
}, void 0), jsx(Space, {
|
|
31468
|
-
size: "md"
|
|
31469
|
-
}, void 0), jsxs(Box, {
|
|
31470
|
-
children: [jsx(StyledSkeleton, {}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31471
|
-
width: "60%"
|
|
31472
|
-
}, void 0)]
|
|
31473
|
-
}, void 0), jsx(Space, {
|
|
31474
|
-
size: "md"
|
|
31475
|
-
}, void 0), jsxs(Box, {
|
|
31476
|
-
children: [jsx(StyledSkeleton, {}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31477
|
-
width: "60%"
|
|
31478
|
-
}, void 0)]
|
|
31479
|
-
}, void 0)]
|
|
31480
|
-
}, void 0)
|
|
31481
|
-
}), void 0)]
|
|
31482
|
-
}), void 0)
|
|
31483
|
-
}), void 0), jsx(GridItem, Object.assign({
|
|
31484
|
-
colSpan: 6
|
|
31485
|
-
}, {
|
|
31486
|
-
children: jsx(Card, {
|
|
31487
|
-
children: jsxs(Grid, Object.assign({
|
|
31488
|
-
columns: 6,
|
|
31489
|
-
gapY: 5
|
|
31490
|
-
}, {
|
|
31491
|
-
children: [jsx(GridItem, Object.assign({
|
|
31492
|
-
colSpan: 6
|
|
31493
|
-
}, {
|
|
31494
|
-
children: jsxs(Grid, Object.assign({
|
|
31495
|
-
columns: 6,
|
|
31496
|
-
gapX: 2
|
|
31497
|
-
}, {
|
|
31498
|
-
children: [jsxs(GridItem, Object.assign({
|
|
31499
|
-
colSpan: 2
|
|
31500
|
-
}, {
|
|
31501
|
-
children: [jsx(StyledSkeleton, {
|
|
31502
|
-
size: "lg"
|
|
31503
|
-
}, void 0), jsx(Space, {
|
|
31504
|
-
size: "md"
|
|
31505
|
-
}, void 0), jsx(StyledSkeleton, {
|
|
31506
|
-
size: "md",
|
|
31507
|
-
color: "primary",
|
|
31508
|
-
width: "85%"
|
|
31509
|
-
}, void 0), jsx(Space, {
|
|
31510
|
-
size: "md"
|
|
31511
|
-
}, void 0), jsxs(Box, {
|
|
31512
|
-
children: [jsx(StyledSkeleton, {
|
|
31513
|
-
width: "85%"
|
|
31514
|
-
}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31515
|
-
width: "60%"
|
|
31516
|
-
}, void 0)]
|
|
31517
|
-
}, void 0)]
|
|
31518
|
-
}), void 0), jsxs(GridItem, Object.assign({
|
|
31519
|
-
colSpan: 2
|
|
31520
|
-
}, {
|
|
31521
|
-
children: [jsx(StyledSkeleton, {
|
|
31522
|
-
size: "lg"
|
|
31523
|
-
}, void 0), jsx(Space, {
|
|
31524
|
-
size: "md"
|
|
31525
|
-
}, void 0), jsx(StyledSkeleton, {
|
|
31526
|
-
size: "md",
|
|
31527
|
-
color: "primary",
|
|
31528
|
-
width: "85%"
|
|
31529
|
-
}, void 0), jsx(Space, {
|
|
31530
|
-
size: "md"
|
|
31531
|
-
}, void 0), jsxs(Box, {
|
|
31532
|
-
children: [jsx(StyledSkeleton, {
|
|
31533
|
-
width: "85%"
|
|
31534
|
-
}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31535
|
-
width: "60%"
|
|
31536
|
-
}, void 0)]
|
|
31537
|
-
}, void 0)]
|
|
31538
|
-
}), void 0), jsxs(GridItem, Object.assign({
|
|
31539
|
-
colSpan: 2
|
|
31540
|
-
}, {
|
|
31541
|
-
children: [jsx(StyledSkeleton, {
|
|
31542
|
-
size: "lg"
|
|
31543
|
-
}, void 0), jsx(Space, {
|
|
31544
|
-
size: "md"
|
|
31545
|
-
}, void 0), jsx(StyledSkeleton, {
|
|
31546
|
-
size: "md",
|
|
31547
|
-
color: "primary",
|
|
31548
|
-
width: "85%"
|
|
31549
|
-
}, void 0), jsx(Space, {
|
|
31550
|
-
size: "md"
|
|
31551
|
-
}, void 0), jsxs(Box, {
|
|
31552
|
-
children: [jsx(StyledSkeleton, {
|
|
31553
|
-
width: "85%"
|
|
31554
|
-
}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31555
|
-
width: "60%"
|
|
31556
|
-
}, void 0)]
|
|
31557
|
-
}, void 0)]
|
|
31558
|
-
}), void 0)]
|
|
31559
|
-
}), void 0)
|
|
31560
|
-
}), void 0), jsxs(GridItem, Object.assign({
|
|
31561
|
-
colSpan: 6
|
|
31562
|
-
}, {
|
|
31563
|
-
children: [jsx(StyledSkeleton, {
|
|
31564
|
-
width: "50%"
|
|
31565
|
-
}, void 0), jsx(Space, {}, void 0), jsxs(SkeletonTheme, Object.assign({
|
|
31566
|
-
inline: true,
|
|
31567
|
-
borderRadius: 20,
|
|
31568
|
-
baseColor: colors$4.gray150,
|
|
31569
|
-
highlightColor: "#FAFAFA"
|
|
31570
|
-
}, {
|
|
31571
|
-
children: [jsx(ReactSkeleton, {
|
|
31572
|
-
style: {
|
|
31573
|
-
marginRight: 8
|
|
31574
|
-
},
|
|
31575
|
-
height: 12,
|
|
31576
|
-
width: 12,
|
|
31577
|
-
circle: true
|
|
31578
|
-
}, void 0), jsx(ReactSkeleton, {
|
|
31579
|
-
height: 12,
|
|
31580
|
-
width: "95%"
|
|
31581
|
-
}, void 0)]
|
|
31582
|
-
}), void 0), jsx(Space, {}, void 0), jsxs(SkeletonTheme, Object.assign({
|
|
31583
|
-
inline: true,
|
|
31584
|
-
borderRadius: 20,
|
|
31585
|
-
baseColor: colors$4.gray150,
|
|
31586
|
-
highlightColor: "#FAFAFA"
|
|
31587
|
-
}, {
|
|
31588
|
-
children: [jsx(ReactSkeleton, {
|
|
31589
|
-
style: {
|
|
31590
|
-
marginRight: 8
|
|
31591
|
-
},
|
|
31592
|
-
height: 12,
|
|
31593
|
-
width: 12,
|
|
31594
|
-
circle: true
|
|
31595
|
-
}, void 0), jsx(ReactSkeleton, {
|
|
31596
|
-
height: 12,
|
|
31597
|
-
width: "95%"
|
|
31598
|
-
}, void 0)]
|
|
31599
|
-
}), void 0), jsx(Space, {}, void 0), jsxs(SkeletonTheme, Object.assign({
|
|
31600
|
-
inline: true,
|
|
31601
|
-
borderRadius: 20,
|
|
31602
|
-
baseColor: colors$4.gray150,
|
|
31603
|
-
highlightColor: "#FAFAFA"
|
|
31604
|
-
}, {
|
|
31605
|
-
children: [jsx(ReactSkeleton, {
|
|
31606
|
-
style: {
|
|
31607
|
-
marginRight: 8
|
|
31608
|
-
},
|
|
31609
|
-
height: 12,
|
|
31610
|
-
width: 12,
|
|
31611
|
-
circle: true
|
|
31612
|
-
}, void 0), jsx(ReactSkeleton, {
|
|
31613
|
-
height: 12,
|
|
31614
|
-
width: "95%"
|
|
31615
|
-
}, void 0)]
|
|
31616
|
-
}), void 0)]
|
|
31617
|
-
}), void 0)]
|
|
31618
|
-
}), void 0)
|
|
31619
|
-
}, void 0)
|
|
31620
|
-
}), void 0)]
|
|
31621
|
-
}), void 0);
|
|
31622
|
-
} else {
|
|
31623
|
-
return jsxs(Grid, Object.assign({
|
|
31624
|
-
columns: 6,
|
|
31625
|
-
gapY: 4
|
|
31626
|
-
}, {
|
|
31627
|
-
children: [jsx(GridItem, Object.assign({
|
|
31628
|
-
colSpan: 6
|
|
31629
|
-
}, {
|
|
31630
|
-
children: jsxs(Card, {
|
|
31631
31493
|
children: [jsx(StyledSkeleton, {
|
|
31632
31494
|
size: "md",
|
|
31633
31495
|
color: "primary"
|
|
31634
31496
|
}, void 0), jsx(Space, {
|
|
31635
31497
|
size: "md"
|
|
31636
31498
|
}, void 0), jsxs(Box, {
|
|
31637
|
-
children: [jsx(StyledSkeleton, {
|
|
31638
|
-
width: "
|
|
31499
|
+
children: [jsx(StyledSkeleton, {
|
|
31500
|
+
width: "70%"
|
|
31501
|
+
}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31502
|
+
width: "30%"
|
|
31639
31503
|
}, void 0)]
|
|
31504
|
+
}, void 0)]
|
|
31505
|
+
}), void 0), jsxs(GridItem, Object.assign({
|
|
31506
|
+
colSpan: 6
|
|
31507
|
+
}, {
|
|
31508
|
+
children: [jsx(StyledSkeleton, {
|
|
31509
|
+
size: "md",
|
|
31510
|
+
color: "primary"
|
|
31640
31511
|
}, void 0), jsx(Space, {
|
|
31641
31512
|
size: "md"
|
|
31642
31513
|
}, void 0), jsxs(Box, {
|
|
31643
|
-
children: [jsx(StyledSkeleton, {
|
|
31644
|
-
width: "
|
|
31514
|
+
children: [jsx(StyledSkeleton, {
|
|
31515
|
+
width: "70%"
|
|
31516
|
+
}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31517
|
+
width: "30%"
|
|
31645
31518
|
}, void 0)]
|
|
31646
31519
|
}, void 0)]
|
|
31647
|
-
}, void 0)
|
|
31648
|
-
}), void 0)
|
|
31649
|
-
|
|
31650
|
-
|
|
31651
|
-
children: jsx(Card, {
|
|
31652
|
-
children: jsxs(Grid, {
|
|
31653
|
-
children: [jsxs(GridItem, Object.assign({
|
|
31654
|
-
colSpan: 6
|
|
31655
|
-
}, {
|
|
31656
|
-
children: [jsx(StyledSkeleton, {
|
|
31657
|
-
size: "lg"
|
|
31658
|
-
}, void 0), jsx(Space, {
|
|
31659
|
-
size: "md"
|
|
31660
|
-
}, void 0), jsx(StyledSkeleton, {
|
|
31661
|
-
size: "md",
|
|
31662
|
-
color: "primary",
|
|
31663
|
-
width: "85%"
|
|
31664
|
-
}, void 0), jsx(Space, {
|
|
31665
|
-
size: "md"
|
|
31666
|
-
}, void 0), jsxs(Box, {
|
|
31667
|
-
children: [jsx(StyledSkeleton, {
|
|
31668
|
-
width: "85%"
|
|
31669
|
-
}, void 0), jsx(Space, {}, void 0), jsx(StyledSkeleton, {
|
|
31670
|
-
width: "60%"
|
|
31671
|
-
}, void 0)]
|
|
31672
|
-
}, void 0), jsx(Space, {
|
|
31673
|
-
size: "md"
|
|
31674
|
-
}, void 0)]
|
|
31675
|
-
}), void 0), jsxs(GridItem, Object.assign({
|
|
31676
|
-
colSpan: 6
|
|
31677
|
-
}, {
|
|
31678
|
-
children: [jsx(StyledSkeleton, {
|
|
31679
|
-
width: "50%"
|
|
31680
|
-
}, void 0), jsx(Space, {}, void 0), jsxs(SkeletonTheme, Object.assign({
|
|
31681
|
-
inline: true,
|
|
31682
|
-
borderRadius: 20,
|
|
31683
|
-
baseColor: colors$4.gray150,
|
|
31684
|
-
highlightColor: "#FAFAFA"
|
|
31685
|
-
}, {
|
|
31686
|
-
children: [jsx(ReactSkeleton, {
|
|
31687
|
-
style: {
|
|
31688
|
-
marginRight: 8
|
|
31689
|
-
},
|
|
31690
|
-
height: 12,
|
|
31691
|
-
width: 12,
|
|
31692
|
-
circle: true
|
|
31693
|
-
}, void 0), jsx(ReactSkeleton, {
|
|
31694
|
-
height: 12,
|
|
31695
|
-
width: "85%"
|
|
31696
|
-
}, void 0)]
|
|
31697
|
-
}), void 0), jsx(Space, {}, void 0), jsxs(SkeletonTheme, Object.assign({
|
|
31698
|
-
inline: true,
|
|
31699
|
-
borderRadius: 20,
|
|
31700
|
-
baseColor: colors$4.gray150,
|
|
31701
|
-
highlightColor: "#FAFAFA"
|
|
31702
|
-
}, {
|
|
31703
|
-
children: [jsx(ReactSkeleton, {
|
|
31704
|
-
style: {
|
|
31705
|
-
marginRight: 8
|
|
31706
|
-
},
|
|
31707
|
-
height: 12,
|
|
31708
|
-
width: 12,
|
|
31709
|
-
circle: true
|
|
31710
|
-
}, void 0), jsx(ReactSkeleton, {
|
|
31711
|
-
height: 12,
|
|
31712
|
-
width: "85%"
|
|
31713
|
-
}, void 0)]
|
|
31714
|
-
}), void 0), jsx(Space, {}, void 0), jsxs(SkeletonTheme, Object.assign({
|
|
31715
|
-
inline: true,
|
|
31716
|
-
borderRadius: 20,
|
|
31717
|
-
baseColor: colors$4.gray150,
|
|
31718
|
-
highlightColor: "#FAFAFA"
|
|
31719
|
-
}, {
|
|
31720
|
-
children: [jsx(ReactSkeleton, {
|
|
31721
|
-
style: {
|
|
31722
|
-
marginRight: 8
|
|
31723
|
-
},
|
|
31724
|
-
height: 12,
|
|
31725
|
-
width: 12,
|
|
31726
|
-
circle: true
|
|
31727
|
-
}, void 0), jsx(ReactSkeleton, {
|
|
31728
|
-
height: 12,
|
|
31729
|
-
width: "85%"
|
|
31730
|
-
}, void 0)]
|
|
31731
|
-
}), void 0)]
|
|
31732
|
-
}), void 0)]
|
|
31733
|
-
}, void 0)
|
|
31734
|
-
}, void 0)
|
|
31735
|
-
}), void 0)]
|
|
31736
|
-
}), void 0);
|
|
31737
|
-
}
|
|
31520
|
+
}), void 0)]
|
|
31521
|
+
}), void 0)
|
|
31522
|
+
}), void 0)]
|
|
31523
|
+
}), void 0);
|
|
31738
31524
|
}
|
|
31739
31525
|
|
|
31740
31526
|
var _jsxFileName = "/home/alfiantryp/Project/majoo-ui/packages/react/src/colors/Colors.js";
|
|
@@ -33238,4 +33024,4 @@ const useToggle = initialValue => {
|
|
|
33238
33024
|
return useReducer(toggleReducer, initialValue);
|
|
33239
33025
|
};
|
|
33240
33026
|
|
|
33241
|
-
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, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$3 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card
|
|
33027
|
+
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, Box, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button$3 as Button, ButtonDropdown, ButtonGroup$1 as ButtonGroup, ButtonGroupItem, ButtonPrimitive, Card, CardComponent, CardLineColor, CheckboxGroup, CheckboxTable, ColorPicker$1 as ColorPicker, Colors, ContentEditor, ContextMenu, ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, 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, InputCheckbox, InputColorPicker, InputCombobox, InputCounter, InputCreatable, InputDatePicker, InputGroup, InputLeftAddon, InputLeftElement, InputMapPicker, InputNumber, InputOTP, InputPrefix, InputRadio, InputRadioGroup, InputResourceList, InputRightAddon, InputRightElement, InputSearchbox, InputSelect, InputSelectCheck, InputSelectTag, InputSuffix, InputSwitch, TagsInput as InputTags, InputText, InputTextArea, InputTimePicker, LAST_7_DAYS, LAST_MONTH, LAST_TWO_MONTHS, LAST_WEEK, LineChart, Link, LoadingBar, MajooProvider, MapPicker, MobileTable, ModalDialog, ModalDialogContent, ModalDialogFooter, ModalDialogTitle, ModalDialogTrigger, NativeTimePicker, NotificationBadge, OptionWrapper$2 as OptionWrapper, PageContainer, PageDialog, PageDialogContent, PageDialogFooter, PageDialogTitle, PageDialogTrigger, Pagination, Paper, PaperComponent, Paragraph, Popover, PopoverClose, PopoverContent, PopoverTrigger, PriceColumn, Progress$1 as Progress, ProgressIndicator, RANGE_PICKER, ResendOTP, RightSlot, rowExpanderColumn as RowExpanderColumn, rowMenuColumn as RowMenuColumn, rowSelectionColumn as RowSelectionColumn, SINGLE_PICKER, SelectBox, SelectContainer, SelectInputSearch, 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, TagStatus, Text$1 as Text, TextVariantsEnum, TimePicker, ToastContext, Tooltip$1 as Tooltip, UPDATE_PICKER, Upload, YESTERDAY, addOnCellStyle, advancePickerDate, advancePickerOptions, defaultFetchDataParams, pickerReducer, useListOption, useToggle };
|