@fattureincloud/fic-design-system 0.3.20 → 0.3.21

package/dist/components/layout/sidebarItem/SidebarItem.js.map

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

package/dist/components/layout/sidebarItem/components/SidebarItemCaret.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+var SidebarItemCaret = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  transition: transform 250ms ease;\n  transform: ", ";\n\n  visibility: ", ";\n"], ["\n  transition: transform 250ms ease;\n  transform: ", ";\n\n  visibility: ", ";\n"])), function (_a) {
+    var isOpen = _a.isOpen;
+    return (isOpen ? 'rotate(90deg)' : 'rotate(0deg)');
+}, function (_a) {
+    var isVisible = _a.isVisible;
+    return (isVisible ? 'visible' : 'hidden');
+});
+export default SidebarItemCaret;
+var templateObject_1;
+//# sourceMappingURL=SidebarItemCaret.js.map

package/dist/components/layout/sidebarItem/components/SidebarItemCaret.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItemCaret.js","sourceRoot":"","sources":["../../../../../src/components/layout/sidebarItem/components/SidebarItemCaret.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAOtC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,uJAAgB,sDAEpC,EAA2D,qBAE1D,EAAqD,KACpE,KAHc,UAAC,EAAU;QAAR,kBAAM;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAAc,CAAC;AAA3C,CAA2C,EAE1D,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;AAAlC,CAAkC,CACpE,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.js

@@ -0,0 +1,27 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { faEllipsisH } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Dropdown } from '../../../dropdown';
+import { Icon } from '../../../icon';
+var renderTrigger = function () { return (React.createElement(IconWrapper, { tabIndex: 0 },
+    React.createElement(Icon, { icon: faEllipsisH, fixedWidth: true }))); };
+var IconWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var triggerStyles = {
+    margin: 'auto',
+    width: '100%',
+    height: '100%',
+    display: 'flex',
+    justifyContent: 'center',
+    alignItems: 'center',
+};
+var SidebarItemDropdown = function (_a) {
+    var className = _a.className, content = _a.content, _b = _a.forceOpen, forceOpen = _b === void 0 ? false : _b;
+    return (React.createElement(Dropdown, { triggerStyles: triggerStyles, className: className, placement: 'right-start', renderTrigger: renderTrigger, content: content, forceOpen: forceOpen }));
+};
+export default SidebarItemDropdown;
+var templateObject_1;
+//# sourceMappingURL=SidebarItemDropdown.js.map

package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItemDropdown.js","sourceRoot":"","sources":["../../../../../src/components/layout/sidebarItem/components/SidebarItemDropdown.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,KAAwB,MAAM,OAAO,CAAA;AAC5C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAqB,MAAM,mBAAmB,CAAA;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAQpC,IAAM,aAAa,GAAG,cAAmB,OAAA,CACvC,oBAAC,WAAW,IAAC,QAAQ,EAAE,CAAC;IACtB,oBAAC,IAAI,IAAC,IAAI,EAAE,WAAW,EAAE,UAAU,SAAG,CAC1B,CACf,EAJwC,CAIxC,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,GAAG,yFAAA,sBAE7B,IAAA,CAAA;AAED,IAAM,aAAa,GAAkB;IACnC,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;CACrB,CAAA;AAED,IAAM,mBAAmB,GAAG,UAAC,EAAgD;QAA9C,wBAAS,EAAE,oBAAO,EAAE,iBAAiB,EAAjB,sCAAiB;IAA2B,OAAA,CAC7F,oBAAC,QAAQ,IACP,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,aAAa,EACxB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,GACpB,CACH;AAT8F,CAS9F,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/layout/sidebarItem/index.js

@@ -0,0 +1,5 @@
+import SidebarItemDropdown from './components/SidebarItemDropdown';
+import SidebarItem, { sidebarItemHeight } from './SidebarItem';
+import sidebarItemPalette from './sidebarItemPalette';
+export { SidebarItem, sidebarItemHeight, sidebarItemPalette, SidebarItemDropdown, };
+//# sourceMappingURL=index.js.map

package/dist/components/layout/sidebarItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layout/sidebarItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,kCAAkC,CAAA;AAClE,OAAO,WAAW,EAAE,EAAE,iBAAiB,EAAoB,MAAM,eAAe,CAAA;AAChF,OAAO,kBAA0C,MAAM,sBAAsB,CAAA;AAG7E,OAAO,EACL,WAAW,EAEX,iBAAiB,EACjB,kBAAkB,EAElB,mBAAmB,GAEpB,CAAA"}

package/dist/components/layout/sidebarItem/sidebarItemPalette.js

@@ -0,0 +1,29 @@
+import defaultPalette from '../../../styles/defaultPalette';
+var sidebarItemPalette = {
+    normal: {
+        color: defaultPalette.black[100],
+        background: 'transparent',
+        hoverColor: defaultPalette.black[100],
+        hoverBackground: defaultPalette.grey[100],
+        dropdownHover: defaultPalette.grey[400],
+        dropdownActive: defaultPalette.grey[600],
+    },
+    active: {
+        color: defaultPalette.white[100],
+        background: defaultPalette.blue[500],
+        hoverColor: defaultPalette.white[100],
+        hoverBackground: defaultPalette.blue[500],
+        dropdownHover: 'rgba(255,255,255,0.16)',
+        dropdownActive: defaultPalette.blue[700],
+    },
+    disabled: {
+        color: defaultPalette.grey[300],
+        background: defaultPalette.grey[100],
+        hoverColor: defaultPalette.grey[300],
+        hoverBackground: defaultPalette.grey[100],
+        dropdownHover: 'transparent',
+        dropdownActive: 'transparent',
+    },
+};
+export default sidebarItemPalette;
+//# sourceMappingURL=sidebarItemPalette.js.map

package/dist/components/layout/sidebarItem/sidebarItemPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebarItemPalette.js","sourceRoot":"","sources":["../../../../src/components/layout/sidebarItem/sidebarItemPalette.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAgB3D,IAAM,kBAAkB,GAAuB;IAC7C,MAAM,EAAE;QACN,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,aAAa;QACzB,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,aAAa,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACvC,cAAc,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC;IACD,MAAM,EAAE;QACN,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,aAAa,EAAE,wBAAwB;QACvC,cAAc,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACzC;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QAC/B,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACzC,aAAa,EAAE,aAAa;QAC5B,cAAc,EAAE,aAAa;KAC9B;CACF,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/layout/sidebarItem/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/layout/sidebarItem/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/layout/sidebarItem/types.ts"],"names":[],"mappings":""}

package/dist/components/layout/sidebarItem/utils.js

@@ -0,0 +1,6 @@
+export var getSidebarItemStyles = function (_a) {
+    var isActive = _a.isActive, isDisabled = _a.isDisabled, theme = _a.theme;
+    var _b = theme.components.sidebarItem, normal = _b.normal, active = _b.active, disabled = _b.disabled;
+    return isDisabled ? disabled : isActive ? active : normal;
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/layout/sidebarItem/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/layout/sidebarItem/utils.ts"],"names":[],"mappings":"AASA,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,EAIR;QAH3B,sBAAQ,EACR,0BAAU,EACV,gBAAK;IAEC,IAAA,iCAA2D,EAAzD,kBAAM,EAAE,kBAAM,EAAE,sBAAyC,CAAA;IAEjE,OAAO,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;AAC3D,CAAC,CAAA"}

package/dist/components/microTag/MicroTag.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { MicroTagBody } from './styled';
+var MicroTag = function (_a) {
+    var text = _a.text, type = _a.type;
+    return React.createElement(MicroTagBody, { type: type }, text);
+};
+export default MicroTag;
+//# sourceMappingURL=MicroTag.js.map

package/dist/components/microTag/MicroTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MicroTag.js","sourceRoot":"","sources":["../../../src/components/microTag/MicroTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAQvC,IAAM,QAAQ,GAAG,UAAC,EAA6B;QAA3B,cAAI,EAAE,cAAI;IAAmC,OAAA,oBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,IAAG,IAAI,CAAgB;AAA/C,CAA+C,CAAA;AAEhH,eAAe,QAAQ,CAAA"}

package/dist/components/microTag/index.js

@@ -0,0 +1,4 @@
+import MicroTag from './MicroTag';
+import microTagPalette from './microTagPalette';
+export { MicroTag, microTagPalette };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/microTag/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,eAAoC,MAAM,mBAAmB,CAAA;AAEpE,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAmB,CAAA"}

package/dist/components/microTag/microTagPalette.js

@@ -0,0 +1,25 @@
+import defaultPalette from '../../styles/defaultPalette';
+var microTagPalette = {
+    error: {
+        backgroundColor: defaultPalette.red[50],
+        color: defaultPalette.red[500],
+    },
+    info: {
+        backgroundColor: defaultPalette.blue[50],
+        color: defaultPalette.blue[500],
+    },
+    standard: {
+        backgroundColor: defaultPalette.grey[50],
+        color: defaultPalette.grey[500],
+    },
+    success: {
+        backgroundColor: defaultPalette.green[50],
+        color: defaultPalette.green[500],
+    },
+    warning: {
+        backgroundColor: defaultPalette.yellow[50],
+        color: defaultPalette.yellow[500],
+    },
+};
+export default microTagPalette;
+//# sourceMappingURL=microTagPalette.js.map

package/dist/components/microTag/microTagPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"microTagPalette.js","sourceRoot":"","sources":["../../../src/components/microTag/microTagPalette.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAcxD,IAAM,eAAe,GAAoB;IACvC,KAAK,EAAE;QACL,eAAe,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;QACvC,KAAK,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;KAC/B;IACD,IAAI,EAAE;QACJ,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACxC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KAChC;IACD,QAAQ,EAAE;QACR,eAAe,EAAE,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC;QACxC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KAChC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACzC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;KACjC;IACD,OAAO,EAAE;QACP,eAAe,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QAC1C,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;KAClC;CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/microTag/microtag.stories.js

@@ -0,0 +1,21 @@
+import { select, text } from '@storybook/addon-knobs';
+import React from 'react';
+import MicroTag from './MicroTag';
+export var Normal = function () { return React.createElement(MicroTag, { text: 'type here', type: 'success' }); };
+export var WithKnobs = function () {
+    var value = text('content', 'TYPE HERE');
+    var type = select('type', {
+        standard: 'standard',
+        error: 'error',
+        info: 'info',
+        warning: 'warning',
+        success: 'success',
+    }, 'success');
+    return React.createElement(MicroTag, { text: value, type: type });
+};
+var MicroTagStories = {
+    title: 'Old Components/MicroTag',
+    component: MicroTag,
+};
+export default MicroTagStories;
+//# sourceMappingURL=microtag.stories.js.map

package/dist/components/microTag/microtag.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"microtag.stories.js","sourceRoot":"","sources":["../../../src/components/microTag/microtag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,QAA2B,MAAM,YAAY,CAAA;AAGpD,MAAM,CAAC,IAAM,MAAM,GAAG,cAAM,OAAA,oBAAC,QAAQ,IAAC,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,GAAI,EAAhD,CAAgD,CAAA;AAE5E,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,WAAW,CAAC,CAAA;IAC1C,IAAM,IAAI,GAAG,MAAM,CACjB,MAAM,EACN;QACE,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;QACZ,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,SAAS;KACnB,EACD,SAAS,CACV,CAAA;IACD,OAAO,oBAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,CAAA;AAC9C,CAAC,CAAA;AAED,IAAM,eAAe,GAAwB;IAC3C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,QAAQ;CACpB,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/microTag/styled.js

@@ -0,0 +1,15 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { getMicroTagStyles } from './utils';
+export var MicroTagBody = styled.div.attrs(getMicroTagStyles)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-block;\n  padding: 0 4px;\n  border-radius: 4px;\n  text-transform: uppercase;\n\n  color: ", ";\n  background-color: ", ";\n"], ["\n  font-weight: 600;\n  font-size: 12px;\n  line-height: 18px;\n  display: inline-block;\n  padding: 0 4px;\n  border-radius: 4px;\n  text-transform: uppercase;\n\n  color: ", ";\n  background-color: ", ";\n"])), function (_a) {
+    var color = _a.color;
+    return color;
+}, function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return backgroundColor;
+});
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/dist/components/microTag/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../src/components/microTag/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,EAAE,iBAAiB,EAAe,MAAM,SAAS,CAAA;AAMxD,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAC1C,iBAAiB,CAClB,qRAAsB,gLASZ,EAAoB,yBACT,EAAwC,KAC7D,KAFU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,EACT,UAAC,EAAmB;QAAjB,oCAAe;IAAO,OAAA,eAAe;AAAf,CAAe,CAC7D,CAAA"}

package/dist/components/microTag/types.js

@@ -0,0 +1 @@
+//# sourceMappingURL=types.js.map

package/dist/components/microTag/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/microTag/types.ts"],"names":[],"mappings":""}

package/dist/components/microTag/utils.js

@@ -0,0 +1,5 @@
+export var getMicroTagStyles = function (_a) {
+    var theme = _a.theme, type = _a.type;
+    return theme.components.microTag[type];
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/microTag/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/microTag/utils.ts"],"names":[],"mappings":"AAeA,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAAgC;QAA9B,gBAAK,EAAE,cAAI;IAAuC,OAAA,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC;AAA/B,CAA+B,CAAA"}

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

@@ -0,0 +1,57 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 { faSearch } from '@fortawesome/pro-light-svg-icons';
+import React from 'react';
+import styled from 'styled-components';
+import { Modal } from '../modals';
+import { StyledIcon } from '../modalStyled';
+var ModalSearchable = function (props) {
+    var children = props.children, className = props.className, handleChangeValue = props.handleChangeValue, placeholder = props.placeholder, value = props.value;
+    var handleChange = function (e) {
+        handleChangeValue(e.currentTarget.value);
+    };
+    var clearInput = function () {
+        handleChangeValue('');
+    };
+    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(ClearButton, { visible: !!value, onClick: clearInput }, "Cancella")));
+    return (React.createElement(Modal, __assign({ className: className, header: function () { return Header; } }, props), children));
+};
+var ClearButton = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  white-space: nowrap;\n  cursor: pointer;\n  padding-right: 10px;\n  border-right: 1px solid ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n  display: ", ";\n"], ["\n  white-space: nowrap;\n  cursor: pointer;\n  padding-right: 10px;\n  border-right: 1px solid ", ";\n  color: ", ";\n  &:hover {\n    color: ", ";\n  }\n  display: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[200];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[500];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[700];
+}, function (_a) {
+    var visible = _a.visible;
+    return (visible ? 'inherit' : 'none');
+});
+var WrapperInput = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  caret-color: ", ";\n  input[type='text'].inputSearchable:focus {\n    outline: none !important;\n    box-shadow: none !important;\n  }\n\n  > input {\n    width: 100%;\n    margin-left: 4px;\n    background-color: ", " !important;\n    border: none;\n    font-size: 20px !important;\n    top: 6px;\n    outline: none;\n    box-shadow: none;\n  }\n\n  > input,\n  input::-webkit-input-placeholder {\n    font-size: 20px;\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  align-items: center;\n  caret-color: ", ";\n  input[type='text'].inputSearchable:focus {\n    outline: none !important;\n    box-shadow: none !important;\n  }\n\n  > input {\n    width: 100%;\n    margin-left: 4px;\n    background-color: ", " !important;\n    border: none;\n    font-size: 20px !important;\n    top: 6px;\n    outline: none;\n    box-shadow: none;\n  }\n\n  > input,\n  input::-webkit-input-placeholder {\n    font-size: 20px;\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.blue[300];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[50];
+});
+export default ModalSearchable;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ModalSearchable.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,51 @@
+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 styled from 'styled-components';
+import { Button } from '../buttons';
+import { Icon } from '../icon';
+import { BodyContent, Buttons, Question, TitleContent } from './confirmationModalStyled';
+import { CustomSizeModal } from './confirmationModalStyled';
+var typeMap = {
+    error: 'error',
+    info: 'info',
+    warning: 'warning',
+    success: 'success',
+};
+var iconMap = {
+    error: faExclamationTriangle,
+    info: faInfoCircle,
+    warning: faExclamationTriangle,
+    success: faCheckCircle,
+};
+var iconColor = {
+    error: 'red',
+    info: 'blue',
+    warning: 'yellow',
+    success: 'green',
+};
+export var ConfirmationModal = function (props) {
+    var type = typeMap[props.type];
+    var icon = iconMap[type];
+    var color = iconColor[type];
+    return (React.createElement(CustomSizeModal, { isOpen: props.isOpen, onActionClose: function () { return props.setIsOpen(false); }, isSmall: true },
+        React.createElement(TitleContent, null,
+            React.createElement(Icon, { icon: icon, size: '1x', color: color }),
+            React.createElement("span", { style: { marginLeft: '10px' } }, props.title)),
+        React.createElement(BodyContent, null, props.description),
+        React.createElement(Question, null, props.question),
+        React.createElement(Buttons, null,
+            React.createElement(Button, { text: 'Annulla', color: 'grey', onClick: function () {
+                    props.setIsOpen(false);
+                } }),
+            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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,13 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { Modal } from './modals';
+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"])));
+export var Buttons = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  margin-top: 24px;\n  margin-bottom: 8px;\n  display: flex;\n  flex-direction: row;\n  line-height: 21px;\n  justify-content: flex-end;\n"], ["\n  margin-top: 24px;\n  margin-bottom: 8px;\n  display: flex;\n  flex-direction: row;\n  line-height: 21px;\n  justify-content: flex-end;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=confirmationModalStyled.js.map

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

@@ -0,0 +1 @@
+{"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

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

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { createGlobalStyle } from 'styled-components';
+export var ModalAnimation = createGlobalStyle(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .ReactModal__Overlay {\n    opacity: 0;\n    transition: all 200ms ease-in-out;\n  }\n  \n  .ReactModal__Overlay--after-open {\n    opacity: 1;\n  }\n  \n  .ReactModal__Overlay--before-close {\n    opacity: 0;\n  }\n  \n  .ReactModal__Overlay--after-open .ReactModal__Content {\n    :not(.fic-modal) {\n        opacity: 1;\n        transform: translate(-50%, -50%);\n       }\n  }\n  \n  .ReactModal__Overlay--before-close .ReactModal__Content {\n    opacity: 0;\n    transform: translate(-50%, 0%);\n  }\n"], ["\n  .ReactModal__Overlay {\n    opacity: 0;\n    transition: all 200ms ease-in-out;\n  }\n  \n  .ReactModal__Overlay--after-open {\n    opacity: 1;\n  }\n  \n  .ReactModal__Overlay--before-close {\n    opacity: 0;\n  }\n  \n  .ReactModal__Overlay--after-open .ReactModal__Content {\n    :not(.fic-modal) {\n        opacity: 1;\n        transform: translate(-50%, -50%);\n       }\n  }\n  \n  .ReactModal__Overlay--before-close .ReactModal__Content {\n    opacity: 0;\n    transform: translate(-50%, 0%);\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=modalAnimation.js.map

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

@@ -0,0 +1 @@
+{"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.js

@@ -0,0 +1,65 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    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 { 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_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 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' : '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_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_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_6 || (templateObject_6 = __makeTemplateObject(["\n          max-height: calc(100vh - (", " * 4));\n        "], ["\n          max-height: calc(100vh - (", " * 4));\n        "])), headerFooterHeight);
+        }
+        return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n        max-height: 100%;\n      "], ["\n        max-height: 100%;\n      "])));
+    }
+});
+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_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_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_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_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

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

package/dist/components/modals/modals.js

@@ -0,0 +1,106 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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 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,
+    },
+};
+var Modal = /** @class */ (function (_super) {
+    __extends(Modal, _super);
+    function Modal(props) {
+        var _this = _super.call(this, props) || this;
+        _this.updateHeight = function () {
+            _this.setState({ fullScreenHeight: window.innerHeight });
+        };
+        _this.hasFooter = function () { return !!_this.props.footerButtons || typeof _this.props.footer === 'function'; };
+        _this.renderFooter = function () {
+            var _a = _this.props, footer = _a.footer, footerButtons = _a.footerButtons;
+            if (footerButtons) {
+                return (React.createElement(React.Fragment, null, footerButtons.map(function (elem, i) { return (React.createElement("div", { key: i },
+                    React.createElement(Button, __assign({}, elem)))); })));
+            }
+            else {
+                return footer ? footer() : undefined;
+            }
+        };
+        _this.handleModalClose = function () {
+            if (_this.props.onActionClose)
+                _this.props.onActionClose();
+        };
+        _this.contentRefCallback = function () {
+            var topAttachment = document.getElementById('top-attachment');
+            if (topAttachment) {
+                _this.setState({ topAttachmentHeight: topAttachment.clientHeight });
+            }
+        };
+        _this.state = { topAttachmentHeight: 0, fullScreenHeight: 0 };
+        return _this;
+    }
+    Modal.prototype.componentDidMount = function () {
+        var isFullscreen = this.props.isFullscreen;
+        if (isFullscreen) {
+            this.updateHeight();
+            window.addEventListener('resize', this.updateHeight);
+        }
+    };
+    Modal.prototype.componentWillUnmount = function () {
+        var isFullscreen = this.props.isFullscreen;
+        if (isFullscreen) {
+            window.removeEventListener('resize', this.updateHeight);
+        }
+    };
+    Modal.prototype.render = function () {
+        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())),
+                    React.createElement(StyledModalBox, { className: className, isFullscreen: isFullscreen, isSmall: isSmall, fullScreenHeight: fullScreenHeight },
+                        (header || title) && (React.createElement(ModalHeader, null,
+                            header ? header() : React.createElement("h3", null, title),
+                            onActionClose ? (React.createElement(ModalHeaderClose, null,
+                                React.createElement(Icon, { icon: faTimes, size: '1x', type: 'light', fixedWidth: true, onClick: this.handleModalClose, className: 'icon' }))) : null)),
+                        React.createElement(ModalBody, { height: height, minHeight: minHeight, isFullscreen: isFullscreen, header: header, title: title, footer: this.props.footer }, this.props.children),
+                        this.hasFooter() && React.createElement(ModalFooter, null, this.renderFooter())),
+                    bottomAttachment && React.createElement(BottomAttachment, null, bottomAttachment())))));
+    };
+    return Modal;
+}(Component));
+export { Modal };
+//# sourceMappingURL=modals.js.map