@fattureincloud/fic-design-system 0.3.17 → 0.3.21

package/dist/common/components/Spinner.js

@@ -0,0 +1,10 @@
+import { faCircleNotch } from '@fortawesome/pro-regular-svg-icons';
+import React from 'react';
+import { Icon } from '../../components/icon';
+var Spinner = function (_a) {
+    var className = _a.className;
+    return (React.createElement("div", { className: className },
+        React.createElement(Icon, { icon: faCircleNotch, spin: true })));
+};
+export default Spinner;
+//# sourceMappingURL=Spinner.js.map

package/dist/common/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/common/components/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAA;AAM5C,IAAM,OAAO,GAAG,UAAC,EAAoB;QAAlB,wBAAS;IAA2B,OAAA,CACrD,6BAAK,SAAS,EAAE,SAAS;QACvB,oBAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,SAAG,CAC9B,CACP;AAJsD,CAItD,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/common/cssFixes/inputTextFixes.d.ts

@@ -0,0 +1,4 @@
+import { inputSizeType } from '../../components/form/common/types';
+export declare const inputTextHTMLInputBootstrapFixes: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    inputSize: inputSizeType;
+}, import("styled-components").DefaultTheme>>;

package/dist/common/cssFixes/inputTextFixes.js

@@ -0,0 +1,11 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+export var inputTextHTMLInputBootstrapFixes = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: 400 !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  font-size: 14px !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  height: ", "px !important;\n  padding: 1px 2px !important;\n  margin: 0 !important;\n  color: black !important;\n"], ["\n  font-weight: 400 !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  font-size: 14px !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  height: ", "px !important;\n  padding: 1px 2px !important;\n  margin: 0 !important;\n  color: black !important;\n"])), function (_a) {
+    var inputSize = _a.inputSize;
+    return (inputSize === 'large' ? 40 : 30);
+});
+var templateObject_1;
+//# sourceMappingURL=inputTextFixes.js.map

package/dist/common/cssFixes/inputTextFixes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputTextFixes.js","sourceRoot":"","sources":["../../../src/common/cssFixes/inputTextFixes.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAIvC,MAAM,CAAC,IAAM,gCAAgC,GAAG,GAAG,kcAA8B,sRASrE,EAAoD,uGAI/D,KAJW,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;AAAjC,CAAiC,CAI/D,CAAA"}

package/dist/common/cssFixes/labelFixes.d.ts

@@ -0,0 +1 @@
+export declare const inputTextHTMLLabelBootstrapFixes: import("styled-components").FlattenSimpleInterpolation;

package/dist/common/cssFixes/labelFixes.js

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+export var inputTextHTMLLabelBootstrapFixes = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  cursor: default !important;\n  font-weight: 400 !important;\n  display: block !important;\n  margin-bottom: 0 !important;\n"], ["\n  cursor: default !important;\n  font-weight: 400 !important;\n  display: block !important;\n  margin-bottom: 0 !important;\n"])));
+var templateObject_1;
+//# sourceMappingURL=labelFixes.js.map

package/dist/common/cssFixes/labelFixes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"labelFixes.js","sourceRoot":"","sources":["../../../src/common/cssFixes/labelFixes.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAEvC,MAAM,CAAC,IAAM,gCAAgC,GAAG,GAAG,oMAAA,iIAKlD,IAAA,CAAA"}

package/dist/common/cssFixes/selectFixes.d.ts

@@ -0,0 +1 @@
+export declare const selectBootstrapFixes: import("styled-components").FlattenSimpleInterpolation;

package/dist/common/cssFixes/textAreaFixes.d.ts

@@ -0,0 +1 @@
+export declare const inputTextHTMLTextAreaBootstrapFixes: import("styled-components").FlattenSimpleInterpolation;

package/dist/common/cssFixes/textAreaFixes.js

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { css } from 'styled-components';
+export var inputTextHTMLTextAreaBootstrapFixes = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-weight: 400 !important;\n  margin: 0 !important;\n  font-size: 14px !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  color: black !important;\n  padding: 8px 0 0 8px !important;\n  height: 100% !important;\n"], ["\n  font-weight: 400 !important;\n  margin: 0 !important;\n  font-size: 14px !important;\n  line-height: normal !important;\n  vertical-align: baseline !important;\n  background: transparent !important;\n  box-shadow: none !important;\n  border: 0 !important;\n  display: block !important;\n  color: black !important;\n  padding: 8px 0 0 8px !important;\n  height: 100% !important;\n"])));
+var templateObject_1;
+//# sourceMappingURL=textAreaFixes.js.map

package/dist/common/cssFixes/textAreaFixes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textAreaFixes.js","sourceRoot":"","sources":["../../../src/common/cssFixes/textAreaFixes.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAEvC,MAAM,CAAC,IAAM,mCAAmC,GAAG,GAAG,ocAAA,iYAarD,IAAA,CAAA"}

package/dist/common/hooks/useDebounceClick.js

@@ -0,0 +1,14 @@
+import { useCallback, useRef } from 'react';
+var useDebounceClick = function (_a) {
+    var _b = _a.manualLock, manualLock = _b === void 0 ? false : _b, onClick = _a.onClick, _c = _a.timeMs, timeMs = _c === void 0 ? 250 : _c;
+    var clickable = useRef(true);
+    return useCallback(function (e) {
+        if (clickable.current && !manualLock) {
+            clickable.current = false;
+            setTimeout(function () { return (clickable.current = true); }, timeMs);
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+        }
+    }, [onClick, manualLock, timeMs]);
+};
+export default useDebounceClick;
+//# sourceMappingURL=useDebounceClick.js.map

package/dist/common/hooks/useDebounceClick.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounceClick.js","sourceRoot":"","sources":["../../../src/common/hooks/useDebounceClick.ts"],"names":[],"mappings":"AAAA,OAAc,EAAqB,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAQrE,IAAM,gBAAgB,GAAG,UAAC,EAAqD;QAAnD,kBAAkB,EAAlB,uCAAkB,EAAE,oBAAO,EAAE,cAAY,EAAZ,iCAAY;IACnE,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;IAE9B,OAAO,WAAW,CAChB,UAAC,CAAmB;QAClB,IAAI,SAAS,CAAC,OAAO,IAAI,CAAC,UAAU,EAAE;YACpC,SAAS,CAAC,OAAO,GAAG,KAAK,CAAA;YACzB,UAAU,CAAC,cAAM,OAAA,CAAC,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC,EAA1B,CAA0B,EAAE,MAAM,CAAC,CAAA;YACpD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,EAAC;SACb;IACH,CAAC,EACD,CAAC,OAAO,EAAE,UAAU,EAAE,MAAM,CAAC,CAC9B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/common/types/colorsPalette.js

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

package/dist/common/types/colorsPalette.js.map

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

package/dist/common/utils/iconsUtils.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from '../../components/icon';
+export declare const getRandomIcon: () => IconProps;

package/dist/common/utils/iconsUtils.js

@@ -0,0 +1,14 @@
+import { faCog } from '@fortawesome/pro-light-svg-icons';
+import { faBuilding, faCaretDown } from '@fortawesome/pro-solid-svg-icons';
+var cogIcon = {
+    icon: faCog,
+};
+var caretDownIcon = {
+    icon: faCaretDown,
+};
+var buildingIcon = {
+    icon: faBuilding,
+};
+var iconsCollection = [cogIcon, caretDownIcon, buildingIcon];
+export var getRandomIcon = function () { return iconsCollection[Math.floor(Math.random() * (iconsCollection.length + 1))]; };
+//# sourceMappingURL=iconsUtils.js.map

package/dist/common/utils/iconsUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconsUtils.js","sourceRoot":"","sources":["../../../src/common/utils/iconsUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAI1E,IAAM,OAAO,GAAc;IACzB,IAAI,EAAE,KAAK;CACZ,CAAA;AAED,IAAM,aAAa,GAAc;IAC/B,IAAI,EAAE,WAAW;CAClB,CAAA;AAED,IAAM,YAAY,GAAc;IAC9B,IAAI,EAAE,UAAU;CACjB,CAAA;AAED,IAAM,eAAe,GAAgB,CAAC,OAAO,EAAE,aAAa,EAAE,YAAY,CAAC,CAAA;AAE3E,MAAM,CAAC,IAAM,aAAa,GAAG,cAAiB,OAAA,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,EAAzE,CAAyE,CAAA"}

package/dist/components/accordions/accordions.js

@@ -22,10 +22,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+import { faChevronDown } from '@fortawesome/pro-solid-svg-icons';
 import React, { Component } from 'react';
+import { Icon } from '../icon';
 import { StyledAccordionWrapper } from './components/styledAccordionWrapper';
-import { faChevronDown } from '@fortawesome/pro-solid-svg-icons';
-import { Icon } from '../icon/Icon';
 var UnstyledAccordion = /** @class */ (function (_super) {
     __extends(UnstyledAccordion, _super);
     function UnstyledAccordion(props) {
@@ -36,22 +36,21 @@ var UnstyledAccordion = /** @class */ (function (_super) {
         };
         var showBodyAtFirstRender = _this.props.showBodyAtFirstRender;
         _this.state = {
-            show: Boolean(showBodyAtFirstRender)
+            show: Boolean(showBodyAtFirstRender),
         };
         return _this;
     }
     UnstyledAccordion.prototype.render = function () {
-        var _a = this.props, title = _a.title, renderBody = _a.renderBody, lateralActions = _a.lateralActions, renderTitle = _a.renderTitle, renderLateralActions = _a.renderLateralActions;
+        var _a = this.props, lateralActions = _a.lateralActions, renderBody = _a.renderBody, renderLateralActions = _a.renderLateralActions, renderTitle = _a.renderTitle, title = _a.title;
         var show = this.state.show;
         return (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "header" },
+            React.createElement("div", { className: 'header' },
                 React.createElement("div", { onClick: this.handleOpenAccordion, className: "header__element pointer chevron" + (show ? "" : "__closed") },
                     React.createElement(Icon, { icon: faChevronDown })),
-                React.createElement("div", { onClick: this.handleOpenAccordion, className: "header__element title pointer" }, renderTitle ? React.createElement(React.Fragment, null, renderTitle()) : React.createElement("p", null, title)),
-                React.createElement("div", { className: "header__element" }, renderLateralActions
+                React.createElement("div", { onClick: this.handleOpenAccordion, className: 'header__element title pointer' }, renderTitle ? React.createElement(React.Fragment, null, renderTitle()) : React.createElement("p", null, title)),
+                React.createElement("div", { className: 'header__element' }, renderLateralActions
                     ? renderLateralActions
-                    : lateralActions &&
-                        lateralActions.map(function (o, i) { return (React.createElement("span", { className: "action_icon " + (show ? "visibile" : ""), key: i, onClick: o.action }, o.icon)); }))),
+                    : lateralActions === null || lateralActions === void 0 ? void 0 : lateralActions.map(function (o, i) { return (React.createElement("span", { className: "action_icon " + (show ? "visibile" : ""), key: i, onClick: o.action }, o.icon)); }))),
             show && React.createElement("div", { className: "body" }, renderBody())));
     };
     return UnstyledAccordion;

package/dist/components/accordions/accordions.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordions.js","sourceRoot":"","sources":["../../../src/components/accordions/accordions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC;IAAuC,qCAA2D;IAChG,2BAAY,KAA8B;QAA1C,YACE,kBAAM,KAAK,CAAC,SAKb;QAED,yBAAmB,GAAG;YACZ,IAAA,uBAAI,CAAgB;YAC5B,KAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAC;QACjC,CAAC,CAAC;QATQ,IAAA,yDAAqB,CAAgB;QAC7C,KAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC;SACrC,CAAC;;IACJ,CAAC;IAOD,kCAAM,GAAN;QACQ,IAAA,eAAqF,EAAnF,gBAAK,EAAE,0BAAU,EAAE,kCAAc,EAAE,4BAAW,EAAE,8CAAmC,CAAC;QACpF,IAAA,sBAAI,CAAgB;QAE5B,OAAO,CACL;YACE,6BAAK,SAAS,EAAC,QAAQ;gBACrB,6BACE,OAAO,EAAE,IAAI,CAAC,mBAAmB,EACjC,SAAS,EAAE,qCAAkC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAE;oBAErE,oBAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAI,CACzB;gBACN,6BAAK,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,EAAC,+BAA+B,IAC9E,WAAW,CAAC,CAAC,CAAC,0CAAG,WAAW,EAAE,CAAI,CAAC,CAAC,CAAC,+BAAI,KAAK,CAAK,CAChD;gBACN,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,oBAAoB;oBACnB,CAAC,CAAC,oBAAoB;oBACtB,CAAC,CAAC,cAAc;wBACd,cAAc,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAC3B,8BAAM,SAAS,EAAE,kBAAe,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,IAChF,CAAC,CAAC,IAAI,CACF,CACR,EAJ4B,CAI5B,CAAC,CACF,CACF;YACL,IAAI,IAAI,6BAAK,SAAS,EAAE,MAAM,IAAG,UAAU,EAAE,CAAO,CACpD,CACJ,CAAC;IACJ,CAAC;IACH,wBAAC;AAAD,CAAC,AA7CD,CAAuC,SAAS,GA6C/C;;AAED,IAAM,SAAS,GAAe,UAAA,KAAK,IAAI,OAAA,CACrC,oBAAC,sBAAsB,eAAK,KAAK;IAC/B,oBAAC,iBAAiB,eAAK,KAAK,EAAI,CACT,CAC1B,EAJsC,CAItC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"accordions.js","sourceRoot":"","sources":["../../../src/components/accordions/accordions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,qCAAqC,CAAA;AAG5E;IAAuC,qCAAyD;IAC9F,2BAAY,KAA6B;QAAzC,YACE,kBAAM,KAAK,CAAC,SAKb;QAED,yBAAmB,GAAG;YACZ,IAAA,uBAAI,CAAe;YAC3B,KAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,IAAI,EAAE,CAAC,CAAA;QAChC,CAAC,CAAA;QATS,IAAA,yDAAqB,CAAe;QAC5C,KAAI,CAAC,KAAK,GAAG;YACX,IAAI,EAAE,OAAO,CAAC,qBAAqB,CAAC;SACrC,CAAA;;IACH,CAAC;IAOD,kCAAM,GAAN;QACQ,IAAA,eAAqF,EAAnF,kCAAc,EAAE,0BAAU,EAAE,8CAAoB,EAAE,4BAAW,EAAE,gBAAoB,CAAA;QACnF,IAAA,sBAAI,CAAe;QAE3B,OAAO,CACL;YACE,6BAAK,SAAS,EAAC,QAAQ;gBACrB,6BACE,OAAO,EAAE,IAAI,CAAC,mBAAmB,EACjC,SAAS,EAAE,qCAAkC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAE;oBAErE,oBAAC,IAAI,IAAC,IAAI,EAAE,aAAa,GAAI,CACzB;gBACN,6BAAK,OAAO,EAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,EAAC,+BAA+B,IAC9E,WAAW,CAAC,CAAC,CAAC,0CAAG,WAAW,EAAE,CAAI,CAAC,CAAC,CAAC,+BAAI,KAAK,CAAK,CAChD;gBACN,6BAAK,SAAS,EAAC,iBAAiB,IAC7B,oBAAoB;oBACnB,CAAC,CAAC,oBAAoB;oBACtB,CAAC,CAAC,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CAC5B,8BAAM,SAAS,EAAE,kBAAe,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAE,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,IAChF,CAAC,CAAC,IAAI,CACF,CACR,EAJ6B,CAI7B,CAAC,CACF,CACF;YACL,IAAI,IAAI,6BAAK,SAAS,EAAE,MAAM,IAAG,UAAU,EAAE,CAAO,CACpD,CACJ,CAAA;IACH,CAAC;IACH,wBAAC;AAAD,CAAC,AA5CD,CAAuC,SAAS,GA4C/C;;AAED,IAAM,SAAS,GAAe,UAAA,KAAK,IAAI,OAAA,CACrC,oBAAC,sBAAsB,eAAK,KAAK;IAC/B,oBAAC,iBAAiB,eAAK,KAAK,EAAI,CACT,CAC1B,EAJsC,CAItC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/accordions/accordions.stories.js

@@ -2,208 +2,200 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-import { withKnobs } from '@storybook/addon-knobs';
-import { storiesOf } from '@storybook/react';
-import React from 'react';
-import { Accordion } from '.';
-import { GlobalStyles } from '../../utils/globalStyles';
-import { ThemeProvider } from '../themeProvider';
-import { defaultTheme } from '../../styles/theme';
-import { Icon } from '../icon/Icon';
 import { faCircle, faCog, faPencilAlt } from '@fortawesome/pro-solid-svg-icons';
+import React from 'react';
 import styled from 'styled-components';
-var stories = storiesOf('Accordions', module);
-stories.addDecorator(withKnobs);
-stories.add('normal', function () { return (React.createElement(ThemeProvider, { theme: defaultTheme },
-    React.createElement(GlobalStyles, null),
+import { Icon } from '../icon';
+import { Accordion } from '.';
+export var Normal = function () { return (React.createElement("div", { style: {
+        position: 'relative',
+        width: '500px',
+        height: '1000px',
+        background: '#FFFFFF',
+        boxShadow: '0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08)',
+        borderRadius: '8px',
+    } },
     React.createElement("div", { style: {
-            position: 'relative',
-            width: '500px',
-            height: '1000px',
-            background: '#FFFFFF',
-            boxShadow: '0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08)',
-            borderRadius: '8px'
-        } },
-        React.createElement("div", { style: {
-                background: '#eeee',
-                borderRadius: '8px 8px 0 0',
-                height: '30px',
-                marginBottom: '8px'
-            } }),
-        React.createElement(Accordion, { title: "Pagamenti", renderBody: function () { return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement(Icon, { icon: faCircle }))),
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement("small", null, "Preferenza pagamento rate")),
-                    React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
-                {
-                    action: function () {
-                        console.log('edit');
-                    },
-                    icon: React.createElement(Icon, { icon: faPencilAlt })
-                }
-            ] }),
-        React.createElement(Accordion, { title: "Pagamenti", renderBody: function () { return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement(Icon, { icon: faCircle }))),
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement("small", null, "Preferenza pagamento rate")),
-                    React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
-                {
-                    action: function () {
-                        console.log('edit');
-                    },
-                    icon: React.createElement(Icon, { icon: faCog })
-                }
-            ] }),
-        React.createElement(Accordion, { title: "Pagamenti", renderBody: function () { return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement(Icon, { icon: faCircle }))),
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement("small", null, "Preferenza pagamento rate")),
-                    React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
-                {
-                    action: function () {
-                        console.log('edit');
-                    },
-                    icon: React.createElement(Icon, { icon: faPencilAlt })
-                }
-            ] }),
-        React.createElement("div", { style: {
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                right: 0,
-                background: '#eeee',
-                borderRadius: '0 0 8px 8px',
-                height: '30px',
-                marginTop: '8px'
-            } })))); });
-stories.add('normal themed', function () { return (React.createElement(ThemeProvider, { theme: defaultTheme },
-    React.createElement(GlobalStyles, null),
+            background: '#eeee',
+            borderRadius: '8px 8px 0 0',
+            height: '30px',
+            marginBottom: '8px',
+        } }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faCog }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }),
     React.createElement("div", { style: {
-            position: 'relative',
-            width: '500px',
-            height: '1000px',
-            background: '#FFFFFF',
-            boxShadow: '0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08)',
-            borderRadius: '8px'
-        } },
-        React.createElement("div", { style: {
-                background: '#eeee',
-                borderRadius: '8px 8px 0 0',
-                height: '30px',
-                marginBottom: '8px'
-            } }),
-        React.createElement(Accordion, { title: "Pagamenti", renderBody: function () { return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement(Icon, { icon: faCircle }))),
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement("small", null, "Preferenza pagamento rate")),
-                    React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
-                {
-                    action: function () {
-                        console.log('edit');
-                    },
-                    icon: React.createElement(Icon, { icon: faPencilAlt })
-                }
-            ] }),
-        React.createElement(Accordion, { title: "Pagamenti", renderBody: function () { return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement(Icon, { icon: faCircle }))),
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement("small", null, "Preferenza pagamento rate")),
-                    React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
-                {
-                    action: function () {
-                        console.log('edit');
-                    },
-                    icon: React.createElement(Icon, { icon: faCog })
-                }
-            ] }),
-        React.createElement(Accordion, { title: "Pagamenti", renderBody: function () { return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement(Icon, { icon: faCircle }))),
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement("small", null, "Preferenza pagamento rate")),
-                    React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
-                {
-                    action: function () {
-                        console.log('edit');
-                    },
-                    icon: React.createElement(Icon, { icon: faPencilAlt })
-                }
-            ] }),
-        React.createElement("div", { style: {
-                position: 'absolute',
-                bottom: 0,
-                left: 0,
-                right: 0,
-                background: '#eeee',
-                borderRadius: '0 0 8px 8px',
-                height: '30px',
-                marginTop: '8px'
-            } })))); });
-stories.add('showing body at first render', function () { return (React.createElement(ThemeProvider, { theme: defaultTheme },
-    React.createElement(GlobalStyles, null),
-    React.createElement(Wrapper, null,
-        React.createElement(Accordion, { title: "Pagamenti", showBodyAtFirstRender: true, renderBody: function () { return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement(Icon, { icon: faCircle }))),
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement("small", null, "Preferenza pagamento rate")),
-                    React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
-                {
-                    action: function () {
-                        console.log('edit');
-                    },
-                    icon: React.createElement(Icon, { icon: faPencilAlt })
-                }
-            ] }),
-        React.createElement(Accordion, { title: "Pagamenti", showBodyAtFirstRender: true, renderBody: function () { return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement(Icon, { icon: faCircle }))),
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement("small", null, "Preferenza pagamento rate")),
-                    React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
-                {
-                    action: function () {
-                        console.log('edit');
-                    },
-                    icon: React.createElement(Icon, { icon: faCog })
-                }
-            ] }),
-        React.createElement(Accordion, { title: "Pagamenti", showBodyAtFirstRender: true, renderBody: function () { return (React.createElement(React.Fragment, null,
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement(Icon, { icon: faCircle }))),
-                React.createElement("div", null,
-                    React.createElement("p", null,
-                        React.createElement("small", null, "Preferenza pagamento rate")),
-                    React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
-                {
-                    action: function () {
-                        console.log('edit');
-                    },
-                    icon: React.createElement(Icon, { icon: faPencilAlt })
-                }
-            ] })))); });
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            right: 0,
+            background: '#eeee',
+            borderRadius: '0 0 8px 8px',
+            height: '30px',
+            marginTop: '8px',
+        } }))); };
+export var NormalThemed = function () { return (React.createElement("div", { style: {
+        position: 'relative',
+        width: '500px',
+        height: '1000px',
+        background: '#FFFFFF',
+        boxShadow: '0px 16px 24px rgba(23, 43, 77, 0.24), 0px 0px 0px rgba(9, 30, 66, 0.08)',
+        borderRadius: '8px',
+    } },
+    React.createElement("div", { style: {
+            background: '#eeee',
+            borderRadius: '8px 8px 0 0',
+            height: '30px',
+            marginBottom: '8px',
+        } }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faCog }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }),
+    React.createElement("div", { style: {
+            position: 'absolute',
+            bottom: 0,
+            left: 0,
+            right: 0,
+            background: '#eeee',
+            borderRadius: '0 0 8px 8px',
+            height: '30px',
+            marginTop: '8px',
+        } }))); };
+export var ShowingBodyAtFirstRender = function () { return (React.createElement(Wrapper, null,
+    React.createElement(Accordion, { title: 'Pagamenti', showBodyAtFirstRender: true, renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', showBodyAtFirstRender: true, renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faCog }),
+            },
+        ] }),
+    React.createElement(Accordion, { title: 'Pagamenti', showBodyAtFirstRender: true, renderBody: function () { return (React.createElement(React.Fragment, null,
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement(Icon, { icon: faCircle }))),
+            React.createElement("div", null,
+                React.createElement("p", null,
+                    React.createElement("small", null, "Preferenza pagamento rate")),
+                React.createElement("p", null, "Bollettino MAV")))); }, lateralActions: [
+            {
+                action: function () {
+                    console.log('edit');
+                },
+                icon: React.createElement(Icon, { icon: faPencilAlt }),
+            },
+        ] }))); };
 var Wrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  width: 500px;\n  background: #ffffff;\n  border-radius: 8px;\n"], ["\n  position: relative;\n  width: 500px;\n  background: #ffffff;\n  border-radius: 8px;\n"])));
+var AccordionStories = {
+    title: 'Old Components/Accordion',
+    component: Accordion,
+};
+export default AccordionStories;
 var templateObject_1;
 //# sourceMappingURL=accordions.stories.js.map