@elliemae/ds-banner 2.2.0-alpha.3 → 3.0.0-next.0

package/cjs/DSBanner.js

@@ -1,62 +1,57 @@
-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);
+'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
   };
-})(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 = __toESM(require("@elliemae/ds-icons"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_icons = __toESM(require("./utils/icons"));
-var import_propTypes = __toESM(require("./propTypes"));
-var import_defaultProps = __toESM(require("./defaultProps"));
-var import_styles = __toESM(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(() => {
+  React__default["default"].useEffect(() => {
     if (actionRef && actionRef.current) {
       actionRef.current.focusOnWrapper = () => {
         if (innerContainerRef.current) {
@@ -66,6 +61,7 @@ const DSBanner = ({
           }, 100);
         }
       };
+
       actionRef.current.focusOnLink = () => {
         if (linkRef.current) {
           linkRef.current.focus();
@@ -73,66 +69,64 @@ const DSBanner = ({
       };
     }
   }, [actionRef]);
-  (0, import_react.useLayoutEffect)(() => {
-    if (isOpen !== current || isOpen)
-      setIsAnimating(true);
-    else
-      setIsAnimating(false);
+  React.useLayoutEffect(() => {
+    if (isOpen !== current || isOpen) setIsAnimating(true);else setIsAnimating(false);
   }, [isOpen, current]);
-  const handleBlur = (0, import_react.useCallback)(() => {
-    setAlertTabIndex(void 0);
+  const handleBlur = React.useCallback(() => {
+    setAlertTabIndex(undefined);
   }, []);
-  const handleOnKeyDown = (0, import_react.useCallback)((e) => {
-    if (e.key === "Enter" || e.key === " ") {
+  const handleOnKeyDown = 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__ */ import_react.default.createElement(import_styles.StyledBannerContainer, {
-    type,
-    isOpen,
-    isAnimating,
+  if (!isAnimating && !isOpen) return null;
+  return /*#__PURE__*/jsxRuntime.jsx(styles.StyledBannerContainer, _objectSpread(_objectSpread({
+    type: type,
+    isOpen: isOpen,
+    isAnimating: isAnimating,
     onAnimationEnd: () => setCurrent(isOpen),
-    "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"
+    "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", {}))]
     })
-  }) : /* @__PURE__ */ import_react.default.createElement("span", null)));
+  }));
 };
-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
+
+DSBanner.defaultProps = defaultProps.defaultProps;
+const DSBannerWithSchema = reactDesc.describe(DSBanner);
+DSBannerWithSchema.propTypes = propTypes.propTypes;
+
+exports.DSBannerWithSchema = DSBannerWithSchema;
+exports["default"] = DSBanner;

package/cjs/defaultProps.js

@@ -1,45 +1,22 @@
-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 = __toESM(require("./utils/bannerTypes"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var bannerTypes = require('./utils/bannerTypes.js');
+
 const defaultProps = {
   containerProps: {},
-  label: "",
-  body: "",
-  type: import_bannerTypes.BANNER_TYPES.INFO,
+  label: '',
+  body: '',
+  type: bannerTypes.BANNER_TYPES.INFO,
   isOpen: true,
   onClose: () => null,
   showCloseButton: true,
-  actionLink: { label: "", onClick: () => null, href: "" }
+  actionLink: {
+    label: '',
+    onClick: () => null,
+    href: ''
+  }
 };
-module.exports = __toCommonJS(defaultProps_exports);
-//# sourceMappingURL=defaultProps.js.map
+
+exports.defaultProps = defaultProps;

package/cjs/index.d.js

@@ -1,27 +1,2 @@
-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
+'use strict';
+

package/cjs/index.js

@@ -1,37 +1,12 @@
-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, __toESM(require("./DSBanner")));
-__reExport(src_exports, __toESM(require("./utils/bannerTypes")));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'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;

package/cjs/propTypes.js

@@ -1,55 +1,24 @@
-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 = __toESM(require("react-desc"));
-var import_bannerTypes = __toESM(require("./utils/bannerTypes"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactDesc = require('react-desc');
+var bannerTypes = require('./utils/bannerTypes.js');
+
 const propTypes = {
-  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({})
+  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({})
 };
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map
+
+exports.propTypes = propTypes;