@fattureincloud/fic-design-system 0.3.19 → 0.3.23-alpha.0

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

@@ -0,0 +1,37 @@
+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 ComplexInputWrapper from '../common/components/ComplexInputWrapper';
+import InputHelper from '../inputHelper/InputHelper';
+import { Label } from '../label';
+import TextAreaElement from './components/TextAreaElement';
+var TextArea = function (props) {
+    var label = props.label, className = props.className, inputProps = __rest(props, ["label", "className"]);
+    var isDisabled = props.isDisabled, required = props.required, helper = props.helper;
+    return (React.createElement(ComplexInputWrapper, { className: className },
+        React.createElement(Label, { label: label, isDisabled: isDisabled, required: required }),
+        React.createElement(TextAreaElement, __assign({}, inputProps)),
+        helper && React.createElement(InputHelper, __assign({}, helper))));
+};
+export default TextArea;
+//# sourceMappingURL=TextArea.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/form/textArea/TextArea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,mBAAmB,MAAM,0CAA0C,CAAA;AAC1E,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAA;AAC5C,OAAO,eAAe,MAAM,8BAA8B,CAAA;AAK1D,IAAM,QAAQ,GAAG,UAAC,KAAoB;IAC5B,IAAA,mBAAK,EAAE,2BAAS,EAAE,kDAAa,CAAU;IACzC,IAAA,6BAAU,EAAE,yBAAQ,EAAE,qBAAM,CAAU;IAE9C,OAAO,CACL,oBAAC,mBAAmB,IAAC,SAAS,EAAE,SAAS;QACvC,oBAAC,KAAK,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,GAAI;QACnE,oBAAC,eAAe,eAAK,UAAU,EAAI;QAClC,MAAM,IAAI,oBAAC,WAAW,eAAK,MAAM,EAAI,CAClB,CACvB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/components/form/textArea/components/CharCounter.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface CharCounterProps extends CharCounterOptions {
+    length: number;
+}
+export interface CharCounterOptions {
+    maxLength?: number;
+}
+declare const CharCounter: ({ length, maxLength }: CharCounterProps) => JSX.Element;
+export default CharCounter;

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

@@ -0,0 +1,19 @@
+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 CharCounter = function (_a) {
+    var length = _a.length, maxLength = _a.maxLength;
+    return (React.createElement(Wrapper, null,
+        length,
+        maxLength && "/" + maxLength));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  text-align: right;\n  color: ", ";\n  padding: 0.3em;\n"], ["\n  text-align: right;\n  color: ", ";\n  padding: 0.3em;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[500];
+});
+export default CharCounter;
+var templateObject_1;
+//# sourceMappingURL=CharCounter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CharCounter.js","sourceRoot":"","sources":["../../../../../src/components/form/textArea/components/CharCounter.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAUtC,IAAM,WAAW,GAAG,UAAC,EAAuC;QAArC,kBAAM,EAAE,wBAAS;IAAsC,OAAA,CAC5E,oBAAC,OAAO;QACL,MAAM;QACN,SAAS,IAAI,MAAI,SAAW,CACrB,CACX;AAL6E,CAK7E,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,gIAAA,mCAEf,EAAsC,wBAEhD,KAFU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAEhD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/form/textArea/components/TextAreaElement.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { BoxedInputWrapperProps } from '../../common/styles';
 import { TextAreaElementProps } from '../types';
-declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, isDisabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, }: TextAreaElementProps) => JSX.Element;
-export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'isDisabled' | 'status' | 'initialHeight'>;
+declare const TextAreaElement: ({ autoFocus, onBlur, onChange, value, placeholder, isDisabled, name, onKeyPress, status, onKeyDown, onKeyUp, onFocus, className, setValue, initialHeight, maxLength, isResizable, showCounter, }: TextAreaElementProps) => JSX.Element;
+export declare type TextAreaWrapperProps = Pick<TextAreaElementProps, 'isDisabled' | 'status' | 'initialHeight' | 'isResizable'>;
 export declare type TextAreaStyles = Omit<BoxedInputWrapperProps, 'status'>;
 export default TextAreaElement;

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

@@ -0,0 +1,42 @@
+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, { useCallback, useEffect, useRef } from 'react';
+import styled from 'styled-components';
+import { boxedInputWrapperStyle } from '../../common/styles';
+import CharCounter from './CharCounter';
+import { StyledTextArea } from './styled';
+import { getTextAreaStyles } from './utils';
+var TextAreaElement = function (_a) {
+    var autoFocus = _a.autoFocus, onBlur = _a.onBlur, onChange = _a.onChange, _b = _a.value, value = _b === void 0 ? '' : _b, placeholder = _a.placeholder, isDisabled = _a.isDisabled, name = _a.name, onKeyPress = _a.onKeyPress, _c = _a.status, status = _c === void 0 ? 'normal' : _c, onKeyDown = _a.onKeyDown, onKeyUp = _a.onKeyUp, onFocus = _a.onFocus, className = _a.className, setValue = _a.setValue, _d = _a.initialHeight, initialHeight = _d === void 0 ? '10rem' : _d, maxLength = _a.maxLength, _e = _a.isResizable, isResizable = _e === void 0 ? false : _e, _f = _a.showCounter, showCounter = _f === void 0 ? false : _f;
+    var ref = useRef(null);
+    var onClick = useCallback(function () { var _a; return (_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus(); }, []);
+    var actualValue = (value === null || value === void 0 ? void 0 : value.toString()) || '';
+    var handleChange = useCallback(function (e) {
+        setValue === null || setValue === void 0 ? void 0 : setValue(e.currentTarget.value.slice(0, maxLength || Infinity));
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    }, [maxLength, onChange, setValue]);
+    useEffect(function () {
+        setValue === null || setValue === void 0 ? void 0 : setValue(value === null || value === void 0 ? void 0 : value.slice(0, maxLength || Infinity));
+    }, [maxLength, setValue, value]);
+    var handleBlur = useCallback(function (e) {
+        setValue === null || setValue === void 0 ? void 0 : setValue(e.target.value.trim());
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [onBlur, setValue]);
+    return (React.createElement(Wrapper, { onClick: onClick, isDisabled: isDisabled, status: status, className: className, initialHeight: initialHeight, isResizable: isResizable },
+        React.createElement(FlexWrapper, null,
+            React.createElement(StyledTextArea, { ref: ref, autoFocus: autoFocus, value: actualValue, placeholder: placeholder, disabled: isDisabled, name: name, onChange: handleChange, onFocus: onFocus, onBlur: handleBlur, onKeyPress: onKeyPress, onKeyDown: onKeyDown, onKeyUp: onKeyUp }),
+            (showCounter || maxLength) && React.createElement(CharCounter, { length: actualValue.length, maxLength: maxLength }))));
+};
+var FlexWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-flow: column;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-flow: column;\n  height: 100%;\n"])));
+var Wrapper = styled.div.attrs(getTextAreaStyles)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", ";\n\n  resize: ", ";\n  overflow: hidden;\n\n  min-height: 3em;\n\n  height: ", ";\n"], ["\n  ", ";\n\n  resize: ", ";\n  overflow: hidden;\n\n  min-height: 3em;\n\n  height: ", ";\n"])), boxedInputWrapperStyle, function (_a) {
+    var isResizable = _a.isResizable;
+    return (isResizable ? 'vertical' : 'none');
+}, function (_a) {
+    var initialHeight = _a.initialHeight;
+    return initialHeight;
+});
+export default TextAreaElement;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=TextAreaElement.js.map

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

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

package/dist/components/form/textArea/components/styled.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 from 'styled-components';
+import { inputTextHTMLTextAreaBootstrapFixes } from '../../../../common/cssFixes/textAreaFixes';
+export var StyledTextArea = styled.textarea(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  resize: none;\n\n  margin: 0;\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n  border: 0;\n  padding: 8px 0 0 8px;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ", "\n"], ["\n  resize: none;\n\n  margin: 0;\n  background: transparent;\n  font-size: 14px;\n  font-family: inherit;\n  border: 0;\n  padding: 8px 0 0 8px;\n  width: 100%;\n  height: 100%;\n  box-sizing: border-box;\n\n  &::placeholder {\n    color: ", ";\n  }\n\n  outline: none;\n\n  /* Bootstrap Fixes */\n  ", "\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[200];
+}, inputTextHTMLTextAreaBootstrapFixes);
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/components/form/textArea/components/styled.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,mCAAmC,EAAE,MAAM,2CAA2C,CAAA;AAE/F,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,wXAAA,kPAchC,EAAsC,2DAM/C,EAAmC,IACtC,KAPY,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,EAM/C,mCAAmC,CACtC,CAAA"}

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.d.ts

@@ -1,7 +1,10 @@
 import { Dispatch, SetStateAction, TextareaHTMLAttributes } from 'react';
 import { CommonFormTypes } from '../common/types';
-export interface TextAreaElementProps extends CommonFormTypes, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoFocus' | 'placeholder' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
+import { CharCounterOptions } from './components/CharCounter';
+export interface TextAreaElementProps extends CommonFormTypes, CharCounterOptions, Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'autoFocus' | 'placeholder' | 'name' | 'onChange' | 'onBlur' | 'onFocus' | 'onKeyPress' | 'onKeyUp' | 'onKeyDown' | 'required' | 'className'> {
     initialHeight?: string;
-    value?: number | string | null;
-    setValue?: Dispatch<SetStateAction<string>>;
+    value?: string | null;
+    setValue?: Dispatch<SetStateAction<string | undefined>>;
+    showCounter?: boolean;
+    isResizable?: boolean;
 }

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"}