@fattureincloud/fic-design-system 0.3.20 → 0.3.21

package/dist/components/form/textArea/components/utils.js

@@ -0,0 +1,18 @@
+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);
+};
+export var getTextAreaStyles = function (_a) {
+    var theme = _a.theme, isDisabled = _a.isDisabled, _b = _a.status, status = _b === void 0 ? 'normal' : _b;
+    var actualStatus = isDisabled ? 'disabled' : status;
+    var styles = theme.components.textArea[actualStatus];
+    return __assign(__assign({}, styles), { normalFocused: theme.components.textArea['normalFocused'] });
+};
+//# sourceMappingURL=utils.js.map

package/dist/components/form/textArea/components/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/form/textArea/components/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AASA,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAA2D;QAAzD,gBAAK,EAAE,0BAAU,EAAE,cAAiB,EAAjB,sCAAiB;IACtE,IAAM,YAAY,GAA0B,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAA;IAC5E,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;IAEtD,6BACK,MAAM,KACT,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,eAAe,CAAC,IAC1D;AACH,CAAC,CAAA"}

package/dist/components/form/textArea/index.js

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

package/dist/components/form/textArea/index.js.map

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

package/dist/components/form/textArea/textArea.stories.js

@@ -0,0 +1,43 @@
+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, { useState } from 'react';
+import { errorHelper, warningHelper } from '../common/exampleHelpers';
+import { statusesArray } from '../common/types';
+import TextArea from './TextArea';
+export var WithKnobs = function (args) {
+    var _a = useState(''), value = _a[0], setValue = _a[1];
+    var helper = value === 'error' ? errorHelper : value === 'warning' ? warningHelper : undefined;
+    return React.createElement(TextArea, __assign({}, args, { value: value, setValue: setValue, helper: helper }));
+};
+var TextAreaStories = {
+    title: 'New Components/TextArea',
+    component: TextArea,
+    args: {
+        status: 'normal',
+        label: 'Label',
+        required: true,
+        isDisabled: false,
+        placeholder: 'Placeholder text',
+        initialHeight: '10em',
+        maxLength: 30,
+        showCounter: true,
+        isResizable: true,
+    },
+    argTypes: {
+        status: {
+            options: statusesArray,
+            control: { type: 'inline-radio' },
+        },
+    },
+};
+export default TextAreaStories;
+//# sourceMappingURL=textArea.stories.js.map

package/dist/components/form/textArea/textArea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textArea/textArea.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,QAA2B,MAAM,YAAY,CAAA;AAEpD,MAAM,CAAC,IAAM,SAAS,GAAyB,UAAA,IAAI;IAC3C,IAAA,iBAAgC,EAA/B,aAAK,EAAE,gBAAwB,CAAA;IACtC,IAAM,MAAM,GAAG,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAA;IAEhG,OAAO,oBAAC,QAAQ,eAAK,IAAI,IAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,IAAI,CAAA;AACjF,CAAC,CAAA;AAED,IAAM,eAAe,GAAwB;IAC3C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;QACd,QAAQ,EAAE,IAAI;QACd,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,kBAAkB;QAC/B,aAAa,EAAE,MAAM;QACrB,SAAS,EAAE,EAAE;QACb,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,IAAI;KAClB;IACD,QAAQ,EAAE;QACR,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;KACF;CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/form/textArea/textAreaPalette.js

@@ -0,0 +1,35 @@
+import defaultPalette from '../../../styles/defaultPalette';
+var textAreaPalette = {
+    normal: {
+        background: defaultPalette.white[100],
+        color: defaultPalette.black[100],
+        borderColor: defaultPalette.grey[500],
+    },
+    normalFocused: {
+        background: defaultPalette.white[100],
+        color: defaultPalette.black[100],
+        borderColor: defaultPalette.blue[300],
+    },
+    success: {
+        background: defaultPalette.green[50],
+        color: defaultPalette.black[100],
+        borderColor: defaultPalette.green[300],
+    },
+    warning: {
+        background: defaultPalette.yellow[50],
+        color: defaultPalette.black[100],
+        borderColor: defaultPalette.yellow[300],
+    },
+    error: {
+        background: defaultPalette.red[50],
+        color: defaultPalette.black[100],
+        borderColor: defaultPalette.red[300],
+    },
+    disabled: {
+        background: defaultPalette.grey[100],
+        color: defaultPalette.black[16],
+        borderColor: 'transparent',
+    },
+};
+export default textAreaPalette;
+//# sourceMappingURL=textAreaPalette.js.map

package/dist/components/form/textArea/textAreaPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textAreaPalette.js","sourceRoot":"","sources":["../../../../src/components/form/textArea/textAreaPalette.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAiB3D,IAAM,eAAe,GAAoB;IACvC,MAAM,EAAE;QACN,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,WAAW,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACtC;IACD,aAAa,EAAE;QACb,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,WAAW,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACtC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACpC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,WAAW,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;KACvC;IACD,OAAO,EAAE;QACP,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,EAAE,CAAC;QACrC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;KACxC;IACD,KAAK,EAAE;QACL,UAAU,EAAE,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC;QAClC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,WAAW,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;KACrC;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACpC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QAC/B,WAAW,EAAE,aAAa;KAC3B;CACF,CAAA;AAED,eAAe,eAAe,CAAA"}

package/dist/components/form/textArea/types.js

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

package/dist/components/form/textArea/types.js.map

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

package/dist/components/groupRadioButton/index.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { RadioButton } from '../radioButton';
+export var RadioButtonGroup = function (props) { return (React.createElement("div", { style: props.style }, props.options.map(function (o) { return (React.createElement(RadioButton, { key: o.key, label: o.label, onClick: function () {
+        if (props.onClick) {
+            props.onClick(o);
+        }
+    }, isChecked: props.value === o.key, isDisabled: props.isDisabled, renderOption: props.renderOption, optionsSpacing: props.optionsSpacing, inline: props.inline })); }))); };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/groupRadioButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAgB5C,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,KAAY,IAAK,OAAA,CAChD,6BAAK,KAAK,EAAE,KAAK,CAAC,KAAK,IACpB,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAA,CAAC,IAAI,OAAA,CACtB,oBAAC,WAAW,IACV,GAAG,EAAE,CAAC,CAAC,GAAG,EACV,KAAK,EAAE,CAAC,CAAC,KAAK,EACd,OAAO,EAAE;QACP,IAAI,KAAK,CAAC,OAAO,EAAE;YACjB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAA;SACjB;IACH,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,GAAG,EAChC,UAAU,EAAE,KAAK,CAAC,UAAU,EAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,MAAM,EAAE,KAAK,CAAC,MAAM,GACpB,CACH,EAfuB,CAevB,CAAC,CACE,CACP,EAnBiD,CAmBjD,CAAA"}

package/dist/components/groupRadioButton/radio-group.stories.js

@@ -0,0 +1,27 @@
+import { action } from '@storybook/addon-actions';
+import { number } from '@storybook/addon-knobs';
+import React from 'react';
+import { RadioButtonGroup } from '.';
+export var WithKnobs = function () {
+    var value = number('value', 0);
+    return (React.createElement(RadioButtonGroup, { value: value, options: [
+            {
+                key: 0,
+                label: 'Radio #1',
+            },
+            {
+                key: 1,
+                label: 'Radio #2',
+            },
+            {
+                key: 2,
+                label: 'Radio #3',
+            },
+        ], onClick: action('Hai cliccato un radio button') }));
+};
+var RadioButtonGroupStories = {
+    title: 'Old Components/RadioButtonGroup',
+    component: RadioButtonGroup,
+};
+export default RadioButtonGroupStories;
+//# sourceMappingURL=radio-group.stories.js.map

package/dist/components/groupRadioButton/radio-group.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.stories.js","sourceRoot":"","sources":["../../../src/components/groupRadioButton/radio-group.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,KAAyB,MAAM,OAAO,CAAA;AAE7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,GAAG,CAAA;AAEpC,MAAM,CAAC,IAAM,SAAS,GAAG;IACvB,IAAM,KAAK,GAAG,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAA;IAEhC,OAAO,CACL,oBAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE;YACP;gBACE,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,UAAU;aAClB;YACD;gBACE,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,UAAU;aAClB;YACD;gBACE,GAAG,EAAE,CAAC;gBACN,KAAK,EAAE,UAAU;aAClB;SACF,EACD,OAAO,EAAE,MAAM,CAAC,8BAA8B,CAAC,GAC/C,CACH,CAAA;AACH,CAAC,CAAA;AAED,IAAM,uBAAuB,GAAkD;IAC7E,KAAK,EAAE,iCAAiC;IACxC,SAAS,EAAE,gBAAgB;CAC5B,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/components/groupedList/components/groupElement.js

@@ -0,0 +1,33 @@
+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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React from 'react';
+import ItemElement from './itemElement';
+import TitleElement from './titleElement';
+var GroupElement = function (_a) {
+    var index = _a.index, items = _a.items, title = _a.title, rest = __rest(_a, ["index", "items", "title"]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(TitleElement, { title: title, noResults: !items.length }),
+        items.map(function (item, idx) { return (React.createElement(ItemElement, __assign({ key: idx, index: index + idx }, item, rest))); })));
+};
+export default GroupElement;
+//# sourceMappingURL=groupElement.js.map

package/dist/components/groupedList/components/groupElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"groupElement.js","sourceRoot":"","sources":["../../../../src/components/groupedList/components/groupElement.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAIzC,IAAM,YAAY,GAAG,UAAC,EAAkD;IAAhD,IAAA,gBAAK,EAAE,gBAAK,EAAE,gBAAK,EAAE,8CAAO;IAAyB,OAAA,CAC3E;QACE,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,MAAM,GAAI;QACvD,KAAK,CAAC,GAAG,CAAC,UAAC,IAAc,EAAE,GAAG,IAAK,OAAA,CAClC,oBAAC,WAAW,aAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,GAAG,GAAG,IAAM,IAAI,EAAM,IAAI,EAAI,CAClE,EAFmC,CAEnC,CAAC,CACD,CACJ,CAAA;CAAA,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/groupedList/components/itemElement.js

@@ -0,0 +1,127 @@
+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, { useCallback, useEffect, useRef } from 'react';
+import styled, { css } from 'styled-components';
+import { Icon } from '../../icon';
+var ItemElement = function (props) {
+    var action = props.action, active = props.active, icon = props.icon, index = props.index, mouseBlockedProps = props.mouseBlockedProps, navigable = props.navigable, onClick = props.onClick, onMouseHover = props.onMouseHover, onMouseOut = props.onMouseOut, placeholder = props.placeholder, showActionOnHover = props.showActionOnHover, title = props.title, wrapperRef = props.wrapperRef;
+    var mouseBlocked = mouseBlockedProps.mouseBlocked, setMouseBlocked = mouseBlockedProps.setMouseBlocked;
+    var elemRef = useRef(null);
+    var handleKeyDown = useCallback(function (e) {
+        var _a;
+        if (navigable) {
+            setMouseBlocked(true);
+            if (e.key === 'Enter') {
+                e.preventDefault();
+                (_a = elemRef.current) === null || _a === void 0 ? void 0 : _a.click();
+            }
+            if (['ArrowUp', 'ArrowDown'].includes(e.key)) {
+                e.preventDefault();
+                var allItems = document.querySelectorAll("[data-grouped-list-item]");
+                var targetSelector = e.key === 'ArrowUp' ? "[data-grouped-list-item='" + (index - 1) + "']" : "[data-grouped-list-item='" + (index + 1) + "']";
+                var possibleTarget = document.querySelector(targetSelector);
+                var target = void 0;
+                if (possibleTarget) {
+                    target = possibleTarget;
+                }
+                else if (e.key === 'ArrowUp') {
+                    target = allItems[allItems.length - 1];
+                }
+                else {
+                    target = document.querySelector("[data-grouped-list-item='1']");
+                }
+                if (wrapperRef.current) {
+                    var wrapper = wrapperRef.current;
+                    if (e.key === 'ArrowUp') {
+                        if (target.offsetTop <= wrapper.scrollTop) {
+                            wrapper.scrollTop = target.offsetTop;
+                        }
+                    }
+                    else {
+                        if (target.offsetTop - (wrapper.offsetHeight - target.offsetHeight) >= wrapper.scrollTop) {
+                            wrapper.scrollTop = target.offsetTop - (wrapper.offsetHeight - target.offsetHeight);
+                        }
+                    }
+                    target.focus();
+                }
+            }
+        }
+    }, [navigable, setMouseBlocked, index, wrapperRef]);
+    var avoidOutOfBoundFocus = useCallback(function () {
+        var _a;
+        var elem = elemRef.current;
+        var wrapper = wrapperRef.current;
+        if (elem && wrapper) {
+            if (elem.offsetTop < wrapper.offsetHeight + wrapper.scrollTop &&
+                elem.offsetTop + elem.offsetHeight > wrapper.scrollTop) {
+                (_a = elemRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+            }
+        }
+    }, [wrapperRef]);
+    var handleMouseOver = useCallback(function () {
+        if (!(navigable && mouseBlocked)) {
+            onMouseHover === null || onMouseHover === void 0 ? void 0 : onMouseHover();
+            avoidOutOfBoundFocus();
+        }
+    }, [avoidOutOfBoundFocus, mouseBlocked, navigable, onMouseHover]);
+    var handleMouseLeave = useCallback(function () {
+        var _a;
+        if (!(navigable && mouseBlocked)) {
+            onMouseOut === null || onMouseOut === void 0 ? void 0 : onMouseOut();
+            (_a = elemRef.current) === null || _a === void 0 ? void 0 : _a.blur();
+        }
+    }, [mouseBlocked, navigable, onMouseOut]);
+    useEffect(function () { return function () { return removeEventListener('keydown', handleKeyDown); }; }, [handleKeyDown]);
+    return (React.createElement(SingleElement, { ref: elemRef, tabIndex: onClick ? 0 : -1, onClick: onClick, active: active, key: title, onMouseLeave: handleMouseLeave, onMouseOver: handleMouseOver, onFocus: function () {
+            addEventListener('keydown', handleKeyDown);
+        }, onBlur: function () {
+            removeEventListener('keydown', handleKeyDown);
+        }, showActionOnHover: showActionOnHover, "data-grouped-list-item": index },
+        icon && React.createElement(LeftIcon, __assign({}, icon, { fixedWidth: true })),
+        title ? React.createElement(Title, null, title) : React.createElement(Placeholder, null, placeholder),
+        action && React.createElement(RightElement, null, action)));
+};
+var Title = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  flex-grow: 1;\n"], ["\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  flex-grow: 1;\n"])));
+var Placeholder = styled(Title)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  color: ", ";\n"], ["\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[500];
+});
+var LeftIcon = styled(Icon)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-right: 8px;\n  display: inline-flex;\n  align-self: center;\n"], ["\n  margin-right: 8px;\n  display: inline-flex;\n  align-self: center;\n"])));
+var RightElement = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([""], [""])));
+var SingleElement = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n  &:focus {\n    outline: none !important;\n    background-color: ", ";\n    color: ", ";\n    cursor: ", ";\n  }\n\n  color: ", ";\n  font-weight: ", ";\n\n  line-height: 32px;\n  height: 32px;\n  left: 0;\n  display: flex;\n\n  ", ";\n"], ["\n  &:focus {\n    outline: none !important;\n    background-color: ", ";\n    color: ", ";\n    cursor: ", ";\n  }\n\n  color: ", ";\n  font-weight: ", ";\n\n  line-height: 32px;\n  height: 32px;\n  left: 0;\n  display: flex;\n\n  ",
+    ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.blue[50];
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.blue[500];
+}, function (_a) {
+    var onClick = _a.onClick;
+    return (onClick ? 'pointer' : 'initial');
+}, function (_a) {
+    var active = _a.active, theme = _a.theme;
+    return (active ? theme.palette.blue[500] : 'initial');
+}, function (_a) {
+    var active = _a.active;
+    return (active ? 500 : 'initial');
+}, function (_a) {
+    var showActionOnHover = _a.showActionOnHover;
+    return showActionOnHover
+        ? css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n          ", " {\n            display: none;\n          }\n\n          &:focus {\n            ", " {\n              display: inherit;\n            }\n          }\n        "], ["\n          ", " {\n            display: none;\n          }\n\n          &:focus {\n            ", " {\n              display: inherit;\n            }\n          }\n        "])), RightElement, RightElement) : css(templateObject_6 || (templateObject_6 = __makeTemplateObject([""], [""])));
+});
+export default ItemElement;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=itemElement.js.map

package/dist/components/groupedList/components/itemElement.js.map

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

package/dist/components/groupedList/components/titleElement.js

@@ -0,0 +1,28 @@
+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 TitleElement = function (props) {
+    var noResults = props.noResults, title = props.title;
+    return (React.createElement(TitleElementWrapper, { noResults: noResults, key: title },
+        title.toUpperCase(),
+        noResults && React.createElement(NoResultsWrapper, null, "(nessun risultato)")));
+};
+var TitleElementWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &:not(:first-child) {\n    margin-top: 16px;\n  }\n\n  margin-bottom: 1px;\n  ", ";\n  height: 32px;\n  padding-left: 8px;\n  line-height: 32px;\n  font-size: 11px;\n\n  color: ", ";\n  font-weight: 500;\n  cursor: initial;\n"], ["\n  &:not(:first-child) {\n    margin-top: 16px;\n  }\n\n  margin-bottom: 1px;\n  ",
+    ";\n  height: 32px;\n  padding-left: 8px;\n  line-height: 32px;\n  font-size: 11px;\n\n  color: ", ";\n  font-weight: 500;\n  cursor: initial;\n"])), function (_a) {
+    var noResults = _a.noResults, theme = _a.theme;
+    return noResults === true
+        ? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          background-color: ", ";\n        "], ["\n          background-color: ", ";\n        "])), theme.palette.grey[50]) : undefined;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[700];
+});
+var NoResultsWrapper = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-left: 3px;\n  color: ", ";\n  font-weight: 400;\n  font-size: 13px;\n"], ["\n  margin-left: 3px;\n  color: ", ";\n  font-weight: 400;\n  font-size: 13px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[700];
+});
+export default TitleElement;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=titleElement.js.map

package/dist/components/groupedList/components/titleElement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"titleElement.js","sourceRoot":"","sources":["../../../../src/components/groupedList/components/titleElement.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAS/C,IAAM,YAAY,GAAG,UAAC,KAAY;IACxB,IAAA,2BAAS,EAAE,mBAAK,CAAU;IAClC,OAAO,CACL,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,KAAK;QAClD,KAAK,CAAC,WAAW,EAAE;QACnB,SAAS,IAAI,oBAAC,gBAAgB,6BAAsC,CACjD,CACvB,CAAA;AACH,CAAC,CAAA;AAED,IAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,0SAAyB,oFAM3D;IAKa,iGAMN,EAAsC,8CAGhD,KAdG,UAAC,EAAoB;QAAlB,wBAAS,EAAE,gBAAK;IACnB,OAAA,SAAS,KAAK,IAAI;QAChB,CAAC,CAAC,GAAG,kHAAA,gCACmB,EAAsB,aAC3C,KADqB,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAE9C,CAAC,CAAC,SAAS;AAJb,CAIa,EAMN,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAGhD,CAAA;AAED,IAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,qJAAA,kCAEzB,EAAsC,8CAGhD,KAHU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAGhD,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/components/groupedList/groupedList.js

@@ -0,0 +1,69 @@
+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, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+import GroupElement from './components/groupElement';
+var GroupedList = function (props) {
+    var className = props.className, groups = props.groups, navigable = props.navigable, placeholder = props.placeholder, wrapperStyle = props.wrapperStyle;
+    var _a = useState(false), mouseBlocked = _a[0], setMouseBlocked = _a[1];
+    // The elements indices will range from 1 to n
+    var itemsNumber = useMemo(function () { return groups.reduce(function (sum, g) { return sum + g.items.length; }, 0); }, [groups]);
+    var handleKeyDown = useCallback(function (e) {
+        var _a, _b, _c, _d;
+        var alreadySelected = (_b = (_a = document.activeElement) === null || _a === void 0 ? void 0 : _a.dataset) === null || _b === void 0 ? void 0 : _b.groupedListItem;
+        if (navigable && !alreadySelected && ['ArrowUp', 'ArrowDown'].includes(e.key)) {
+            e.preventDefault();
+            e.key === 'ArrowUp'
+                ? (_c = document.querySelector("div[data-grouped-list-item='" + itemsNumber + "']")) === null || _c === void 0 ? void 0 : _c.focus() : (_d = document.querySelector("div[data-grouped-list-item='1']")) === null || _d === void 0 ? void 0 : _d.focus();
+            setMouseBlocked(true);
+        }
+    }, [itemsNumber, navigable]);
+    var unlockMouse = function (e) {
+        var target = e.target;
+        var item = target === null || target === void 0 ? void 0 : target.closest('[data-grouped-list-item]');
+        item === null || item === void 0 ? void 0 : item.focus();
+        setMouseBlocked(false);
+    };
+    useEffect(function () {
+        if (mouseBlocked) {
+            removeEventListener('keydown', handleKeyDown);
+            addEventListener('mousemove', unlockMouse);
+        }
+        else {
+            addEventListener('keydown', handleKeyDown);
+            removeEventListener('mousemove', unlockMouse);
+        }
+        return function () {
+            removeEventListener('keydown', handleKeyDown);
+            removeEventListener('mousemove', unlockMouse);
+        };
+    }, [handleKeyDown, mouseBlocked]);
+    var mouseBlockedProps = useMemo(function () { return ({
+        mouseBlocked: mouseBlocked,
+        setMouseBlocked: setMouseBlocked,
+    }); }, [mouseBlocked, setMouseBlocked]);
+    var wrapperRef = useRef(null);
+    var i = 1;
+    return (React.createElement(Wrapper, { style: wrapperStyle, ref: wrapperRef, className: className }, groups.map(function (group, index) {
+        var oldI = i;
+        i += group.items.length;
+        return (React.createElement(GroupElement, __assign({ key: index }, group, { mouseBlockedProps: mouseBlockedProps, navigable: navigable, index: oldI, wrapperRef: wrapperRef, placeholder: placeholder })));
+    })));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
+export default GroupedList;
+var templateObject_1;
+//# sourceMappingURL=groupedList.js.map

package/dist/components/groupedList/groupedList.js.map

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

package/dist/components/groupedList/groupedList.stories.js

@@ -0,0 +1,168 @@
+import { faBuilding } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
+import { GroupedList } from './index';
+var buildingIcon = {
+    icon: faBuilding,
+};
+var defaultData = [
+    {
+        title: 'Gruppo 0',
+        items: [
+            {
+                title: 'elemento 1',
+                icon: buildingIcon,
+                onClick: function () {
+                    console.log('0 - 1');
+                },
+                action: React.createElement("div", null, "Ciao"),
+            },
+            {
+                title: 'elemento 2',
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('0 - 2');
+                },
+                action: React.createElement("div", null, "Ciao"),
+            },
+        ],
+    },
+    {
+        title: 'Gruppo 1',
+        items: [
+            {
+                title: 'elemento 3',
+                icon: buildingIcon,
+                onClick: function () {
+                    console.log('1 - 1');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: "L'elemento sotto è mancante",
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 2');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: '',
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 3');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: "L'elemento sopra è mancante",
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 4');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: 'elemento 7',
+                icon: buildingIcon,
+                onClick: function () {
+                    console.log('1 - 5');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: 'elemento 8',
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 6');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: 'elemento 9',
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 7');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+            {
+                title: 'elemento 10',
+                icon: buildingIcon,
+                active: true,
+                onClick: function () {
+                    console.log('1 - 8');
+                },
+                action: React.createElement("div", null, "Ciao"),
+                showActionOnHover: true,
+            },
+        ],
+    },
+    {
+        title: 'Gruppo 2',
+        items: [
+            {
+                title: 'elemento 11',
+                icon: buildingIcon,
+                active: true,
+            },
+            {
+                title: 'elemento 12',
+                icon: buildingIcon,
+            },
+            {
+                title: 'elemento 13',
+                icon: buildingIcon,
+                active: true,
+            },
+            {
+                title: 'elemento 14',
+                icon: buildingIcon,
+            },
+            {
+                title: 'elemento 15',
+                icon: buildingIcon,
+                active: true,
+            },
+            {
+                title: 'elemento 16',
+                icon: buildingIcon,
+            },
+            {
+                title: 'elemento 17',
+                icon: buildingIcon,
+                active: true,
+            },
+            {
+                title: 'elemento 18',
+                icon: buildingIcon,
+            },
+            {
+                title: 'elemento 19',
+                icon: buildingIcon,
+            },
+        ],
+    },
+];
+export var Simple = function () {
+    var wrapperStyle = { height: '350px', border: '1px solid red', overflow: 'auto' };
+    return React.createElement(GroupedList, { wrapperStyle: wrapperStyle, groups: defaultData, navigable: true, placeholder: 'Placeholder' });
+};
+var GroupedListStories = {
+    title: 'Old Components/GroupedList',
+    component: GroupedList,
+};
+export default GroupedListStories;
+//# sourceMappingURL=groupedList.stories.js.map

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

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