@bigbinary/neetoui 6.5.9 → 6.5.11

package/dist/Typography.js

@@ -0,0 +1,142 @@
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _defineProperty } from './defineProperty-e5245270.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default from 'react';
+import { c as classnames } from './index-3659771d.js';
+import './toPropertyKey-bdc24cb9.js';
+
+var _excluded = ["style", "weight", "lineHeight", "component", "children", "textTransform", "className"];
+var FONT_WEIGHTS = {
+  thin: "thin",
+  extralight: "extralight",
+  light: "light",
+  normal: "normal",
+  medium: "medium",
+  semibold: "semibold",
+  bold: "bold",
+  extrabold: "extrabold",
+  black: "black"
+};
+var STYLES = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body1: "body1",
+  body2: "body2",
+  body3: "body3",
+  nano: "nano"
+};
+var LINE_HEIGHTS = {
+  none: "none",
+  tight: "tight",
+  snug: "snug",
+  normal: "normal",
+  relaxed: "relaxed",
+  loose: "loose"
+};
+var TEXT_TRANSFORM = {
+  none: "none",
+  capitalize: "capitalize",
+  uppercase: "uppercase",
+  lowercase: "lowercase",
+  fullwidth: "fullwidth",
+  inherit: "inherit",
+  initial: "initial",
+  revert: "revert",
+  unset: "unset"
+};
+var DEFAULT_COMPONENTS = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body1: "p",
+  body2: "p",
+  body3: "p",
+  nano: "span"
+};
+var COMPONENTS = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  p: "p",
+  span: "span",
+  b: "b",
+  strong: "strong",
+  i: "i",
+  em: "em",
+  mark: "mark",
+  del: "del",
+  s: "s",
+  ins: "ins",
+  sub: "sub",
+  sup: "sup",
+  u: "u",
+  code: "code",
+  blockquote: "blockquote"
+};
+var Typography = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
+  var _ref$style = _ref.style,
+    style = _ref$style === void 0 ? "body1" : _ref$style,
+    weight = _ref.weight,
+    lineHeight = _ref.lineHeight,
+    component = _ref.component,
+    children = _ref.children,
+    textTransform = _ref.textTransform,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var Component = component ? COMPONENTS[component] : style ? DEFAULT_COMPONENTS[style] : "p";
+  return /*#__PURE__*/React__default.createElement(Component, _extends({
+    ref: ref,
+    className: classnames(_defineProperty({
+      "neeto-ui-typography": true,
+      "neeto-ui-text-h1": style === STYLES.h1,
+      "neeto-ui-text-h2": style === STYLES.h2,
+      "neeto-ui-text-h3": style === STYLES.h3,
+      "neeto-ui-text-h4": style === STYLES.h4,
+      "neeto-ui-text-h5": style === STYLES.h5,
+      "neeto-ui-text-h6": style === STYLES.h6,
+      "neeto-ui-text-body1": style === STYLES.body1,
+      "neeto-ui-text-body2": style === STYLES.body2,
+      "neeto-ui-text-body3": style === STYLES.body3,
+      "neeto-ui-text-nano": style === STYLES.nano,
+      "neeto-ui-text-transform-none": textTransform === TEXT_TRANSFORM.none,
+      "neeto-ui-text-transform-capitalize": textTransform === TEXT_TRANSFORM.capitalize,
+      "neeto-ui-text-transform-uppercase": textTransform === TEXT_TRANSFORM.uppercase,
+      "neeto-ui-text-transform-lowercase": textTransform === TEXT_TRANSFORM.lowercase,
+      "neeto-ui-text-transform-fullwidth": textTransform === TEXT_TRANSFORM.fullwidth,
+      "neeto-ui-text-transform-inherit": textTransform === TEXT_TRANSFORM.inherit,
+      "neeto-ui-text-transform-initial": textTransform === TEXT_TRANSFORM.initial,
+      "neeto-ui-text-transform-revert": textTransform === TEXT_TRANSFORM.revert,
+      "neeto-ui-text-transform-unset": textTransform === TEXT_TRANSFORM.unset,
+      "neeto-ui-font-thin": weight === FONT_WEIGHTS.thin,
+      "neeto-ui-font-extralight": weight === FONT_WEIGHTS.extralight,
+      "neeto-ui-font-light": weight === FONT_WEIGHTS.light,
+      "neeto-ui-font-normal": weight === FONT_WEIGHTS.normal,
+      "neeto-ui-font-medium": weight === FONT_WEIGHTS.medium,
+      "neeto-ui-font-semibold": weight === FONT_WEIGHTS.semibold,
+      "neeto-ui-font-bold": weight === FONT_WEIGHTS.bold,
+      "neeto-ui-font-extrabold": weight === FONT_WEIGHTS.extrabold,
+      "neeto-ui-font-black": weight === FONT_WEIGHTS.black,
+      "neeto-ui-leading-none": lineHeight === LINE_HEIGHTS.none,
+      "neeto-ui-leading-tight": lineHeight === LINE_HEIGHTS.tight,
+      "neeto-ui-leading-snug": lineHeight === LINE_HEIGHTS.snug,
+      "neeto-ui-leading-normal": lineHeight === LINE_HEIGHTS.normal,
+      "neeto-ui-leading-relaxed": lineHeight === LINE_HEIGHTS.relaxed,
+      "neeto-ui-leading-loose": lineHeight === LINE_HEIGHTS.loose
+    }, className, className))
+  }, otherProps), children);
+});
+Typography.displayName = "Typography";
+
+export { Typography as default };
+//# sourceMappingURL=Typography.js.map

package/dist/Typography.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sources":["../src/components/Typography.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst FONT_WEIGHTS = {\n  thin: \"thin\",\n  extralight: \"extralight\",\n  light: \"light\",\n  normal: \"normal\",\n  medium: \"medium\",\n  semibold: \"semibold\",\n  bold: \"bold\",\n  extrabold: \"extrabold\",\n  black: \"black\",\n};\n\nconst STYLES = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"body1\",\n  body2: \"body2\",\n  body3: \"body3\",\n  nano: \"nano\",\n};\n\nconst LINE_HEIGHTS = {\n  none: \"none\",\n  tight: \"tight\",\n  snug: \"snug\",\n  normal: \"normal\",\n  relaxed: \"relaxed\",\n  loose: \"loose\",\n};\n\nconst TEXT_TRANSFORM = {\n  none: \"none\",\n  capitalize: \"capitalize\",\n  uppercase: \"uppercase\",\n  lowercase: \"lowercase\",\n  fullwidth: \"fullwidth\",\n  inherit: \"inherit\",\n  initial: \"initial\",\n  revert: \"revert\",\n  unset: \"unset\",\n};\n\nconst DEFAULT_COMPONENTS = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body1: \"p\",\n  body2: \"p\",\n  body3: \"p\",\n  nano: \"span\",\n};\n\nconst COMPONENTS = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  p: \"p\",\n  span: \"span\",\n  b: \"b\",\n  strong: \"strong\",\n  i: \"i\",\n  em: \"em\",\n  mark: \"mark\",\n  del: \"del\",\n  s: \"s\",\n  ins: \"ins\",\n  sub: \"sub\",\n  sup: \"sup\",\n  u: \"u\",\n  code: \"code\",\n  blockquote: \"blockquote\",\n};\n\nconst Typography = React.forwardRef(\n  (\n    {\n      style = \"body1\",\n      weight,\n      lineHeight,\n      component,\n      children,\n      textTransform,\n      className = \"\",\n      ...otherProps\n    },\n    ref\n  ) => {\n    const Component = component\n      ? COMPONENTS[component]\n      : style\n      ? DEFAULT_COMPONENTS[style]\n      : \"p\";\n\n    return (\n      <Component\n        ref={ref}\n        className={classnames({\n          \"neeto-ui-typography\": true,\n          \"neeto-ui-text-h1\": style === STYLES.h1,\n          \"neeto-ui-text-h2\": style === STYLES.h2,\n          \"neeto-ui-text-h3\": style === STYLES.h3,\n          \"neeto-ui-text-h4\": style === STYLES.h4,\n          \"neeto-ui-text-h5\": style === STYLES.h5,\n          \"neeto-ui-text-h6\": style === STYLES.h6,\n          \"neeto-ui-text-body1\": style === STYLES.body1,\n          \"neeto-ui-text-body2\": style === STYLES.body2,\n          \"neeto-ui-text-body3\": style === STYLES.body3,\n          \"neeto-ui-text-nano\": style === STYLES.nano,\n          \"neeto-ui-text-transform-none\": textTransform === TEXT_TRANSFORM.none,\n          \"neeto-ui-text-transform-capitalize\":\n            textTransform === TEXT_TRANSFORM.capitalize,\n          \"neeto-ui-text-transform-uppercase\":\n            textTransform === TEXT_TRANSFORM.uppercase,\n          \"neeto-ui-text-transform-lowercase\":\n            textTransform === TEXT_TRANSFORM.lowercase,\n          \"neeto-ui-text-transform-fullwidth\":\n            textTransform === TEXT_TRANSFORM.fullwidth,\n          \"neeto-ui-text-transform-inherit\":\n            textTransform === TEXT_TRANSFORM.inherit,\n          \"neeto-ui-text-transform-initial\":\n            textTransform === TEXT_TRANSFORM.initial,\n          \"neeto-ui-text-transform-revert\":\n            textTransform === TEXT_TRANSFORM.revert,\n          \"neeto-ui-text-transform-unset\":\n            textTransform === TEXT_TRANSFORM.unset,\n          \"neeto-ui-font-thin\": weight === FONT_WEIGHTS.thin,\n          \"neeto-ui-font-extralight\": weight === FONT_WEIGHTS.extralight,\n          \"neeto-ui-font-light\": weight === FONT_WEIGHTS.light,\n          \"neeto-ui-font-normal\": weight === FONT_WEIGHTS.normal,\n          \"neeto-ui-font-medium\": weight === FONT_WEIGHTS.medium,\n          \"neeto-ui-font-semibold\": weight === FONT_WEIGHTS.semibold,\n          \"neeto-ui-font-bold\": weight === FONT_WEIGHTS.bold,\n          \"neeto-ui-font-extrabold\": weight === FONT_WEIGHTS.extrabold,\n          \"neeto-ui-font-black\": weight === FONT_WEIGHTS.black,\n          \"neeto-ui-leading-none\": lineHeight === LINE_HEIGHTS.none,\n          \"neeto-ui-leading-tight\": lineHeight === LINE_HEIGHTS.tight,\n          \"neeto-ui-leading-snug\": lineHeight === LINE_HEIGHTS.snug,\n          \"neeto-ui-leading-normal\": lineHeight === LINE_HEIGHTS.normal,\n          \"neeto-ui-leading-relaxed\": lineHeight === LINE_HEIGHTS.relaxed,\n          \"neeto-ui-leading-loose\": lineHeight === LINE_HEIGHTS.loose,\n          [className]: className,\n        })}\n        {...otherProps}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\n\nTypography.displayName = \"Typography\";\n\nTypography.propTypes = {\n  style: PropTypes.oneOf(Object.values(STYLES)),\n  weight: PropTypes.oneOf(Object.values(FONT_WEIGHTS)),\n  component: PropTypes.oneOf(Object.values(COMPONENTS)),\n  textTransform: PropTypes.oneOf(Object.values(TEXT_TRANSFORM)),\n  lineHeight: PropTypes.oneOf(Object.values(LINE_HEIGHTS)),\n  otherProps: PropTypes.object,\n};\n\nexport default Typography;\n"],"names":["FONT_WEIGHTS","thin","extralight","light","normal","medium","semibold","bold","extrabold","black","STYLES","h1","h2","h3","h4","h5","h6","body1","body2","body3","nano","LINE_HEIGHTS","none","tight","snug","relaxed","loose","TEXT_TRANSFORM","capitalize","uppercase","lowercase","fullwidth","inherit","initial","revert","unset","DEFAULT_COMPONENTS","COMPONENTS","p","span","b","strong","i","em","mark","del","s","ins","sub","sup","u","code","blockquote","Typography","React","forwardRef","_ref","ref","_ref$style","style","weight","lineHeight","component","children","textTransform","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","Component","createElement","_extends","classnames","_defineProperty","displayName"],"mappings":"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"}

package/dist/_commonjsHelpers-ced4e05c.js

@@ -0,0 +1,29 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getAugmentedNamespace(n) {
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function () {
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { getAugmentedNamespace as a, commonjsGlobal as c, getDefaultExportFromCjs as g };
+//# sourceMappingURL=_commonjsHelpers-ced4e05c.js.map

package/dist/_commonjsHelpers-ced4e05c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_commonjsHelpers-ced4e05c.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/Accordion.js

@@ -0,0 +1,158 @@
+'use strict';
+
+var defineProperty = require('./defineProperty-ee86604b.js');
+var slicedToArray = require('./slicedToArray-732a2048.js');
+var React = require('react');
+var index$1 = require('./index-302c3d37.js');
+var ramda = require('ramda');
+var _extends = require('./extends-1b35a664.js');
+var neetoIcons = require('@bigbinary/neeto-icons');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var index = require('./index-1ad9d2c1.js');
+require('./toPropertyKey-bfa2e465.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["open", "children", "className"];
+var Collapse = function Collapse(_ref) {
+  var _ref$open = _ref.open,
+    open = _ref$open === void 0 ? false : _ref$open,
+    children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(index.AnimatePresence, null, open && /*#__PURE__*/React__default["default"].createElement(index.motion.div, _extends._extends({
+    animate: {
+      opacity: 1,
+      height: "auto"
+    },
+    exit: {
+      opacity: 0,
+      height: 0
+    },
+    initial: {
+      opacity: 0,
+      height: 0,
+      overflow: "hidden"
+    },
+    transition: {
+      duration: 0.3
+    }
+  }, otherProps), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: className
+  }, children)));
+};
+
+var Item = function Item(_ref) {
+  var id = _ref.id,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$titleProps = _ref.titleProps,
+    titleProps = _ref$titleProps === void 0 ? {} : _ref$titleProps,
+    _ref$iconProps = _ref.iconProps,
+    iconProps = _ref$iconProps === void 0 ? {} : _ref$iconProps;
+  var onKeyDown = function onKeyDown(e) {
+    switch (e.key) {
+      case " ":
+      case "Enter":
+        onClick();
+        break;
+    }
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index$1.classnames("neeto-ui-accordion__wrapper", defineProperty._defineProperty({}, className, className))
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: onClick,
+    onKeyDown: onKeyDown,
+    "aria-controls": "neeto-ui-accordion-section-".concat(id),
+    "aria-disabled": isOpen,
+    "aria-expanded": isOpen,
+    id: "neeto-ui-accordion-item-".concat(id),
+    role: "button",
+    tabIndex: 0,
+    className: index$1.classnames("neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center", {
+      "neeto-ui-accordion__item--open": isOpen
+    })
+  }, /*#__PURE__*/React__default["default"].createElement("div", _extends._extends({}, titleProps, {
+    className: "neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words"
+  }), title), /*#__PURE__*/React__default["default"].createElement(index.motion.div, {
+    animate: isOpen ? "open" : "collapsed",
+    className: "neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0",
+    transition: {
+      duration: 0.3
+    },
+    variants: {
+      open: {
+        rotate: 90
+      },
+      collapsed: {
+        rotate: 0
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, _extends._extends({
+    size: 16
+  }, iconProps)))), /*#__PURE__*/React__default["default"].createElement(Collapse, {
+    "aria-labelledby": "neeto-ui-accordion-item-".concat(id),
+    className: "neeto-ui-accordion__drop",
+    id: "neeto-ui-accordion-section-".concat(id),
+    open: isOpen,
+    role: "region"
+  }, children));
+};
+Item.displayName = "Accordion.Item";
+
+var ACCORDION_STYLES = {
+  primary: "primary",
+  secondary: "secondary"
+};
+var Accordion = function Accordion(_ref) {
+  var children = _ref.children,
+    _ref$defaultActiveKey = _ref.defaultActiveKey,
+    defaultActiveKey = _ref$defaultActiveKey === void 0 ? null : _ref$defaultActiveKey,
+    _ref$padded = _ref.padded,
+    padded = _ref$padded === void 0 ? false : _ref$padded,
+    _ref$style = _ref.style,
+    style = _ref$style === void 0 ? ACCORDION_STYLES.primary : _ref$style,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className;
+  var _useState = React.useState(defaultActiveKey),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    openTab = _useState2[0],
+    setOpenTab = _useState2[1];
+  React.useEffect(function () {
+    setOpenTab(defaultActiveKey);
+  }, [defaultActiveKey]);
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index$1.classnames("neeto-ui-accordions-outer-wrapper", defineProperty._defineProperty({
+      "neeto-ui-accordions-outer-wrapper--padded": padded,
+      "neeto-ui-accordions-outer-wrapper--secondary": style === ACCORDION_STYLES.secondary
+    }, className, className))
+  }, React__default["default"].Children.map(children, function (child, index) {
+    var isSingleOrLastChild = ramda.isEmpty(children) || index === children.length - 1;
+    return /*#__PURE__*/React__default["default"].cloneElement(child, {
+      id: index,
+      key: index,
+      isOpen: openTab === index,
+      className: index$1.classnames(child.props.className, {
+        "neeto-ui-accordion__wrapper--last-item": isSingleOrLastChild
+      }),
+      onClick: function onClick() {
+        setOpenTab(openTab === index ? null : index);
+        child.props.onClick && child.props.onClick();
+      }
+    });
+  }));
+};
+Accordion.Item = Item;
+
+module.exports = Accordion;
+//# sourceMappingURL=Accordion.js.map

package/dist/cjs/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../src/components/Accordion/Collapse.jsx","../../src/components/Accordion/Item.jsx","../../src/components/Accordion/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { AnimatePresence, motion } from \"framer-motion\";\n\nconst Collapse = ({\n  open = false,\n  children,\n  className = \"\",\n  ...otherProps\n}) => (\n  <AnimatePresence>\n    {open && (\n      <motion.div\n        animate={{ opacity: 1, height: \"auto\" }}\n        exit={{ opacity: 0, height: 0 }}\n        initial={{ opacity: 0, height: 0, overflow: \"hidden\" }}\n        transition={{ duration: 0.3 }}\n        {...otherProps}\n      >\n        <div className={className}>{children}</div>\n      </motion.div>\n    )}\n  </AnimatePresence>\n);\n\nexport default Collapse;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport { motion } from \"framer-motion\";\nimport { Right } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport Collapse from \"./Collapse\";\n\nconst Item = ({\n  id,\n  title = \"\",\n  isOpen = false,\n  onClick = () => {},\n  children,\n  className = \"\",\n  titleProps = {},\n  iconProps = {},\n}) => {\n  const onKeyDown = e => {\n    switch (e.key) {\n      case \" \":\n      case \"Enter\":\n        onClick();\n        break;\n      default:\n    }\n  };\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-accordion__wrapper\", {\n        [className]: className,\n      })}\n    >\n      <div\n        {...{ onClick, onKeyDown }}\n        aria-controls={`neeto-ui-accordion-section-${id}`}\n        aria-disabled={isOpen}\n        aria-expanded={isOpen}\n        id={`neeto-ui-accordion-item-${id}`}\n        role=\"button\"\n        tabIndex={0}\n        className={classnames(\n          \"neeto-ui-accordion__item neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center\",\n          { \"neeto-ui-accordion__item--open\": isOpen }\n        )}\n      >\n        <div\n          {...titleProps}\n          className=\"neeto-ui-accordion__item-handle neeto-ui-flex neeto-ui-flex-grow neeto-ui-items-center neeto-ui-break-words\"\n        >\n          {title}\n        </div>\n        <motion.div\n          animate={isOpen ? \"open\" : \"collapsed\"}\n          className=\"neeto-ui-accordion__item-toggle-icon neeto-ui-flex-grow-0\"\n          transition={{ duration: 0.3 }}\n          variants={{ open: { rotate: 90 }, collapsed: { rotate: 0 } }}\n        >\n          <Right size={16} {...iconProps} />\n        </motion.div>\n      </div>\n      <Collapse\n        aria-labelledby={`neeto-ui-accordion-item-${id}`}\n        className=\"neeto-ui-accordion__drop\"\n        id={`neeto-ui-accordion-section-${id}`}\n        open={isOpen}\n        role=\"region\"\n      >\n        {children}\n      </Collapse>\n    </div>\n  );\n};\n\nItem.displayName = \"Accordion.Item\";\n\nItem.propTypes = {\n  /**\n   * To specify a unique ID to the AccordionItem.\n   */\n  id: PropTypes.number,\n  /**\n   * To add title to the AccordionItem.\n   */\n  title: PropTypes.string,\n  /**\n   * To specify whether the Accordion item is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the AccordionItem.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the content to be rendered inside the AccordionItem.\n   */\n  children: PropTypes.node,\n  /**\n   * To pass props to Accordion title.\n   */\n  titleProps: PropTypes.object,\n  /**\n   * To pass props to Accordion toggle icon.\n   */\n  iconProps: PropTypes.object,\n  /**\n   * To provide external classnames to Accordion item.\n   */\n  className: PropTypes.string,\n};\n\nexport default Item;\n","import React, { useState, useEffect } from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { isEmpty } from \"ramda\";\n\nimport Item from \"./Item\";\n\nconst ACCORDION_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n};\n\nconst Accordion = ({\n  children,\n  defaultActiveKey = null,\n  padded = false,\n  style = ACCORDION_STYLES.primary,\n  className = \"\",\n}) => {\n  const [openTab, setOpenTab] = useState(defaultActiveKey);\n\n  useEffect(() => {\n    setOpenTab(defaultActiveKey);\n  }, [defaultActiveKey]);\n\n  return (\n    <div\n      className={classnames(\"neeto-ui-accordions-outer-wrapper\", {\n        \"neeto-ui-accordions-outer-wrapper--padded\": padded,\n        \"neeto-ui-accordions-outer-wrapper--secondary\":\n          style === ACCORDION_STYLES.secondary,\n        [className]: className,\n      })}\n    >\n      {React.Children.map(children, (child, index) => {\n        const isSingleOrLastChild =\n          isEmpty(children) || index === children.length - 1;\n\n        return React.cloneElement(child, {\n          id: index,\n          key: index,\n          isOpen: openTab === index,\n          className: classnames(child.props.className, {\n            \"neeto-ui-accordion__wrapper--last-item\": isSingleOrLastChild,\n          }),\n          onClick: () => {\n            setOpenTab(openTab === index ? null : index);\n            child.props.onClick && child.props.onClick();\n          },\n        });\n      })}\n    </div>\n  );\n};\n\nAccordion.propTypes = {\n  /**\n   * To specify the content to be rendered inside the Accordion.\n   */\n  children: PropTypes.node,\n  /**\n   * To set the style of the Accordion.\n   */\n  style: PropTypes.oneOf(Object.values(ACCORDION_STYLES)),\n  /**\n   * To add padding to the Accordion container.\n   */\n  padded: PropTypes.bool,\n  /**\n   * Index of the Accordion item to be opened initially.\n   */\n  defaultActiveKey: PropTypes.number,\n  /**\n   * To provide external classnames to Accordion container.\n   */\n  className: PropTypes.string,\n};\n\nAccordion.Item = Item;\n\nexport default Accordion;\n"],"names":["Collapse","_ref","_ref$open","open","children","_ref$className","className","otherProps","_objectWithoutProperties","_excluded","React","createElement","AnimatePresence","motion","div","_extends","animate","opacity","height","exit","initial","overflow","transition","duration","Item","id","_ref$title","title","_ref$isOpen","isOpen","_ref$onClick","onClick","_ref$titleProps","titleProps","_ref$iconProps","iconProps","onKeyDown","e","key","classnames","_defineProperty","concat","role","tabIndex","variants","rotate","collapsed","Right","size","displayName","ACCORDION_STYLES","primary","secondary","Accordion","_ref$defaultActiveKey","defaultActiveKey","_ref$padded","padded","_ref$style","style","_useState","useState","_useState2","_slicedToArray","openTab","setOpenTab","useEffect","Children","map","child","index","isSingleOrLastChild","isEmpty","length","cloneElement","props"],"mappings":"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"}

package/dist/cjs/ActionDropdown.js

@@ -0,0 +1,81 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var objectWithoutProperties = require('./objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var index = require('./index-302c3d37.js');
+var index$1 = require('./index-68589e5c.js');
+var Button = require('./Button.js');
+var Dropdown = require('./Dropdown.js');
+require('./slicedToArray-732a2048.js');
+require('./createClass-80e17c6a.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+require('ramda');
+require('./defineProperty-ee86604b.js');
+require('react-router-dom');
+require('./index-1ad9d2c1.js');
+require('./index-0e68cfff.js');
+require('react-dom');
+require('@bigbinary/neeto-icons');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["style", "size"];
+var BTN_STYLES = {
+  primary: "primary",
+  secondary: "secondary"
+};
+var BTN_SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var ActionDropdown = function ActionDropdown(_ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$buttonStyle = _ref.buttonStyle,
+    buttonStyle = _ref$buttonStyle === void 0 ? BTN_STYLES.primary : _ref$buttonStyle,
+    _ref$buttonSize = _ref.buttonSize,
+    buttonSize = _ref$buttonSize === void 0 ? BTN_SIZES.medium : _ref$buttonSize,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? index$1.noop : _ref$onClick,
+    _ref$buttonProps = _ref.buttonProps,
+    _ref$buttonProps2 = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
+    style = _ref$buttonProps2.style,
+    size = _ref$buttonProps2.size,
+    buttonProps = objectWithoutProperties._objectWithoutProperties(_ref$buttonProps2, _excluded),
+    _ref$dropdownProps = _ref.dropdownProps,
+    dropdownProps = _ref$dropdownProps === void 0 ? {} : _ref$dropdownProps,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: index.classnames(["neeto-ui-action-dropdown", className])
+  }, /*#__PURE__*/React__default["default"].createElement(Button, _extends._extends({
+    "data-testid": "action-dropdown-btn",
+    disabled: disabled,
+    label: label,
+    size: size !== null && size !== void 0 ? size : buttonSize,
+    style: style !== null && style !== void 0 ? style : buttonStyle,
+    onClick: onClick
+  }, buttonProps)), /*#__PURE__*/React__default["default"].createElement(Dropdown, _extends._extends({
+    buttonProps: {
+      size: size !== null && size !== void 0 ? size : buttonSize
+    },
+    buttonStyle: style !== null && style !== void 0 ? style : buttonStyle,
+    disabled: disabled
+  }, dropdownProps), children));
+};
+ActionDropdown.Menu = Dropdown.Menu;
+ActionDropdown.MenuItem = Dropdown.MenuItem;
+ActionDropdown.Divider = Dropdown.Divider;
+
+module.exports = ActionDropdown;
+//# sourceMappingURL=ActionDropdown.js.map

package/dist/cjs/ActionDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionDropdown.js","sources":["../../src/components/ActionDropdown.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport { noop } from \"utils\";\n\nimport Button from \"./Button\";\nimport Dropdown from \"./Dropdown\";\n\nconst BTN_STYLES = {\n  primary: \"primary\",\n  secondary: \"secondary\",\n};\n\nconst BTN_SIZES = {\n  small: \"small\",\n  medium: \"medium\",\n  large: \"large\",\n};\n\nconst ActionDropdown = ({\n  label = \"\",\n  buttonStyle = BTN_STYLES.primary,\n  buttonSize = BTN_SIZES.medium,\n  disabled = false,\n  onClick = noop,\n  buttonProps: { style, size, ...buttonProps } = {},\n  dropdownProps = {},\n  className = \"\",\n  children,\n}) => (\n  <div className={classnames([\"neeto-ui-action-dropdown\", className])}>\n    <Button\n      data-testid=\"action-dropdown-btn\"\n      disabled={disabled}\n      label={label}\n      size={size ?? buttonSize}\n      style={style ?? buttonStyle}\n      onClick={onClick}\n      {...buttonProps}\n    />\n    <Dropdown\n      buttonProps={{ size: size ?? buttonSize }}\n      buttonStyle={style ?? buttonStyle}\n      disabled={disabled}\n      {...dropdownProps}\n    >\n      {children}\n    </Dropdown>\n  </div>\n);\n\nActionDropdown.Menu = Dropdown.Menu;\nActionDropdown.MenuItem = Dropdown.MenuItem;\nActionDropdown.Divider = Dropdown.Divider;\n\nActionDropdown.propTypes = {\n  /**\n   * To specify the text to be displayed inside the button.\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the style of the button to be rendered as the ActionDropdown target.\n   */\n  buttonStyle: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * To specify the size of the ActionDropdown.\n   */\n  buttonSize: PropTypes.oneOf(Object.values(BTN_SIZES)),\n  /**\n   * To specify whether the ActionDropdown is disabled or not.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * To specify the action to be triggered on click of the button.\n   */\n  onClick: PropTypes.func,\n  /**\n   * To specify the props to be passed to the action button and Dropdown target button.\n   */\n  buttonProps: PropTypes.object,\n  /**\n   * To specify the props to be passed to the Dropdown target.\n   */\n  dropdownProps: PropTypes.object,\n  /**\n   * To provide external classnames to ActionDropdown target wrapper.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the content to be rendered inside the Dropdown.\n   */\n  children: PropTypes.node,\n  /**\n   * * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonStyle` prop instead._\n   */\n  style: PropTypes.oneOf(Object.values(BTN_STYLES)),\n  /**\n   * <div class=\"neeto-ui-tag neeto-ui-tag--size-small neeto-ui-tag--style-outline neeto-ui-tag--style-danger mb-2\">\n   * Removed\n   * </div>\n   * _Use `buttonSize` prop instead._\n   */\n  size: PropTypes.oneOf(Object.values(BTN_SIZES)),\n};\n\nexport default ActionDropdown;\n"],"names":["BTN_STYLES","primary","secondary","BTN_SIZES","small","medium","large","ActionDropdown","_ref","_ref$label","label","_ref$buttonStyle","buttonStyle","_ref$buttonSize","buttonSize","_ref$disabled","disabled","_ref$onClick","onClick","noop","_ref$buttonProps","buttonProps","_ref$buttonProps2","style","size","_objectWithoutProperties","_excluded","_ref$dropdownProps","dropdownProps","_ref$className","className","children","React","createElement","classnames","Button","_extends","Dropdown","Menu","MenuItem","Divider"],"mappings":"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"}

package/dist/cjs/Alert.js

@@ -0,0 +1,118 @@
+'use strict';
+
+var _extends = require('./extends-1b35a664.js');
+var React = require('react');
+var Button = require('./Button.js');
+var Modal = require('./Modal.js');
+var Typography = require('./Typography.js');
+require('./defineProperty-ee86604b.js');
+require('./toPropertyKey-bfa2e465.js');
+require('./objectWithoutProperties-2fed2d7d.js');
+require('./index-302c3d37.js');
+require('react-router-dom');
+require('./index-1ad9d2c1.js');
+require('./index-0e68cfff.js');
+require('./slicedToArray-732a2048.js');
+require('react-dom');
+require('@bigbinary/neeto-icons');
+require('./useOverlayManager-b8f5f220.js');
+require('./index-63580e68.js');
+require('ramda');
+require('./index-a8cc581e.js');
+require('./overlayManager.js');
+require('./createClass-80e17c6a.js');
+require('./index-68589e5c.js');
+require('./_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SIZES = {
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+var FOCUSABLE_ELEMENTS = {
+  submit: "submit",
+  cancel: "cancel"
+};
+var Alert = function Alert(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES.medium : _ref$size,
+    _ref$isOpen = _ref.isOpen,
+    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
+    _ref$isSubmitting = _ref.isSubmitting,
+    isSubmitting = _ref$isSubmitting === void 0 ? false : _ref$isSubmitting,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$closeOnEsc = _ref.closeOnEsc,
+    closeOnEsc = _ref$closeOnEsc === void 0 ? true : _ref$closeOnEsc,
+    _ref$closeButton = _ref.closeButton,
+    closeButton = _ref$closeButton === void 0 ? true : _ref$closeButton,
+    _ref$backdropClassNam = _ref.backdropClassName,
+    backdropClassName = _ref$backdropClassNam === void 0 ? "" : _ref$backdropClassNam,
+    _ref$closeOnOutsideCl = _ref.closeOnOutsideClick,
+    closeOnOutsideClick = _ref$closeOnOutsideCl === void 0 ? true : _ref$closeOnOutsideCl,
+    _ref$onClose = _ref.onClose,
+    onClose = _ref$onClose === void 0 ? function () {} : _ref$onClose,
+    _ref$onSubmit = _ref.onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? function () {} : _ref$onSubmit,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? "" : _ref$title,
+    _ref$message = _ref.message,
+    message = _ref$message === void 0 ? "" : _ref$message,
+    _ref$submitButtonLabe = _ref.submitButtonLabel,
+    submitButtonLabel = _ref$submitButtonLabe === void 0 ? "Continue" : _ref$submitButtonLabe,
+    _ref$cancelButtonLabe = _ref.cancelButtonLabel,
+    cancelButtonLabel = _ref$cancelButtonLabe === void 0 ? "Cancel" : _ref$cancelButtonLabe,
+    initialFocusRef = _ref.initialFocusRef,
+    initialFocusElement = _ref.initialFocusElement,
+    _ref$hideCancelButton = _ref.hideCancelButton,
+    hideCancelButton = _ref$hideCancelButton === void 0 ? false : _ref$hideCancelButton;
+  var submitButtonRef = React.useRef(null);
+  var cancelButtonRef = React.useRef(null);
+  var hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;
+  var initialFocusElementRef = initialFocusElement === FOCUSABLE_ELEMENTS.submit ? submitButtonRef : cancelButtonRef;
+  return /*#__PURE__*/React__default["default"].createElement(Modal, _extends._extends({
+    backdropClassName: backdropClassName,
+    className: className,
+    closeButton: closeButton,
+    closeOnEsc: closeOnEsc,
+    closeOnOutsideClick: closeOnOutsideClick,
+    isOpen: isOpen,
+    onClose: onClose,
+    size: size,
+    "data-cy": "alert-box"
+  }, hasCustomFocusableElement && {
+    initialFocusRef: initialFocusRef || initialFocusElementRef
+  }), /*#__PURE__*/React__default["default"].createElement(Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(Typography, {
+    "data-cy": "alert-title",
+    style: "h2"
+  }, title)), /*#__PURE__*/React__default["default"].createElement(Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(Typography, {
+    "data-cy": "alert-message",
+    lineHeight: "normal",
+    style: "body2"
+  }, message)), /*#__PURE__*/React__default["default"].createElement(Modal.Footer, {
+    className: "neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center"
+  }, /*#__PURE__*/React__default["default"].createElement(Button, {
+    "data-cy": "alert-submit-button",
+    disabled: !isOpen,
+    label: submitButtonLabel,
+    loading: isSubmitting,
+    ref: submitButtonRef,
+    style: "danger",
+    onClick: onSubmit
+  }), !hideCancelButton && /*#__PURE__*/React__default["default"].createElement(Button, {
+    "data-cy": "alert-cancel-button",
+    label: cancelButtonLabel,
+    ref: cancelButtonRef,
+    style: "text",
+    onClick: onClose
+  })));
+};
+
+module.exports = Alert;
+//# sourceMappingURL=Alert.js.map

package/dist/cjs/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n      }}\n      data-cy=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-items-center\">\n        <Button\n          data-cy=\"alert-submit-button\"\n          disabled={!isOpen}\n          label={submitButtonLabel}\n          loading={isSubmitting}\n          ref={submitButtonRef}\n          style=\"danger\"\n          onClick={onSubmit}\n        />\n        {!hideCancelButton && (\n          <Button\n            data-cy=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"text\"\n            onClick={onClose}\n          />\n        )}\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nAlert.propTypes = {\n  /**\n   * To specify the size of the Alert.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Alert is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Alert is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the callback which will be invoked when the Alert is submitted.\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * To provide title to the Alert.\n   */\n  title: PropTypes.string,\n  /**\n   * To provide description to the Alert.\n   */\n  message: PropTypes.node,\n  /**\n   * To add loading state to submit button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To provide external classNames to the Alert.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Alert on pressing the `Esc` key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Alert should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To provide label to the submit button.\n   */\n  submitButtonLabel: PropTypes.string,\n  /**\n   * To provide label to the cancel button.\n   */\n  cancelButtonLabel: PropTypes.string,\n  /**\n   * To add custom classes to Backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Alert content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To specify the ref of the element which will receive focus when the Alert is opened.\n   * If not specified, the focus will be set to the submit button inside the Alert.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * To specify the element which will receive focus when the Alert is opened.\n   */\n  initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n  /**\n   * To hide the cancel button\n   */\n  hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","disabled","label","loading","ref","onClick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAMA,KAAK,GAAG;AAAEC,EAAAA,KAAK,EAAE,OAAO;AAAEC,EAAAA,MAAM,EAAE,QAAQ;AAAEC,EAAAA,KAAK,EAAE,OAAA;AAAQ,CAAC,CAAA;AAElE,IAAMC,kBAAkB,GAAG;AAAEC,EAAAA,MAAM,EAAE,QAAQ;AAAEC,EAAAA,MAAM,EAAE,QAAA;AAAS,CAAC,CAAA;AAEjE,IAAMC,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAkBL;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAjBJE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,KAAA,CAAA,GAAGT,KAAK,CAACE,MAAM,GAAAO,SAAA;IAAAE,WAAA,GAAAH,IAAA,CACnBI,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,WAAA;IAAAE,iBAAA,GAAAL,IAAA,CACdM,YAAY;AAAZA,IAAAA,YAAY,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;IAAAE,cAAA,GAAAP,IAAA,CACpBQ,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;IAAAE,eAAA,GAAAT,IAAA,CACdU,UAAU;AAAVA,IAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;IAAAE,gBAAA,GAAAX,IAAA,CACjBY,WAAW;AAAXA,IAAAA,WAAW,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,gBAAA;IAAAE,qBAAA,GAAAb,IAAA,CAClBc,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAAAf,IAAA,CACtBgB,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,qBAAA;IAAAE,YAAA,GAAAjB,IAAA,CAC1BkB,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,KAAA,CAAA,GAAG,YAAM,EAAE,GAAAA,YAAA;IAAAE,aAAA,GAAAnB,IAAA,CAClBoB,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,KAAA,CAAA,GAAG,YAAM,EAAE,GAAAA,aAAA;IAAAE,UAAA,GAAArB,IAAA,CACnBsB,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,UAAA;IAAAE,YAAA,GAAAvB,IAAA,CACVwB,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IAAAE,qBAAA,GAAAzB,IAAA,CACZ0B,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,qBAAA;IAAAE,qBAAA,GAAA3B,IAAA,CAC9B4B,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;IAC5BE,eAAe,GAAA7B,IAAA,CAAf6B,eAAe;IACfC,mBAAmB,GAAA9B,IAAA,CAAnB8B,mBAAmB;IAAAC,qBAAA,GAAA/B,IAAA,CACnBgC,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,qBAAA,CAAA;AAExB,EAAA,IAAME,eAAe,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;AACpC,EAAA,IAAMC,eAAe,GAAGD,YAAM,CAAC,IAAI,CAAC,CAAA;AAEpC,EAAA,IAAME,yBAAyB,GAAG,CAAC,CAACP,eAAe,IAAIC,mBAAmB,CAAA;EAC1E,IAAMO,sBAAsB,GAC1BP,mBAAmB,KAAKlC,kBAAkB,CAACC,MAAM,GAC7CoC,eAAe,GACfE,eAAe,CAAA;AAErB,EAAA,oBACEG,yBAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,iBAAA,CAAA;AAEF3B,IAAAA,iBAAiB,EAAjBA,iBAAiB;AACjBN,IAAAA,SAAS,EAATA,SAAS;AACTI,IAAAA,WAAW,EAAXA,WAAW;AACXF,IAAAA,UAAU,EAAVA,UAAU;AACVM,IAAAA,mBAAmB,EAAnBA,mBAAmB;AACnBZ,IAAAA,MAAM,EAANA,MAAM;AACNc,IAAAA,OAAO,EAAPA,OAAO;AACPhB,IAAAA,IAAI,EAAJA,IAAI;IAEN,SAAQ,EAAA,WAAA;AAAW,GAAA,EACdkC,yBAAyB,IAAI;IAChCP,eAAe,EAAEA,eAAe,IAAIQ,sBAAAA;AACtC,GAAC,CAEDC,eAAAA,yBAAA,CAAAC,aAAA,CAACC,KAAK,CAACE,MAAM,EACXJ,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAACI,UAAU,EAAA;AAAC,IAAA,SAAA,EAAQ,aAAa;AAACC,IAAAA,KAAK,EAAC,IAAA;AAAI,GAAA,EACzCtB,KAAK,CACK,CACA,eACfgB,yBAAA,CAAAC,aAAA,CAACC,KAAK,CAACK,IAAI,EACTP,IAAAA,eAAAA,yBAAA,CAAAC,aAAA,CAACI,UAAU,EAAA;AAAC,IAAA,SAAA,EAAQ,eAAe;AAACG,IAAAA,UAAU,EAAC,QAAQ;AAACF,IAAAA,KAAK,EAAC,OAAA;GAC3DpB,EAAAA,OAAO,CACG,CACF,eACbc,yBAAA,CAAAC,aAAA,CAACC,KAAK,CAACO,MAAM,EAAA;AAACvC,IAAAA,SAAS,EAAC,oDAAA;AAAoD,GAAA,eAC1E8B,yBAAA,CAAAC,aAAA,CAACS,MAAM,EAAA;AACL,IAAA,SAAA,EAAQ,qBAAqB;IAC7BC,QAAQ,EAAE,CAAC7C,MAAO;AAClB8C,IAAAA,KAAK,EAAExB,iBAAkB;AACzByB,IAAAA,OAAO,EAAE7C,YAAa;AACtB8C,IAAAA,GAAG,EAAEnB,eAAgB;AACrBW,IAAAA,KAAK,EAAC,QAAQ;AACdS,IAAAA,OAAO,EAAEjC,QAAAA;GACT,CAAA,EACD,CAACY,gBAAgB,iBAChBM,yBAAA,CAAAC,aAAA,CAACS,MAAM,EAAA;AACL,IAAA,SAAA,EAAQ,qBAAqB;AAC7BE,IAAAA,KAAK,EAAEtB,iBAAkB;AACzBwB,IAAAA,GAAG,EAAEjB,eAAgB;AACrBS,IAAAA,KAAK,EAAC,MAAM;AACZS,IAAAA,OAAO,EAAEnC,OAAAA;AAAQ,GAAA,CAEpB,CACY,CACT,CAAA;AAEZ;;;;"}