@sinco/react 1.0.14-rc.56 → 1.0.14-rc.57
Sign up to get free protection for your applications and to get access to all the features.
- package/index.js +22 -18
- package/package.json +1 -1
- package/src/lib/Components/EmptyState.d.ts +4 -2
package/index.js
CHANGED
@@ -15298,32 +15298,36 @@ const EmptyStateImageUrls = {
|
|
15298
15298
|
noResult: 'noResult',
|
15299
15299
|
search: 'search'
|
15300
15300
|
};
|
15301
|
-
const
|
15301
|
+
const DefaultIcon = ({
|
15302
15302
|
state: _state = 'create',
|
15303
|
+
imageWidth,
|
15304
|
+
imageHeight
|
15305
|
+
}) => {
|
15306
|
+
return /*#__PURE__*/React__default.createElement("svg", {
|
15307
|
+
style: {
|
15308
|
+
width: imageWidth,
|
15309
|
+
height: imageHeight
|
15310
|
+
}
|
15311
|
+
}, /*#__PURE__*/React__default.createElement("use", {
|
15312
|
+
xlinkHref: `${emptyStateIcons}#${EmptyStateImageUrls[_state]}`
|
15313
|
+
}));
|
15314
|
+
};
|
15315
|
+
const EmptyStateComponent = ({
|
15316
|
+
state: _state2 = 'create',
|
15303
15317
|
title,
|
15304
15318
|
content,
|
15305
15319
|
actions,
|
15306
|
-
|
15307
|
-
|
15308
|
-
}
|
15309
|
-
iconStyle: _iconStyle = {
|
15310
|
-
width: '205px',
|
15311
|
-
height: '185px'
|
15312
|
-
}
|
15320
|
+
icon: _icon = /*#__PURE__*/React__default.createElement(DefaultIcon, {
|
15321
|
+
state: _state2
|
15322
|
+
})
|
15313
15323
|
}) => {
|
15314
|
-
return /*#__PURE__*/React__default.createElement(
|
15315
|
-
theme: SincoTheme
|
15316
|
-
}, /*#__PURE__*/React__default.createElement(Stack$1, {
|
15324
|
+
return /*#__PURE__*/React__default.createElement(Stack$1, {
|
15317
15325
|
alignItems: "center",
|
15318
15326
|
justifyContent: "center",
|
15319
15327
|
padding: 1,
|
15320
15328
|
spacing: 2,
|
15321
|
-
|
15322
|
-
}, /*#__PURE__*/React__default.createElement(Box$2, null, /*#__PURE__*/React__default.createElement(
|
15323
|
-
style: _iconStyle
|
15324
|
-
}, /*#__PURE__*/React__default.createElement("use", {
|
15325
|
-
xlinkHref: `${emptyStateIcons}#${EmptyStateImageUrls[_state]}`
|
15326
|
-
}))), /*#__PURE__*/React__default.createElement(Stack$1, {
|
15329
|
+
height: "100%"
|
15330
|
+
}, /*#__PURE__*/React__default.createElement(Box$2, null, _icon), /*#__PURE__*/React__default.createElement(Stack$1, {
|
15327
15331
|
spacing: 2
|
15328
15332
|
}, title && /*#__PURE__*/React__default.createElement(Typography$1, {
|
15329
15333
|
variant: "h6",
|
@@ -15337,7 +15341,7 @@ const EmptyStateComponent = ({
|
|
15337
15341
|
spacing: 2,
|
15338
15342
|
alignItems: "center",
|
15339
15343
|
justifyContent: "center"
|
15340
|
-
}, actions)))
|
15344
|
+
}, actions)));
|
15341
15345
|
};
|
15342
15346
|
|
15343
15347
|
var objectDefineProperties = {};
|
package/package.json
CHANGED
@@ -5,8 +5,10 @@ export interface EmptyStateProperties {
|
|
5
5
|
state?: EmptyStateStates;
|
6
6
|
title?: string;
|
7
7
|
content?: string;
|
8
|
+
imageWidth?: string;
|
9
|
+
imageHeight?: string;
|
8
10
|
actions?: ReactNode;
|
9
|
-
|
11
|
+
icon?: ReactNode;
|
10
12
|
iconStyle?: React.CSSProperties;
|
11
13
|
}
|
12
|
-
export declare const EmptyStateComponent: ({ state, title, content, actions,
|
14
|
+
export declare const EmptyStateComponent: ({ state, title, content, actions, icon, }: EmptyStateProperties) => JSX.Element;
|