@fattureincloud/fic-design-system 0.3.20 → 0.3.23

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

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

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

@@ -0,0 +1,118 @@
+import { faRocket } from '@fortawesome/pro-solid-svg-icons';
+import { select, text } from '@storybook/addon-knobs';
+import React, { useState } from 'react';
+import { Button } from '../buttons';
+import { InlineMessage } from '../inlineMessages';
+import ShortcutTip from '../tip/shortcutTip';
+import { Modal } from '.';
+import ModalSearchable from './components/ModalSearchable';
+import { ConfirmationModal } from './confirmationModal';
+export var OpenModal = function () {
+    var _a = useState(true), isOpen = _a[0], setOpen = _a[1];
+    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 () {
+                setOpen(false);
+            }, footer: function () { return (React.createElement(React.Fragment, null,
+                React.createElement("div", null),
+                React.createElement("div", null,
+                    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(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("div", null),
+                React.createElement("div", null,
+                    React.createElement(Button, { text: 'Send' })))); } }, junkTexts)));
+};
+export var Fullscreen = function () {
+    var _a = useState(true), isOpen = _a[0], setOpen = _a[1];
+    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("div", null),
+                React.createElement("div", null,
+                    React.createElement(Button, { text: 'Send' })))); } }, "Something")));
+};
+export var Small = function () {
+    var _a = useState(true), isOpen = _a[0], setOpen = _a[1];
+    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("div", null),
+                React.createElement("div", null,
+                    React.createElement(Button, { text: 'Send' })))); } },
+            React.createElement("p", null, "Use your password"),
+            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(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,
+};
+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(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 () {
+                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 () {
+                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),
+                        "Puoi aprire velocemente questa ",
+                        React.createElement("b", null, "ricerca"),
+                        " premendo ",
+                        React.createElement("b", null, "\u2318P"))); } }));
+            } }, "Something")));
+};
+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(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 () {
+                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); } }));
+            } }, "Something")));
+};
+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.');
+    var question = text('question', 'Sei sicuro di voler eliminare questo elemento?');
+    var type = select('type', {
+        error: 'error',
+        info: 'info',
+        warning: 'warning',
+        success: 'success',
+    }, 'error');
+    var actionText = text('actionText', 'Elimina');
+    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

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

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

package/dist/components/modals/styleCreators/styledModalBoxWidth.js

@@ -0,0 +1,10 @@
+export var styledModalBoxWidth = function (isSmall, isFullscreen) {
+    if (isFullscreen) {
+        return '100vw';
+    }
+    if (isSmall) {
+        return '342px';
+    }
+    return '736px';
+};
+//# sourceMappingURL=styledModalBoxWidth.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styledModalBoxWidth.js","sourceRoot":"","sources":["../../../../src/components/modals/styleCreators/styledModalBoxWidth.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,IAAM,mBAAmB,GAAyB,UAAC,OAAO,EAAE,YAAY;IAC7E,IAAI,YAAY,EAAE;QAChB,OAAO,OAAO,CAAA;KACf;IAED,IAAI,OAAO,EAAE;QACX,OAAO,OAAO,CAAA;KACf;IAED,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/dist/components/modals/types.js

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

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

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

package/dist/components/pageEmptySet/index.js

@@ -0,0 +1,3 @@
+import { PageEmptySet } from './pageEmptySet';
+export { PageEmptySet };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/pageEmptySet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/dist/components/pageEmptySet/pageEmptySet.js

@@ -0,0 +1,46 @@
+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 React, { useMemo } from 'react';
+import styled from 'styled-components';
+import { Button } from '../buttons';
+import { Icon } from '../icon';
+var StyledWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 90vw;\n  margin: 0 auto;\n  text-align: center;\n  @media screen and (min-width: 768px) {\n    width: 376px;\n  }\n  .icon {\n    background-color: ", ";\n    width: 176px;\n    height: 176px;\n    border-radius: 50%;\n    color: ", ";\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 76px;\n  }\n  h5 {\n    margin-top: 2rem;\n    margin-bottom: 0;\n    font-weight: 500;\n    font-size: 20px;\n    line-height: 30px;\n    color: ", ";\n  }\n  p {\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 21px;\n    color: ", ";\n  }\n"], ["\n  width: 90vw;\n  margin: 0 auto;\n  text-align: center;\n  @media screen and (min-width: 768px) {\n    width: 376px;\n  }\n  .icon {\n    background-color: ", ";\n    width: 176px;\n    height: 176px;\n    border-radius: 50%;\n    color: ", ";\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 76px;\n  }\n  h5 {\n    margin-top: 2rem;\n    margin-bottom: 0;\n    font-weight: 500;\n    font-size: 20px;\n    line-height: 30px;\n    color: ", ";\n  }\n  p {\n    margin-top: 0.5rem;\n    margin-bottom: 1.5rem;\n    font-weight: 400;\n    font-size: 14px;\n    line-height: 21px;\n    color: ", ";\n  }\n"])), function (_a) {
+    var palette = _a.theme.palette;
+    return palette.red[50];
+}, function (_a) {
+    var palette = _a.theme.palette;
+    return palette.red[500];
+}, function (_a) {
+    var palette = _a.theme.palette;
+    return palette.black[100];
+}, function (_a) {
+    var palette = _a.theme.palette;
+    return palette.black[80];
+});
+export var PageEmptySet = function (_a) {
+    var action = _a.action, icon = _a.icon, text = _a.text, title = _a.title;
+    var button = useMemo(function () {
+        return action ? (React.createElement(Button, { onClick: function () { return action.action(); }, iconLeft: action.icon ? action.icon : undefined, text: action.text, color: 'green' })) : null;
+    }, [action]);
+    return (React.createElement(StyledWrapper, null,
+        icon && (React.createElement("div", { className: 'icon' },
+            React.createElement(Icon, __assign({}, icon)))),
+        title && React.createElement("h5", null, title),
+        text && React.createElement("p", null, text),
+        button));
+};
+var templateObject_1;
+//# sourceMappingURL=pageEmptySet.js.map

package/dist/components/pageEmptySet/pageEmptySet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageEmptySet.js","sourceRoot":"","sources":["../../../src/components/pageEmptySet/pageEmptySet.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AAazC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,muBAAA,iKAQR,EAA2C,gFAItD,EAA4C,uQAa5C,EAA8C,sJAQ9C,EAA6C,UAEzD,KA3BuB,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;AAAf,CAAe,EAItD,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC;AAAhB,CAAgB,EAa5C,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAlB,CAAkB,EAQ9C,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC;AAAjB,CAAiB,CAEzD,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,EAAoC;QAAlC,kBAAM,EAAE,cAAI,EAAE,cAAI,EAAE,gBAAK;IACtD,IAAM,MAAM,GAAG,OAAO,CACpB;QACE,OAAA,MAAM,CAAC,CAAC,CAAC,CACP,oBAAC,MAAM,IACL,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,MAAM,EAAE,EAAf,CAAe,EAC9B,QAAQ,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EAC/C,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,KAAK,EAAE,OAAO,GACd,CACH,CAAC,CAAC,CAAC,IAAI;IAPR,CAOQ,EACV,CAAC,MAAM,CAAC,CACT,CAAA;IAED,OAAO,CACL,oBAAC,aAAa;QACX,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,MAAM;YACnB,oBAAC,IAAI,eAAK,IAAI,EAAI,CACd,CACP;QACA,KAAK,IAAI,gCAAK,KAAK,CAAM;QACzB,IAAI,IAAI,+BAAI,IAAI,CAAK;QACrB,MAAM,CACO,CACjB,CAAA;AACH,CAAC,CAAA"}

package/dist/components/pageEmptySet/pageEmptySet.stories.js

@@ -0,0 +1,20 @@
+import { faAirbnb } from '@fortawesome/free-brands-svg-icons';
+import React from 'react';
+import { PageEmptySet } from './index';
+var airBnbIcon = {
+    icon: faAirbnb,
+};
+var action = {
+    action: function () {
+        console.log('click');
+    },
+    text: 'Crea persona',
+    icon: airBnbIcon,
+};
+export var Normal = function () { return (React.createElement(PageEmptySet, { icon: airBnbIcon, title: 'Crea la tua prima persona', text: 'Inserendo le persone relative ai condomini, Domustudio potrà iniziare subito ad aiutarti nel tuo lavoro di amministratore di condominio', action: action })); };
+var PageEmptySetStories = {
+    title: 'Old Components/PageEmptySet',
+    component: PageEmptySet,
+};
+export default PageEmptySetStories;
+//# sourceMappingURL=pageEmptySet.stories.js.map

package/dist/components/pageEmptySet/pageEmptySet.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pageEmptySet.stories.js","sourceRoot":"","sources":["../../../src/components/pageEmptySet/pageEmptySet.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAA;AAE7D,OAAO,KAAyB,MAAM,OAAO,CAAA;AAG7C,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC,IAAM,UAAU,GAAc;IAC5B,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,IAAM,MAAM,GAAG;IACb,MAAM,EAAE;QACN,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAA;IACtB,CAAC;IACD,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,UAAU;CACjB,CAAA;AAED,MAAM,CAAC,IAAM,MAAM,GAAG,cAAM,OAAA,CAC1B,oBAAC,YAAY,IACX,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,2BAA2B,EAClC,IAAI,EACF,yIAAyI,EAE3I,MAAM,EAAE,MAAM,GACd,CACH,EAT2B,CAS3B,CAAA;AAED,IAAM,mBAAmB,GAA8C;IACrE,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,YAAY;CACxB,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/components/pagination/index.js

@@ -0,0 +1,50 @@
+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 range from 'lodash/range';
+import React from 'react';
+import { StyledWrapper } from './paginationStyledWrapper';
+var PaginationComponent = function (props) {
+    var numberOfPages = Math.ceil(props.listSize / props.pageSize);
+    var managedCurrentPage = Math.min(props.currentPage, numberOfPages);
+    var pageRange = range(managedCurrentPage - 3, managedCurrentPage + 4).filter(function (page) { return page > 0 && page <= numberOfPages; });
+    var backActive = false;
+    if (props.currentPage > 1 && Boolean(props.prevPageAction) && props.listSize) {
+        backActive = true;
+    }
+    return (React.createElement("div", { className: 'pagination' },
+        React.createElement("div", { onClick: function () {
+                if (props.prevPageAction && backActive) {
+                    props.prevPageAction();
+                }
+            }, className: 'pagination__element' + " " + (backActive ? '' : 'deactivated') }, props.prevText),
+        !pageRange.includes(1) ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { onClick: function () {
+                    props.changePageAction(1);
+                }, className: "pagination__element " + (props.currentPage === 1 ? 'selected' : '') }, "1"),
+            pageRange[0] - 1 !== 1 ? React.createElement("div", { className: 'pagination__element' }, "...") : null)) : null,
+        pageRange.map(function (o, i) { return (React.createElement("div", { key: i, onClick: function () {
+                props.changePageAction(o);
+            }, className: "pagination__element " + (o === managedCurrentPage ? 'selected' : '') }, o)); }),
+        !pageRange.includes(numberOfPages) ? (React.createElement(React.Fragment, null,
+            numberOfPages - pageRange[pageRange.length - 1] !== 1 ? (React.createElement("div", { className: 'pagination__element' }, "...")) : null,
+            React.createElement("div", { onClick: function () {
+                    props.changePageAction(numberOfPages);
+                }, className: "pagination__element " + (props.currentPage === numberOfPages ? 'selected' : '') }, numberOfPages))) : null,
+        React.createElement("div", { onClick: function () {
+                if (props.nextPageAction && props.currentPage < numberOfPages) {
+                    props.nextPageAction();
+                }
+            }, className: 'pagination__element' + " " + (props.nextPageAction && props.currentPage >= numberOfPages ? 'deactivated' : '') }, props.nextText)));
+};
+export var Pagination = function (props) { return (React.createElement(StyledWrapper, null,
+    React.createElement(PaginationComponent, __assign({}, props)))); };
+//# sourceMappingURL=index.js.map

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

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

package/dist/components/pagination/pagination.stories.js

@@ -0,0 +1,21 @@
+import { number } from '@storybook/addon-knobs';
+import React from 'react';
+import { Pagination } from '.';
+export var Normal = function () {
+    var listSize = number('listSize', 100);
+    var pageSize = number('pageSize', 8);
+    var currentPage = number('currentPage', 1);
+    return (React.createElement(Pagination, { listSize: listSize, pageSize: pageSize, changePageAction: function (pageNumber) {
+            console.log(pageNumber);
+        }, nextPageAction: function () {
+            console.log('next');
+        }, prevPageAction: function () {
+            console.log('prev');
+        }, currentPage: currentPage, prevText: 'Indietro', nextText: 'Avanti' }));
+};
+var PaginationStories = {
+    title: 'Old Components/Pagination',
+    component: Pagination,
+};
+export default PaginationStories;
+//# sourceMappingURL=pagination.stories.js.map

package/dist/components/pagination/pagination.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.stories.js","sourceRoot":"","sources":["../../../src/components/pagination/pagination.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,GAAG,CAAA;AAG9B,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,GAAG,CAAC,CAAA;IACxC,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC,CAAC,CAAA;IACtC,IAAM,WAAW,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;IAE5C,OAAO,CACL,oBAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,gBAAgB,EAAE,UAAA,UAAU;YAC1B,OAAO,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;QACzB,CAAC,EACD,cAAc,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACrB,CAAC,EACD,cAAc,EAAE;YACd,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QACrB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAC,QAAQ,GACjB,CACH,CAAA;AACH,CAAC,CAAA;AAED,IAAM,iBAAiB,GAA0B;IAC/C,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,UAAU;CACtB,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/dist/components/pagination/paginationStyledWrapper.js

@@ -0,0 +1,12 @@
+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, { css } from 'styled-components';
+export var StyledWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var palette = _a.theme.palette;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .pagination {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: 2rem;\n    }\n\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ", ";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ", ";\n        background-color: ", ";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n  "], ["\n    .pagination {\n      display: flex;\n      justify-content: center;\n      width: 100%;\n      margin-top: 2rem;\n    }\n\n    .pagination__element {\n      padding: 0.5rem;\n      font-size: 14px;\n      line-height: 24px;\n      color: ", ";\n      cursor: pointer;\n      box-sizing: content-box;\n\n      &.deactivated {\n        opacity: 0.6;\n        cursor: not-allowed;\n      }\n\n      &.selected {\n        color: ", ";\n        background-color: ", ";\n        font-weight: 500;\n        border-radius: 4px;\n        height: 24px;\n        width: 24px;\n        text-align: center;\n      }\n    }\n  "])), palette.grey[700], palette.white[100], palette.grey[700]);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=paginationStyledWrapper.js.map

package/dist/components/pagination/paginationStyledWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationStyledWrapper.js","sourceRoot":"","sources":["../../../src/components/pagination/paginationStyledWrapper.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+EAAA,MACnC;IA+BD,IACF,KAhCG,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,GAAG,grBAAA,sPAYpB,EAAiB,yLAUf,EAAkB,+BACP,EAAiB,yJAQ1C,KAnBY,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAUf,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EACP,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAvBb,CA+B7B,CACF,CAAA"}

package/dist/components/pagination/types.js

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

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

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

package/dist/components/progressbar/components/styledProgressbarWrapper.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, { css } from 'styled-components';
+import { spacing } from '../../../styles/spacing';
+export var StyledProgressbarWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var color = _a.color, percentage = _a.percentage, palette = _a.theme.palette;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .progression__container {\n      height: ", ";\n      background-color: ", ";\n      position: relative;\n      border-radius: 100px;\n    }\n    .progression__bar {\n      position: absolute;\n      height: 100%;\n      z-index: 1;\n      border-radius: 100px;\n      transition: width 0.35s ease-in-out;\n\n      background-color: ", ";\n      width: ", "%;\n    }\n  "], ["\n    .progression__container {\n      height: ", ";\n      background-color: ", ";\n      position: relative;\n      border-radius: 100px;\n    }\n    .progression__bar {\n      position: absolute;\n      height: 100%;\n      z-index: 1;\n      border-radius: 100px;\n      transition: width 0.35s ease-in-out;\n\n      background-color: ", ";\n      width: ", "%;\n    }\n  "])), spacing.s, palette.grey[100], palette[color ? color : 'blue'][500], percentage);
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=styledProgressbarWrapper.js.map

package/dist/components/progressbar/components/styledProgressbarWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledProgressbarWrapper.js","sourceRoot":"","sources":["../../../../src/components/progressbar/components/styledProgressbarWrapper.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AAGjD,MAAM,CAAC,IAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,+EAAmC,MACjF;IAiBD,IACF,KAlBG,UAAC,EAAyC;QAAvC,gBAAK,EAAE,0BAAU,EAAW,0BAAO;IAAS,OAAA,GAAG,6bAAA,iDAEtC,EAAS,6BACC,EAAiB,mQAWjB,EAAoC,kBAC/C,EAAU,eAEtB,KAfa,OAAO,CAAC,CAAC,EACC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAWjB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAC/C,UAAU;AAf0B,CAiBhD,CACF,CAAA"}

package/dist/components/progressbar/index.js

@@ -0,0 +1,3 @@
+import Progressbar from './progressbar';
+export { Progressbar };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/progressbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/progressbar/progressbar.js

@@ -0,0 +1,44 @@
+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 React, { Component } from 'react';
+import { StyledProgressbarWrapper } from './components/styledProgressbarWrapper';
+var UnstyledProgressbar = /** @class */ (function (_super) {
+    __extends(UnstyledProgressbar, _super);
+    function UnstyledProgressbar(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {};
+        return _this;
+    }
+    UnstyledProgressbar.prototype.render = function () {
+        return (React.createElement("div", { className: 'progression__container' },
+            React.createElement("div", { className: 'progression__bar' })));
+    };
+    return UnstyledProgressbar;
+}(Component));
+export { UnstyledProgressbar };
+var Progressbar = function (props) { return (React.createElement(StyledProgressbarWrapper, __assign({}, props),
+    React.createElement(UnstyledProgressbar, __assign({}, props)))); };
+export default Progressbar;
+//# sourceMappingURL=progressbar.js.map

package/dist/components/progressbar/progressbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressbar.js","sourceRoot":"","sources":["../../../src/components/progressbar/progressbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,wBAAwB,EAAE,MAAM,uCAAuC,CAAA;AAGhF;IAAyC,uCAGxC;IACC,6BAAY,KAAwC;QAApD,YACE,kBAAM,KAAK,CAAC,SAGb;QADC,KAAI,CAAC,KAAK,GAAG,EAAE,CAAA;;IACjB,CAAC;IAED,oCAAM,GAAN;QACE,OAAO,CACL,6BAAK,SAAS,EAAC,wBAAwB;YACrC,6BAAK,SAAS,EAAC,kBAAkB,GAAO,CACpC,CACP,CAAA;IACH,CAAC;IACH,0BAAC;AAAD,CAAC,AAjBD,CAAyC,SAAS,GAiBjD;;AAED,IAAM,WAAW,GAAiB,UAAA,KAAK,IAAI,OAAA,CACzC,oBAAC,wBAAwB,eAAK,KAAK;IACjC,oBAAC,mBAAmB,eAAK,KAAK,EAAI,CACT,CAC5B,EAJ0C,CAI1C,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/progressbar/progressbar.stories.js

@@ -0,0 +1,70 @@
+import { number } from '@storybook/addon-knobs';
+import React, { useEffect, useState } from 'react';
+import { Progressbar } from '.';
+export var Editable = function () {
+    var percentage = number('percentage', 20);
+    return (React.createElement("div", { style: { width: '300px' } },
+        React.createElement(Progressbar, { percentage: percentage, color: 'green' })));
+};
+var ProgressbarWithState = function () {
+    var _a = useState(0), percentage = _a[0], setPercentage = _a[1];
+    useEffect(function () {
+        if (percentage < 100) {
+            setTimeout(function () {
+                setPercentage(function (percentage) { return percentage + 20; });
+            }, 1000);
+        }
+    }, [percentage]);
+    return React.createElement(Progressbar, { percentage: percentage, color: 'green' });
+};
+export var Autocomplete = function () { return (React.createElement("div", { style: { width: '300px' } },
+    React.createElement(ProgressbarWithState, null))); };
+export var AllColors = function () { return (React.createElement(React.Fragment, null,
+    React.createElement("div", { style: { width: '300px' } },
+        React.createElement(Progressbar, { percentage: 20, color: 'green' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 40, color: 'blue' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 60, color: 'red' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 80, color: 'yellow' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 100, color: 'grey' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 100, color: 'green' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 80, color: 'blue' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 60, color: 'red' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 40, color: 'yellow' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 20, color: 'grey' })),
+    React.createElement("br", null),
+    React.createElement("br", null),
+    React.createElement("div", { style: { width: '100%' } },
+        React.createElement(Progressbar, { percentage: 20, color: 'green' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 40, color: 'blue' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 60, color: 'red' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 80, color: 'yellow' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 100, color: 'grey' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 100, color: 'green' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 80, color: 'blue' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 60, color: 'red' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 40, color: 'yellow' }),
+        React.createElement("br", null),
+        React.createElement(Progressbar, { percentage: 20, color: 'grey' })))); };
+var ProgressbarStories = {
+    title: 'Old Components/Progressbar',
+    component: Progressbar,
+};
+export default ProgressbarStories;
+//# sourceMappingURL=progressbar.stories.js.map