@fattureincloud/fic-design-system 0.3.17 → 0.3.21

package/dist/components/form/select/components/FooterActions.js

@@ -0,0 +1,51 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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, { useMemo } from 'react';
+import styled from 'styled-components';
+import Item from '../../../dropdown/components/Item';
+var FooterActions = function (_a) {
+    var actions = _a.actions, triggerClose = _a.triggerClose;
+    var mappedActions = useMemo(function () {
+        return actions.map(function (_a, id) {
+            var onClick = _a.onClick, closeOnClick = _a.closeOnClick, rest = __rest(_a, ["onClick", "closeOnClick"]);
+            return (React.createElement(FooterItem, __assign({ key: id, onClick: function (e) {
+                    e.stopPropagation();
+                    onClick === null || onClick === void 0 ? void 0 : onClick(e);
+                    closeOnClick && triggerClose();
+                } }, rest)));
+        });
+    }, [actions]);
+    return React.createElement(Wrapper, null, mappedActions);
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n"], ["\n  border-top: 1px solid ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[100];
+});
+var FooterItem = styled(Item)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  padding: 5px 10px;\n"], ["\n  padding: 5px 10px;\n"])));
+export default FooterActions;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FooterActions.js.map

package/dist/components/form/select/components/FooterActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FooterActions.js","sourceRoot":"","sources":["../../../../../src/components/form/select/components/FooterActions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,IAAI,MAAM,mCAAmC,CAAA;AAWpD,IAAM,aAAa,GAAG,UAAC,EAAgC;QAA9B,oBAAO,EAAE,8BAAY;IAC5C,IAAM,aAAa,GAAG,OAAO,CAC3B;QACE,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,EAAkC,EAAE,EAAE;YAApC,IAAA,oBAAO,EAAE,8BAAY,EAAE,8CAAO;YAAW,OAAA,CACtD,oBAAC,UAAU,aACT,GAAG,EAAE,EAAE,EACP,OAAO,EAAE,UAAA,CAAC;oBACR,CAAC,CAAC,eAAe,EAAE,CAAA;oBACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,EAAC;oBACZ,YAAY,IAAI,YAAY,EAAE,CAAA;gBAChC,CAAC,IACG,IAAI,EACR,CACH,CAAA;SAAA,CAAC;IAVF,CAUE,EACJ,CAAC,OAAO,CAAC,CACV,CAAA;IAED,OAAO,oBAAC,OAAO,QAAE,aAAa,CAAW,CAAA;AAC3C,CAAC,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,sGAAA,4BACA,EAAsC,KAC/D,KADyB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAC/D,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,6FAAA,0BAE9B,IAAA,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/form/select/components/MenuList.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const MenuList: <IsMulti extends boolean = false>(props: import("react-select").MenuListComponentProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").MenuListComponentProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default MenuList;

package/dist/components/form/select/components/MenuList.js

@@ -0,0 +1,45 @@
+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);
+};
+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, { useCallback } from 'react';
+import { components } from 'react-select';
+import styled from 'styled-components';
+import FooterActions from './FooterActions';
+var MenuList = function (props) {
+    var setValue = props.setValue, getValue = props.getValue, selectProps = props.selectProps;
+    var children = props.children, rest = __rest(props, ["children"]);
+    var footerActions = selectProps.footerActions;
+    var List = components.MenuList;
+    var triggerClose = useCallback(function () { return setValue(getValue(), 'select-option'); }, [getValue, setValue]);
+    return (React.createElement(Wrapper, null,
+        React.createElement(List, __assign({}, rest),
+            children,
+            footerActions && React.createElement(FooterActions, { actions: footerActions, triggerClose: triggerClose }))));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
+export default MenuList;
+var templateObject_1;
+//# sourceMappingURL=MenuList.js.map

package/dist/components/form/select/components/MenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuList.js","sourceRoot":"","sources":["../../../../../src/components/form/select/components/MenuList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAG3C,IAAM,QAAQ,GAAG,UAAC,KAAoB;IAC5B,IAAA,yBAAQ,EAAE,yBAAQ,EAAE,+BAAW,CAAU;IACzC,IAAA,yBAAQ,EAAE,kCAAO,CAAU;IAC3B,IAAA,yCAAa,CAAgB;IACrC,IAAM,IAAI,GAAG,UAAU,CAAC,QAAmC,CAAA;IAE3D,IAAM,YAAY,GAAG,WAAW,CAAC,cAAM,OAAA,QAAQ,CAAC,QAAQ,EAAE,EAAE,eAAe,CAAC,EAArC,CAAqC,EAAE,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAEnG,OAAO,CACL,oBAAC,OAAO;QACN,oBAAC,IAAI,eAAK,IAAI;YACX,QAAQ;YACR,aAAa,IAAI,oBAAC,aAAa,IAAC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,GAAI,CAClF,CACC,CACX,CAAA;AACH,CAAC,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,qEAAA,EAAE,IAAA,CAAA;AAE5B,eAAe,QAAQ,CAAA"}

package/dist/components/form/select/components/Option.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { OptionTypeBase } from 'react-select/src/types';
+import { IconProps } from '../../../icon';
+import { OptionProps } from './types';
+export interface OptionType extends OptionTypeBase {
+    icon?: IconProps;
+    label: string;
+    value: string;
+}
+interface Props<IsMulti extends boolean = false> extends Omit<OptionProps<IsMulti>, 'data'> {
+    data: OptionType;
+}
+declare const Option: <IsMulti extends boolean = false>({ innerProps: { onClick }, data: { label, icon }, }: Props<IsMulti>) => JSX.Element;
+export default Option;

package/dist/components/form/select/components/Option.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;
+};
+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 from 'react';
+import styled from 'styled-components';
+import { Icon } from '../../../icon';
+var Option = function (_a) {
+    var onClick = _a.innerProps.onClick, _b = _a.data, label = _b.label, icon = _b.icon;
+    return (React.createElement(Wrapper, { onClick: onClick },
+        icon && React.createElement(Icon, __assign({}, icon)),
+        React.createElement("div", null, label)));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 32px;\n\n  cursor: pointer;\n\n  font-size: 14px;\n\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  padding: 0 10px;\n\n  &:hover {\n    background: ", ";\n  }\n"], ["\n  height: 32px;\n\n  cursor: pointer;\n\n  font-size: 14px;\n\n  display: flex;\n  align-items: center;\n  gap: 6px;\n\n  padding: 0 10px;\n\n  &:hover {\n    background: ", ";\n  }\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[100];
+});
+export default Option;
+var templateObject_1;
+//# sourceMappingURL=Option.js.map

package/dist/components/form/select/components/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../../src/components/form/select/components/Option.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAa,MAAM,eAAe,CAAA;AAa/C,IAAM,MAAM,GAAG,UAAC,EAAyD;QAAzC,+BAAO,EAAI,YAAqB,EAAb,gBAAK,EAAE,cAAI;IAA6B,OAAA,CACzF,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO;QACtB,IAAI,IAAI,oBAAC,IAAI,eAAK,IAAI,EAAI;QAC3B,iCAAM,KAAK,CAAO,CACV,CACX;AAL0F,CAK1F,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,8PAAA,+KAcR,EAAsC,UAEvD,KAFiB,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAEvD,CAAA;AAED,eAAe,MAAM,CAAA"}

package/dist/components/form/select/components/Placeholder.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Placeholder: <IsMulti extends boolean = false>({ children }: import("react-select").PlaceholderProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>> | React.PropsWithChildren<import("react-select").PlaceholderProps<import("./Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./Option").OptionType>>>) => JSX.Element;
+export default Placeholder;

package/dist/components/form/select/components/Placeholder.js

@@ -0,0 +1,17 @@
+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 Placeholder = function (_a) {
+    var children = _a.children;
+    return React.createElement(Wrapper, null, children);
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-size: 14px;\n  color: ", ";\n"], ["\n  font-size: 14px;\n  color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.palette.grey[200];
+});
+export default Placeholder;
+var templateObject_1;
+//# sourceMappingURL=Placeholder.js.map

package/dist/components/form/select/components/Placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Placeholder.js","sourceRoot":"","sources":["../../../../../src/components/form/select/components/Placeholder.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAItC,IAAM,WAAW,GAAG,UAAC,EAA8B;QAA5B,sBAAQ;IAAsC,OAAA,oBAAC,OAAO,QAAE,QAAQ,CAAW;AAA7B,CAA6B,CAAA;AAElG,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,2GAAA,iCAEf,EAAsC,KAChD,KADU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAChD,CAAA;AAED,eAAe,WAAW,CAAA"}

package/dist/components/form/select/components/types.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+import { SelectProps } from '../types';
+declare type SelectComponents<IsMulti extends boolean = false> = Required<Required<SelectProps<IsMulti>>['components']>;
+export declare type OptionProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Option']>;
+export declare type PlaceholderProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Placeholder']>;
+export declare type ControlProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['Control']>;
+export declare type MenuListProps<IsMulti extends boolean = false> = ComponentProps<SelectComponents<IsMulti>['MenuList']>;
+export declare type DropdownIndicatorProps<IsMulti extends boolean = false> = ComponentProps<NonNullable<SelectComponents<IsMulti>['DropdownIndicator']>>;
+export declare type ClearIndicatorProps<IsMulti extends boolean = false> = ComponentProps<NonNullable<SelectComponents<IsMulti>['ClearIndicator']>>;
+export {};

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

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

package/dist/components/form/select/components.d.ts

@@ -0,0 +1 @@
+export declare const getCustomComponents: <IsMulti extends boolean = false>() => Partial<import("react-select/src/components").SelectComponents<import("./components/Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("./components/Option").OptionType>>> | undefined;

package/dist/components/form/select/components.js

@@ -0,0 +1,15 @@
+import ClearIndicator from './components/ClearIndicator';
+import Control from './components/Control';
+import DropdownIndicator from './components/DropdownIndicator';
+import MenuList from './components/MenuList';
+import Option from './components/Option';
+import Placeholder from './components/Placeholder';
+export var customComponents = {
+    Option: Option,
+    DropdownIndicator: DropdownIndicator,
+    ClearIndicator: ClearIndicator,
+    Placeholder: Placeholder,
+    Control: Control,
+    MenuList: MenuList,
+};
+//# sourceMappingURL=components.js.map

package/dist/components/form/select/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../../src/components/form/select/components.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AACxD,OAAO,OAAO,MAAM,sBAAsB,CAAA;AAC1C,OAAO,iBAAiB,MAAM,gCAAgC,CAAA;AAC9D,OAAO,QAAQ,MAAM,uBAAuB,CAAA;AAC5C,OAAO,MAAM,MAAM,qBAAqB,CAAA;AACxC,OAAO,WAAW,MAAM,0BAA0B,CAAA;AAGlD,MAAM,CAAC,IAAM,gBAAgB,GAA8B;IACzD,MAAM,QAAA;IACN,iBAAiB,mBAAA;IACjB,cAAc,gBAAA;IACd,WAAW,aAAA;IACX,OAAO,SAAA;IACP,QAAQ,UAAA;CACT,CAAA"}

package/dist/components/form/select/hooks/useSelectMultiValues.d.ts

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
+import { OptionType } from '../components/Option';
+import { SelectProps } from '../types';
+declare type valueType = SelectProps<OptionType, true>['value'];
+declare type ReturnType = [valueType | undefined, Dispatch<SetStateAction<valueType | undefined>>];
+declare const useSelectMultiValues: (initialValue?: (OptionType & import("react-select").OptionsType<OptionType>) | (readonly OptionType[] & import("react-select").OptionsType<OptionType>) | undefined) => ReturnType;
+export default useSelectMultiValues;

package/dist/components/form/select/hooks/useSelectMultiValues.js

@@ -0,0 +1,4 @@
+import { useState } from 'react';
+var useSelectMultiValues = function (initialValue) { return useState(initialValue || []); };
+export default useSelectMultiValues;
+//# sourceMappingURL=useSelectMultiValues.js.map

package/dist/components/form/select/hooks/useSelectMultiValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectMultiValues.js","sourceRoot":"","sources":["../../../../../src/components/form/select/hooks/useSelectMultiValues.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAA;AAS1D,IAAM,oBAAoB,GAAG,UAAC,YAAwB,IAAiB,OAAA,QAAQ,CAAY,YAAY,IAAI,EAAE,CAAC,EAAvC,CAAuC,CAAA;AAE9G,eAAe,oBAAoB,CAAA"}

package/dist/components/form/select/hooks/useSelectThemeStyles.d.ts

@@ -0,0 +1,7 @@
+import { statusType } from '../../common/types';
+interface Props {
+    status: statusType;
+    isDisabled?: boolean;
+}
+declare const useSelectThemeStyles: <IsMulti extends boolean = false>({ status, isDisabled, }: Props) => Partial<import("react-select").Styles<import("../components/Option").OptionType, IsMulti, import("react-select").GroupTypeBase<import("../components/Option").OptionType>>> | undefined;
+export default useSelectThemeStyles;

package/dist/components/form/select/hooks/useSelectThemeStyles.js

@@ -0,0 +1,24 @@
+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 { useTheme } from 'styled-components';
+import { getSelectStyles } from '../utils';
+var useSelectThemeStyles = function (_a) {
+    var status = _a.status, isDisabled = _a.isDisabled;
+    var theme = useTheme();
+    var color = getSelectStyles({ theme: theme, status: status, isDisabled: isDisabled }).color;
+    return {
+        singleValue: function (provided) { return (__assign(__assign({}, provided), { color: color, fontSize: '14px' })); },
+        noOptionsMessage: function (base) { return (__assign(__assign({}, base), { fontSize: '14px' })); },
+    };
+};
+export default useSelectThemeStyles;
+//# sourceMappingURL=useSelectThemeStyles.js.map

package/dist/components/form/select/hooks/useSelectThemeStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectThemeStyles.js","sourceRoot":"","sources":["../../../../../src/components/form/select/hooks/useSelectThemeStyles.ts"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAG5C,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAO1C,IAAM,oBAAoB,GAAG,UAAC,EAA6B;QAA3B,kBAAM,EAAE,0BAAU;IAChD,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAChB,IAAA,uFAAK,CAAmD;IAEhE,OAAO;QACL,WAAW,EAAE,UAAA,QAAQ,IAAI,OAAA,uBAAM,QAAQ,KAAE,KAAK,OAAA,EAAE,QAAQ,EAAE,MAAM,IAAG,EAA1C,CAA0C;QACnE,gBAAgB,EAAE,UAAA,IAAI,IAAI,OAAA,uBAAM,IAAI,KAAE,QAAQ,EAAE,MAAM,IAAG,EAA/B,CAA+B;KAC1D,CAAA;AACH,CAAC,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/components/form/select/hooks/useSelectValue.d.ts

@@ -0,0 +1,8 @@
+import { Dispatch, SetStateAction } from 'react';
+import { ValueType } from 'react-select';
+import { OptionType } from '../components/Option';
+declare type valueType<IsMulti extends boolean = false> = ValueType<OptionType, IsMulti>;
+declare type ReturnType<IsMulti extends boolean = false> = [valueType<IsMulti> | undefined, Dispatch<SetStateAction<valueType<IsMulti> | undefined>>];
+export declare const useSelectValue: (initialValue: OptionType | null) => ReturnType<false>;
+export declare const useSelectMultiValues: (initialValue: import("react-select").OptionsType<OptionType>) => ReturnType<true>;
+export {};

package/dist/components/form/select/hooks/useSelectValue.js

@@ -0,0 +1,4 @@
+import { useState } from 'react';
+var useSelectValue = function (initialValue) { return useState(initialValue || null); };
+export default useSelectValue;
+//# sourceMappingURL=useSelectValue.js.map

package/dist/components/form/select/hooks/useSelectValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectValue.js","sourceRoot":"","sources":["../../../../../src/components/form/select/hooks/useSelectValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4B,QAAQ,EAAE,MAAM,OAAO,CAAA;AAQ1D,IAAM,cAAc,GAAG,UAAC,YAAwB,IAAiB,OAAA,QAAQ,CAAuB,YAAY,IAAI,IAAI,CAAC,EAApD,CAAoD,CAAA;AAErH,eAAe,cAAc,CAAA"}

package/dist/components/form/select/index.d.ts

@@ -0,0 +1,6 @@
+import { SelectActionsType } from './components/FooterActions';
+import { useSelectMultiValues, useSelectValue } from './hooks/useSelectValue';
+import { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Select';
+import selectPalette, { SelectPalette } from './selectPalette';
+import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, SelectProps } from './types';
+export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, SelectPalette, selectPalette, SelectActionsType, useSelectValue, useSelectMultiValues, };

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

@@ -0,0 +1,4 @@
+import { AsyncCreatableSelect, AsyncSelect, CreatableSelect, Select } from './Select';
+import selectPalette from './selectPalette';
+export { Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, selectPalette, };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/select/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACrF,OAAO,aAAgC,MAAM,iBAAiB,CAAA;AAG9D,OAAO,EACL,MAAM,EACN,eAAe,EACf,WAAW,EACX,oBAAoB,EAMpB,aAAa,GAEd,CAAA"}

package/dist/components/form/select/originalComponents.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { AsyncCreatableSelectProps, AsyncSelectProps, CreatableSelectProps, NormalSelectProps } from './types';
+export declare const NormalSelectOriginal: React.FC<NormalSelectProps>;
+export declare const CreatableSelectOriginal: React.FC<CreatableSelectProps>;
+export declare const AsyncSelectOriginal: React.FC<AsyncSelectProps>;
+export declare const AsyncCreatableSelectOriginal: React.FC<AsyncCreatableSelectProps>;

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

@@ -0,0 +1,71 @@
+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 from 'react';
+import { errorHelper, warningHelper } from '../common/exampleHelpers';
+import { inputSizeArray, statusesArray } from '../common/types';
+import useSelectValue from './hooks/useSelectValue';
+import { Select } from './Select';
+var options = [
+    {
+        label: 'Error',
+        value: 'error',
+    },
+    {
+        label: 'Warning',
+        value: 'warning',
+    },
+    {
+        label: 'Group 3',
+        options: [
+            { label: 'Group 3 Label 1', value: 'group 3 label 1' },
+            { label: 'Group 3 Label 2', value: 'group 3 label 2' },
+            { label: 'Group 3 Label 3', value: 'group 3 label 3' },
+        ],
+        value: 'unused 3',
+    },
+    {
+        label: 'Group 4',
+        value: 'unused 4',
+    },
+];
+export var WithKnob = function (args) {
+    var _a = useSelectValue(), value = _a[0], setValue = _a[1];
+    var helper = (value === null || value === void 0 ? void 0 : value.value) === 'error' ? errorHelper : (value === null || value === void 0 ? void 0 : value.value) === 'warning' ? warningHelper : undefined;
+    return (React.createElement(Select, __assign({}, args, { onChange: setValue, value: value, helper: helper, noOptionsMessage: function () { return 'Nessuna corrispondenza trovata'; } })));
+};
+var SelectStories = {
+    title: 'New Components/Select/NormalSelect',
+    component: Select,
+    args: {
+        label: 'My label',
+        placeholder: 'Il placeholder',
+        isDisabled: false,
+        isClearable: true,
+        status: 'normal',
+        inputSize: 'medium',
+        autoFocus: true,
+        options: options,
+        isMulti: false,
+    },
+    argTypes: {
+        inputSize: {
+            options: inputSizeArray,
+            control: { type: 'inline-radio' },
+        },
+        status: {
+            options: statusesArray,
+            control: { type: 'inline-radio' },
+        },
+    },
+};
+export default SelectStories;
+//# sourceMappingURL=select.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.stories.js","sourceRoot":"","sources":["../../../../src/components/form/select/select.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AACrE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/D,OAAO,cAAc,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AAGjC,IAAM,OAAO,GAA2B;IACtC;QACE,KAAK,EAAE,OAAO;QACd,KAAK,EAAE,OAAO;KACf;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD;QACE,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;YACtD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;YACtD,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,iBAAiB,EAAE;SACvD;QACD,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,UAAU;KAClB;CACF,CAAA;AAED,MAAM,CAAC,IAAM,QAAQ,GAAuB,UAAA,IAAI;IACxC,IAAA,qBAAoC,EAAnC,aAAK,EAAE,gBAA4B,CAAA;IAE1C,IAAM,MAAM,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,MAAK,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAA;IAE9G,OAAO,CACL,oBAAC,MAAM,eACD,IAAI,IACR,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,cAAM,OAAA,gCAAgC,EAAhC,CAAgC,IACxD,CACH,CAAA;AACH,CAAC,CAAA;AAED,IAAM,aAAa,GAAsB;IACvC,KAAK,EAAE,oCAAoC;IAC3C,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,gBAAgB;QAC7B,UAAU,EAAE,KAAK;QACjB,WAAW,EAAE,IAAI;QACjB,MAAM,EAAE,QAAQ;QAChB,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,IAAI;QACf,OAAO,SAAA;QACP,OAAO,EAAE,KAAK;KACf;IACD,QAAQ,EAAE;QACR,SAAS,EAAE;YACT,OAAO,EAAE,cAAc;YACvB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;QACD,MAAM,EAAE;YACN,OAAO,EAAE,aAAa;YACtB,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;SAClC;KACF;CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/form/select/selectPalette.d.ts

@@ -0,0 +1,16 @@
+import { colorsPalette } from '../../../common/types/colorsPalette';
+import { paletteColor } from '../../../styles/types';
+import { statusType } from '../common/types';
+export interface SelectParts extends colorsPalette {
+    borderColor: paletteColor;
+    iconColor: paletteColor;
+}
+declare type StatusesPalette = {
+    [key in statusType]: SelectParts;
+};
+export interface SelectPalette extends StatusesPalette {
+    normalFocused: SelectParts;
+    disabled: SelectParts;
+}
+declare const selectPalette: SelectPalette;
+export default selectPalette;

package/dist/components/form/select/selectPalette.js

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

package/dist/components/form/select/selectPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectPalette.js","sourceRoot":"","sources":["../../../../src/components/form/select/selectPalette.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,gCAAgC,CAAA;AAkB3D,IAAM,aAAa,GAAkB;IACnC,MAAM,EAAE;QACN,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACrC,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACpC,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,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACpC,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,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QACpC,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,SAAS,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,CAAC;QACrC,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,SAAS,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC;QAClC,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,SAAS,EAAE,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACnC,WAAW,EAAE,aAAa;KAC3B;CACF,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/components/form/select/types.d.ts

@@ -0,0 +1,11 @@
+import { Props as AsyncProps } from 'react-select/src/Async';
+import { Props as AsyncCreatableProps } from 'react-select/src/AsyncCreatable';
+import { Props as CreatableProps } from 'react-select/src/Creatable';
+import { Props as ReactSelectProps } from 'react-select/src/Select';
+import { CommonFormTypes } from '../common/types';
+import { LabelProps } from '../label';
+import { OptionType } from './components/Option';
+export declare type SelectProps<isMulti extends boolean = false, T = ReactSelectProps<OptionType, isMulti>> = CommonFormTypes & LabelProps & T;
+export declare type CreatableSelectProps<isMulti extends boolean = false> = SelectProps<isMulti, CreatableProps<OptionType, isMulti>>;
+export declare type AsyncSelectProps<isMulti extends boolean = false> = SelectProps<isMulti, AsyncProps<OptionType, isMulti>>;
+export declare type AsyncCreatableSelectProps<isMulti extends boolean = false> = SelectProps<isMulti, AsyncCreatableProps<OptionType, isMulti>>;

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

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

package/dist/components/form/select/utils.d.ts

@@ -0,0 +1,7 @@
+import { DefaultTheme } from 'styled-components';
+import { SelectWrapperProps } from './SelectWrapper';
+interface GetSelectParams extends SelectWrapperProps {
+    theme: DefaultTheme;
+}
+export declare const getSelectStyles: ({ theme, isDisabled, status }: GetSelectParams) => Pick<import("../common/styles").BoxedInputWrapperProps, "borderColor" | "normalFocused" | "color" | "background">;
+export {};

package/dist/components/form/select/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 getSelectStyles = 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.select[actualStatus];
+    return __assign(__assign({}, styles), { normalFocused: theme.components.select['normalFocused'] });
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/form/select/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AASA,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAAyD;QAAvD,gBAAK,EAAE,0BAAU,EAAE,cAAiB,EAAjB,sCAAiB;IACpE,IAAM,YAAY,GAAwB,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAA;IAC1E,IAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IAEpD,6BACK,MAAM,KACT,aAAa,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,eAAe,CAAC,IACxD;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { LabelProps } from '../label';
+import { TextAreaElementProps } from './types';
+export declare type TextAreaProps = LabelProps & TextAreaElementProps;
+declare const TextArea: (props: TextAreaProps) => JSX.Element;
+export default TextArea;

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