@sinco/react 1.1.2-rc.44 → 1.1.2-rc.48

Sign up to get free protection for your applications and to get access to all the features.
package/index.esm.js CHANGED
@@ -13234,16 +13234,19 @@ var EmptyStateImageUrls = {
13234
13234
  search: 'search'
13235
13235
  };
13236
13236
  var DefaultIcon = function DefaultIcon(_ref) {
13237
- var _ref$iconStyle = _ref.iconStyle,
13237
+ var _ref$state = _ref.state,
13238
+ state = _ref$state === void 0 ? 'create' : _ref$state,
13239
+ _ref$iconStyle = _ref.iconStyle,
13238
13240
  iconStyle = _ref$iconStyle === void 0 ? {
13239
13241
  width: '210px',
13240
13242
  height: '185px'
13241
13243
  } : _ref$iconStyle;
13244
+ var symbolId = emptyStateIcons[state];
13242
13245
  return React__default.createElement("svg", {
13243
13246
  "data-testid": "empty-state-icon",
13244
13247
  style: iconStyle
13245
13248
  }, React__default.createElement("use", {
13246
- xlinkHref: "".concat(emptyStateIcons, "#").concat(EmptyStateImageUrls || "create")
13249
+ href: "#".concat(symbolId)
13247
13250
  }));
13248
13251
  };
13249
13252
  var EmptyState = function EmptyState(_ref2) {
@@ -13257,7 +13260,8 @@ var EmptyState = function EmptyState(_ref2) {
13257
13260
  _ref2$icon = _ref2.icon,
13258
13261
  icon = _ref2$icon === void 0 ? React__default.createElement(DefaultIcon, {
13259
13262
  state: state,
13260
- iconStyle: iconStyle
13263
+ iconStyle: iconStyle,
13264
+ title: ''
13261
13265
  }) : _ref2$icon;
13262
13266
  return React__default.createElement(Stack$1, {
13263
13267
  alignItems: "center",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sinco/react",
3
- "version": "1.1.2-rc.44",
3
+ "version": "1.1.2-rc.48",
4
4
  "description": "package for the configuration of mui react sinco",
5
5
  "private": false,
6
6
  "license": "MIT",
@@ -1,13 +1,14 @@
1
1
  import React, { ReactNode } from 'react';
2
+ import emptyStateIcons from '../assets/emptyState-icons.svg';
2
3
  export type EmptyStateStates = 'create' | 'error' | 'noResult' | 'search';
4
+ export declare const EmptyStateImageUrls: Record<EmptyStateStates, string>;
3
5
  export interface EmptyStateProperties {
4
6
  icon?: ReactNode;
5
- state?: EmptyStateStates;
7
+ state?: keyof typeof emptyStateIcons | string;
6
8
  title: string;
7
9
  subtitle?: string;
8
10
  actions?: ReactNode;
9
11
  iconStyle?: React.CSSProperties;
10
12
  containerHeight?: string;
11
13
  }
12
- export declare const EmptyStateImageUrls: Record<EmptyStateStates, string>;
13
14
  export declare const EmptyState: ({ state, title, subtitle, actions, containerHeight, iconStyle, icon, }: EmptyStateProperties) => React.JSX.Element;