@fattureincloud/fic-design-system 0.3.17 → 0.3.21

package/dist/components/tooltip/Tooltip.js

@@ -0,0 +1,81 @@
+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 { usePopper } from 'react-popper';
+import { CSSTransition } from 'react-transition-group';
+import { useClickAway } from 'react-use';
+import styled from 'styled-components';
+import { Arrow } from './Arrow';
+import { Message } from './components/Message';
+import { TooltipContainer } from './components/TooltipContainer';
+var Tooltip = function (_a) {
+    var message = _a.message, placement = _a.placement, className = _a.className, children = _a.children, type = _a.type, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
+    var wrapperRef = useRef(null);
+    var popperRef = useRef(null);
+    var buttonRef = useRef(null);
+    var _b = useState(null), arrowRef = _b[0], setArrowRef = _b[1];
+    var _c = useState(false), isOpen = _c[0], setIsOpen = _c[1];
+    var show = useCallback(function () { return setIsOpen(true); }, []);
+    var hide = useCallback(function () { return setIsOpen(false); }, []);
+    useClickAway(wrapperRef, hide);
+    useEffect(function () {
+        if (isOpen) {
+            window.addEventListener('touchmove', hide);
+            return function () {
+                window.removeEventListener('touchmove', hide);
+            };
+        }
+        return;
+    }, [hide, isOpen]);
+    var _onMouseEnter = useCallback(function (e) {
+        show();
+        onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
+    }, [onMouseEnter, show]);
+    var _onMouseLeave = useCallback(function (e) {
+        hide();
+        onMouseLeave === null || onMouseLeave === void 0 ? void 0 : onMouseLeave(e);
+    }, [hide, onMouseLeave]);
+    var _d = usePopper(buttonRef.current, popperRef.current, {
+        placement: placement,
+        strategy: 'fixed',
+        modifiers: useMemo(function () { return [
+            {
+                name: 'arrow',
+                options: {
+                    element: arrowRef,
+                },
+            },
+            {
+                name: 'offset',
+                options: {
+                    offset: [0, 10],
+                },
+            },
+        ]; }, [arrowRef]),
+    }), attributes = _d.attributes, styles = _d.styles;
+    return (React.createElement(Wrapper, { className: className, ref: wrapperRef },
+        React.createElement("div", { ref: buttonRef, onClick: show, onMouseEnter: _onMouseEnter, onMouseLeave: _onMouseLeave }, children),
+        React.createElement(CSSTransition, { in: isOpen, timeout: 200, unmountOnExit: true, appear: true },
+            React.createElement(BodyAnimationWrapper, null,
+                React.createElement(TooltipContainer, __assign({ ref: popperRef, style: styles.popper }, attributes.popper),
+                    React.createElement(Arrow, { type: type, ref: setArrowRef, style: styles.arrow }),
+                    React.createElement(Message, { type: type, style: styles.offset }, message))))));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var BodyAnimationWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"], ["\n  &.enter {\n    opacity: 0;\n    margin-top: -10px;\n  }\n\n  &.enter-active {\n    opacity: 1;\n    margin-top: 0;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n\n  &.exit {\n    opacity: 1;\n    margin-top: 0;\n  }\n\n  &.exit-active {\n    opacity: 0;\n    margin-top: -10px;\n    transition: margin-top 200ms, opacity 200ms;\n  }\n"])));
+export default Tooltip;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/tooltip/Tooltip.js.map

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

package/dist/components/tooltip/components/Message.js

@@ -0,0 +1,18 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+var getMessageStyles = function (_a) {
+    var theme = _a.theme, type = _a.type;
+    return theme.components.tooltip[type];
+};
+export var Message = styled.div.attrs(getMessageStyles)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  z-index: 9;\n\n  font-size: 14px;\n\n  padding: 4px 8px;\n  border-radius: 3px;\n\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n\n  color: ", ";\n  background: ", ";\n"], ["\n  z-index: 9;\n\n  font-size: 14px;\n\n  padding: 4px 8px;\n  border-radius: 3px;\n\n  box-shadow: 0 2px 7px -2px rgba(0, 0, 0, 1);\n\n  color: ", ";\n  background: ", ";\n"])), function (_a) {
+    var color = _a.color;
+    return color;
+}, function (_a) {
+    var background = _a.background;
+    return background;
+});
+var templateObject_1;
+//# sourceMappingURL=Message.js.map

package/dist/components/tooltip/components/Message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/Message.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAwB,MAAM,mBAAmB,CAAA;AAaxD,IAAM,gBAAgB,GAAG,UAAC,EAAuC;QAArC,gBAAK,EAAE,cAAI;IAA8C,OAAA,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC;AAA9B,CAA8B,CAAA;AAInH,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,KAAK,CAA8B,gBAAgB,CAAC,mPAAc,oJAUzF,EAAoB,mBACf,EAA8B,KAC7C,KAFU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK;AAAL,CAAK,EACf,UAAC,EAAc;QAAZ,0BAAU;IAAO,OAAA,UAAU;AAAV,CAAU,CAC7C,CAAA"}

package/dist/components/tooltip/components/TooltipContainer.js

@@ -0,0 +1,9 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import styled from 'styled-components';
+import { arrowStyle } from '../Arrow';
+export var TooltipContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n\n  max-width: min(calc(100vw - 5%), 300px);\n"], ["\n  ", ";\n\n  max-width: min(calc(100vw - 5%), 300px);\n"])), arrowStyle);
+var templateObject_1;
+//# sourceMappingURL=TooltipContainer.js.map

package/dist/components/tooltip/components/TooltipContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipContainer.js","sourceRoot":"","sources":["../../../../src/components/tooltip/components/TooltipContainer.ts"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,MAAM,CAAC,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,8HAAA,MACtC,EAAU,mDAGb,KAHG,UAAU,CAGb,CAAA"}

package/dist/components/tooltip/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAyB,MAAM,WAAW,CAAA;AACjD,OAAO,cAAkC,MAAM,kBAAkB,CAAA;AAEjE,OAAO,EAAE,OAAO,EAAgB,cAAc,EAAkB,CAAA"}

package/dist/components/tooltip/tooltip.stories.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 { faInfoCircle } from '@fortawesome/pro-solid-svg-icons';
+import { select, text } from '@storybook/addon-knobs';
+import React from 'react';
+import styled from 'styled-components';
+import { Icon } from '../icon';
+import Tooltip from './Tooltip';
+export var Top = function () {
+    var type = select('type', ['dark', 'light'], 'dark');
+    var placement = select('placement', ['top', 'bottom', 'right', 'left'], 'bottom');
+    var message = text('message', 'Example text');
+    return (React.createElement(React.Fragment, null,
+        "Cercalo al centro del container scrollabile:",
+        React.createElement(Wrapper, null,
+            React.createElement(Tooltip, { placement: placement, type: type, message: message },
+                React.createElement(Icon, { icon: faInfoCircle })))));
+};
+var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: 1500px;\n"], ["\n  padding: 1500px;\n"])));
+var TooltipStories = {
+    title: 'Old Components/Tooltip',
+    component: Tooltip,
+};
+export default TooltipStories;
+var templateObject_1;
+//# sourceMappingURL=tooltip.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.stories.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.stories.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAErD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,OAAyB,MAAM,WAAW,CAAA;AAEjD,MAAM,CAAC,IAAM,GAAG,GAAG;IACjB,IAAM,IAAI,GAAG,MAAM,CAAuB,MAAM,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,MAAM,CAAC,CAAA;IAC5E,IAAM,SAAS,GAAG,MAAM,CAA4B,WAAW,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,QAAQ,CAAC,CAAA;IAC9G,IAAM,OAAO,GAAG,IAAI,CAAC,SAAS,EAAE,cAAc,CAAC,CAAA;IAE/C,OAAO,CACL;;QAEE,oBAAC,OAAO;YACN,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO;gBACzD,oBAAC,IAAI,IAAC,IAAI,EAAE,YAAY,GAAI,CACpB,CACF,CACT,CACJ,CAAA;AACH,CAAC,CAAA;AAED,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,2FAAA,wBAEzB,IAAA,CAAA;AAED,IAAM,cAAc,GAAuB;IACzC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,OAAO;CACnB,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/components/tooltip/tooltipPalette.js

@@ -0,0 +1,13 @@
+import defaultPalette from '../../styles/defaultPalette';
+var tooltipPalette = {
+    light: {
+        color: defaultPalette.black[100],
+        background: defaultPalette.white[100],
+    },
+    dark: {
+        color: defaultPalette.white[100],
+        background: defaultPalette.grey[900],
+    },
+};
+export default tooltipPalette;
+//# sourceMappingURL=tooltipPalette.js.map

package/dist/components/tooltip/tooltipPalette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipPalette.js","sourceRoot":"","sources":["../../../src/components/tooltip/tooltipPalette.ts"],"names":[],"mappings":"AACA,OAAO,cAAc,MAAM,6BAA6B,CAAA;AAQxD,IAAM,cAAc,GAAmB;IACrC,KAAK,EAAE;QACL,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;KACtC;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc,CAAC,KAAK,CAAC,GAAG,CAAC;QAChC,UAAU,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;KACrC;CACF,CAAA;AAED,eAAe,cAAc,CAAA"}

package/dist/constants/localStorageKeys.js

@@ -1,5 +1,5 @@
 export var localStorageKeys = {
     main: 'fic-design-system',
-    tableConfigs: 'tableConfigs'
+    tableConfigs: 'tableConfigs',
 };
 //# sourceMappingURL=localStorageKeys.js.map

package/dist/constants/localStorageKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"localStorageKeys.js","sourceRoot":"","sources":["../../src/constants/localStorageKeys.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,mBAAmB;IACzB,YAAY,EAAE,cAAc;CAC7B,CAAC"}
+{"version":3,"file":"localStorageKeys.js","sourceRoot":"","sources":["../../src/constants/localStorageKeys.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,mBAAmB;IACzB,YAAY,EAAE,cAAc;CAC7B,CAAA"}

package/dist/constants/responsiveThresholds.js

@@ -1,5 +1,5 @@
 var tabletLandscape = 991;
 export var responsiveThresholds = {
-    tabletLandscape: tabletLandscape
+    tabletLandscape: tabletLandscape,
 };
 //# sourceMappingURL=responsiveThresholds.js.map

package/dist/constants/responsiveThresholds.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsiveThresholds.js","sourceRoot":"","sources":["../../src/constants/responsiveThresholds.ts"],"names":[],"mappings":"AAAA,IAAM,eAAe,GAAG,GAAG,CAAC;AAE5B,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,eAAe,iBAAA;CAChB,CAAC"}
+{"version":3,"file":"responsiveThresholds.js","sourceRoot":"","sources":["../../src/constants/responsiveThresholds.ts"],"names":[],"mappings":"AAAA,IAAM,eAAe,GAAG,GAAG,CAAA;AAE3B,MAAM,CAAC,IAAM,oBAAoB,GAAG;IAClC,eAAe,iBAAA;CAChB,CAAA"}

package/dist/index.d.ts

@@ -8,14 +8,16 @@ import { Chip } from './components/chips';
 import { Drawer } from './components/drawer';
 import { closeDropdownType, Dropdown, DropdownItemProps, DropdownPalette } from './components/dropdown';
 import { WithBadge } from './components/floatingBadge';
+import { InputHelper, InputHelperPalette, InputHelperProps } from './components/form/inputHelper';
+import { InputText, InputTextPalette, InputTextProps } from './components/form/inputText';
+import { AsyncCreatableSelect, AsyncCreatableSelectProps, AsyncSelect, AsyncSelectProps, CreatableSelect, CreatableSelectProps, Select, SelectPalette, SelectProps, useSelectMultiValues, useSelectValue } from './components/form/select';
+import { TextArea, TextAreaPalette, TextAreaProps } from './components/form/textArea';
 import { GroupedList } from './components/groupedList';
 import { RadioButtonGroup } from './components/groupRadioButton';
 import { Icon, IconPalette, IconProps } from './components/icon';
 import { IconBackground, IconBackgroundPalette } from './components/icon/components/iconBackground';
 import { InlineMessage } from './components/inlineMessages';
-import { InputText } from './components/inputText';
-import { EInputErrorTypes, EInputSize, EInputTags, EInputTypes } from './components/inputText/typings/enums';
-import { SidebarItem, sidebarItemHeight, SidebarItemPalette } from './components/layout';
+import { CustomSidebarItemProps, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps } from './components/layout';
 import { MicroTag } from './components/microTag';
 import { Modal, ModalSearchable } from './components/modals';
 import { ConfirmationModal } from './components/modals/confirmationModal';
@@ -24,16 +26,14 @@ import { PageEmptySet } from './components/pageEmptySet';
 import { Pagination } from './components/pagination';
 import { Progressbar } from './components/progressbar';
 import { RadioButton } from './components/radioButton';
-import { Select, SelectAsync, SelectCreatable } from './components/select';
 import { Stepper, StepperPalette, StepperProps } from './components/stepper';
 import { Table } from './components/table';
 import { DropdownTabs, ScrollableTabs, TabsItem } from './components/tabs';
 import { Tag } from './components/tag';
-import { TextButton } from './components/textButton';
 import { ThemeProvider } from './components/themeProvider';
 import { ShortcutTip, Tip } from './components/tip';
 import { Toast } from './components/toast';
 import { Tooltip, TooltipPalette, TooltipProps } from './components/tooltip';
 import { Theme } from './styles/theme';
 import { Palette, paletteColor } from './styles/types';
-export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, SelectCreatable, SelectAsync, InputText, EInputErrorTypes, EInputSize, EInputTypes, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, EInputTags, ConfirmationModal, TextButton, MicroTag, Tag, };
+export { paletteColor, Avatar, Banner, BannerProps, Button, ButtonProps, IconButton, IconButtonProps, Icon, IconProps, IconPalette, IconBackground, IconBackgroundPalette, Table, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, PageEmptySet, Modal, ModalBody, ModalSearchable, Tooltip, TooltipProps, TooltipPalette, Accordion, Progressbar, Drawer, Chip, RadioButton, RadioButtonGroup, InlineMessage, Badge, Dropdown, DropdownItemProps, DropdownPalette, closeDropdownType, DropdownTabs, ScrollableTabs, SidebarItem, sidebarItemHeight, SidebarItemPalette, SidebarItemProps, CustomSidebarItemProps, TabsItem, Stepper, StepperProps, StepperPalette, Tip, ShortcutTip, ThemeProvider, Theme, Palette, GroupedList, WithBadge, Pagination, Toast, ConfirmationModal, MicroTag, Tag, InputText, InputTextProps, InputTextPalette, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, };