@fattureincloud/fic-design-system 0.3.18 → 0.3.22

package/dist/components/stepper/stepper.stories.js

@@ -0,0 +1,14 @@
+import { array, number } from '@storybook/addon-knobs';
+import React from 'react';
+import Stepper from './Stepper';
+export var WithKnobs = function () {
+    var currentStep = number('currentStep', 2);
+    var steps = array('steps', ['Step Iniziale', 'Step2', 'Step3', 'Step Finale']);
+    return React.createElement(Stepper, { currentStep: currentStep, steps: steps });
+};
+var StepperStories = {
+    title: 'Old Components/Stepper',
+    component: Stepper,
+};
+export default StepperStories;
+//# sourceMappingURL=stepper.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.stories.js","sourceRoot":"","sources":["../../../src/components/stepper/stepper.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAEtD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,OAAyB,MAAM,WAAW,CAAA;AAEjD,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,WAAW,GAAG,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC,CAAA;IAC5C,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,EAAE,CAAC,eAAe,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC,CAAA;IAEhF,OAAO,oBAAC,OAAO,IAAC,WAAW,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,GAAI,CAAA;AAC5D,CAAC,CAAA;AAED,IAAM,cAAc,GAAuB;IACzC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/stepper/stepperPalette.js

@@ -0,0 +1,22 @@
+import defaultPalette from '../../styles/defaultPalette';
+var stepperPalette = {
+    item: {
+        normal: {
+            color: defaultPalette.grey[500],
+            circleBackground: defaultPalette.grey[500],
+            circleTextColor: defaultPalette.white[100],
+        },
+        active: {
+            color: defaultPalette.blue[500],
+            circleBackground: defaultPalette.blue[500],
+            circleTextColor: defaultPalette.white[100],
+        },
+        completed: {
+            color: defaultPalette.grey[500],
+            circleBackground: defaultPalette.green[500],
+            circleTextColor: defaultPalette.white[100],
+        },
+    },
+};
+export default stepperPalette;
+//# sourceMappingURL=stepperPalette.js.map

package/dist/components/stepper/stepperPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperPalette.js","sourceRoot":"","sources":["../../../src/components/stepper/stepperPalette.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAkBxD,IAAM,cAAc,GAAmB;IACrC,IAAI,EAAE;QACJ,MAAM,EAAE;YACN,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/B,gBAAgB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAC1C,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;SAC3C;QACD,MAAM,EAAE;YACN,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/B,gBAAgB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAC1C,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;SAC3C;QACD,SAAS,EAAE;YACT,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/B,gBAAgB,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;YAC3C,eAAe,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;SAC3C;KACF;CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/stepper/types.js

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

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

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

package/dist/components/stepper/utils.js

@@ -0,0 +1,12 @@
+export var getItemStatus = function (itemStep, currentStep) {
+    if (itemStep < currentStep) {
+        return 'completed';
+    }
+    else if (itemStep === currentStep) {
+        return 'active';
+    }
+    else {
+        return 'normal';
+    }
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/stepper/utils.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,QAAgB,EAAE,WAAmB;IACjE,IAAI,QAAQ,GAAG,WAAW,EAAE;QAC1B,OAAO,WAAW,CAAA;KACnB;SAAM,IAAI,QAAQ,KAAK,WAAW,EAAE;QACnC,OAAO,QAAQ,CAAA;KAChB;SAAM;QACL,OAAO,QAAQ,CAAA;KAChB;AACH,CAAC,CAAA"}

package/dist/components/table/components/actionLink.js

@@ -0,0 +1,9 @@
+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 ActionLink = styled.a(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: 1rem;\n  cursor: pointer;\n  user-select: none;\n  &:hover {\n    text-decoration: underline;\n  }\n  ", "\n"], ["\n  margin-right: 1rem;\n  cursor: pointer;\n  user-select: none;\n  &:hover {\n    text-decoration: underline;\n  }\n  ",
+    "\n"])), function (props) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: ", ";\n  "], ["\n    color: ", ";\n  "])), props.color); });
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=actionLink.js.map

package/dist/components/table/components/actionLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionLink.js","sourceRoot":"","sources":["../../../../src/components/table/components/actionLink.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,CAAC,mMAEhC,0HAOE;IAED,IACF,KAHG,UAAA,KAAK,IAAI,OAAA,GAAG,2FAAA,eACH,EAAW,OACrB,KADU,KAAK,CAAC,KAAK,GADX,CAEV,CACF,CAAA"}

package/dist/components/table/components/actions/actionsContainer.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 styled from 'styled-components';
+export var ActionsContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"], ["\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n"])));
+var templateObject_1;
+//# sourceMappingURL=actionsContainer.js.map

package/dist/components/table/components/actions/actionsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionsContainer.js","sourceRoot":"","sources":["../../../../../src/components/table/components/actions/actionsContainer.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,2KAAA,wGAKzC,IAAA,CAAA"}

package/dist/components/table/components/actions/actionsPopUp.js

@@ -0,0 +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 React from 'react';
+import styled, { css } from 'styled-components';
+var StyledWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  right: 0;\n  top: 32px;\n  background-color: ", ";\n  box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.24), 0px 1px 3px rgba(51, 51, 51, 0.12);\n  border-radius: 4px;\n  min-width: 200px;\n  max-width: calc(100% - 2rem);\n  padding: 0.5rem 1rem;\n  z-index: 999;\n  display: none;\n  ", "\n\n  .link_container {\n    margin: 0.5rem 0;\n  }\n"], ["\n  position: absolute;\n  right: 0;\n  top: 32px;\n  background-color: ", ";\n  box-shadow: 0px 1px 2px rgba(51, 51, 51, 0.24), 0px 1px 3px rgba(51, 51, 51, 0.12);\n  border-radius: 4px;\n  min-width: 200px;\n  max-width: calc(100% - 2rem);\n  padding: 0.5rem 1rem;\n  z-index: 999;\n  display: none;\n  ",
+    "\n\n  .link_container {\n    margin: 0.5rem 0;\n  }\n"])), function (_a) {
+    var palette = _a.theme.palette;
+    return palette.white[100];
+}, function (props) {
+    if (props.active) {
+        return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n        display: block;\n      "], ["\n        display: block;\n      "])));
+    }
+    return undefined;
+});
+var Action = styled.p(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  cursor: pointer;\n  user-select: none;\n  ", "\n"], ["\n  cursor: pointer;\n  user-select: none;\n  ",
+    "\n"])), function (props) {
+    if (props.color) {
+        return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n        color: ", ";\n      "], ["\n        color: ", ";\n      "])), props.color);
+    }
+    return undefined;
+});
+export var ActionsPopUp = function (props) { return (React.createElement(StyledWrapper, { active: props.active }, props.actions.map(function (a, ai) { return (React.createElement("div", { key: ai, className: 'link_container' },
+    React.createElement(Action, { className: 'action', key: ai, onClick: function (e) {
+            e.preventDefault();
+            a.action(props.element, props.selectedRows);
+            props.handlePopUpVisibility(undefined);
+        }, color: a.color }, a.label))); }))); };
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=actionsPopUp.js.map

package/dist/components/table/components/actions/actionsPopUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionsPopUp.js","sourceRoot":"","sources":["../../../../../src/components/table/components/actions/actionsPopUp.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAI/C,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+aAAqB,0EAI/B,EAA8C,uOAQhE;IAOD,uDAKF,KApBqB,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAlB,CAAkB,EAQhE,UAAA,KAAK;IACL,IAAI,KAAK,CAAC,MAAM,EAAE;QAChB,OAAO,GAAG,sGAAA,mCAET,KAAA;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CAKF,CAAA;AAED,IAAM,MAAM,GAAG,MAAM,CAAC,CAAC,yHAAoB,gDAGvC;IAOD,IACF,KARG,UAAA,KAAK;IACL,IAAI,KAAK,CAAC,KAAK,EAAE;QACf,OAAO,GAAG,mGAAA,mBACC,EAAW,WACrB,KADU,KAAK,CAAC,KAAK,EACrB;KACF;IACD,OAAO,SAAS,CAAA;AAClB,CAAC,CACF,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAS5B,IAAK,OAAA,CACJ,oBAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,IAChC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,EAAE,IAAK,OAAA,CAC5B,6BAAK,GAAG,EAAE,EAAE,EAAE,SAAS,EAAC,gBAAgB;IACtC,oBAAC,MAAM,IACL,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAE,EAAE,EACP,OAAO,EAAE,UAAA,CAAC;YACR,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC,CAAA;YAC3C,KAAK,CAAC,qBAAqB,CAAC,SAAS,CAAC,CAAA;QACxC,CAAC,EACD,KAAK,EAAE,CAAC,CAAC,KAAK,IAEb,CAAC,CAAC,KAAK,CACD,CACL,CACP,EAf6B,CAe7B,CAAC,CACY,CACjB,EAnBK,CAmBL,CAAA"}

package/dist/components/table/components/actions/actionsPopUpButton.js

@@ -0,0 +1,18 @@
+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, { css } from 'styled-components';
+import { Icon } from '../../../icon';
+var StyledWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  justify-content: center;\n  border-radius: 4px;\n\n  ", "\n"], ["\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  width: 32px;\n  height: 32px;\n  justify-content: center;\n  border-radius: 4px;\n\n  ",
+    "\n"])), function (_a) {
+    var active = _a.active, palette = _a.theme.palette;
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", "\n    &:hover {\n      background-color: ", ";\n    }\n  "], ["\n    ",
+        "\n    &:hover {\n      background-color: ", ";\n    }\n  "])), active && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      background-color: ", ";\n      color: ", ";\n    "], ["\n      background-color: ", ";\n      color: ", ";\n    "])), palette.blue[50], palette.blue[500]), palette.blue[50]);
+});
+export var ActionsPopUpButton = function (props) { return (React.createElement(StyledWrapper, { active: props.active, onClick: function () { return props.handlePopUpVisibility(props.rowId); } },
+    React.createElement(Icon, { icon: faEllipsisH }))); };
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=actionsPopUpButton.js.map

package/dist/components/table/components/actions/actionsPopUpButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionsPopUpButton.js","sourceRoot":"","sources":["../../../../../src/components/table/components/actions/actionsPopUpButton.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEpC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,mOAAqB,0JASjD;IASD,IACF,KAVG,UAAC,EAA8B;QAA5B,kBAAM,EAAW,0BAAO;IAAS,OAAA,GAAG,wIAAA,QACrC;QAID,2CAEqB,EAAgB,cAEvC,KARG,MAAM,IACR,GAAG,8HAAA,4BACmB,EAAgB,kBAC3B,EAAiB,SAC3B,KAFqB,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAC3B,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAC3B,EAEqB,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;AAPF,CASrC,CACF,CAAA;AAID,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,KAAY,IAAK,OAAA,CAClD,oBAAC,aAAa,IAAC,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE,cAAM,OAAA,KAAK,CAAC,qBAAqB,CAAC,KAAK,CAAC,KAAK,CAAC,EAAxC,CAAwC;IAC1F,oBAAC,IAAI,IAAC,IAAI,EAAE,WAAW,GAAI,CACb,CACjB,EAJmD,CAInD,CAAA"}

package/dist/components/table/components/actions/actionsPopUpUnderlay.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 ActionsPopUpUnderlay = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: fixed;\n  top: 0;\n  left: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: none;\n  ", "\n"], ["\n  position: fixed;\n  top: 0;\n  left: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  display: none;\n  ",
+    "\n"])), function (_a) {
+    var active = _a.active;
+    return active && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: block;\n    "], ["\n      display: block;\n    "])));
+});
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=actionsPopUpUnderlay.js.map

package/dist/components/table/components/actions/actionsPopUpUnderlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionsPopUpUnderlay.js","sourceRoot":"","sources":["../../../../../src/components/table/components/actions/actionsPopUpUnderlay.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,8NAAqB,qJAS/D;IAIC,IACJ,KALG,UAAC,EAAU;QAAR,kBAAM;IACT,OAAA,MAAM,IACN,GAAG,kGAAA,+BAEF,IAAA;AAHD,CAGC,CACJ,CAAA"}

package/dist/components/table/components/components/headDesktop.js

@@ -0,0 +1,40 @@
+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 { faEllipsisH } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { Icon } from '../../../icon';
+import { SortIcon } from '../sortIcon';
+var ellipsisIcon = {
+    icon: faEllipsisH,
+};
+export var HeadDesktop = function (_a) {
+    var actions = _a.actions, allChecked = _a.allChecked, controlledProperties = _a.controlledProperties, disableSelection = _a.disableSelection, handleSelectAll = _a.handleSelectAll, handleSortOnProperty = _a.handleSortOnProperty, isLoading = _a.isLoading, propertiesFilter = _a.propertiesFilter, setShowModalCustomizeTrue = _a.setShowModalCustomizeTrue;
+    return (React.createElement("thead", null,
+        React.createElement("tr", null,
+            disableSelection ? null : (React.createElement("th", null,
+                React.createElement("input", { disabled: isLoading, type: 'checkbox', checked: allChecked, onChange: handleSelectAll }))),
+            controlledProperties.map(function (o, i) {
+                if (!o.active) {
+                    return null;
+                }
+                return (React.createElement("th", { key: i, style: o.columnStyle },
+                    React.createElement("div", null,
+                        React.createElement("div", null, o.label),
+                        o.sortable ? (React.createElement(SortIcon, { propertiesFilter: propertiesFilter, property: o.id, handleSortOnProperty: handleSortOnProperty })) : null)));
+            }),
+            actions && actions.length ? React.createElement("th", null, "Azioni") : null,
+            React.createElement("th", { onClick: function () {
+                    setShowModalCustomizeTrue();
+                } },
+                React.createElement(Icon, __assign({}, ellipsisIcon))))));
+};
+//# sourceMappingURL=headDesktop.js.map

package/dist/components/table/components/components/headDesktop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"headDesktop.js","sourceRoot":"","sources":["../../../../../src/components/table/components/components/headDesktop.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAC9D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AActC,IAAM,YAAY,GAAc;IAC9B,IAAI,EAAE,WAAW;CAClB,CAAA;AAED,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAUpB;QATN,oBAAO,EACP,0BAAU,EACV,8CAAoB,EACpB,sCAAgB,EAChB,oCAAe,EACf,8CAAoB,EACpB,wBAAS,EACT,sCAAgB,EAChB,wDAAyB;IACd,OAAA,CACX;QACE;YACG,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACzB;gBACE,+BAAO,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,eAAe,GAAI,CAC3F,CACN;YACA,oBAAoB,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC;gBAC7B,IAAI,CAAC,CAAC,CAAC,MAAM,EAAE;oBACb,OAAO,IAAI,CAAA;iBACZ;gBACD,OAAO,CACL,4BAAI,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,WAAW;oBAC9B;wBACE,iCAAM,CAAC,CAAC,KAAK,CAAO;wBACnB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACZ,oBAAC,QAAQ,IACP,gBAAgB,EAAE,gBAAgB,EAClC,QAAQ,EAAE,CAAC,CAAC,EAAE,EACd,oBAAoB,EAAE,oBAAoB,GAC1C,CACH,CAAC,CAAC,CAAC,IAAI,CACJ,CACH,CACN,CAAA;YACH,CAAC,CAAC;YACD,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,yCAAe,CAAC,CAAC,CAAC,IAAI;YACnD,4BACE,OAAO,EAAE;oBACP,yBAAyB,EAAE,CAAA;gBAC7B,CAAC;gBAED,oBAAC,IAAI,eAAK,YAAY,EAAI,CACvB,CACF,CACC,CACT;AArCY,CAqCZ,CAAA"}

package/dist/components/table/components/components/listMobile.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 React from 'react';
+import styled from 'styled-components';
+var Row = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+export var ListMobile = function (_a) {
+    var data = _a.data, isLoading = _a.isLoading, listSize = _a.listSize, renderMobileRow = _a.renderMobileRow;
+    return (React.createElement("div", null, listSize && !isLoading
+        ? data.map(function (o, i) { return React.createElement(Row, { key: i }, renderMobileRow ? renderMobileRow(o) : undefined); })
+        : undefined));
+};
+var templateObject_1;
+//# sourceMappingURL=listMobile.js.map

package/dist/components/table/components/components/listMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listMobile.js","sourceRoot":"","sources":["../../../../../src/components/table/components/components/listMobile.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,IAAM,GAAG,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAYxB,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAAqD;QAAnD,cAAI,EAAE,wBAAS,EAAE,sBAAQ,EAAE,oCAAe;IAAc,OAAA,CACnF,iCACG,QAAQ,IAAI,CAAC,SAAS;QACrB,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,oBAAC,GAAG,IAAC,GAAG,EAAE,CAAC,IAAG,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAO,EAArE,CAAqE,CAAC;QAC3F,CAAC,CAAC,SAAS,CACT,CACP;AANoF,CAMpF,CAAA"}

package/dist/components/table/components/components/rowDesktop.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import { ActionLink } from '../actionLink';
+import { ActionsContainer } from '../actions/actionsContainer';
+import { ActionsPopUp } from '../actions/actionsPopUp';
+import { ActionsPopUpButton } from '../actions/actionsPopUpButton';
+import { ActionsPopUpUnderlay } from '../actions/actionsPopUpUnderlay';
+export var RowDesktop = function (_a) {
+    var actions = _a.actions, controlledProperties = _a.controlledProperties, currentActionsPopUp = _a.currentActionsPopUp, disableSelection = _a.disableSelection, element = _a.element, handlePopUpVisibility = _a.handlePopUpVisibility, handleSelection = _a.handleSelection, index = _a.index, selectedList = _a.selectedList;
+    return (React.createElement("tr", { className: "" + (selectedList && selectedList.includes(element.id) ? "selected" : "") },
+        disableSelection ? null : (React.createElement("td", null,
+            React.createElement("div", null,
+                React.createElement("input", { type: 'checkbox', checked: selectedList && selectedList.includes(element.id), onChange: function () {
+                        handleSelection(element.id);
+                    } })))),
+        controlledProperties.map(function (p, pi) {
+            if (p.active) {
+                return (React.createElement("td", { key: pi },
+                    React.createElement("div", { className: 'table__value' }, p.render ? p.render(element[p.id], element.id) : React.createElement("span", null, element[p.id]))));
+            }
+            return null;
+        }),
+        actions && actions.length ? (React.createElement("td", null,
+            React.createElement(ActionsContainer, null,
+                actions[0] ? (React.createElement(ActionLink, { onClick: function (e) {
+                        e.preventDefault();
+                        actions[0].action(element, selectedList ? selectedList : []);
+                    }, color: actions[0].color }, actions[0].label)) : null,
+                React.createElement(ActionsPopUpUnderlay, { onClick: function () {
+                        handlePopUpVisibility(undefined);
+                    }, active: Boolean(currentActionsPopUp === index) }),
+                actions && actions.length > 1 && (React.createElement(ActionsPopUpButton, { active: Boolean(currentActionsPopUp === index), rowId: index, handlePopUpVisibility: handlePopUpVisibility })),
+                React.createElement(ActionsPopUp, { active: Boolean(currentActionsPopUp === index), actions: actions.slice(1), selectedRows: selectedList ? selectedList : [], element: element, handlePopUpVisibility: handlePopUpVisibility })))) : null,
+        React.createElement("td", null)));
+};
+//# sourceMappingURL=rowDesktop.js.map

package/dist/components/table/components/components/rowDesktop.js.map

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

package/dist/components/table/components/customizationModal/customizationsModal.js

@@ -0,0 +1,108 @@
+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);
+};
+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 { faTimes } from '@fortawesome/pro-solid-svg-icons';
+import _ from 'lodash';
+import React, { Component } from 'react';
+import { Button } from '../../../buttons';
+import { Icon } from '../../../icon';
+import { StyledWrapper } from './styledWrapper';
+import { UseDnd } from './useDnd';
+import { reorder } from './utils';
+var CustomizationsModal = /** @class */ (function (_super) {
+    __extends(CustomizationsModal, _super);
+    function CustomizationsModal(props) {
+        var _this = _super.call(this, props) || this;
+        _this.propertiesDisplayHandler = function (id) {
+            var localProperties = _this.state.localProperties;
+            var newlocalProperties = localProperties.map(function (o) {
+                if (o.id === id) {
+                    return __assign(__assign({}, o), { active: o.active === 'checked' ? 'unchecked' : 'checked' });
+                }
+                return o;
+            });
+            _this.setState({ localProperties: newlocalProperties });
+        };
+        _this.onDragEnd = function (result, provided) {
+            var localProperties = _this.state.localProperties;
+            var destination = result.destination, source = result.source;
+            if (!result.destination) {
+                return;
+            }
+            if (destination) {
+                var newLocalProperties = reorder(localProperties, source.index, destination.index);
+                _this.setState({
+                    localProperties: newLocalProperties,
+                });
+            }
+        };
+        _this.resetProperties = function () {
+            var properties = _this.props.properties;
+            var resettedProperties = properties.map(function (o) { return (__assign(__assign({}, o), { active: 'checked' })); });
+            resettedProperties = _.orderBy(resettedProperties, 'position', 'asc');
+            _this.setState({ localProperties: resettedProperties });
+        };
+        var properties = _this.props.properties;
+        _this.state = {
+            localProperties: __spreadArrays(properties),
+        };
+        return _this;
+    }
+    CustomizationsModal.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, close = _a.close, modifyControlledPropertiesHandler = _a.modifyControlledPropertiesHandler, properties = _a.properties, show = _a.show, title = _a.title;
+        var localProperties = this.state.localProperties;
+        return (React.createElement(StyledWrapper, { show: show },
+            React.createElement("div", { className: 'modal__container' },
+                React.createElement("div", { className: 'modal__header' },
+                    React.createElement("div", null, title),
+                    React.createElement("div", null,
+                        React.createElement("p", { onClick: close },
+                            React.createElement(Icon, { icon: faTimes })))),
+                React.createElement("div", { className: 'modal__body' },
+                    React.createElement(UseDnd, { onDragEnd: this.onDragEnd, localProperties: this.state.localProperties, propertiesDisplayHandler: this.propertiesDisplayHandler })),
+                React.createElement("div", { className: 'modal__footer' },
+                    React.createElement("div", null,
+                        React.createElement("p", { className: 'link', onClick: this.resetProperties }, "Reimposta")),
+                    React.createElement("div", { className: 'buttons__container' },
+                        React.createElement(Button, { text: 'Annulla', color: 'grey', size: 'large', onClick: function () {
+                                _this.setState({ localProperties: properties });
+                                close();
+                            } }),
+                        React.createElement(Button, { text: 'Applica', size: 'large', onClick: function () {
+                                modifyControlledPropertiesHandler(localProperties);
+                                close();
+                            } }))))));
+    };
+    return CustomizationsModal;
+}(Component));
+export { CustomizationsModal };
+//# sourceMappingURL=customizationsModal.js.map

package/dist/components/table/components/customizationModal/customizationsModal.js.map

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

package/dist/components/table/components/customizationModal/index.js

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

package/dist/components/table/components/customizationModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/table/components/customizationModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,mBAAmB,EAAE,CAAA"}

package/dist/components/table/components/customizationModal/styledWrapper.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';
+export var StyledWrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ",
+    "\n"])), function (_a) {
+    var show = _a.show, palette = _a.theme.palette;
+    return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.14);\n    top: 0;\n    left: 0;\n    display: none;\n    ", "\n    .link {\n      color: ", ";\n      cursor: pointer;\n    }\n    .modal__container {\n      background-color: ", ";\n      width: 424px;\n      box-shadow: 0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08);\n      border-radius: 8px;\n      background-color: ", ";\n    }\n    .modal__header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: ", ";\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n      padding: 0 1.5rem;\n      font-size: 20px;\n      line-height: 30px;\n      p {\n        cursor: pointer;\n      }\n    }\n    .modal__body {\n      padding: 1rem 1.5rem;\n      position: relative;\n      .draggable_element {\n        display: flex;\n        align-items: center;\n        &:hover,\n        &:active {\n          .icon {\n            visibility: visible;\n            color: ", ";\n          }\n        }\n      }\n      .draggable__handle {\n        width: 30px;\n        .icon {\n          display: block;\n          visibility: hidden;\n        }\n      }\n      .draggable__checkbox {\n        margin-bottom: 6px;\n      }\n    }\n    .modal__footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 1.5rem 1.5rem;\n      border-top: 1px solid ", ";\n      font-size: 14px;\n      line-height: 21px;\n      .buttons__container {\n        a {\n          &:first-child {\n            margin-right: 1rem;\n          }\n        }\n      }\n    }\n  "], ["\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.14);\n    top: 0;\n    left: 0;\n    display: none;\n    ",
+        "\n    .link {\n      color: ", ";\n      cursor: pointer;\n    }\n    .modal__container {\n      background-color: ", ";\n      width: 424px;\n      box-shadow: 0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08);\n      border-radius: 8px;\n      background-color: ", ";\n    }\n    .modal__header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      background: ", ";\n      border-top-left-radius: 8px;\n      border-top-right-radius: 8px;\n      padding: 0 1.5rem;\n      font-size: 20px;\n      line-height: 30px;\n      p {\n        cursor: pointer;\n      }\n    }\n    .modal__body {\n      padding: 1rem 1.5rem;\n      position: relative;\n      .draggable_element {\n        display: flex;\n        align-items: center;\n        &:hover,\n        &:active {\n          .icon {\n            visibility: visible;\n            color: ", ";\n          }\n        }\n      }\n      .draggable__handle {\n        width: 30px;\n        .icon {\n          display: block;\n          visibility: hidden;\n        }\n      }\n      .draggable__checkbox {\n        margin-bottom: 6px;\n      }\n    }\n    .modal__footer {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      padding: 1.5rem 1.5rem;\n      border-top: 1px solid ", ";\n      font-size: 14px;\n      line-height: 21px;\n      .buttons__container {\n        a {\n          &:first-child {\n            margin-right: 1rem;\n          }\n        }\n      }\n    }\n  "])), show && css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "], ["\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    "]))), palette.blue[500], palette.white[100], palette.white[100], palette.grey[50], palette.grey[150], palette.grey[100]);
+});
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=styledWrapper.js.map

package/dist/components/table/components/customizationModal/styledWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styledWrapper.js","sourceRoot":"","sources":["../../../../../src/components/table/components/customizationModal/styledWrapper.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,+EAAoB,MACvD;IAgFD,IACF,KAjFG,UAAC,EAA4B;QAA1B,cAAI,EAAW,0BAAO;IAAS,OAAA,GAAG,suDAAA,8JAQnC;QAKD,8BAEU,EAAiB,qFAIN,EAAkB,yKAIlB,EAAkB,6IAMxB,EAAgB,2dAoBf,EAAiB,4aAoBR,EAAiB,uMAW5C,KAxEG,IAAI,IACN,GAAG,6JAAA,0FAIF,IAAA,EAEU,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAIN,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAIlB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAMxB,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAoBf,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAoBR,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AArET,CAgFnC,CACF,CAAA"}

package/dist/components/table/components/customizationModal/useDnd.js

@@ -0,0 +1,31 @@
+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 { faEquals } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
+import { Checkbox } from '../../../form/checkbox';
+import { Icon } from '../../../icon';
+import { getItemStyle, getListStyle } from './utils';
+export var UseDnd = function (_a) {
+    var localProperties = _a.localProperties, onDragEnd = _a.onDragEnd, propertiesDisplayHandler = _a.propertiesDisplayHandler;
+    return (React.createElement(DragDropContext, { onDragEnd: onDragEnd },
+        React.createElement(Droppable, { droppableId: 'droppable' }, function (provided, snapshot) { return (React.createElement("div", __assign({}, provided.droppableProps, { ref: provided.innerRef, style: getListStyle(snapshot.isDraggingOver) }),
+            localProperties.map(function (o, i) { return (React.createElement(Draggable, { key: o.id, draggableId: o.id, index: i, isDragDisabled: i === 0 }, function (provided, snapshot) { return (React.createElement("div", __assign({ className: 'draggable_element', ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps, { style: getItemStyle(snapshot, provided.draggableProps.style) }),
+                React.createElement("div", { className: 'draggable__handle' },
+                    React.createElement(Icon, { icon: faEquals, className: 'icon' })),
+                React.createElement("div", { className: 'draggable__checkbox' },
+                    React.createElement(Checkbox, { isDisabled: Boolean(o.deactivateActive) || i === 0, text: o.label, value: o.active, onClick: function () {
+                            propertiesDisplayHandler(o.id);
+                        } })))); })); }),
+            provided.placeholder)); })));
+};
+//# sourceMappingURL=useDnd.js.map

package/dist/components/table/components/customizationModal/useDnd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDnd.js","sourceRoot":"","sources":["../../../../../src/components/table/components/customizationModal/useDnd.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAC3D,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAiC,MAAM,qBAAqB,CAAA;AAE1G,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEpC,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEpD,MAAM,CAAC,IAAM,MAAM,GAId,UAAC,EAAwD;QAAtD,oCAAe,EAAE,wBAAS,EAAE,sDAAwB;IAAO,OAAA,CACjE,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS;QACnC,oBAAC,SAAS,IAAC,WAAW,EAAC,WAAW,IAC/B,UAAC,QAAQ,EAAE,QAAQ,IAAK,OAAA,CACvB,wCAAS,QAAQ,CAAC,cAAc,IAAE,GAAG,EAAE,QAAQ,CAAC,QAAQ,EAAE,KAAK,EAAE,YAAY,CAAC,QAAQ,CAAC,cAAc,CAAC;YACnG,eAAe,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAC7B,oBAAC,SAAS,IAAC,GAAG,EAAE,CAAC,CAAC,EAAE,EAAE,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAE,CAAC,KAAK,CAAC,IACvE,UAAC,QAAQ,EAAE,QAAQ,IAAK,OAAA,CACvB,sCACE,SAAS,EAAC,mBAAmB,EAC7B,GAAG,EAAE,QAAQ,CAAC,QAAQ,IAClB,QAAQ,CAAC,cAAc,EACvB,QAAQ,CAAC,eAAe,IAC5B,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC;gBAE5D,6BAAK,SAAS,EAAC,mBAAmB;oBAChC,oBAAC,IAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAI,CACvC;gBACN,6BAAK,SAAS,EAAC,qBAAqB;oBAClC,oBAAC,QAAQ,IACP,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,EAClD,IAAI,EAAE,CAAC,CAAC,KAAK,EACb,KAAK,EAAE,CAAC,CAAC,MAAM,EACf,OAAO,EAAE;4BACP,wBAAwB,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;wBAChC,CAAC,GACD,CACE,CACF,CACP,EAtBwB,CAsBxB,CACS,CACb,EA1B8B,CA0B9B,CAAC;YACD,QAAQ,CAAC,WAAW,CACjB,CACP,EA/BwB,CA+BxB,CACS,CACI,CACnB;AArCkE,CAqClE,CAAA"}

package/dist/components/table/components/customizationModal/utils.js

@@ -0,0 +1,26 @@
+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 { defaultTheme } from '../../../../styles/theme';
+export var getItemStyle = function (snapshot, draggableStyle) {
+    return __assign({ userSelect: 'none', padding: '0.5rem 0 0.5rem 0', outline: "none" }, draggableStyle);
+};
+export var getListStyle = function (isDraggingOver) { return ({
+    position: 'relative',
+    backgroundColor: isDraggingOver ? defaultTheme.palette.grey[50] : '',
+}); };
+export var reorder = function (list, startIndex, endIndex) {
+    var result = Array.from(list);
+    var removed = result.splice(startIndex, 1)[0];
+    result.splice(endIndex, 0, removed);
+    return result;
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/table/components/customizationModal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/table/components/customizationModal/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGvD,MAAM,CAAC,IAAM,YAAY,GAAG,UAC1B,QAAgC,EAChC,cAAiD;IAEjD,kBACE,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,mBAAmB,EAC5B,OAAO,EAAE,MAAM,IACZ,cAAc,EAClB;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,cAAuB,IAAoB,OAAA,CAAC;IACvE,QAAQ,EAAE,UAAU;IACpB,eAAe,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE;CACrE,CAAC,EAHsE,CAGtE,CAAA;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,IAA2B,EAAE,UAAkB,EAAE,QAAgB;IACvF,IAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACxB,IAAA,yCAAO,CAAgC;IAC9C,MAAM,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,OAAO,CAAC,CAAA;IACnC,OAAO,MAAM,CAAA;AACf,CAAC,CAAA"}

package/dist/components/table/components/emptySet.js

@@ -0,0 +1,41 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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 __());
+    };
+})();
+import React, { Component } from 'react';
+import styled, { css } from 'styled-components';
+var StyledWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  box-sizing: border-box;\n  text-align: center;\n  ", "\n"], ["\n  position: relative;\n  box-sizing: border-box;\n  text-align: center;\n  ",
+    "\n"])), function (_a) {
+    var palette = _a.theme.palette;
+    return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    .content {\n      display: inline-block;\n      background-color: ", ";\n      color: ", ";\n      margin: 0 auto;\n      padding: 1rem 2rem;\n      border-radius: 4px;\n      margin-top: 1rem;\n      p {\n        margin: 0;\n      }\n    }\n  "], ["\n    .content {\n      display: inline-block;\n      background-color: ", ";\n      color: ", ";\n      margin: 0 auto;\n      padding: 1rem 2rem;\n      border-radius: 4px;\n      margin-top: 1rem;\n      p {\n        margin: 0;\n      }\n    }\n  "])), palette.grey[50], palette.grey[500]);
+});
+var EmptySet = /** @class */ (function (_super) {
+    __extends(EmptySet, _super);
+    function EmptySet() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {};
+        return _this;
+    }
+    EmptySet.prototype.render = function () {
+        return (React.createElement(StyledWrapper, null,
+            React.createElement("div", { className: 'content' },
+                React.createElement("p", null, "Non ci sono elementi da visualizzare"))));
+    };
+    return EmptySet;
+}(Component));
+export { EmptySet };
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=emptySet.js.map

package/dist/components/table/components/emptySet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emptySet.js","sourceRoot":"","sources":["../../../../src/components/table/components/emptySet.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAK/C,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,wJAAA,+EAI5B;IAaD,IACF,KAdG,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,GAAG,+TAAA,0EAGT,EAAgB,kBAC3B,EAAiB,4JAS7B,KAVuB,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAC3B,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAJA,CAa7B,CACF,CAAA;AAED;IAA8B,4BAAuB;IAArD;QAAA,qEAYC;QAXC,WAAK,GAAG,EAAE,CAAA;;IAWZ,CAAC;IATC,yBAAM,GAAN;QACE,OAAO,CACL,oBAAC,aAAa;YACZ,6BAAK,SAAS,EAAC,SAAS;gBACtB,sEAA2C,CACvC,CACQ,CACjB,CAAA;IACH,CAAC;IACH,eAAC;AAAD,CAAC,AAZD,CAA8B,SAAS,GAYtC"}

package/dist/components/table/components/linearBackground.js

@@ -0,0 +1,20 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+export var linearBackground = function () { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .linear-background {\n    *,\n    ::after,\n    ::before {\n      box-sizing: border-box;\n    }\n\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n    margin-bottom: 0;\n    background-color: ", ";\n    border-radius: 4px;\n    padding: 8px;\n\n    &::before {\n      content: ' ';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 50%;\n      z-index: 1;\n      width: 500%;\n      margin-left: -250%;\n      animation: phAnimation 2s linear infinite;\n      background: linear-gradient(\n        to right,\n        ", " 46%,\n        ", " 50%,\n        ", " 54%\n      );\n    }\n\n    > * {\n      flex: 1 1 auto;\n      display: flex;\n      flex-flow: column;\n      padding-right: (8px / 2);\n      padding-left: (8px / 2);\n    }\n\n    @keyframes phAnimation {\n      0% {\n        transform: translate3d(-30%, 0, 0);\n      }\n      100% {\n        transform: translate3d(30%, 0, 0);\n      }\n    }\n  }\n"], ["\n  .linear-background {\n    *,\n    ::after,\n    ::before {\n      box-sizing: border-box;\n    }\n\n    position: relative;\n    display: flex;\n    flex-wrap: wrap;\n    overflow: hidden;\n    margin-bottom: 0;\n    background-color: ", ";\n    border-radius: 4px;\n    padding: 8px;\n\n    &::before {\n      content: ' ';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 50%;\n      z-index: 1;\n      width: 500%;\n      margin-left: -250%;\n      animation: phAnimation 2s linear infinite;\n      background: linear-gradient(\n        to right,\n        ", " 46%,\n        ", " 50%,\n        ", " 54%\n      );\n    }\n\n    > * {\n      flex: 1 1 auto;\n      display: flex;\n      flex-flow: column;\n      padding-right: (8px / 2);\n      padding-left: (8px / 2);\n    }\n\n    @keyframes phAnimation {\n      0% {\n        transform: translate3d(-30%, 0, 0);\n      }\n      100% {\n        transform: translate3d(30%, 0, 0);\n      }\n    }\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[100];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[100];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.white[100];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[100];
+}); };
+var templateObject_1;
+//# sourceMappingURL=linearBackground.js.map

package/dist/components/table/components/linearBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linearBackground.js","sourceRoot":"","sources":["../../../../src/components/table/components/linearBackground.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAEvC,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,GAAG,+iCAAA,iPAajB,EAAsC,2WAiBpD,EAAsC,iBACtC,EAAuC,iBACvC,EAAsC,sWAqB/C,KAxCuB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAiBpD,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EACtC,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAxB,CAAwB,EACvC,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,GAhCV,CAqDrC,CAAA"}