@carbon/ibm-products 2.43.2-canary.102 → 2.43.2-canary.103

package/es/components/EmptyStates/EmptyState.d.ts

@@ -1,9 +1,76 @@
-export namespace defaults {
-    let position: string;
-    let size: string;
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference path="../../../src/custom-typings/index.d.ts" />
+import React, { ReactNode } from 'react';
+import '../../global/js/utils/props-helper';
+import { ButtonProps } from '@carbon/react';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
+declare enum sizes {
+    lg = "lg",
+    sm = "sm"
+}
+export declare const defaults: {
+    position: string;
+    size: sizes;
+};
+interface EmptyStateProps {
+    /**
+     * Empty state action button
+     */
+    action?: {
+        kind?: 'primary' | 'secondary' | 'tertiary';
+        renderIcon?: CarbonIconType;
+        onClick?: ButtonProps['onClick'];
+        text?: string;
+    };
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Empty state illustration, specify the `src` for a provided illustration to be displayed. In the case of requiring a light and dark illustration of your own, simply pass the corresponding illustration based on the current theme of your application.
+     * For example: `illustration={appTheme === 'dark' ? darkIllustration : lightIllustration}`
+     */
+    illustration?: string;
+    /**
+     * The alt text for empty state svg images. If not provided , title will be used.
+     */
+    illustrationDescription?: string;
+    /**
+     * Designates the position of the illustration relative to the content
+     */
+    illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Empty state link object
+     */
+    link?: {
+        text?: string | ReactNode;
+        href?: string;
+    };
+    /**
+     * Empty state size
+     */
+    size?: 'lg' | 'sm';
+    /**
+     * Empty state subtitle
+     */
+    subtitle?: string | ReactNode;
+    /**
+     * Empty state title
+     */
+    title: string | ReactNode;
+    /**
+     * Designates which version of the EmptyState component is being used.
+     * Refer to V2 documentation separately.
+     */
+    v2?: boolean;
 }
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
-export let EmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/es/components/EmptyStates/EmptyState.js

@@ -22,13 +22,15 @@ var _excluded = ["v2"],
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(pkg.prefix, "--empty-state");
 var componentName = 'EmptyState';
-
-// Default values for props
+var sizes = /*#__PURE__*/function (sizes) {
+  sizes["lg"] = "lg";
+  sizes["sm"] = "sm";
+  return sizes;
+}(sizes || {}); // Default values for props
 var defaults = {
   position: 'top',
-  size: 'lg'
+  size: sizes.lg
 };
-
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
@@ -64,7 +66,7 @@ var EmptyState = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
     link: link,
     size: size,
     subtitle: subtitle,
-    title: title
+    title: title !== null && title !== void 0 ? title : ''
   }));
 });
 
@@ -92,6 +94,7 @@ EmptyState.propTypes = {
   /**
    * The alt text for custom provided illustrations
    */
+  /**@ts-ignore*/
   illustrationDescription: PropTypes.string.isRequired.if(function (_ref2) {
     var illustration = _ref2.illustration;
     return illustration;

package/es/components/EmptyStates/EmptyStateV2.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023, 2023
+ * Copyright IBM Corp. 2023, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -44,7 +44,7 @@ interface EmptyStateV2Props {
      * Props for the link. Refer to the Carbon Components link documentation for full list of props.
      */
     link?: {
-        text?: string;
+        text?: string | ReactNode;
     };
     /**
      * Empty state size

package/es/components/EmptyStates/EmptyStateV2.js

@@ -107,7 +107,7 @@ EmptyStateV2.propTypes = {
    */
   /**@ts-ignore*/
   link: PropTypes.shape({
-    text: PropTypes.string
+    text: PropTypes.oneOfType([PropTypes.string, PropTypes.node])
   }),
   /**
    * Empty state size

package/lib/components/EmptyStates/EmptyState.d.ts

@@ -1,9 +1,76 @@
-export namespace defaults {
-    let position: string;
-    let size: string;
+/**
+ * Copyright IBM Corp. 2020, 2021
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+/// <reference path="../../../src/custom-typings/index.d.ts" />
+import React, { ReactNode } from 'react';
+import '../../global/js/utils/props-helper';
+import { ButtonProps } from '@carbon/react';
+import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
+declare enum sizes {
+    lg = "lg",
+    sm = "sm"
+}
+export declare const defaults: {
+    position: string;
+    size: sizes;
+};
+interface EmptyStateProps {
+    /**
+     * Empty state action button
+     */
+    action?: {
+        kind?: 'primary' | 'secondary' | 'tertiary';
+        renderIcon?: CarbonIconType;
+        onClick?: ButtonProps['onClick'];
+        text?: string;
+    };
+    /**
+     * Provide an optional class to be applied to the containing node.
+     */
+    className?: string;
+    /**
+     * Empty state illustration, specify the `src` for a provided illustration to be displayed. In the case of requiring a light and dark illustration of your own, simply pass the corresponding illustration based on the current theme of your application.
+     * For example: `illustration={appTheme === 'dark' ? darkIllustration : lightIllustration}`
+     */
+    illustration?: string;
+    /**
+     * The alt text for empty state svg images. If not provided , title will be used.
+     */
+    illustrationDescription?: string;
+    /**
+     * Designates the position of the illustration relative to the content
+     */
+    illustrationPosition?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Empty state link object
+     */
+    link?: {
+        text?: string | ReactNode;
+        href?: string;
+    };
+    /**
+     * Empty state size
+     */
+    size?: 'lg' | 'sm';
+    /**
+     * Empty state subtitle
+     */
+    subtitle?: string | ReactNode;
+    /**
+     * Empty state title
+     */
+    title: string | ReactNode;
+    /**
+     * Designates which version of the EmptyState component is being used.
+     * Refer to V2 documentation separately.
+     */
+    v2?: boolean;
 }
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
-export let EmptyState: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from 'react';
+export declare let EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/lib/components/EmptyStates/EmptyState.js

@@ -31,13 +31,15 @@ var _excluded = ["v2"],
 // The block part of our conventional BEM class names (blockClass__E--M).
 var blockClass = "".concat(settings.pkg.prefix, "--empty-state");
 var componentName = 'EmptyState';
-
-// Default values for props
+var sizes = /*#__PURE__*/function (sizes) {
+  sizes["lg"] = "lg";
+  sizes["sm"] = "sm";
+  return sizes;
+}(sizes || {}); // Default values for props
 var defaults = {
   position: 'top',
-  size: 'lg'
+  size: sizes.lg
 };
-
 /**
  * The `EmptyState` component follows the Carbon guidelines for empty states with some added specifications around illustration usage. For additional usage guidelines and documentation please refer to the links above.
  */
@@ -73,7 +75,7 @@ exports.EmptyState = /*#__PURE__*/React__default["default"].forwardRef(function
     link: link,
     size: size,
     subtitle: subtitle,
-    title: title
+    title: title !== null && title !== void 0 ? title : ''
   }));
 });
 
@@ -101,6 +103,7 @@ exports.EmptyState.propTypes = {
   /**
    * The alt text for custom provided illustrations
    */
+  /**@ts-ignore*/
   illustrationDescription: index["default"].string.isRequired.if(function (_ref2) {
     var illustration = _ref2.illustration;
     return illustration;

package/lib/components/EmptyStates/EmptyStateV2.d.ts

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2023, 2023
+ * Copyright IBM Corp. 2023, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -44,7 +44,7 @@ interface EmptyStateV2Props {
      * Props for the link. Refer to the Carbon Components link documentation for full list of props.
      */
     link?: {
-        text?: string;
+        text?: string | ReactNode;
     };
     /**
      * Empty state size

package/lib/components/EmptyStates/EmptyStateV2.js

@@ -116,7 +116,7 @@ exports.EmptyStateV2.propTypes = {
    */
   /**@ts-ignore*/
   link: index["default"].shape({
-    text: index["default"].string
+    text: index["default"].oneOfType([index["default"].string, index["default"].node])
   }),
   /**
    * Empty state size

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibm-products",
   "description": "Carbon for IBM Products",
-  "version": "2.43.2-canary.102+5d21bf822",
+  "version": "2.43.2-canary.103+95b756345",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -120,5 +120,5 @@
     "react": "^16.8.6 || ^17.0.1 || ^18.2.0",
     "react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
   },
-  "gitHead": "5d21bf822fff0fef64e06de74c59c37470ffd900"
+  "gitHead": "95b7563457730ea24fed77e9aca2c964d9d713ac"
 }