@synerise/ds-empty-states 0.2.33 → 0.2.34

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.2.34](https://github.com/Synerise/synerise-design/compare/@synerise/ds-empty-states@0.2.33...@synerise/ds-empty-states@0.2.34) (2024-02-09)
+
+
+### Bug Fixes
+
+* **empty-states:** conditional rendering of optional props ([a6870cc](https://github.com/Synerise/synerise-design/commit/a6870ccfc98f778ff93647a2e30262524a9e5737))
+
+
+
+
+
 ## [0.2.33](https://github.com/Synerise/synerise-design/compare/@synerise/ds-empty-states@0.2.32...@synerise/ds-empty-states@0.2.33) (2024-01-24)
 
 **Note:** Version bump only for package @synerise/ds-empty-states

package/README.md

@@ -30,7 +30,7 @@ import EmptyStates from '@synerise/ds-empty-states'
 | ---------------- | ---------------------------------- | --------------------------------------- | ----------- |
 | size             | Changing size on Icon              | 'Xl' / 'L'                              | M           |
 | label            | text of empty states               | string / React.ReactNode                | -           |
-| labelPosition    | Defines the position of text       | right / bottom                          | bottom      |
+| labelPosition    | Defines the position of text       | right / bottom                          | right       |
 | text             | text of Header                     | string / React.ReactNode                | -           |
 | type             | type of icon                       | `Add` / `NoResults` / `SearchNoResults` | -           |
 | button           | render button                      | string / React.ReactNode                | -           |

package/dist/EmptyStates.d.ts

@@ -1,4 +1,3 @@
-import * as React from 'react';
 import { EmptyStatesProps } from './EmptyStates.types';
-declare const EmptyStates: React.FC<EmptyStatesProps>;
+declare const EmptyStates: ({ size, label, labelPosition, text, button, fontSize, customIcon, className, mode, }: EmptyStatesProps) => JSX.Element;
 export default EmptyStates;

package/dist/EmptyStates.js

@@ -1,6 +1,6 @@
 var _mapSizeToPx;
 
-import * as React from 'react';
+import React from 'react';
 import Icon from '@synerise/ds-icon';
 import * as S from './EmptyStates.styles';
 import { EmptyStatesSize } from './EmptyStates.types';
@@ -16,20 +16,24 @@ var EmptyStates = function EmptyStates(_ref) {
       button = _ref.button,
       fontSize = _ref.fontSize,
       customIcon = _ref.customIcon,
+      className = _ref.className,
       mode = _ref.mode;
   return /*#__PURE__*/React.createElement(S.EmptyStatesWrapper, {
     mode: mode,
-    className: "ds-empty-states",
+    className: "ds-empty-states " + className,
     labelPosition: labelPosition
-  }, /*#__PURE__*/React.createElement(S.EmptyStatesIconContainer, {
+  }, customIcon && /*#__PURE__*/React.createElement(S.EmptyStatesIconContainer, {
     size: size
   }, /*#__PURE__*/React.createElement(S.StatusIconContainer, null, /*#__PURE__*/React.createElement(Icon, {
+    "data-testid": "empty-states-custom-icon",
     component: customIcon,
     size: mapSizeToPx[size]
   }))), text && /*#__PURE__*/React.createElement(S.HeaderWrapper, {
+    "data-testid": "empty-states-header",
     size: size,
     fontSize: fontSize
-  }, text), /*#__PURE__*/React.createElement(S.TextWrapper, {
+  }, text), label && /*#__PURE__*/React.createElement(S.TextWrapper, {
+    "data-testid": "empty-states-label",
     labelPosition: labelPosition
   }, label), button && /*#__PURE__*/React.createElement(S.ButtonWrapper, null, button));
 };

package/dist/EmptyStates.types.d.ts

@@ -1,13 +1,14 @@
-import * as React from 'react';
+import { ReactElement, ReactNode } from 'react';
 export type EmptyStatesProps = {
     size?: EmptyStatesSize;
     fontSize?: EmptyStatesSize;
-    text?: string | React.ReactNode;
-    button?: string | React.ReactNode;
-    label?: string | React.ReactNode;
+    text?: ReactNode;
+    button?: ReactNode;
+    label?: ReactNode;
     labelPosition?: 'bottom' | 'right';
     mode?: 'absolute';
-    customIcon?: React.ReactElement;
+    customIcon?: ReactElement;
+    className?: string;
 };
 export declare enum EmptyStatesSize {
     SMALL = "small",

package/dist/index.d.ts

@@ -1 +1,2 @@
 export { default } from './EmptyStates';
+export * from './EmptyStates.types';

package/dist/index.js

@@ -1 +1,2 @@
-export { default } from './EmptyStates';
+export { default } from './EmptyStates';
+export * from './EmptyStates.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-empty-states",
-  "version": "0.2.33",
+  "version": "0.2.34",
   "description": "EmptyStates UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -44,5 +44,5 @@
     "@synerise/ds-utils": "^0.24.24",
     "@testing-library/jest-dom": "5.1.1"
   },
-  "gitHead": "9e7d97fc5f8a9fd938b38e9d1678e050e0478e0e"
+  "gitHead": "5dd899dfee61f80a7375192d8033e7bfaba2074c"
 }