@fattureincloud/fic-design-system 0.3.17 → 0.3.21

package/dist/components/modals/components/ModalSearchable.js

@@ -13,13 +13,13 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { faSearch } from '@fortawesome/pro-light-svg-icons';
 import React from 'react';
 import styled from 'styled-components';
 import { Modal } from '../modals';
 import { StyledIcon } from '../modalStyled';
-import { faSearch } from '@fortawesome/pro-light-svg-icons';
 var ModalSearchable = function (props) {
-    var className = props.className, placeholder = props.placeholder, value = props.value, children = props.children, handleChangeValue = props.handleChangeValue;
+    var children = props.children, className = props.className, handleChangeValue = props.handleChangeValue, placeholder = props.placeholder, value = props.value;
     var handleChange = function (e) {
         handleChangeValue(e.currentTarget.value);
     };
@@ -28,7 +28,7 @@ var ModalSearchable = function (props) {
     };
     var Header = (React.createElement(WrapperInput, null,
         React.createElement(StyledIcon, { icon: faSearch, color: 'black' }),
-        React.createElement("input", { autoFocus: true, className: 'inputSearchable', type: "text", onChange: handleChange, value: value, placeholder: placeholder }),
+        React.createElement("input", { autoFocus: true, className: 'inputSearchable', type: 'text', onChange: handleChange, value: value, placeholder: placeholder }),
         React.createElement(ClearButton, { visible: !!value, onClick: clearInput }, "Cancella")));
     return (React.createElement(Modal, __assign({ className: className, header: function () { return Header; } }, props), children));
 };

package/dist/components/modals/components/ModalSearchable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalSearchable.js","sourceRoot":"","sources":["../../../../src/components/modals/components/ModalSearchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAW5D,IAAM,eAAe,GAAqB,UAAC,KAAsD;IACvF,IAAA,2BAAS,EAAE,+BAAW,EAAE,mBAAK,EAAE,yBAAQ,EAAE,2CAAiB,CAAW;IAE7E,IAAM,YAAY,GAAG,UAAC,CAAoC;QACxD,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,iBAAiB,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,IAAM,MAAM,GAAG,CACb,oBAAC,YAAY;QACX,oBAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI;QAC9C,+BACE,SAAS,QACT,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB;QACF,oBAAC,WAAW,IAAC,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,eAEpC,CACD,CAChB,CAAC;IAEF,OAAO,CACL,oBAAC,KAAK,aAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM,IAAM,KAAK,GACzD,QAAQ,CACH,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,kPAAsB,kGAIxB,EAAsC,cACvD,EAAsC,6BAEpC,EAAsC,qBAEtC,EAA+C,KAC3D,KAN2B,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EACvD,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAEpC,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAEtC,UAAC,EAAW;QAAT,oBAAO;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;AAA9B,CAA8B,CAC3D,CAAC;AAEF,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,6iBAAA,6EAId,EAAsC,uMAS/B,EAAqC,kNAY5D,KArBgB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAS/B,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;AAAtB,CAAsB,CAY5D,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ModalSearchable.js","sourceRoot":"","sources":["../../../../src/components/modals/components/ModalSearchable.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AACjC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAY3C,IAAM,eAAe,GAAqB,UAAC,KAAsD;IACvF,IAAA,yBAAQ,EAAE,2BAAS,EAAE,2CAAiB,EAAE,+BAAW,EAAE,mBAAK,CAAU;IAE5E,IAAM,YAAY,GAAG,UAAC,CAAoC;QACxD,iBAAiB,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;IAC1C,CAAC,CAAA;IAED,IAAM,UAAU,GAAG;QACjB,iBAAiB,CAAC,EAAE,CAAC,CAAA;IACvB,CAAC,CAAA;IAED,IAAM,MAAM,GAAG,CACb,oBAAC,YAAY;QACX,oBAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAI;QAC9C,+BACE,SAAS,QACT,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,GACxB;QACF,oBAAC,WAAW,IAAC,OAAO,EAAE,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,UAAU,eAEpC,CACD,CAChB,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,aAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,cAAM,OAAA,MAAM,EAAN,CAAM,IAAM,KAAK,GACzD,QAAQ,CACH,CACT,CAAA;AACH,CAAC,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,kPAAsB,kGAIxB,EAAsC,cACvD,EAAsC,6BAEpC,EAAsC,qBAEtC,EAA+C,KAC3D,KAN2B,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EACvD,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAEpC,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAEtC,UAAC,EAAW;QAAT,oBAAO;IAAO,OAAA,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;AAA9B,CAA8B,CAC3D,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,6iBAAA,6EAId,EAAsC,uMAS/B,EAAqC,kNAY5D,KArBgB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAS/B,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;AAAtB,CAAsB,CAY5D,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/modals/confirmationModal.js

@@ -1,26 +1,31 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faCheckCircle, faExclamationTriangle, faInfoCircle } from '@fortawesome/pro-solid-svg-icons';
 import React from 'react';
-import { Buttons, BodyContent, TitleContent, Question } from './confirmationModalStyled';
+import styled from 'styled-components';
+import { Button } from '../buttons';
+import { Icon } from '../icon';
+import { BodyContent, Buttons, Question, TitleContent } from './confirmationModalStyled';
 import { CustomSizeModal } from './confirmationModalStyled';
-import { Button } from '../buttons/Button';
-import { faCheckCircle, faExclamationTriangle, faInfoCircle } from '@fortawesome/pro-solid-svg-icons';
-import { Icon } from '../icon/Icon';
 var typeMap = {
     error: 'error',
     info: 'info',
     warning: 'warning',
-    success: 'success'
+    success: 'success',
 };
 var iconMap = {
     error: faExclamationTriangle,
     info: faInfoCircle,
     warning: faExclamationTriangle,
-    success: faCheckCircle
+    success: faCheckCircle,
 };
 var iconColor = {
     error: 'red',
     info: 'blue',
     warning: 'yellow',
-    success: 'green'
+    success: 'green',
 };
 export var ConfirmationModal = function (props) {
     var type = typeMap[props.type];
@@ -33,12 +38,14 @@ export var ConfirmationModal = function (props) {
         React.createElement(BodyContent, null, props.description),
         React.createElement(Question, null, props.question),
         React.createElement(Buttons, null,
-            React.createElement(Button, { text: 'Annulla', color: 'white', onClick: function () {
+            React.createElement(Button, { text: 'Annulla', color: 'grey', onClick: function () {
                     props.setIsOpen(false);
                 } }),
-            React.createElement(Button, { text: props.actionText, color: color, style: { marginLeft: '16px' }, onClick: function () {
+            React.createElement(StyledButton, { text: props.actionText, color: color, onClick: function () {
                     props.setIsOpen(false);
                     props.onAction();
                 } }))));
 };
+var StyledButton = styled(Button)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-left: 16px;\n"], ["\n  margin-left: 16px;\n"])));
+var templateObject_1;
 //# sourceMappingURL=confirmationModal.js.map

package/dist/components/modals/confirmationModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmationModal.js","sourceRoot":"","sources":["../../../src/components/modals/confirmationModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACzF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AACtG,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAapC,IAAM,OAAO,GAAG;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,IAAM,OAAO,GAAG;IACd,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,aAAa;CACvB,CAAC;AAEF,IAAM,SAAS,GAAG;IAChB,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,KAAY;IAC5C,IAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACjC,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;IAE9B,OAAO,CACL,oBAAC,eAAe,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,cAAM,OAAA,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,EAAtB,CAAsB,EAAE,OAAO,EAAE,IAAI;QAC/F,oBAAC,YAAY;YACX,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI;YAC9C,8BAAM,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAG,KAAK,CAAC,KAAK,CAAQ,CAC5C;QACf,oBAAC,WAAW,QAAE,KAAK,CAAC,WAAW,CAAe;QAC9C,oBAAC,QAAQ,QAAE,KAAK,CAAC,QAAQ,CAAY;QACrC,oBAAC,OAAO;YACN,oBAAC,MAAM,IACL,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,OAAO,EACd,OAAO,EAAE;oBACP,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;gBACzB,CAAC,GACD;YAEF,oBAAC,MAAM,IACL,IAAI,EAAE,KAAK,CAAC,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,EAC7B,OAAO,EAAE;oBACP,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;oBACvB,KAAK,CAAC,QAAQ,EAAE,CAAC;gBACnB,CAAC,GACD,CACM,CACM,CACnB,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"confirmationModal.js","sourceRoot":"","sources":["../../../src/components/modals/confirmationModal.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACrG,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxF,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAa3D,IAAM,OAAO,GAAG;IACd,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACV,CAAA;AAEV,IAAM,OAAO,GAAG;IACd,KAAK,EAAE,qBAAqB;IAC5B,IAAI,EAAE,YAAY;IAClB,OAAO,EAAE,qBAAqB;IAC9B,OAAO,EAAE,aAAa;CACvB,CAAA;AAED,IAAM,SAAS,GAAG;IAChB,KAAK,EAAE,KAAK;IACZ,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,OAAO;CACR,CAAA;AAEV,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,KAAY;IAC5C,IAAM,IAAI,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;IAChC,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1B,IAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAA;IAE7B,OAAO,CACL,oBAAC,eAAe,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,aAAa,EAAE,cAAM,OAAA,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,EAAtB,CAAsB,EAAE,OAAO,EAAE,IAAI;QAC/F,oBAAC,YAAY;YACX,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI;YAC9C,8BAAM,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,IAAG,KAAK,CAAC,KAAK,CAAQ,CAC5C;QACf,oBAAC,WAAW,QAAE,KAAK,CAAC,WAAW,CAAe;QAC9C,oBAAC,QAAQ,QAAE,KAAK,CAAC,QAAQ,CAAY;QACrC,oBAAC,OAAO;YACN,oBAAC,MAAM,IACL,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,MAAM,EACb,OAAO,EAAE;oBACP,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;gBACxB,CAAC,GACD;YACF,oBAAC,YAAY,IACX,IAAI,EAAE,KAAK,CAAC,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;oBACP,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;oBACtB,KAAK,CAAC,QAAQ,EAAE,CAAA;gBAClB,CAAC,GACD,CACM,CACM,CACnB,CAAA;AACH,CAAC,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,6FAAA,0BAElC,IAAA,CAAA"}

package/dist/components/modals/confirmationModalStyled.js

@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 };
 import styled from 'styled-components';
 import { Modal } from './modals';
-export var CustomSizeModal = styled(Modal)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 432px;\n"], ["\n  width: 432px;\n"])));
+export var CustomSizeModal = styled(Modal)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 432px;\n  max-width: 90vw;\n"], ["\n  width: 432px;\n  max-width: 90vw;\n"])));
 export var TitleContent = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 8px;\n  line-height: 24px;\n  font-weight: 500;\n  font-size: 16px;\n  font-style: normal;\n  color: #000000;\n"], ["\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  margin-top: 8px;\n  line-height: 24px;\n  font-weight: 500;\n  font-size: 16px;\n  font-style: normal;\n  color: #000000;\n"])));
 export var BodyContent = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-top: 8px;\n  margin-bottom: 8px;\n  font-size: 14px;\n  font-weight: normal;\n  font-style: normal;\n  line-height: 21px;\n  color: #5e6c84;\n"], ["\n  margin-top: 8px;\n  margin-bottom: 8px;\n  font-size: 14px;\n  font-weight: normal;\n  font-style: normal;\n  line-height: 21px;\n  color: #5e6c84;\n"])));
 export var Question = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 14px;\n  font-style: normal;\n  line-height: 21px;\n  font-weight: 500;\n  color: #091e42;\n"], ["\n  font-size: 14px;\n  font-style: normal;\n  line-height: 21px;\n  font-weight: 500;\n  color: #091e42;\n"])));

package/dist/components/modals/confirmationModalStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmationModalStyled.js","sourceRoot":"","sources":["../../../src/components/modals/confirmationModalStyled.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAIjC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,wFAAqD,qBAEhG,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,sSAAA,mOAWrC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,8NAAA,2JAQpC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,gLAAA,6GAMjC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iNAAA,8IAOhC,IAAA,CAAC"}
+{"version":3,"file":"confirmationModalStyled.js","sourceRoot":"","sources":["../../../src/components/modals/confirmationModalStyled.tsx"],"names":[],"mappings":";;;;AACA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,MAAM,CAAC,IAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,4GAAqD,yCAGhG,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,sSAAA,mOAWrC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,8NAAA,2JAQpC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,gLAAA,6GAMjC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,iNAAA,8IAOhC,IAAA,CAAA"}

package/dist/components/modals/index.js

@@ -1,4 +1,4 @@
-import { Modal } from './modals';
 import ModalSearchable from './components/ModalSearchable';
+import { Modal } from './modals';
 export { Modal, ModalSearchable };
 //# sourceMappingURL=index.js.map

package/dist/components/modals/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modals/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/modals/index.ts"],"names":[],"mappings":"AAAA,OAAO,eAAe,MAAM,8BAA8B,CAAA;AAC1D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,KAAK,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/modals/modalAnimation.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalAnimation.js","sourceRoot":"","sources":["../../../src/components/modals/modalAnimation.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,CAAC,IAAM,cAAc,GAAG,iBAAiB,mkBAAA,ggBAyB9C,IAAA,CAAC"}
+{"version":3,"file":"modalAnimation.js","sourceRoot":"","sources":["../../../src/components/modals/modalAnimation.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AAErD,MAAM,CAAC,IAAM,cAAc,GAAG,iBAAiB,mkBAAA,ggBAyB9C,IAAA,CAAA"}

package/dist/components/modals/modalStyled.d.ts

@@ -14,4 +14,4 @@ export declare const TopAttachment: import("styled-components").StyledComponent<
     height: number | null;
 }, never>;
 export declare const BottomAttachment: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<typeof import("@fortawesome/react-fontawesome").FontAwesomeIcon, import("styled-components").DefaultTheme, import("../icon/iconPalette").IconColorPalette & import("../icon").IconProps, "primary" | "secondary">;
+export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;

package/dist/components/modals/modalStyled.js

@@ -2,55 +2,64 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
+import ReactModal from 'react-modal';
 import styled, { css } from 'styled-components';
 import { spacing } from '../../styles/spacing';
-import ReactModal from 'react-modal';
-import { Icon } from '../icon/Icon';
+import { Icon } from '../icon';
 import { styledModalBoxWidth } from './styleCreators/styledModalBoxWidth';
 var headerFooterHeight = '80px';
 var closeTimeoutMS = 200;
 export var StyledReactModalContainer = styled(ReactModal)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  outline: none;\n  opacity: 0;\n  transform: translate(-50%, -100%);\n  transition: all ", "ms ease-in-out;\n"], ["\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  right: auto;\n  bottom: auto;\n  outline: none;\n  opacity: 0;\n  transform: translate(-50%, -100%);\n  transition: all ", "ms ease-in-out;\n"])), closeTimeoutMS);
-export var StyledModalBox = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  padding: 0;\n  ", "\n  \n\n  box-shadow: ", ";\n\n  border: ", ";\n  border-radius: ", "px;\n  width: ", "vw;\n\n  @media screen and (min-width: 992px) {\n    width: ", ";\n  }\n"], ["\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  padding: 0;\n  ",
-    "\n  \n\n  box-shadow: ",
+export var StyledModalBox = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  padding: 0;\n  ", "\n\n  box-shadow: ", ";\n\n  border: ", ";\n  border-radius: ", "px;\n  width: ", "vw;\n\n  @media screen and (min-width: 992px) {\n    width: ", ";\n  }\n"], ["\n  overflow: auto;\n  background: rgb(255, 255, 255);\n  padding: 0;\n  ",
+    "\n\n  box-shadow: ",
     ";\n\n  border: ", ";\n  border-radius: ", "px;\n  width: ", "vw;\n\n  @media screen and (min-width: 992px) {\n    width: ", ";\n  }\n"])), function (_a) {
-    var isFullscreen = _a.isFullscreen, fullScreenHeight = _a.fullScreenHeight;
+    var fullScreenHeight = _a.fullScreenHeight, isFullscreen = _a.isFullscreen;
     return isFullscreen
         ? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n          height: ", "px;\n        "], ["\n          height: ", "px;\n        "])), fullScreenHeight) : css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n          min-height: 200px;\n        "], ["\n          min-height: 200px;\n        "])));
 }, function (props) {
-    return props.isFullscreen ? 'none' : css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["rgba(23, 43, 77, 0.24) 0px 16px 24px, rgba(9, 30, 66, 0.08) 0px 0px 0px"], ["rgba(23, 43, 77, 0.24) 0px 16px 24px, rgba(9, 30, 66, 0.08) 0px 0px 0px"])));
-}, function (props) { return (props.isFullscreen ? 0 : css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["1px solid rgb(204, 204, 204)"], ["1px solid rgb(204, 204, 204)"])))); }, function (props) { return (props.isFullscreen ? 0 : 8); }, function (props) { return (props.isFullscreen ? 100 : 96); }, function (_a) {
-    var isSmall = _a.isSmall, isFullscreen = _a.isFullscreen;
+    return props.isFullscreen ? 'none' : 'rgba(23, 43, 77, 0.24) 0px 16px 24px, rgba(9, 30, 66, 0.08) 0px 0px 0px';
+}, function (props) { return (props.isFullscreen ? 0 : '1px solid rgb(204, 204, 204)'); }, function (props) { return (props.isFullscreen ? 0 : 8); }, function (props) { return (props.isFullscreen ? 100 : 96); }, function (_a) {
+    var isFullscreen = _a.isFullscreen, isSmall = _a.isSmall;
     return styledModalBoxWidth(isSmall, isFullscreen);
 });
-export var ModalBody = styled.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n  min-height: ", ";\n  height: ", ";\n  padding: 1rem ", ";\n  overflow-y: auto;\n\n  ", "\n"], ["\n  min-height: ", ";\n  height: ", ";\n  padding: 1rem ", ";\n  overflow-y: auto;\n\n  ",
-    "\n"])), function (props) { return (props.minHeight ? props.minHeight + 'px' : 'auto'); }, function (props) { return (props.height ? props.height + 'px' : 'auto'); }, spacing.l, function (_a) {
-    var isFullscreen = _a.isFullscreen, header = _a.header, title = _a.title, footer = _a.footer;
+export var ModalBody = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n  min-height: ", ";\n  height: ", ";\n  padding: 1rem ", ";\n  overflow-y: auto;\n\n  ", "\n"], ["\n  min-height: ", ";\n  height: ", ";\n  padding: 1rem ", ";\n  overflow-y: auto;\n\n  ",
+    "\n"])), function (_a) {
+    var minHeight = _a.minHeight;
+    return (minHeight ? minHeight + "px" : 'auto');
+}, function (_a) {
+    var height = _a.height;
+    return (height ? height + "px" : 'auto');
+}, spacing.l, function (_a) {
+    var footer = _a.footer, header = _a.header, isFullscreen = _a.isFullscreen, title = _a.title;
     if (isFullscreen) {
-        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        height: calc(100% - (", " * 2));\n      "], ["\n        height: calc(100% - (", " * 2));\n      "])), headerFooterHeight);
+        return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n        height: calc(100% - (", " * 2));\n      "], ["\n        height: calc(100% - (", " * 2));\n      "])), headerFooterHeight);
     }
     else {
         if (header || title || footer) {
-            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n          max-height: calc(100vh - (", " * 4));\n        "], ["\n          max-height: calc(100vh - (", " * 4));\n        "])), headerFooterHeight);
+            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n          max-height: calc(100vh - (", " * 4));\n        "], ["\n          max-height: calc(100vh - (", " * 4));\n        "])), headerFooterHeight);
         }
-        return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n        max-height: 100%;\n      "], ["\n        max-height: 100%;\n      "])));
+        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        max-height: 100%;\n      "], ["\n        max-height: 100%;\n      "])));
     }
 });
-export var ModalHeaderClose = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  margin-left: 5px;\n  .icon {\n    cursor: pointer;\n    &:hover {\n      color: ", ";\n    }\n  }\n"], ["\n  margin-left: 5px;\n  .icon {\n    cursor: pointer;\n    &:hover {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
+export var ModalHeaderClose = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  margin-left: 5px;\n  .icon {\n    cursor: pointer;\n    &:hover {\n      color: ", ";\n    }\n  }\n"], ["\n  margin-left: 5px;\n  .icon {\n    cursor: pointer;\n    &:hover {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
     var palette = _a.theme.palette;
     return palette.grey[800];
 });
-export var ModalHeader = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  padding: 0 ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  ", ";\n\n  height: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  h3 {\n    font-size: 20px;\n    line-height: 30px;\n    margin: 0;\n    font-weight: 500;\n  }\n"], ["\n  padding: 0 ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  ",
+export var ModalHeader = styled.div(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n  padding: 0 ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  ", ";\n\n  height: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  h3 {\n    font-size: 20px;\n    line-height: 30px;\n    margin: 0;\n    font-weight: 500;\n  }\n"], ["\n  padding: 0 ", ";\n  border-top-left-radius: ", ";\n  border-top-right-radius: ", ";\n  ",
     ";\n\n  height: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  h3 {\n    font-size: 20px;\n    line-height: 30px;\n    margin: 0;\n    font-weight: 500;\n  }\n"])), spacing.l, spacing.xs, spacing.xs, function (_a) {
     var palette = _a.theme.palette;
-    return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    border-bottom: 2px solid ", ";\n    background-color: ", ";\n  "], ["\n    border-bottom: 2px solid ", ";\n    background-color: ", ";\n  "])), palette.grey[100], palette.grey[50]);
+    return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    border-bottom: 2px solid ", ";\n    background-color: ", ";\n  "], ["\n    border-bottom: 2px solid ", ";\n    background-color: ", ";\n  "])), palette.grey[100], palette.grey[50]);
 }, headerFooterHeight);
-export var ModalFooter = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  padding: 0 ", ";\n  height: ", ";\n  border-top: 2px solid ", ";\n  align-items: center;\n  justify-content: flex-end;\n  display: flex;\n  margin: 0 auto;\n  & > div:not(:first-of-type) {\n    margin-left: 16px;\n  }\n"], ["\n  padding: 0 ", ";\n  height: ", ";\n  border-top: 2px solid ", ";\n  align-items: center;\n  justify-content: flex-end;\n  display: flex;\n  margin: 0 auto;\n  & > div:not(:first-of-type) {\n    margin-left: 16px;\n  }\n"])), spacing.l, headerFooterHeight, function (_a) {
+export var ModalFooter = styled.div(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  padding: 0 ", ";\n  height: ", ";\n  border-top: 2px solid ", ";\n  align-items: center;\n  justify-content: flex-end;\n  display: flex;\n  margin: 0 auto;\n  & > div:not(:first-of-type) {\n    margin-left: 16px;\n  }\n"], ["\n  padding: 0 ", ";\n  height: ", ";\n  border-top: 2px solid ", ";\n  align-items: center;\n  justify-content: flex-end;\n  display: flex;\n  margin: 0 auto;\n  & > div:not(:first-of-type) {\n    margin-left: 16px;\n  }\n"])), spacing.l, headerFooterHeight, function (_a) {
     var palette = _a.theme.palette;
     return palette.grey[100];
 });
-export var Wrapper = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject([""], [""])));
-export var TopAttachment = styled.div(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  top: ", ";\n"], ["\n  position: absolute;\n  width: 100%;\n  top: ", ";\n"])), function (props) { return (props.height ? -props.height - 16 + 'px' : undefined); });
-export var BottomAttachment = styled.div(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n  width: auto;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n"], ["\n  width: auto;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n"])));
-export var StyledIcon = styled(Icon)(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n  font-size: 24px;\n  font-weight: 500;\n"], ["\n  font-size: 24px;\n  font-weight: 500;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18;
+export var Wrapper = styled.div(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
+export var TopAttachment = styled.div(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  top: ", ";\n"], ["\n  position: absolute;\n  width: 100%;\n  top: ", ";\n"])), function (_a) {
+    var height = _a.height;
+    return height && -(height + 16) + "px";
+});
+export var BottomAttachment = styled.div(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n  width: auto;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n"], ["\n  width: auto;\n  margin-top: 24px;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n"])));
+export var StyledIcon = styled(Icon)(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n  font-size: 24px;\n  font-weight: 500;\n"], ["\n  font-size: 24px;\n  font-weight: 500;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16;
 //# sourceMappingURL=modalStyled.js.map

package/dist/components/modals/modalStyled.js.map

@@ -1 +1 @@
-{"version":3,"file":"modalStyled.js","sourceRoot":"","sources":["../../../src/components/modals/modalStyled.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"modalStyled.js","sourceRoot":"","sources":["../../../src/components/modals/modalStyled.tsx"],"names":[],"mappings":"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"}

package/dist/components/modals/modals.js

@@ -11,20 +11,31 @@ var __extends = (this && this.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
-import React, { Component } from 'react';
-import { Button } from '../buttons/Button';
-import { Icon } from '../icon/Icon';
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 import { faTimes } from '@fortawesome/pro-light-svg-icons';
-import { ModalAnimation } from './modalAnimation';
-import { BottomAttachment, ModalBody, ModalFooter, ModalHeader, ModalHeaderClose, StyledModalBox, StyledReactModalContainer, TopAttachment } from './modalStyled';
+import React, { Component } from 'react';
 import { defaultTheme } from '../../styles/theme';
+import { Button } from '../buttons';
+import { Icon } from '../icon';
+import { ModalAnimation } from './modalAnimation';
+import { BottomAttachment, ModalBody, ModalFooter, ModalHeader, ModalHeaderClose, StyledModalBox, StyledReactModalContainer, TopAttachment, } from './modalStyled';
 var closeTimeoutMS = 200;
 var modalStyle = {
     overlay: {
         // to set the color of background overlay
         backgroundColor: defaultTheme.palette.black[48],
-        zIndex: 10000
-    }
+        zIndex: 10000,
+    },
 };
 var Modal = /** @class */ (function (_super) {
     __extends(Modal, _super);
@@ -35,13 +46,14 @@ var Modal = /** @class */ (function (_super) {
         };
         _this.hasFooter = function () { return !!_this.props.footerButtons || typeof _this.props.footer === 'function'; };
         _this.renderFooter = function () {
-            var _a = _this.props, footerButtons = _a.footerButtons, footer = _a.footer;
+            var _a = _this.props, footer = _a.footer, footerButtons = _a.footerButtons;
             if (footerButtons) {
-                return (React.createElement(React.Fragment, null, footerButtons.map(function (elem) { return (React.createElement("div", { key: elem.text },
-                    React.createElement(Button, { key: elem.text, text: elem.text, color: elem.color || undefined, onClick: elem.onClick, isDisabled: elem.disabled || false }))); })));
+                return (React.createElement(React.Fragment, null, footerButtons.map(function (elem, i) { return (React.createElement("div", { key: i },
+                    React.createElement(Button, __assign({}, elem)))); })));
             }
-            else
+            else {
                 return footer ? footer() : undefined;
+            }
         };
         _this.handleModalClose = function () {
             if (_this.props.onActionClose)
@@ -70,15 +82,15 @@ var Modal = /** @class */ (function (_super) {
         }
     };
     Modal.prototype.render = function () {
-        var _a = this.props, header = _a.header, onActionClose = _a.onActionClose, title = _a.title, allowClose = _a.allowClose, isOpen = _a.isOpen, isFullscreen = _a.isFullscreen, className = _a.className;
-        var _b = this.props, isSmall = _b.isSmall, minHeight = _b.minHeight, height = _b.height, topAttachment = _b.topAttachment, bottomAttachment = _b.bottomAttachment;
+        var _a = this.props, allowClose = _a.allowClose, className = _a.className, header = _a.header, isFullscreen = _a.isFullscreen, isOpen = _a.isOpen, onActionClose = _a.onActionClose, title = _a.title;
+        var _b = this.props, bottomAttachment = _b.bottomAttachment, height = _b.height, isSmall = _b.isSmall, minHeight = _b.minHeight, topAttachment = _b.topAttachment;
         var fullScreenHeight = this.state.fullScreenHeight;
         var allowOverlayClose = allowClose !== null && allowClose !== void 0 ? allowClose : true;
         return (React.createElement(React.Fragment, null,
             React.createElement(ModalAnimation, null),
             React.createElement(StyledReactModalContainer, { closeTimeoutMS: closeTimeoutMS, shouldCloseOnOverlayClick: allowOverlayClose, onRequestClose: allowOverlayClose ? this.handleModalClose : undefined, shouldCloseOnEsc: allowOverlayClose, style: modalStyle, isOpen: isOpen !== null && isOpen !== void 0 ? isOpen : true, isFullscreen: isFullscreen, isSmall: isSmall, contentRef: this.contentRefCallback, ariaHideApp: false },
                 React.createElement(React.Fragment, null,
-                    topAttachment && (React.createElement(TopAttachment, { id: "top-attachment", height: this.state.topAttachmentHeight }, topAttachment())),
+                    topAttachment && (React.createElement(TopAttachment, { id: 'top-attachment', height: this.state.topAttachmentHeight }, topAttachment())),
                     React.createElement(StyledModalBox, { className: className, isFullscreen: isFullscreen, isSmall: isSmall, fullScreenHeight: fullScreenHeight },
                         (header || title) && (React.createElement(ModalHeader, null,
                             header ? header() : React.createElement("h3", null, title),

package/dist/components/modals/modals.js.map

@@ -1 +1 @@
-{"version":3,"file":"modals.js","sourceRoot":"","sources":["../../../src/components/modals/modals.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"modals.js","sourceRoot":"","sources":["../../../src/components/modals/modals.tsx"],"names":[],"mappings":"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"}

package/dist/components/modals/modals.stories.js

@@ -1,97 +1,78 @@
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-import { select, text, withKnobs } from '@storybook/addon-knobs';
-import { storiesOf } from '@storybook/react';
+import { faRocket } from '@fortawesome/pro-solid-svg-icons';
+import { select, text } from '@storybook/addon-knobs';
 import React, { useState } from 'react';
-import { GlobalStyles } from '../../utils/globalStyles';
+import { Button } from '../buttons';
+import { InlineMessage } from '../inlineMessages';
+import ShortcutTip from '../tip/shortcutTip';
 import { Modal } from '.';
-import { ThemeProvider } from '../themeProvider';
-import { defaultTheme } from '../../styles/theme';
 import ModalSearchable from './components/ModalSearchable';
-import ShortcutTip from '../tip/shortcutTip';
-import { InlineMessage } from '../inlineMessages';
-import { faRocket } from '@fortawesome/pro-solid-svg-icons';
-import { Button } from '../buttons/Button';
 import { ConfirmationModal } from './confirmationModal';
-var stories = storiesOf('Modals', module);
-stories.addDecorator(withKnobs);
-stories.add('Open modal', function () {
+export var OpenModal = function () {
     var _a = useState(true), isOpen = _a[0], setOpen = _a[1];
-    return (React.createElement(ThemeProvider, { theme: defaultTheme },
-        React.createElement(GlobalStyles, null),
+    return (React.createElement(React.Fragment, null,
         "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi quae deserunt deleniti! Voluptas nobis eligendi reprehenderit minima, dolor deleniti officia nemo quibusdam. Eligendi aut deleniti enim sed reiciendis, laudantium obcaecati?",
-        React.createElement(Modal, { title: "Titolo del modale", isOpen: isOpen, onActionClose: function () {
+        React.createElement(Modal, { title: 'Titolo del modale', isOpen: isOpen, onActionClose: function () {
                 setOpen(false);
             }, footer: function () { return (React.createElement(React.Fragment, null,
                 React.createElement("div", null),
                 React.createElement("div", null,
-                    React.createElement(Button, { text: "Send" })))); } }, "Something")));
-});
-stories.add('big text', function () {
+                    React.createElement(Button, { text: 'Send' })))); } }, "Something")));
+};
+var junkTexts = Array.from({ length: 90 }, function (e, i) { return i; }).map(function () { return "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi quae deserunt deleniti! Voluptas nobis eligendi\n      reprehenderit minima, dolor deleniti officia nemo quibusdam. Eligendi aut deleniti enim sed reiciendis, laudantium\n      obcaecati?"; });
+export var BigText = function () {
     var _a = useState(true), isOpen = _a[0], setOpen = _a[1];
-    return (React.createElement(ThemeProvider, { theme: defaultTheme },
-        React.createElement(GlobalStyles, null),
+    return (React.createElement(React.Fragment, null,
         "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi quae deserunt deleniti! Voluptas nobis eligendi reprehenderit minima, dolor deleniti officia nemo quibusdam. Eligendi aut deleniti enim sed reiciendis, laudantium obcaecati?",
-        React.createElement(Modal, { isOpen: isOpen, title: "Titolo del modale", onActionClose: function () { return setOpen(false); }, footer: function () { return (React.createElement(React.Fragment, null,
+        React.createElement(Modal, { isOpen: isOpen, title: 'Titolo del modale', onActionClose: function () { return setOpen(false); }, footer: function () { return (React.createElement(React.Fragment, null,
                 React.createElement("div", null),
                 React.createElement("div", null,
-                    React.createElement(Button, { text: "Send" })))); } }, __spreadArrays(Array(90)).map(function () { return "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi quae deserunt deleniti! Voluptas nobis eligendi\n      reprehenderit minima, dolor deleniti officia nemo quibusdam. Eligendi aut deleniti enim sed reiciendis, laudantium\n      obcaecati?"; }))));
-});
-stories.add('fullscreen', function () {
+                    React.createElement(Button, { text: 'Send' })))); } }, junkTexts)));
+};
+export var Fullscreen = function () {
     var _a = useState(true), isOpen = _a[0], setOpen = _a[1];
-    return (React.createElement(ThemeProvider, { theme: defaultTheme },
-        React.createElement(GlobalStyles, null),
+    return (React.createElement(React.Fragment, null,
         "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi quae deserunt deleniti! Voluptas nobis eligendi reprehenderit minima, dolor deleniti officia nemo quibusdam. Eligendi aut deleniti enim sed reiciendis, laudantium obcaecati?",
-        React.createElement(Modal, { isOpen: isOpen, title: "Titolo del modale", onActionClose: function () { return setOpen(false); }, isFullscreen: true, footer: function () { return (React.createElement(React.Fragment, null,
+        React.createElement(Modal, { isOpen: isOpen, title: 'Titolo del modale', onActionClose: function () { return setOpen(false); }, isFullscreen: true, footer: function () { return (React.createElement(React.Fragment, null,
                 React.createElement("div", null),
                 React.createElement("div", null,
-                    React.createElement(Button, { text: "Send" })))); } }, "Something")));
-});
-stories.add('small', function () {
+                    React.createElement(Button, { text: 'Send' })))); } }, "Something")));
+};
+export var Small = function () {
     var _a = useState(true), isOpen = _a[0], setOpen = _a[1];
-    return (React.createElement(ThemeProvider, { theme: defaultTheme },
-        React.createElement(GlobalStyles, null),
+    return (React.createElement(React.Fragment, null,
         "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi quae deserunt deleniti! Voluptas nobis eligendi reprehenderit minima, dolor deleniti officia nemo quibusdam. Eligendi aut deleniti enim sed reiciendis, laudantium obcaecati?",
-        React.createElement(Modal, { isOpen: isOpen, title: "Titolo del modale", onActionClose: function () { return setOpen(false); }, isSmall: true, footer: function () { return (React.createElement(React.Fragment, null,
+        React.createElement(Modal, { isOpen: isOpen, title: 'Titolo del modale', onActionClose: function () { return setOpen(false); }, isSmall: true, footer: function () { return (React.createElement(React.Fragment, null,
                 React.createElement("div", null),
                 React.createElement("div", null,
-                    React.createElement(Button, { text: "Send" })))); } },
+                    React.createElement(Button, { text: 'Send' })))); } },
             React.createElement("p", null, "Use your password"),
-            React.createElement("input", { type: "password" }))));
-});
-stories.add('with search', function () {
+            React.createElement("input", { type: 'password' }))));
+};
+export var WithSearch = function () {
     var _a = useState(''), inputSearch = _a[0], setSearchedValue = _a[1];
     var _b = useState(true), isOpen = _b[0], setOpen = _b[1];
-    return (React.createElement(ThemeProvider, { theme: defaultTheme },
-        React.createElement(GlobalStyles, null),
-        React.createElement(ModalSearchable, { isOpen: isOpen, handleChangeValue: setSearchedValue, value: inputSearch, placeholder: 'Cerca qualcosa', title: "Titolo del modale", onActionClose: function () { return setOpen(false); }, footer: function () { return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement(Button, { text: "Send" })))); } },
-            React.createElement(React.Fragment, null,
-                React.createElement("p", null, inputSearch),
-                React.createElement("p", null, "Use your password"),
-                React.createElement("input", { type: "password" })))));
-});
+    return (React.createElement(ModalSearchable, { isOpen: isOpen, handleChangeValue: setSearchedValue, value: inputSearch, placeholder: 'Cerca qualcosa', title: 'Titolo del modale', onActionClose: function () { return setOpen(false); }, footer: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement(Button, { text: 'Send' })))); } },
+        React.createElement(React.Fragment, null,
+            React.createElement("p", null, inputSearch),
+            React.createElement("p", null, "Use your password"),
+            React.createElement("input", { type: 'password' }))));
+};
 var rocketIcon = {
-    icon: faRocket
+    icon: faRocket,
 };
-stories.add('first time', function () {
+export var FirstTime = function () {
     var _a = useState(true), isOpen = _a[0], setOpen = _a[1];
     var _b = useState(true), showMessage = _b[0], setShowMessage = _b[1];
-    return (React.createElement(ThemeProvider, { theme: defaultTheme },
-        React.createElement(GlobalStyles, null),
+    return (React.createElement(React.Fragment, null,
         "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi quae deserunt deleniti! Voluptas nobis eligendi reprehenderit minima, dolor deleniti officia nemo quibusdam. Eligendi aut deleniti enim sed reiciendis, laudantium obcaecati?",
-        React.createElement(Modal, { title: "Titolo del modale", isOpen: isOpen, onActionClose: function () {
+        React.createElement(Modal, { title: 'Titolo del modale', isOpen: isOpen, onActionClose: function () {
                 setOpen(false);
             }, footer: function () { return (React.createElement(React.Fragment, null,
                 React.createElement("div", null),
                 React.createElement("div", null,
-                    React.createElement(Button, { text: "Send" })))); }, topAttachment: function () {
+                    React.createElement(Button, { text: 'Send' })))); }, topAttachment: function () {
                 return showMessage && (React.createElement(InlineMessage, { icon: rocketIcon, title: 'Abbiamo migliorato il cambio del profilo!', type: 'info', onClose: function () { return setShowMessage(false); }, renderContent: function () { return (React.createElement(React.Fragment, null,
                         "Ora puoi cercare direttamente all'interno della lista.",
                         React.createElement("br", null),
@@ -100,23 +81,22 @@ stories.add('first time', function () {
                         " premendo ",
                         React.createElement("b", null, "\u2318P"))); } }));
             } }, "Something")));
-});
-stories.add('with tips', function () {
+};
+export var WithTips = function () {
     var _a = useState(true), isOpen = _a[0], setOpen = _a[1];
     var _b = useState(true), showTip = _b[0], setShowTip = _b[1];
-    return (React.createElement(ThemeProvider, { theme: defaultTheme },
-        React.createElement(GlobalStyles, null),
+    return (React.createElement(React.Fragment, null,
         "Lorem ipsum, dolor sit amet consectetur adipisicing elit. Commodi quae deserunt deleniti! Voluptas nobis eligendi reprehenderit minima, dolor deleniti officia nemo quibusdam. Eligendi aut deleniti enim sed reiciendis, laudantium obcaecati?",
-        React.createElement(Modal, { title: "Titolo del modale", isOpen: isOpen, onActionClose: function () {
+        React.createElement(Modal, { title: 'Titolo del modale', isOpen: isOpen, onActionClose: function () {
                 setOpen(false);
             }, footer: function () { return (React.createElement(React.Fragment, null,
                 React.createElement("div", null),
                 React.createElement("div", null,
-                    React.createElement(Button, { text: "Send" })))); }, bottomAttachment: function () {
-                return showTip && (React.createElement(ShortcutTip, { text: "Puoi aprire velocemente questa ricerca premendo", shortcut: "\u2318P", onClose: function () { return setShowTip(false); } }));
+                    React.createElement(Button, { text: 'Send' })))); }, bottomAttachment: function () {
+                return showTip && (React.createElement(ShortcutTip, { text: 'Puoi aprire velocemente questa ricerca premendo', shortcut: '\u2318P', onClose: function () { return setShowTip(false); } }));
             } }, "Something")));
-});
-stories.add('confirmation modal ', function () {
+};
+export var _ConfirmationModal = function () {
     var _a = useState(true), isOpen = _a[0], setOpen = _a[1];
     var title = text('title', 'Eliminare busta paga?');
     var description = text('description', 'Perderai questa busta paga, i suoi allegati e le informazioni contenute.');
@@ -125,11 +105,14 @@ stories.add('confirmation modal ', function () {
         error: 'error',
         info: 'info',
         warning: 'warning',
-        success: 'success'
+        success: 'success',
     }, 'error');
     var actionText = text('actionText', 'Elimina');
-    return (React.createElement(ThemeProvider, { theme: defaultTheme },
-        React.createElement(GlobalStyles, null),
-        React.createElement(ConfirmationModal, { title: title, isOpen: isOpen, setIsOpen: setOpen, actionText: actionText, description: description, onAction: function () { return console.log('on action'); }, question: question, type: type })));
-});
+    return (React.createElement(ConfirmationModal, { title: title, isOpen: isOpen, setIsOpen: setOpen, actionText: actionText, description: description, onAction: function () { return console.log('on action'); }, question: question, type: type }));
+};
+var ModalStories = {
+    title: 'Old Components/Modal',
+    component: Modal,
+};
+export default ModalStories;
 //# sourceMappingURL=modals.stories.js.map