@elliemae/ds-banner 2.2.1 → 2.3.0-alpha.4

package/cjs/DSBanner.js

@@ -1,57 +1,62 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var reactDesc = require('react-desc');
-var icons = require('./utils/icons.js');
-var propTypes = require('./propTypes.js');
-var defaultProps = require('./defaultProps.js');
-var styles = require('./styles.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var _CloseX, _span;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSBanner = _ref => {
-  let {
-    type,
-    isOpen,
-    onClose,
-    label,
-    body,
-    actionLink,
-    showCloseButton,
-    containerProps,
-    actionRef
-  } = _ref;
-  const innerContainerRef = React.useRef(null);
-  const linkRef = React.useRef(null);
-  const [current, setCurrent] = React.useState(isOpen);
-  const [isAnimating, setIsAnimating] = React.useState(false);
-  const [alertTabIndex, setAlertTabIndex] = React.useState(undefined);
-  const ownerState = {
-    type
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
   };
-  React__default["default"].useEffect(() => {
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var DSBanner_exports = {};
+__export(DSBanner_exports, {
+  DSBanner: () => DSBanner,
+  DSBannerWithSchema: () => DSBannerWithSchema,
+  default: () => DSBanner_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_react_desc = require("react-desc");
+var import_icons = require("./utils/icons");
+var import_propTypes = require("./propTypes");
+var import_defaultProps = require("./defaultProps");
+var import_styles = require("./styles");
+const DSBanner = ({
+  type,
+  isOpen,
+  onClose,
+  label,
+  body,
+  actionLink,
+  showCloseButton,
+  containerProps,
+  actionRef
+}) => {
+  const innerContainerRef = (0, import_react.useRef)(null);
+  const linkRef = (0, import_react.useRef)(null);
+  const [current, setCurrent] = (0, import_react.useState)(isOpen);
+  const [isAnimating, setIsAnimating] = (0, import_react.useState)(false);
+  const [alertTabIndex, setAlertTabIndex] = (0, import_react.useState)(void 0);
+  const ownerState = { type };
+  import_react.default.useEffect(() => {
     if (actionRef && actionRef.current) {
       actionRef.current.focusOnWrapper = () => {
         if (innerContainerRef.current) {
@@ -61,7 +66,6 @@ const DSBanner = _ref => {
           }, 100);
         }
       };
-
       actionRef.current.focusOnLink = () => {
         if (linkRef.current) {
           linkRef.current.focus();
@@ -69,64 +73,66 @@ const DSBanner = _ref => {
       };
     }
   }, [actionRef]);
-  React.useLayoutEffect(() => {
-    if (isOpen !== current || isOpen) setIsAnimating(true);else setIsAnimating(false);
+  (0, import_react.useLayoutEffect)(() => {
+    if (isOpen !== current || isOpen)
+      setIsAnimating(true);
+    else
+      setIsAnimating(false);
   }, [isOpen, current]);
-  const handleBlur = React.useCallback(() => {
-    setAlertTabIndex(undefined);
+  const handleBlur = (0, import_react.useCallback)(() => {
+    setAlertTabIndex(void 0);
   }, []);
-  const handleOnKeyDown = React.useCallback(e => {
-    if (e.key === 'Enter' || e.key === ' ') {
+  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
+    if (e.key === "Enter" || e.key === " ") {
       e.preventDefault();
-      if (linkRef.current) linkRef.current.click();
+      if (linkRef.current)
+        linkRef.current.click();
     }
   }, []);
-  if (!isAnimating && !isOpen) return null;
-  return /*#__PURE__*/jsxRuntime.jsx(styles.StyledBannerContainer, _objectSpread(_objectSpread({
-    type: type,
-    isOpen: isOpen,
-    isAnimating: isAnimating,
+  if (!isAnimating && !isOpen)
+    return null;
+  return /* @__PURE__ */ import_react.default.createElement(import_styles.StyledBannerContainer, {
+    type,
+    isOpen,
+    isAnimating,
     onAnimationEnd: () => setCurrent(isOpen),
-    "data-testid": "ds-banner-container"
-  }, containerProps), {}, {
-    ownerState: ownerState,
-    children: /*#__PURE__*/jsxRuntime.jsxs(styles.StyledInnerContainer, {
-      type: type,
-      isOpen: isOpen,
-      ref: innerContainerRef,
-      isAnimating: isAnimating,
-      "data-testid": "ds-banner",
-      role: "alert",
-      tabIndex: alertTabIndex,
-      onBlur: handleBlur,
-      children: [/*#__PURE__*/_jsx__default["default"](styles.StyledIconContainer, {
-        "data-testid": "ds-banner-icon"
-      }, void 0, icons.icons[type]), /*#__PURE__*/_jsx__default["default"](styles.StyledTitle, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](styles.StyledSubTitle, {}, void 0, /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, body), actionLink && /*#__PURE__*/jsxRuntime.jsx(styles.StyledActionLink, {
-        "data-testid": "ds-banner-action-link",
-        onClick: actionLink.onClick,
-        href: actionLink.href,
-        ref: linkRef,
-        onKeyDown: handleOnKeyDown,
-        tabIndex: 0,
-        isBodyEmpty: body,
-        children: actionLink.label
-      })), showCloseButton ? /*#__PURE__*/_jsx__default["default"](styles.StyledCloseButton, {
-        "data-testid": "ds-banner-close-button",
-        buttonType: "secondary",
-        onClick: onClose,
-        "aria-label": "Close icon",
-        icon: _CloseX || (_CloseX = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseX, {
-          width: "12px",
-          height: "12px"
-        }))
-      }) : _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}))]
+    "data-testid": "ds-banner-container",
+    ...containerProps,
+    ownerState
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledInnerContainer, {
+    type,
+    isOpen,
+    ref: innerContainerRef,
+    isAnimating,
+    "data-testid": "ds-banner",
+    role: "alert",
+    tabIndex: alertTabIndex,
+    onBlur: handleBlur
+  }, /* @__PURE__ */ import_react.default.createElement(import_styles.StyledIconContainer, {
+    "data-testid": "ds-banner-icon"
+  }, import_icons.icons[type]), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledTitle, null, label), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledSubTitle, null, /* @__PURE__ */ import_react.default.createElement("span", null, body), actionLink && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledActionLink, {
+    "data-testid": "ds-banner-action-link",
+    onClick: actionLink.onClick,
+    href: actionLink.href,
+    ref: linkRef,
+    onKeyDown: handleOnKeyDown,
+    tabIndex: 0,
+    isBodyEmpty: body
+  }, actionLink.label)), showCloseButton ? /* @__PURE__ */ import_react.default.createElement(import_styles.StyledCloseButton, {
+    "data-testid": "ds-banner-close-button",
+    buttonType: "secondary",
+    onClick: onClose,
+    "aria-label": "Close icon",
+    icon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseX, {
+      width: "12px",
+      height: "12px"
     })
-  }));
+  }) : /* @__PURE__ */ import_react.default.createElement("span", null)));
 };
-
-DSBanner.defaultProps = defaultProps.defaultProps;
-const DSBannerWithSchema = reactDesc.describe(DSBanner);
-DSBannerWithSchema.propTypes = propTypes.propTypes;
-
-exports.DSBannerWithSchema = DSBannerWithSchema;
-exports["default"] = DSBanner;
+DSBanner.defaultProps = import_defaultProps.defaultProps;
+DSBanner.propTypes = import_propTypes.propTypes;
+const DSBannerWithSchema = (0, import_react_desc.describe)(DSBanner);
+DSBannerWithSchema.propTypes = import_propTypes.propTypes;
+var DSBanner_default = DSBanner;
+module.exports = __toCommonJS(DSBanner_exports);
+//# sourceMappingURL=DSBanner.js.map

package/cjs/DSBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSBanner.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React, { useLayoutEffect, useRef, useCallback, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\nimport { describe } from 'react-desc';\nimport type { BannerPropsT } from './index.d';\nimport { icons } from './utils/icons';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport {\n  StyledActionLink,\n  StyledCloseButton,\n  StyledInnerContainer,\n  StyledBannerContainer,\n  StyledIconContainer,\n  StyledSubTitle,\n  StyledTitle,\n} from './styles';\n\nconst DSBanner = ({\n  type,\n  isOpen,\n  onClose,\n  label,\n  body,\n  actionLink,\n  showCloseButton,\n  containerProps,\n  actionRef,\n}: BannerPropsT): JSX.Element => {\n  const innerContainerRef = useRef<HTMLDivElement | null>(null);\n  const linkRef = useRef<HTMLAnchorElement | null>(null);\n  const [current, setCurrent] = useState<boolean>(isOpen);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [alertTabIndex, setAlertTabIndex] = useState<number | undefined>(undefined);\n\n  const ownerState = { type };\n\n  React.useEffect(() => {\n    if (actionRef && actionRef.current) {\n      actionRef.current.focusOnWrapper = () => {\n        if (innerContainerRef.current) {\n          setAlertTabIndex(0);\n          setTimeout(() => {\n            innerContainerRef.current.focus();\n          }, 100);\n        }\n      };\n      actionRef.current.focusOnLink = () => {\n        if (linkRef.current) {\n          linkRef.current.focus();\n        }\n      };\n    }\n  }, [actionRef]);\n\n  useLayoutEffect(() => {\n    if (isOpen !== current || isOpen) setIsAnimating(true);\n    else setIsAnimating(false);\n  }, [isOpen, current]);\n\n  const handleBlur = useCallback(() => {\n    setAlertTabIndex(undefined);\n  }, []);\n  const handleOnKeyDown = useCallback((e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' || e.key === ' ') {\n      e.preventDefault();\n      if (linkRef.current) linkRef.current.click();\n    }\n  }, []);\n\n  if (!isAnimating && !isOpen) return null;\n\n  return (\n    <StyledBannerContainer\n      type={type}\n      isOpen={isOpen}\n      isAnimating={isAnimating}\n      onAnimationEnd={() => setCurrent(isOpen)}\n      data-testid=\"ds-banner-container\"\n      {...containerProps}\n      ownerState={ownerState}\n    >\n      <StyledInnerContainer\n        type={type}\n        isOpen={isOpen}\n        ref={innerContainerRef}\n        isAnimating={isAnimating}\n        data-testid=\"ds-banner\"\n        role=\"alert\"\n        tabIndex={alertTabIndex}\n        onBlur={handleBlur}\n      >\n        <StyledIconContainer data-testid=\"ds-banner-icon\">{icons[type]}</StyledIconContainer>\n        <StyledTitle>{label}</StyledTitle>\n        <StyledSubTitle>\n          <span>{body}</span>\n          {actionLink && (\n            <StyledActionLink\n              data-testid=\"ds-banner-action-link\"\n              onClick={actionLink.onClick}\n              href={actionLink.href}\n              ref={linkRef}\n              onKeyDown={handleOnKeyDown}\n              tabIndex={0}\n              isBodyEmpty={body}\n            >\n              {actionLink.label}\n            </StyledActionLink>\n          )}\n        </StyledSubTitle>\n\n        {showCloseButton ? (\n          <StyledCloseButton\n            data-testid=\"ds-banner-close-button\"\n            buttonType=\"secondary\"\n            onClick={onClose}\n            aria-label=\"Close icon\"\n            icon={<CloseX width=\"12px\" height=\"12px\" />}\n          />\n        ) : (\n          <span />\n        )}\n      </StyledInnerContainer>\n    </StyledBannerContainer>\n  );\n};\n\nDSBanner.defaultProps = defaultProps;\nDSBanner.propTypes = propTypes;\nconst DSBannerWithSchema = describe(DSBanner);\nDSBannerWithSchema.propTypes = propTypes;\n\nexport default DSBanner;\nexport { DSBanner, DSBannerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAsE;AACtE,sBAAuB;AACvB,wBAAyB;AAEzB,mBAAsB;AACtB,uBAA0B;AAC1B,0BAA6B;AAC7B,oBAQO;AAEP,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAC+B;AAC/B,QAAM,oBAAoB,yBAA8B;AACxD,QAAM,UAAU,yBAAiC;AACjD,QAAM,CAAC,SAAS,cAAc,2BAAkB;AAChD,QAAM,CAAC,aAAa,kBAAkB,2BAAkB;AACxD,QAAM,CAAC,eAAe,oBAAoB,2BAA6B;AAEvE,QAAM,aAAa,EAAE;AAErB,uBAAM,UAAU,MAAM;AACpB,QAAI,aAAa,UAAU,SAAS;AAClC,gBAAU,QAAQ,iBAAiB,MAAM;AACvC,YAAI,kBAAkB,SAAS;AAC7B,2BAAiB;AACjB,qBAAW,MAAM;AACf,8BAAkB,QAAQ;AAAA,aACzB;AAAA;AAAA;AAGP,gBAAU,QAAQ,cAAc,MAAM;AACpC,YAAI,QAAQ,SAAS;AACnB,kBAAQ,QAAQ;AAAA;AAAA;AAAA;AAAA,KAIrB,CAAC;AAEJ,oCAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe;AAAA;AAC5C,qBAAe;AAAA,KACnB,CAAC,QAAQ;AAEZ,QAAM,aAAa,8BAAY,MAAM;AACnC,qBAAiB;AAAA,KAChB;AACH,QAAM,kBAAkB,8BAAY,CAAC,MAA2B;AAC9D,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,KAAK;AACtC,QAAE;AACF,UAAI,QAAQ;AAAS,gBAAQ,QAAQ;AAAA;AAAA,KAEtC;AAEH,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,mDAAC,qCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW;AAAA,IACjC,eAAY;AAAA,OACR;AAAA,IACJ;AAAA,KAEA,mDAAC,oCAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA,eAAY;AAAA,IACZ,MAAK;AAAA,IACL,UAAU;AAAA,IACV,QAAQ;AAAA,KAER,mDAAC,mCAAD;AAAA,IAAqB,eAAY;AAAA,KAAkB,mBAAM,QACzD,mDAAC,2BAAD,MAAc,QACd,mDAAC,8BAAD,MACE,mDAAC,QAAD,MAAO,OACN,cACC,mDAAC,gCAAD;AAAA,IACE,eAAY;AAAA,IACZ,SAAS,WAAW;AAAA,IACpB,MAAM,WAAW;AAAA,IACjB,KAAK;AAAA,IACL,WAAW;AAAA,IACX,UAAU;AAAA,IACV,aAAa;AAAA,KAEZ,WAAW,SAKjB,kBACC,mDAAC,iCAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,MAAM,mDAAC,wBAAD;AAAA,MAAQ,OAAM;AAAA,MAAO,QAAO;AAAA;AAAA,OAGpC,mDAAC,QAAD;AAAA;AAOV,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
+  "names": []
+}

package/cjs/defaultProps.js

@@ -1,22 +1,45 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var bannerTypes = require('./utils/bannerTypes.js');
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var defaultProps_exports = {};
+__export(defaultProps_exports, {
+  defaultProps: () => defaultProps
+});
+var React = __toESM(require("react"));
+var import_bannerTypes = require("./utils/bannerTypes");
 const defaultProps = {
   containerProps: {},
-  label: '',
-  body: '',
-  type: bannerTypes.BANNER_TYPES.INFO,
+  label: "",
+  body: "",
+  type: import_bannerTypes.BANNER_TYPES.INFO,
   isOpen: true,
   onClose: () => null,
   showCloseButton: true,
-  actionLink: {
-    label: '',
-    onClick: () => null,
-    href: ''
-  }
+  actionLink: { label: "", onClick: () => null, href: "" }
 };
-
-exports.defaultProps = defaultProps;
+module.exports = __toCommonJS(defaultProps_exports);
+//# sourceMappingURL=defaultProps.js.map

package/cjs/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/defaultProps.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { BANNER_TYPES } from './utils/bannerTypes';\n\nexport const defaultProps = {\n  containerProps: {},\n  label: '',\n  body: '',\n  type: BANNER_TYPES.INFO,\n  isOpen: true,\n  onClose: () => null,\n  showCloseButton: true,\n  actionLink: { label: '', onClick: () => null, href: '' },\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAA6B;AAEtB,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM,gCAAa;AAAA,EACnB,QAAQ;AAAA,EACR,SAAS,MAAM;AAAA,EACf,iBAAiB;AAAA,EACjB,YAAY,EAAE,OAAO,IAAI,SAAS,MAAM,MAAM,MAAM;AAAA;",
+  "names": []
+}

package/cjs/index.d.js

@@ -1,2 +1,27 @@
-'use strict';
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var index_d_exports = {};
+var React = __toESM(require("react"));
+module.exports = __toCommonJS(index_d_exports);
+//# sourceMappingURL=index.d.js.map

package/cjs/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { BANNER_TYPES } from './utils/bannerTypes';\n\ntype BannerTypesT = typeof BANNER_TYPES[keyof typeof BANNER_TYPES];\n\ninterface ActionLinkT {\n  label: string;\n  onClick: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void | null;\n  href: string;\n}\n\nexport interface BannerPropsT {\n  type: BannerTypesT;\n  isOpen: boolean;\n  onClose: () => void | null;\n  actionLink: ActionLinkT;\n  label: string;\n  body: string;\n  showCloseButton?: boolean;\n  containerProps: Record<string, unknown>;\n  actionRef?: any;\n}\n\nexport interface StyledBannerContainerT {\n  type: BannerTypesT;\n  isOpen: boolean;\n  isAnimating: boolean;\n  height: number;\n}\n\nexport interface StyledInnerContainerT {\n  type: BannerTypesT;\n  isOpen: boolean;\n  isAnimating: boolean;\n  ref: React.MutableRefObject<HTMLDivElement>;\n}\n\nexport interface StyledActionLinkT {\n  isBodyEmpty: string;\n  ref: React.MutableRefObject<HTMLAnchorElement>;\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/cjs/index.js

@@ -1,12 +1,37 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var DSBanner = require('./DSBanner.js');
-var bannerTypes = require('./utils/bannerTypes.js');
-
-
-
-exports.DSBannerWithSchema = DSBanner.DSBannerWithSchema;
-exports["default"] = DSBanner["default"];
-exports.BANNER_TYPES = bannerTypes.BANNER_TYPES;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_DSBanner.default
+});
+var React = __toESM(require("react"));
+var import_DSBanner = __toESM(require("./DSBanner"));
+__reExport(src_exports, require("./DSBanner"));
+__reExport(src_exports, require("./utils/bannerTypes"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { default } from './DSBanner';\nexport * from './DSBanner';\nexport * from './utils/bannerTypes';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAwB;AACxB,wBAAc;AACd,wBAAc;",
+  "names": []
+}

package/cjs/propTypes.js

@@ -1,24 +1,55 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var bannerTypes = require('./utils/bannerTypes.js');
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var propTypes_exports = {};
+__export(propTypes_exports, {
+  propTypes: () => propTypes
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_bannerTypes = require("./utils/bannerTypes");
 const propTypes = {
-  containerProps: reactDesc.PropTypes.object.description('Set of Properties attached to the main container').defaultValue({}),
-  label: reactDesc.PropTypes.string.description('banner s label').defaultValue(''),
-  body: reactDesc.PropTypes.string.description('banner s body content').defaultValue(''),
-  type: reactDesc.PropTypes.oneOf(Object.values(bannerTypes.BANNER_TYPES)).description('banner s type').defaultValue(bannerTypes.BANNER_TYPES.INFO),
-  onClose: reactDesc.PropTypes.func.description('function executed when the banner closes'),
-  isOpen: reactDesc.PropTypes.bool.description('whether the banner is open or closed').defaultValue(true),
-  showCloseButton: reactDesc.PropTypes.bool.description('whether to show close button or not').defaultValue(true),
-  actionLink: reactDesc.PropTypes.shape({
-    label: reactDesc.PropTypes.string,
-    onClick: reactDesc.PropTypes.func,
-    href: reactDesc.PropTypes.string
-  }).description('Properties of the ActionLink component').defaultValue({}),
-  actionRef: reactDesc.PropTypes.object.description("\n      Reference to use actions:\n      - focusOnLink: function to focus the banner\n      - focusOnWrapper: function to focus the link\n    ").defaultValue({})
+  containerProps: import_react_desc.PropTypes.object.description("Set of Properties attached to the main container").defaultValue({}),
+  label: import_react_desc.PropTypes.string.description("banner s label").defaultValue(""),
+  body: import_react_desc.PropTypes.string.description("banner s body content").defaultValue(""),
+  type: import_react_desc.PropTypes.oneOf(Object.values(import_bannerTypes.BANNER_TYPES)).description("banner s type").defaultValue(import_bannerTypes.BANNER_TYPES.INFO),
+  onClose: import_react_desc.PropTypes.func.description("function executed when the banner closes"),
+  isOpen: import_react_desc.PropTypes.bool.description("whether the banner is open or closed").defaultValue(true),
+  showCloseButton: import_react_desc.PropTypes.bool.description("whether to show close button or not").defaultValue(true),
+  actionLink: import_react_desc.PropTypes.shape({
+    label: import_react_desc.PropTypes.string,
+    onClick: import_react_desc.PropTypes.func,
+    href: import_react_desc.PropTypes.string
+  }).description("Properties of the ActionLink component").defaultValue({}),
+  actionRef: import_react_desc.PropTypes.object.description(`
+      Reference to use actions:
+      - focusOnLink: function to focus the banner
+      - focusOnWrapper: function to focus the link
+    `).defaultValue({})
 };
-
-exports.propTypes = propTypes;
+module.exports = __toCommonJS(propTypes_exports);
+//# sourceMappingURL=propTypes.js.map

package/cjs/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\nimport { BANNER_TYPES } from './utils/bannerTypes';\n\nexport const propTypes = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container').defaultValue({}),\n  label: PropTypes.string.description('banner s label').defaultValue(''),\n  body: PropTypes.string.description('banner s body content').defaultValue(''),\n  type: PropTypes.oneOf(Object.values(BANNER_TYPES)).description('banner s type').defaultValue(BANNER_TYPES.INFO),\n  onClose: PropTypes.func.description('function executed when the banner closes'),\n  isOpen: PropTypes.bool.description('whether the banner is open or closed').defaultValue(true),\n  showCloseButton: PropTypes.bool.description('whether to show close button or not').defaultValue(true),\n  actionLink: PropTypes.shape({\n    label: PropTypes.string,\n    onClick: PropTypes.func,\n    href: PropTypes.string,\n  })\n    .description('Properties of the ActionLink component')\n    .defaultValue({}),\n  actionRef: PropTypes.object\n    .description(\n      `\n      Reference to use actions:\n      - focusOnLink: function to focus the banner\n      - focusOnWrapper: function to focus the link\n    `,\n    )\n    .defaultValue({}),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAC1B,yBAA6B;AAEtB,MAAM,YAAY;AAAA,EACvB,gBAAgB,4BAAU,OAAO,YAAY,oDAAoD,aAAa;AAAA,EAC9G,OAAO,4BAAU,OAAO,YAAY,kBAAkB,aAAa;AAAA,EACnE,MAAM,4BAAU,OAAO,YAAY,yBAAyB,aAAa;AAAA,EACzE,MAAM,4BAAU,MAAM,OAAO,OAAO,kCAAe,YAAY,iBAAiB,aAAa,gCAAa;AAAA,EAC1G,SAAS,4BAAU,KAAK,YAAY;AAAA,EACpC,QAAQ,4BAAU,KAAK,YAAY,wCAAwC,aAAa;AAAA,EACxF,iBAAiB,4BAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EAChG,YAAY,4BAAU,MAAM;AAAA,IAC1B,OAAO,4BAAU;AAAA,IACjB,SAAS,4BAAU;AAAA,IACnB,MAAM,4BAAU;AAAA,KAEf,YAAY,0CACZ,aAAa;AAAA,EAChB,WAAW,4BAAU,OAClB,YACC;AAAA;AAAA;AAAA;AAAA,OAMD,aAAa;AAAA;",
+  "names": []
+}