@elliemae/ds-mobile 2.2.0-next.3 → 2.3.0-alpha.1

package/esm/MobileActionToolbar/MobileActionToolbar.js

@@ -1,44 +1,38 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { Grid } from '@elliemae/ds-grid';
-import styled from 'styled-components';
-import { withTheme } from '@elliemae/ds-system';
-export { default as ToolbarItem } from './MobileActionToolbarItem.js';
-
-const ToolStrip = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-162vd15-0"
-})(["display:flex;justify-content:space-around;align-items:center;background-color:", ";"], props => props.theme.colors.neutral['000']);
-
-const Toolbar = _ref => {
-  let {
-    withDepth = true,
-    buttons = [],
-    theme
-  } = _ref;
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { Grid } from "@elliemae/ds-grid";
+import styled from "styled-components";
+import { withTheme } from "@elliemae/ds-system";
+import ToolbarItem from "./MobileActionToolbarItem";
+const ToolStrip = styled(Grid)`
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  background-color: ${(props2) => props2.theme.colors.neutral["000"]};
+`;
+const Toolbar = ({ withDepth = true, buttons = [], theme }) => {
   const rows = [1];
   const toolbarHeight = theme.space.m;
-  const borderStyle = withDepth ? {
-    boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)'
-  } : {
-    boxShadow: 'none'
-  };
-  return /*#__PURE__*/_jsx(ToolStrip, {
-    rows: rows,
+  const borderStyle = withDepth ? { boxShadow: "0 1px 5px 0 rgba(0,0,0,0.5)" } : { boxShadow: "none" };
+  return /* @__PURE__ */ React2.createElement(ToolStrip, {
+    rows,
     height: toolbarHeight,
     style: borderStyle
-  }, void 0, buttons);
+  }, buttons);
 };
-
 const props = {
-  /** toggle box shadow for buttons border */
-  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),
-
-  /** button array for the mobile action toolbar */
-  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar')
+  withDepth: PropTypes.bool.description("toggle box shadow for buttons border"),
+  buttons: PropTypes.arrayOf(PropTypes.element).description("button array for the mobile action toolbar")
 };
+Toolbar.propTypes = props;
 const DSMobileActionToolbar = withTheme(Toolbar);
 const DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);
 DSMobileActionToolbarWithSchema.propTypes = props;
-
-export { DSMobileActionToolbarWithSchema, DSMobileActionToolbar as default };
+var MobileActionToolbar_default = DSMobileActionToolbar;
+export {
+  DSMobileActionToolbarWithSchema,
+  ToolbarItem,
+  MobileActionToolbar_default as default
+};
+//# sourceMappingURL=MobileActionToolbar.js.map

package/esm/MobileActionToolbar/MobileActionToolbar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileActionToolbar/MobileActionToolbar.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { Grid } from '@elliemae/ds-grid';\nimport styled from 'styled-components';\nimport { withTheme } from '@elliemae/ds-system';\nimport ToolbarItem from './MobileActionToolbarItem';\n\nconst ToolStrip = styled(Grid)`\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  background-color: ${(props) => props.theme.colors.neutral['000']};\n`;\nconst Toolbar = ({ withDepth = true, buttons = [], theme }) => {\n  const rows = [1];\n  const toolbarHeight = theme.space.m;\n  const borderStyle = withDepth ? { boxShadow: '0 1px 5px 0 rgba(0,0,0,0.5)' } : { boxShadow: 'none' };\n  return (\n    <ToolStrip rows={rows} height={toolbarHeight} style={borderStyle}>\n      {buttons}\n    </ToolStrip>\n  );\n};\n\nconst props = {\n  /** toggle box shadow for buttons border */\n  withDepth: PropTypes.bool.description('toggle box shadow for buttons border'),\n  /** button array for the mobile action toolbar */\n  buttons: PropTypes.arrayOf(PropTypes.element).description('button array for the mobile action toolbar'),\n};\n\nToolbar.propTypes = props;\n\nconst DSMobileActionToolbar = withTheme(Toolbar);\n\nconst DSMobileActionToolbarWithSchema = describe(DSMobileActionToolbar);\nDSMobileActionToolbarWithSchema.propTypes = props;\n\nexport { ToolbarItem, DSMobileActionToolbarWithSchema };\nexport default DSMobileActionToolbar;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAAA,sBAIH,CAAC,WAAU,OAAM,MAAM,OAAO,QAAQ;AAAA;AAE5D,MAAM,UAAU,CAAC,EAAE,YAAY,MAAM,UAAU,IAAI,YAAY;AAC7D,QAAM,OAAO,CAAC;AACd,QAAM,gBAAgB,MAAM,MAAM;AAClC,QAAM,cAAc,YAAY,EAAE,WAAW,kCAAkC,EAAE,WAAW;AAC5F,SACE,qCAAC,WAAD;AAAA,IAAW;AAAA,IAAY,QAAQ;AAAA,IAAe,OAAO;AAAA,KAClD;AAAA;AAKP,MAAM,QAAQ;AAAA,EAEZ,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,SAAS,UAAU,QAAQ,UAAU,SAAS,YAAY;AAAA;AAG5D,QAAQ,YAAY;AAEpB,MAAM,wBAAwB,UAAU;AAExC,MAAM,kCAAkC,SAAS;AACjD,gCAAgC,YAAY;AAG5C,IAAO,8BAAQ;",
+  "names": []
+}

package/esm/MobileActionToolbar/MobileActionToolbarItem.js

@@ -1,43 +1,26 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
-import { PropTypes, describe } from 'react-desc';
-import DSButton from '@elliemae/ds-button';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["icon"];
-
-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(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 ToolbarItem = _ref => {
-  let {
-    icon
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  const displayIcon = /*#__PURE__*/React.cloneElement(icon, {
-    size: 'm'
-  });
-  return /*#__PURE__*/jsx(DSButton, _objectSpread(_objectSpread({}, otherProps), {}, {
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import DSButton from "@elliemae/ds-button";
+const ToolbarItem = ({ icon, ...otherProps }) => {
+  const displayIcon = React2.cloneElement(icon, { size: "m" });
+  return /* @__PURE__ */ React2.createElement(DSButton, {
+    ...otherProps,
     buttonType: "text",
     icon: displayIcon,
     size: "m"
-  }));
+  });
 };
-
-ToolbarItem.displayName = 'ToolbarItem';
+ToolbarItem.displayName = "ToolbarItem";
 const props = {
-  /** toolbar item icon */
-  icon: PropTypes.element.description('Toolbar item icon')
+  icon: PropTypes.element.description("Toolbar item icon")
 };
+ToolbarItem.propTypes = props;
 const DSToolbarItemWithSchema = describe(ToolbarItem);
 DSToolbarItemWithSchema.propTypes = props;
-
-export { DSToolbarItemWithSchema, ToolbarItem as default };
+var MobileActionToolbarItem_default = ToolbarItem;
+export {
+  DSToolbarItemWithSchema,
+  MobileActionToolbarItem_default as default
+};
+//# sourceMappingURL=MobileActionToolbarItem.js.map

package/esm/MobileActionToolbar/MobileActionToolbarItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileActionToolbar/MobileActionToolbarItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport DSButton from '@elliemae/ds-button';\n\nconst ToolbarItem = ({ icon, ...otherProps }) => {\n  const displayIcon = React.cloneElement(icon, { size: 'm' });\n  return <DSButton {...otherProps} buttonType=\"text\" icon={displayIcon} size=\"m\" />;\n};\n\nToolbarItem.displayName = 'ToolbarItem';\n\nconst props = {\n  /** toolbar item icon */\n  icon: PropTypes.element.description('Toolbar item icon'),\n};\n\nToolbarItem.propTypes = props;\n\nconst DSToolbarItemWithSchema = describe(ToolbarItem);\n\nDSToolbarItemWithSchema.propTypes = props;\n\nexport default ToolbarItem;\n\nexport { DSToolbarItemWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,cAAc,CAAC,EAAE,SAAS,iBAAiB;AAC/C,QAAM,cAAc,OAAM,aAAa,MAAM,EAAE,MAAM;AACrD,SAAO,qCAAC,UAAD;AAAA,OAAc;AAAA,IAAY,YAAW;AAAA,IAAO,MAAM;AAAA,IAAa,MAAK;AAAA;AAAA;AAG7E,YAAY,cAAc;AAE1B,MAAM,QAAQ;AAAA,EAEZ,MAAM,UAAU,QAAQ,YAAY;AAAA;AAGtC,YAAY,YAAY;AAExB,MAAM,0BAA0B,SAAS;AAEzC,wBAAwB,YAAY;AAEpC,IAAO,kCAAQ;",
+  "names": []
+}

package/esm/MobileActionToolbar/index.js

@@ -1,2 +1,9 @@
-export { DSMobileActionToolbarWithSchema, default } from './MobileActionToolbar.js';
-export { DSToolbarItemWithSchema, default as ToolbarItem } from './MobileActionToolbarItem.js';
+import * as React from "react";
+export * from "./MobileActionToolbar";
+import { default as default2 } from "./MobileActionToolbar";
+import { DSToolbarItemWithSchema } from "./MobileActionToolbarItem";
+export {
+  DSToolbarItemWithSchema,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/MobileActionToolbar/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileActionToolbar/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './MobileActionToolbar';\nexport { default } from './MobileActionToolbar';\nexport { DSToolbarItemWithSchema } from './MobileActionToolbarItem';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;",
+  "names": []
+}

package/esm/MobileBanner/MobileBanner.js

@@ -1,40 +1,34 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useRef, useState, useEffect, useLayoutEffect } from 'react';
-import { CloseX } from '@elliemae/ds-icons';
-import { describe } from 'react-desc';
-import { icons } from './utils/icons.js';
-import { propTypes } from './propTypes.js';
-import { defaultProps } from './defaultProps.js';
-import { StyledBannerContainer, StyledInnerContainer, StyledIconContainer, StyledContent, StyledTitle, StyledSubTitle, StyledActionLink, StyledCloseButtonContainer, StyledCloseButton } from './styles.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var _CloseX;
-
-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(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 DSMobileBanner = _ref => {
-  let {
-    type,
-    isOpen,
-    closeButtonOnClick,
-    label,
-    body,
-    actionLinkLabel,
-    actionLinkHref,
-    actionLinkOnClick,
-    showCloseButton,
-    containerProps,
-    focusOnOpen
-  } = _ref;
+import * as React from "react";
+import React2, { useLayoutEffect, useEffect, useRef, useState } from "react";
+import { CloseX } from "@elliemae/ds-icons";
+import { describe } from "react-desc";
+import { icons } from "./utils/icons";
+import { propTypes } from "./propTypes";
+import { defaultProps } from "./defaultProps";
+import {
+  StyledActionLink,
+  StyledCloseButton,
+  StyledInnerContainer,
+  StyledBannerContainer,
+  StyledContent,
+  StyledIconContainer,
+  StyledSubTitle,
+  StyledTitle,
+  StyledCloseButtonContainer
+} from "./styles";
+const DSMobileBanner = ({
+  type,
+  isOpen,
+  closeButtonOnClick,
+  label,
+  body,
+  actionLinkLabel,
+  actionLinkHref,
+  actionLinkOnClick,
+  showCloseButton,
+  containerProps,
+  focusOnOpen
+}) => {
   const innerContainerRef = useRef(null);
   const closeRef = useRef(null);
   const [current, setCurrent] = useState(isOpen);
@@ -47,54 +41,57 @@ const DSMobileBanner = _ref => {
   }, [isAnimating, isOpen]);
   useEffect(() => {
     if (focusOnOpen && closeRef.current && isOpen) {
-      var _closeRef$current, _closeRef$current$foc;
-
-      (_closeRef$current = closeRef.current) === null || _closeRef$current === void 0 ? void 0 : (_closeRef$current$foc = _closeRef$current.focus) === null || _closeRef$current$foc === void 0 ? void 0 : _closeRef$current$foc.call(_closeRef$current);
+      closeRef.current?.focus?.();
     }
   }, [focusOnOpen, isOpen]);
   useLayoutEffect(() => {
-    if (isOpen !== current || isOpen) setIsAnimating(true);else setIsAnimating(false);
+    if (isOpen !== current || isOpen)
+      setIsAnimating(true);
+    else
+      setIsAnimating(false);
   }, [isOpen, current]);
-  if (!isAnimating && !isOpen) return null;
-  return /*#__PURE__*/jsx(StyledBannerContainer, _objectSpread(_objectSpread({
-    type: type,
-    isOpen: isOpen,
-    isAnimating: isAnimating,
+  if (!isAnimating && !isOpen)
+    return null;
+  return /* @__PURE__ */ React2.createElement(StyledBannerContainer, {
+    type,
+    isOpen,
+    isAnimating,
     onAnimationEnd: () => setCurrent(isOpen),
-    height: height
-  }, containerProps), {}, {
+    height,
+    ...containerProps,
     "data-testid": "ds-mobile-banner-container",
-    role: "alert",
-    children: /*#__PURE__*/jsxs(StyledInnerContainer, {
-      type: type,
-      isOpen: isOpen,
-      ref: innerContainerRef,
-      isAnimating: isAnimating,
-      children: [/*#__PURE__*/_jsx(StyledIconContainer, {
-        "data-testid": "ds-mobile-banner-icon"
-      }, void 0, icons[type]), /*#__PURE__*/_jsx(StyledContent, {
-        showCloseButton: showCloseButton
-      }, void 0, /*#__PURE__*/_jsx(StyledTitle, {}, void 0, label), /*#__PURE__*/_jsx(StyledSubTitle, {}, void 0, body, actionLinkLabel && /*#__PURE__*/_jsx(StyledActionLink, {
-        href: actionLinkHref,
-        "data-testid": "ds-mobile-banner-link",
-        onClick: actionLinkOnClick
-      }, void 0, actionLinkLabel))), showCloseButton && /*#__PURE__*/_jsx(StyledCloseButtonContainer, {}, void 0, /*#__PURE__*/_jsx(StyledCloseButton, {
-        "data-testid": "ds-mobile-banner-close-button",
-        buttonType: "link",
-        onClick: closeButtonOnClick,
-        "aria-label": "Close Banner",
-        icon: _CloseX || (_CloseX = /*#__PURE__*/_jsx(CloseX, {
-          width: "12px",
-          height: "12px"
-        })),
-        innerRef: closeRef
-      }))]
-    })
-  }));
+    role: "alert"
+  }, /* @__PURE__ */ React2.createElement(StyledInnerContainer, {
+    type,
+    isOpen,
+    ref: innerContainerRef,
+    isAnimating
+  }, /* @__PURE__ */ React2.createElement(StyledIconContainer, {
+    "data-testid": "ds-mobile-banner-icon"
+  }, icons[type]), /* @__PURE__ */ React2.createElement(StyledContent, {
+    showCloseButton
+  }, /* @__PURE__ */ React2.createElement(StyledTitle, null, label), /* @__PURE__ */ React2.createElement(StyledSubTitle, null, body, actionLinkLabel && /* @__PURE__ */ React2.createElement(StyledActionLink, {
+    href: actionLinkHref,
+    "data-testid": "ds-mobile-banner-link",
+    onClick: actionLinkOnClick
+  }, actionLinkLabel))), showCloseButton && /* @__PURE__ */ React2.createElement(StyledCloseButtonContainer, null, /* @__PURE__ */ React2.createElement(StyledCloseButton, {
+    "data-testid": "ds-mobile-banner-close-button",
+    buttonType: "link",
+    onClick: closeButtonOnClick,
+    "aria-label": "Close Banner",
+    icon: /* @__PURE__ */ React2.createElement(CloseX, {
+      width: "12px",
+      height: "12px"
+    }),
+    innerRef: closeRef
+  }))));
 };
-
 DSMobileBanner.defaultProps = defaultProps;
+DSMobileBanner.propTypes = propTypes;
 const DSMobileBannerWithSchema = describe(DSMobileBanner);
 DSMobileBannerWithSchema.propTypes = propTypes;
-
-export { DSMobileBanner, DSMobileBannerWithSchema };
+export {
+  DSMobileBanner,
+  DSMobileBannerWithSchema
+};
+//# sourceMappingURL=MobileBanner.js.map

package/esm/MobileBanner/MobileBanner.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/MobileBanner.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useLayoutEffect, useEffect, useRef, useState } from 'react';\nimport { CloseX } from '@elliemae/ds-icons';\nimport { describe } from 'react-desc';\nimport type { MobileBannerPropsT } 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  StyledContent,\n  StyledIconContainer,\n  StyledSubTitle,\n  StyledTitle,\n  StyledCloseButtonContainer,\n} from './styles';\n\nconst DSMobileBanner = ({\n  type,\n  isOpen,\n  closeButtonOnClick,\n  label,\n  body,\n  actionLinkLabel,\n  actionLinkHref,\n  actionLinkOnClick,\n  showCloseButton,\n  containerProps,\n  focusOnOpen,\n}: MobileBannerPropsT): JSX.Element => {\n  const innerContainerRef = useRef<HTMLDivElement | null>(null);\n  const closeRef = useRef<HTMLDivElement | null>(null);\n  const [current, setCurrent] = useState<boolean>(isOpen);\n  const [isAnimating, setIsAnimating] = useState<boolean>(false);\n  const [height, setHeight] = useState<number>(0);\n\n  useEffect(() => {\n    if (innerContainerRef.current) {\n      setHeight(innerContainerRef.current.offsetHeight);\n    }\n  }, [isAnimating, isOpen]);\n\n  useEffect(() => {\n    if (focusOnOpen && closeRef.current && isOpen) {\n      closeRef.current?.focus?.();\n    }\n  }, [focusOnOpen, isOpen]);\n\n  useLayoutEffect(() => {\n    if (isOpen !== current || isOpen) setIsAnimating(true);\n    else setIsAnimating(false);\n  }, [isOpen, current]);\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      height={height}\n      {...containerProps}\n      data-testid=\"ds-mobile-banner-container\"\n      role=\"alert\"\n    >\n      <StyledInnerContainer type={type} isOpen={isOpen} ref={innerContainerRef} isAnimating={isAnimating}>\n        <StyledIconContainer data-testid=\"ds-mobile-banner-icon\">{icons[type]}</StyledIconContainer>\n        <StyledContent showCloseButton={showCloseButton}>\n          <StyledTitle>{label}</StyledTitle>\n          <StyledSubTitle>\n            {body}\n            {actionLinkLabel && (\n              <StyledActionLink href={actionLinkHref} data-testid=\"ds-mobile-banner-link\" onClick={actionLinkOnClick}>\n                {actionLinkLabel}\n              </StyledActionLink>\n            )}\n          </StyledSubTitle>\n        </StyledContent>\n        {showCloseButton && (\n          <StyledCloseButtonContainer>\n            <StyledCloseButton\n              data-testid=\"ds-mobile-banner-close-button\"\n              buttonType=\"link\"\n              onClick={closeButtonOnClick}\n              aria-label=\"Close Banner\"\n              icon={<CloseX width=\"12px\" height=\"12px\" />}\n              innerRef={closeRef}\n            />\n          </StyledCloseButtonContainer>\n        )}\n      </StyledInnerContainer>\n    </StyledBannerContainer>\n  );\n};\n\nDSMobileBanner.defaultProps = defaultProps;\nDSMobileBanner.propTypes = propTypes;\nconst DSMobileBannerWithSchema = describe(DSMobileBanner);\nDSMobileBannerWithSchema.propTypes = propTypes;\n\nexport { DSMobileBanner, DSMobileBannerWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MACqC;AACrC,QAAM,oBAAoB,OAA8B;AACxD,QAAM,WAAW,OAA8B;AAC/C,QAAM,CAAC,SAAS,cAAc,SAAkB;AAChD,QAAM,CAAC,aAAa,kBAAkB,SAAkB;AACxD,QAAM,CAAC,QAAQ,aAAa,SAAiB;AAE7C,YAAU,MAAM;AACd,QAAI,kBAAkB,SAAS;AAC7B,gBAAU,kBAAkB,QAAQ;AAAA;AAAA,KAErC,CAAC,aAAa;AAEjB,YAAU,MAAM;AACd,QAAI,eAAe,SAAS,WAAW,QAAQ;AAC7C,eAAS,SAAS;AAAA;AAAA,KAEnB,CAAC,aAAa;AAEjB,kBAAgB,MAAM;AACpB,QAAI,WAAW,WAAW;AAAQ,qBAAe;AAAA;AAC5C,qBAAe;AAAA,KACnB,CAAC,QAAQ;AAEZ,MAAI,CAAC,eAAe,CAAC;AAAQ,WAAO;AAEpC,SACE,qCAAC,uBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,gBAAgB,MAAM,WAAW;AAAA,IACjC;AAAA,OACI;AAAA,IACJ,eAAY;AAAA,IACZ,MAAK;AAAA,KAEL,qCAAC,sBAAD;AAAA,IAAsB;AAAA,IAAY;AAAA,IAAgB,KAAK;AAAA,IAAmB;AAAA,KACxE,qCAAC,qBAAD;AAAA,IAAqB,eAAY;AAAA,KAAyB,MAAM,QAChE,qCAAC,eAAD;AAAA,IAAe;AAAA,KACb,qCAAC,aAAD,MAAc,QACd,qCAAC,gBAAD,MACG,MACA,mBACC,qCAAC,kBAAD;AAAA,IAAkB,MAAM;AAAA,IAAgB,eAAY;AAAA,IAAwB,SAAS;AAAA,KAClF,oBAKR,mBACC,qCAAC,4BAAD,MACE,qCAAC,mBAAD;AAAA,IACE,eAAY;AAAA,IACZ,YAAW;AAAA,IACX,SAAS;AAAA,IACT,cAAW;AAAA,IACX,MAAM,qCAAC,QAAD;AAAA,MAAQ,OAAM;AAAA,MAAO,QAAO;AAAA;AAAA,IAClC,UAAU;AAAA;AAAA;AASxB,eAAe,eAAe;AAC9B,eAAe,YAAY;AAC3B,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/esm/MobileBanner/defaultProps.js

@@ -1,5 +1,5 @@
-import { MOBILE_BANNER_TYPES } from './utils/bannerTypes.js';
-
+import * as React from "react";
+import { MOBILE_BANNER_TYPES } from "./utils/bannerTypes";
 const defaultProps = {
   type: MOBILE_BANNER_TYPES.SUCCESS,
   isOpen: false,
@@ -7,11 +7,13 @@ const defaultProps = {
   actionLinkLabel: null,
   actionLinkHref: null,
   actionLinkOnClick: () => null,
-  label: '',
-  body: '',
+  label: "",
+  body: "",
   showCloseButton: true,
   containerProps: {},
   focusOnOpen: false
 };
-
-export { defaultProps };
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/esm/MobileBanner/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/defaultProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n\nexport const defaultProps = {\n  type: MOBILE_BANNER_TYPES.SUCCESS,\n  isOpen: false,\n  closeButtonOnClick: () => null,\n  actionLinkLabel: null,\n  actionLinkHref: null,\n  actionLinkOnClick: () => null,\n  label: '',\n  body: '',\n  showCloseButton: true,\n  containerProps: {},\n  focusOnOpen: false,\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe;AAAA,EAC1B,MAAM,oBAAoB;AAAA,EAC1B,QAAQ;AAAA,EACR,oBAAoB,MAAM;AAAA,EAC1B,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,mBAAmB,MAAM;AAAA,EACzB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,aAAa;AAAA;",
+  "names": []
+}

package/esm/MobileBanner/index.d.js

@@ -1 +1,2 @@
-
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

package/esm/MobileBanner/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/esm/MobileBanner/index.js

@@ -1,2 +1,9 @@
-export { DSMobileBanner, DSMobileBannerWithSchema } from './MobileBanner.js';
-export { MOBILE_BANNER_TYPES } from './utils/bannerTypes.js';
+import * as React from "react";
+import { DSMobileBanner, DSMobileBannerWithSchema } from "./MobileBanner";
+import { MOBILE_BANNER_TYPES } from "./utils/bannerTypes";
+export {
+  DSMobileBanner,
+  DSMobileBannerWithSchema,
+  MOBILE_BANNER_TYPES
+};
+//# sourceMappingURL=index.js.map

package/esm/MobileBanner/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DSMobileBanner, DSMobileBannerWithSchema } from './MobileBanner';\nexport { MOBILE_BANNER_TYPES } from './utils/bannerTypes';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/esm/MobileBanner/propTypes.js

@@ -1,17 +1,19 @@
-import { PropTypes } from 'react-desc';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
 const propTypes = {
-  type: PropTypes.oneOf(['info', 'success', 'warning', 'error']).description('Type of banner'),
-  isOpen: PropTypes.bool.description('Whether the banner is open or not'),
-  closeButtonOnClick: PropTypes.func.description('OnClick function used in the close button'),
-  actionLinkLabel: PropTypes.string.description('Label used in the the action link'),
-  actionLinkHref: PropTypes.string.description('Href used in the the action link'),
-  actionLinkOnClick: PropTypes.string.description('OnClick function used in the action link'),
-  label: PropTypes.string.description('Label text for the banner'),
-  body: PropTypes.string.description('Body text for the banner'),
-  showCloseButton: PropTypes.bool.description('Whether the close button should be visible or not'),
-  containerProps: PropTypes.shape({}).description('Set of properties attached to the banner container'),
+  type: PropTypes.oneOf(["info", "success", "warning", "error"]).description("Type of banner"),
+  isOpen: PropTypes.bool.description("Whether the banner is open or not"),
+  closeButtonOnClick: PropTypes.func.description("OnClick function used in the close button"),
+  actionLinkLabel: PropTypes.string.description("Label used in the the action link"),
+  actionLinkHref: PropTypes.string.description("Href used in the the action link"),
+  actionLinkOnClick: PropTypes.string.description("OnClick function used in the action link"),
+  label: PropTypes.string.description("Label text for the banner"),
+  body: PropTypes.string.description("Body text for the banner"),
+  showCloseButton: PropTypes.bool.description("Whether the close button should be visible or not"),
+  containerProps: PropTypes.shape({}).description("Set of properties attached to the banner container"),
   focusOnOpen: PropTypes.bool.description("Whether the banner should get focus when its openedWhether the banner should get focus when it's opened")
 };
-
-export { propTypes };
+export {
+  propTypes
+};
+//# sourceMappingURL=propTypes.js.map

package/esm/MobileBanner/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/MobileBanner/propTypes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  type: PropTypes.oneOf(['info', 'success', 'warning', 'error']).description('Type of banner'),\n  isOpen: PropTypes.bool.description('Whether the banner is open or not'),\n  closeButtonOnClick: PropTypes.func.description('OnClick function used in the close button'),\n  actionLinkLabel: PropTypes.string.description('Label used in the the action link'),\n  actionLinkHref: PropTypes.string.description('Href used in the the action link'),\n  actionLinkOnClick: PropTypes.string.description('OnClick function used in the action link'),\n  label: PropTypes.string.description('Label text for the banner'),\n  body: PropTypes.string.description('Body text for the banner'),\n  showCloseButton: PropTypes.bool.description('Whether the close button should be visible or not'),\n  containerProps: PropTypes.shape({}).description('Set of properties attached to the banner container'),\n  focusOnOpen: PropTypes.bool.description(\n    \"Whether the banner should get focus when its openedWhether the banner should get focus when it's opened\",\n  ),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,YAAY;AAAA,EACvB,MAAM,UAAU,MAAM,CAAC,QAAQ,WAAW,WAAW,UAAU,YAAY;AAAA,EAC3E,QAAQ,UAAU,KAAK,YAAY;AAAA,EACnC,oBAAoB,UAAU,KAAK,YAAY;AAAA,EAC/C,iBAAiB,UAAU,OAAO,YAAY;AAAA,EAC9C,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAC7C,mBAAmB,UAAU,OAAO,YAAY;AAAA,EAChD,OAAO,UAAU,OAAO,YAAY;AAAA,EACpC,MAAM,UAAU,OAAO,YAAY;AAAA,EACnC,iBAAiB,UAAU,KAAK,YAAY;AAAA,EAC5C,gBAAgB,UAAU,MAAM,IAAI,YAAY;AAAA,EAChD,aAAa,UAAU,KAAK,YAC1B;AAAA;",
+  "names": []
+}