@elliemae/ds-modal 2.2.0-next.6 → 2.3.0-alpha.1

package/cjs/v1/DSModalWrapper.js

@@ -1,149 +1,113 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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 constants = require('../constants.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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; }
-var DSModalWrapper = (WrappedComponent => {
-  class DSModalWrapper extends react.Component {
+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 DSModalWrapper_exports = {};
+__export(DSModalWrapper_exports, {
+  default: () => DSModalWrapper_default
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_constants = require("../constants");
+var DSModalWrapper_default = (WrappedComponent) => {
+  class DSModalWrapper extends import_react.Component {
     constructor() {
       super(...arguments);
       this.state = {
         childready: false,
-        additionalFooterCssClass: 'loading',
+        additionalFooterCssClass: "loading",
         container: null,
         actions: null,
-        height: '100%'
+        height: "100%"
       };
-
-      this.onHeaderHeight = e => {
+      this.onHeaderHeight = (e) => {
         this.heightHeaderFlag = true;
         this.heightHeader = e.height || 0;
       };
-
-      this.onFooterHeight = e => {
+      this.onFooterHeight = (e) => {
         this.heightFooterFlag = true;
         this.heightFooter = e.height || 0;
       };
-
-      this.onResize = _ref => {
-        let {
-          bounds
-        } = _ref;
-
+      this.onResize = ({ bounds }) => {
         if (this.heightFooterFlag && this.heightHeaderFlag) {
           return this.setState({
             height: bounds.height - this.heightFooter - this.heightHeader
           });
         }
-
-        return setTimeout(this.onResize({
-          bounds
-        }), 0);
+        return setTimeout(this.onResize({ bounds }), 0);
       };
-
-      this.handleContainer = node => {
-        if (node) this.setState({
-          container: node
-        });
+      this.handleContainer = (node) => {
+        if (node)
+          this.setState({ container: node });
         this.handleResize();
       };
-
-      this.handleActions = node => {
-        if (node) this.setState({
-          actions: node
-        });
+      this.handleActions = (node) => {
+        if (node)
+          this.setState({ actions: node });
         this.handleResize();
       };
     }
-
     componentDidMount() {
-      window.addEventListener('resize', this.handleResize);
+      window.addEventListener("resize", this.handleResize);
     }
-
     componentWillUnmount() {
-      window.removeEventListener('resize', this.handleResize);
+      window.removeEventListener("resize", this.handleResize);
     }
-
-    /**
-     * Change button width to 100% if the
-     * combined width of the button (or button group) exceed 50% of the container width.
-     */
     handleResize() {
-      if (!this.state) return null;
-      const {
-        container,
-        actions,
-        childready
-      } = this.state;
-      if (!childready) return null;
-      this.setState({
-        additionalFooterCssClass: null
-      }); // !important reset to default state to recalculate
-
-      const {
-        clientWidth: containerWidth
-      } = container;
-      const {
-        clientWidth: actionsWidth
-      } = actions; // Change button width to 100% if the combined width of the button (or button group) exceed 50% of the container width.
-
+      if (!this.state)
+        return null;
+      const { container, actions, childready } = this.state;
+      if (!childready)
+        return null;
+      this.setState({ additionalFooterCssClass: null });
+      const { clientWidth: containerWidth } = container;
+      const { clientWidth: actionsWidth } = actions;
       if (containerWidth && actionsWidth && actionsWidth / containerWidth * 100 > 50) {
-        return this.setState({
-          additionalFooterCssClass: 'fluid-actions'
-        });
+        return this.setState({ additionalFooterCssClass: "fluid-actions" });
       }
-
-      return this.setState({
-        additionalFooterCssClass: null
-      });
+      return this.setState({ additionalFooterCssClass: null });
     }
-
     verifyNodes() {
-      const {
-        modalType
-      } = this.props;
-
-      if (modalType !== constants.MODAL_TYPE.DEFAULT) {
+      const { modalType } = this.props;
+      if (modalType !== import_constants.MODAL_TYPE.DEFAULT) {
         const nodesInterval = setInterval(() => {
-          // !important it checks when nodes are availables
-          const {
-            container,
-            actions
-          } = this.state;
-          if (!container || !actions) return null;
+          const { container, actions } = this.state;
+          if (!container || !actions)
+            return null;
           clearInterval(nodesInterval);
-          this.setState({
-            childready: true
-          });
+          this.setState({ childready: true });
           return this.handleResize();
         }, 100);
       }
     }
-
     render() {
-      const {
-        props,
-        state
-      } = this;
-      const {
-        additionalFooterCssClass,
-        height
-      } = state;
-      return /*#__PURE__*/react.createElement(WrappedComponent, _objectSpread(_objectSpread({}, props), {}, {
+      const { props, state } = this;
+      const { additionalFooterCssClass, height } = state;
+      return (0, import_react.createElement)(WrappedComponent, {
+        ...props,
         height,
         onResize: this.onResize,
         onFooterHeight: this.onFooterHeight,
@@ -152,15 +116,14 @@ var DSModalWrapper = (WrappedComponent => {
         actionsRef: this.handleActions,
         additionalFooterCssClass,
         onAfterOpen: () => {
-          if (props.onAfterOpen) props.onAfterOpen();
+          if (props.onAfterOpen)
+            props.onAfterOpen();
           this.verifyNodes();
         }
-      }));
+      });
     }
-
   }
-
   return DSModalWrapper;
-});
-
-module.exports = DSModalWrapper;
+};
+module.exports = __toCommonJS(DSModalWrapper_exports);
+//# sourceMappingURL=DSModalWrapper.js.map

package/cjs/v1/DSModalWrapper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/v1/DSModalWrapper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { Component, createElement } from 'react';\nimport { MODAL_TYPE } from '../constants';\n\nexport default (WrappedComponent) => {\n  class DSModalWrapper extends Component {\n    state = {\n      childready: false,\n      additionalFooterCssClass: 'loading',\n      container: null,\n      actions: null,\n      height: '100%',\n    };\n\n    componentDidMount() {\n      window.addEventListener('resize', this.handleResize);\n    }\n\n    componentWillUnmount() {\n      window.removeEventListener('resize', this.handleResize);\n    }\n\n    onHeaderHeight = (e) => {\n      this.heightHeaderFlag = true;\n      this.heightHeader = e.height || 0;\n    };\n\n    onFooterHeight = (e) => {\n      this.heightFooterFlag = true;\n      this.heightFooter = e.height || 0;\n    };\n\n    onResize = ({ bounds }) => {\n      if (this.heightFooterFlag && this.heightHeaderFlag) {\n        return this.setState({\n          height: bounds.height - this.heightFooter - this.heightHeader,\n        });\n      }\n      return setTimeout(this.onResize({ bounds }), 0);\n    };\n\n    handleContainer = (node) => {\n      if (node) this.setState({ container: node });\n      this.handleResize();\n    };\n\n    handleActions = (node) => {\n      if (node) this.setState({ actions: node });\n      this.handleResize();\n    };\n\n    /**\n     * Change button width to 100% if the\n     * combined width of the button (or button group) exceed 50% of the container width.\n     */\n    handleResize() {\n      if (!this.state) return null;\n      const { container, actions, childready } = this.state;\n      if (!childready) return null;\n      this.setState({ additionalFooterCssClass: null }); // !important reset to default state to recalculate\n      const { clientWidth: containerWidth } = container;\n      const { clientWidth: actionsWidth } = actions;\n      // Change button width to 100% if the combined width of the button (or button group) exceed 50% of the container width.\n      if (\n        containerWidth &&\n        actionsWidth &&\n        (actionsWidth / containerWidth) * 100 > 50\n      ) {\n        return this.setState({ additionalFooterCssClass: 'fluid-actions' });\n      }\n      return this.setState({ additionalFooterCssClass: null });\n    }\n\n    verifyNodes() {\n      const { modalType } = this.props;\n      if (modalType !== MODAL_TYPE.DEFAULT) {\n        const nodesInterval = setInterval(() => {\n          // !important it checks when nodes are availables\n          const { container, actions } = this.state;\n          if (!container || !actions) return null;\n          clearInterval(nodesInterval);\n          this.setState({ childready: true });\n          return this.handleResize();\n        }, 100);\n      }\n    }\n\n    render() {\n      const { props, state } = this;\n      const { additionalFooterCssClass, height } = state;\n      return createElement(WrappedComponent, {\n        ...props,\n        height,\n        onResize: this.onResize,\n        onFooterHeight: this.onFooterHeight,\n        onHeaderHeight: this.onHeaderHeight,\n        containerRef: this.handleContainer,\n        actionsRef: this.handleActions,\n        additionalFooterCssClass,\n        onAfterOpen: () => {\n          if (props.onAfterOpen) props.onAfterOpen();\n          this.verifyNodes();\n        },\n      });\n    }\n  }\n\n  return DSModalWrapper;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAyC;AACzC,uBAA2B;AAE3B,IAAO,yBAAQ,CAAC,qBAAqB;AACnC,+BAA6B,uBAAU;AAAA,IAAvC,cAJF;AAIE;AACE,mBAAQ;AAAA,QACN,YAAY;AAAA,QACZ,0BAA0B;AAAA,QAC1B,WAAW;AAAA,QACX,SAAS;AAAA,QACT,QAAQ;AAAA;AAWV,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA;AAGlC,4BAAiB,CAAC,MAAM;AACtB,aAAK,mBAAmB;AACxB,aAAK,eAAe,EAAE,UAAU;AAAA;AAGlC,sBAAW,CAAC,EAAE,aAAa;AACzB,YAAI,KAAK,oBAAoB,KAAK,kBAAkB;AAClD,iBAAO,KAAK,SAAS;AAAA,YACnB,QAAQ,OAAO,SAAS,KAAK,eAAe,KAAK;AAAA;AAAA;AAGrD,eAAO,WAAW,KAAK,SAAS,EAAE,WAAW;AAAA;AAG/C,6BAAkB,CAAC,SAAS;AAC1B,YAAI;AAAM,eAAK,SAAS,EAAE,WAAW;AACrC,aAAK;AAAA;AAGP,2BAAgB,CAAC,SAAS;AACxB,YAAI;AAAM,eAAK,SAAS,EAAE,SAAS;AACnC,aAAK;AAAA;AAAA;AAAA,IAlCP,oBAAoB;AAClB,aAAO,iBAAiB,UAAU,KAAK;AAAA;AAAA,IAGzC,uBAAuB;AACrB,aAAO,oBAAoB,UAAU,KAAK;AAAA;AAAA,IAoC5C,eAAe;AACb,UAAI,CAAC,KAAK;AAAO,eAAO;AACxB,YAAM,EAAE,WAAW,SAAS,eAAe,KAAK;AAChD,UAAI,CAAC;AAAY,eAAO;AACxB,WAAK,SAAS,EAAE,0BAA0B;AAC1C,YAAM,EAAE,aAAa,mBAAmB;AACxC,YAAM,EAAE,aAAa,iBAAiB;AAEtC,UACE,kBACA,gBACC,eAAe,iBAAkB,MAAM,IACxC;AACA,eAAO,KAAK,SAAS,EAAE,0BAA0B;AAAA;AAEnD,aAAO,KAAK,SAAS,EAAE,0BAA0B;AAAA;AAAA,IAGnD,cAAc;AACZ,YAAM,EAAE,cAAc,KAAK;AAC3B,UAAI,cAAc,4BAAW,SAAS;AACpC,cAAM,gBAAgB,YAAY,MAAM;AAEtC,gBAAM,EAAE,WAAW,YAAY,KAAK;AACpC,cAAI,CAAC,aAAa,CAAC;AAAS,mBAAO;AACnC,wBAAc;AACd,eAAK,SAAS,EAAE,YAAY;AAC5B,iBAAO,KAAK;AAAA,WACX;AAAA;AAAA;AAAA,IAIP,SAAS;AACP,YAAM,EAAE,OAAO,UAAU;AACzB,YAAM,EAAE,0BAA0B,WAAW;AAC7C,aAAO,gCAAc,kBAAkB;AAAA,WAClC;AAAA,QACH;AAAA,QACA,UAAU,KAAK;AAAA,QACf,gBAAgB,KAAK;AAAA,QACrB,gBAAgB,KAAK;AAAA,QACrB,cAAc,KAAK;AAAA,QACnB,YAAY,KAAK;AAAA,QACjB;AAAA,QACA,aAAa,MAAM;AACjB,cAAI,MAAM;AAAa,kBAAM;AAC7B,eAAK;AAAA;AAAA;AAAA;AAAA;AAMb,SAAO;AAAA;",
+  "names": []
+}

package/cjs/v1/ModalFeedBack/ModalFeedBack.js

@@ -1,82 +1,90 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var dsClassnames = require('@elliemae/ds-classnames');
-var constants = require('../../constants.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
-var _WarningCircle, _CheckmarkCircle, _HelpCircle, _InfoCircle, _InfoCircle2;
-const feedbackIconSize = 'xxl';
-const {
-  WARNING,
-  ERROR,
-  SUCCESS,
-  HELP,
-  INFO
-} = constants.MODAL_TYPE;
-
-const getModalType = (modalType, _ref) => {
-  let {
-    hasError,
-    hasWarning,
-    hasSuccess,
-    hasInfo,
-    hasHelp
-  } = _ref;
-  if ([WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1) return modalType;
-  if (hasError) return ERROR;
-  if (hasWarning) return WARNING;
-  if (hasSuccess) return SUCCESS;
-  if (hasHelp) return HELP;
-  if (hasInfo) return INFO;
+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 ModalFeedBack_exports = {};
+__export(ModalFeedBack_exports, {
+  default: () => ModalFeedBack_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_constants = require("../../constants");
+const feedbackIconSize = "xxl";
+const { WARNING, ERROR, SUCCESS, HELP, INFO } = import_constants.MODAL_TYPE;
+const getModalType = (modalType, { hasError, hasWarning, hasSuccess, hasInfo, hasHelp }) => {
+  if ([WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1)
+    return modalType;
+  if (hasError)
+    return ERROR;
+  if (hasWarning)
+    return WARNING;
+  if (hasSuccess)
+    return SUCCESS;
+  if (hasHelp)
+    return HELP;
+  if (hasInfo)
+    return INFO;
   return INFO;
 };
-
-const getIconType = modalType => {
+const getIconType = (modalType) => {
   switch (modalType) {
     case WARNING:
     case ERROR:
-      return _WarningCircle || (_WarningCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.WarningCircle, {
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.WarningCircle, {
         size: feedbackIconSize
-      }));
-
+      });
     case SUCCESS:
-      return _CheckmarkCircle || (_CheckmarkCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.CheckmarkCircle, {
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CheckmarkCircle, {
         size: feedbackIconSize
-      }));
-
+      });
     case HELP:
-      return _HelpCircle || (_HelpCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.HelpCircle, {
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.HelpCircle, {
         size: feedbackIconSize
-      }));
-
+      });
     case INFO:
-      return _InfoCircle || (_InfoCircle = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.InfoCircle, {
         size: feedbackIconSize
-      }));
-
+      });
     default:
-      return _InfoCircle2 || (_InfoCircle2 = /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircle, {
+      return /* @__PURE__ */ import_react.default.createElement(import_ds_icons.InfoCircle, {
         size: feedbackIconSize
-      }));
+      });
   }
 };
-
-const ModalFeedBack = _ref2 => {
-  let {
-    className = '',
-    modalType = null,
-    hasError = false,
-    hasWarning = false,
-    hasSuccess = false,
-    hasInfo = false,
-    hasHelp = false
-  } = _ref2;
+const ModalFeedBack = ({
+  className = "",
+  modalType = null,
+  hasError = false,
+  hasWarning = false,
+  hasSuccess = false,
+  hasInfo = false,
+  hasHelp = false
+}) => {
   const type = getModalType(modalType, {
     hasError,
     hasWarning,
@@ -84,15 +92,12 @@ const ModalFeedBack = _ref2 => {
     hasInfo,
     hasHelp
   });
-  const {
-    cssClassName
-  } = dsClassnames.convertPropToCssClassName('modal-feedback', className, {
-    modalType: type
-  });
+  const { cssClassName } = (0, import_ds_classnames.convertPropToCssClassName)("modal-feedback", className, { modalType: type });
   const feedbackIcon = getIconType(type);
-  return /*#__PURE__*/_jsx__default["default"]("div", {
+  return /* @__PURE__ */ import_react.default.createElement("div", {
     className: cssClassName
-  }, void 0, feedbackIcon);
+  }, feedbackIcon);
 };
-
-module.exports = ModalFeedBack;
+var ModalFeedBack_default = ModalFeedBack;
+module.exports = __toCommonJS(ModalFeedBack_exports);
+//# sourceMappingURL=ModalFeedBack.js.map

package/cjs/v1/ModalFeedBack/ModalFeedBack.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/v1/ModalFeedBack/ModalFeedBack.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { WarningCircle, CheckmarkCircle, HelpCircle, InfoCircle } from '@elliemae/ds-icons';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { MODAL_TYPE } from '../../constants';\n\nconst feedbackIconSize = 'xxl';\n\nconst { WARNING, ERROR, SUCCESS, HELP, INFO } = MODAL_TYPE;\n\nconst getModalType = (modalType, { hasError, hasWarning, hasSuccess, hasInfo, hasHelp }) => {\n  if ([WARNING, ERROR, SUCCESS, HELP, INFO].indexOf(modalType) > -1) return modalType;\n  if (hasError) return ERROR;\n  if (hasWarning) return WARNING;\n  if (hasSuccess) return SUCCESS;\n  if (hasHelp) return HELP;\n  if (hasInfo) return INFO;\n  return INFO;\n};\n\nconst getIconType = (modalType) => {\n  switch (modalType) {\n    case WARNING:\n    case ERROR:\n      return <WarningCircle size={feedbackIconSize} />;\n    case SUCCESS:\n      return <CheckmarkCircle size={feedbackIconSize} />;\n    case HELP:\n      return <HelpCircle size={feedbackIconSize} />;\n    case INFO:\n      return <InfoCircle size={feedbackIconSize} />;\n    default:\n      return <InfoCircle size={feedbackIconSize} />;\n  }\n};\n\nconst ModalFeedBack = ({\n  className = '',\n  modalType = null,\n  hasError = false,\n  hasWarning = false,\n  hasSuccess = false,\n  hasInfo = false,\n  hasHelp = false,\n}) => {\n  const type = getModalType(modalType, {\n    hasError,\n    hasWarning,\n    hasSuccess,\n    hasInfo,\n    hasHelp,\n  });\n  const { cssClassName } = convertPropToCssClassName('modal-feedback', className, { modalType: type });\n  const feedbackIcon = getIconType(type);\n\n  return <div className={cssClassName}>{feedbackIcon}</div>;\n};\n\nexport default ModalFeedBack;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,sBAAuE;AACvE,2BAA0C;AAC1C,uBAA2B;AAE3B,MAAM,mBAAmB;AAEzB,MAAM,EAAE,SAAS,OAAO,SAAS,MAAM,SAAS;AAEhD,MAAM,eAAe,CAAC,WAAW,EAAE,UAAU,YAAY,YAAY,SAAS,cAAc;AAC1F,MAAI,CAAC,SAAS,OAAO,SAAS,MAAM,MAAM,QAAQ,aAAa;AAAI,WAAO;AAC1E,MAAI;AAAU,WAAO;AACrB,MAAI;AAAY,WAAO;AACvB,MAAI;AAAY,WAAO;AACvB,MAAI;AAAS,WAAO;AACpB,MAAI;AAAS,WAAO;AACpB,SAAO;AAAA;AAGT,MAAM,cAAc,CAAC,cAAc;AACjC,UAAQ;AAAA,SACD;AAAA,SACA;AACH,aAAO,mDAAC,+BAAD;AAAA,QAAe,MAAM;AAAA;AAAA,SACzB;AACH,aAAO,mDAAC,iCAAD;AAAA,QAAiB,MAAM;AAAA;AAAA,SAC3B;AACH,aAAO,mDAAC,4BAAD;AAAA,QAAY,MAAM;AAAA;AAAA,SACtB;AACH,aAAO,mDAAC,4BAAD;AAAA,QAAY,MAAM;AAAA;AAAA;AAEzB,aAAO,mDAAC,4BAAD;AAAA,QAAY,MAAM;AAAA;AAAA;AAAA;AAI/B,MAAM,gBAAgB,CAAC;AAAA,EACrB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,UAAU;AAAA,EACV,UAAU;AAAA,MACN;AACJ,QAAM,OAAO,aAAa,WAAW;AAAA,IACnC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAEF,QAAM,EAAE,iBAAiB,oDAA0B,kBAAkB,WAAW,EAAE,WAAW;AAC7F,QAAM,eAAe,YAAY;AAEjC,SAAO,mDAAC,OAAD;AAAA,IAAK,WAAW;AAAA,KAAe;AAAA;AAGxC,IAAO,wBAAQ;",
+  "names": []
+}