@popsure/dirty-swan 0.33.5 → 0.35.0

package/dist/esm/components/comparisonTable/components/TableButton/index.test.js

@@ -1,7 +1,7 @@
 import { _ as __assign, b as __awaiter, c as __generator } from '../../../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../../customRender-4157fcff.js';
-import '../../../../extend-expect-46bdce4a.js';
+import { c as customRender } from '../../../../customRender-20b5f7ec.js';
+import '../../../../extend-expect-25e5049d.js';
 import TableButton from './index.js';
 import 'react';
 import 'react-dom';

package/dist/esm/components/comparisonTable/components/TableInfoButton/index.js

@@ -2,7 +2,7 @@ import { _ as __assign } from '../../../../tslib.es6-5bc94358.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
 
-var css_248z = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg, .style-module_button__3TkNT:focus svg {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  fill: #e6e5ff;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8e8cee;\n}";
+var css_248z = ".style-module_button__3TkNT {\n  padding: 0;\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  vertical-align: bottom;\n  border-radius: 12px;\n  width: 24px;\n  height: 24px;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:hover, .style-module_button__3TkNT:focus {\n  background-color: #f7f7ff;\n}\n.style-module_button__3TkNT:hover svg, .style-module_button__3TkNT:focus svg {\n  fill: #b1b0f5;\n}\n.style-module_button__3TkNT svg {\n  fill: #ebebff;\n  transition: all 0.3s ease;\n}\n.style-module_button__3TkNT:focus-visible {\n  box-shadow: 0 0 0 2px #8e8cee;\n}";
 var styles = {"button":"style-module_button__3TkNT"};
 styleInject(css_248z);
 

package/dist/esm/components/comparisonTable/components/TableRowHeader/index.test.js

@@ -1,7 +1,7 @@
 import { _ as __assign, b as __awaiter, c as __generator } from '../../../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../../../customRender-4157fcff.js';
-import '../../../../extend-expect-46bdce4a.js';
+import { c as customRender } from '../../../../customRender-20b5f7ec.js';
+import '../../../../extend-expect-25e5049d.js';
 import TableRowHeader from './index.js';
 import 'react';
 import 'react-dom';

package/dist/esm/components/dateSelector/index.test.js

@@ -1,6 +1,6 @@
 import { b as __awaiter, c as __generator } from '../../tslib.es6-5bc94358.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender } from '../../customRender-4157fcff.js';
+import { c as customRender } from '../../customRender-20b5f7ec.js';
 import { D as DateSelector } from '../../index-639cf8b3.js';
 import 'react';
 import 'react-dom';

package/dist/esm/components/informationBox/index.js

@@ -0,0 +1,19 @@
+import { _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { c as classnames } from '../../index-e9e37a34.js';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+
+var css_248z = ".style-module_informationBox__1dzYO {\n  border: 1px solid;\n}\n.style-module_informationBox--information__rsyoM {\n  background-color: #e5f0ff;\n  border-color: #8bb4ea;\n}\n.style-module_informationBox--error__3BqOR {\n  background-color: #fedede;\n  border-color: #e55454;\n}\n.style-module_informationBox--warning__10V-E {\n  background-color: #fff8e3;\n  border-color: #f7ce5c;\n}\n.style-module_informationBox--success__d3gTw {\n  background-color: #e4ffe6;\n  border-color: #84de8a;\n}\n.style-module_informationBox--neutral__1XsMl {\n  background-color: #fff;\n  border-color: #fff;\n}\n\n.style-module_icon__3ZdHj {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  mask-image: url(\"./info.svg\");\n  mask-size: contain;\n  mask-repeat: no-repeat;\n  mask-position: center;\n}\n.style-module_icon--information__3Lmkk {\n  background-color: #8bb4ea;\n}\n.style-module_icon--error__1bgLF {\n  background-color: #e55454;\n}\n.style-module_icon--warning__3o6cZ {\n  background-color: #f7ce5c;\n}\n.style-module_icon--success__ANiiU {\n  background-color: #84de8a;\n}\n.style-module_icon--neutral__3KLc5 {\n  background-color: #8e8cee;\n}";
+var styles = {"informationBox":"style-module_informationBox__1dzYO","informationBox--information":"style-module_informationBox--information__rsyoM","informationBox--error":"style-module_informationBox--error__3BqOR","informationBox--warning":"style-module_informationBox--warning__10V-E","informationBox--success":"style-module_informationBox--success__d3gTw","informationBox--neutral":"style-module_informationBox--neutral__1XsMl","icon":"style-module_icon__3ZdHj","icon--information":"style-module_icon--information__3Lmkk","icon--error":"style-module_icon--error__1bgLF","icon--warning":"style-module_icon--warning__3o6cZ","icon--success":"style-module_icon--success__ANiiU","icon--neutral":"style-module_icon--neutral__3KLc5"};
+styleInject(css_248z);
+
+var InformationBox = function (_a) {
+    var _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.variant, variant = _c === void 0 ? 'information' : _c, title = _a.title, children = _a.children, showIcon = _a.showIcon, _d = _a.size, size = _d === void 0 ? 'default' : _d;
+    return (jsx("div", __assign({ className: classnames(className, 'p16 br8 color-black', styles.informationBox, styles["informationBox--" + variant]), role: "alert" }, { children: jsxs("div", __assign({ className: 'd-flex' }, { children: [showIcon &&
+                    jsx("span", { "data-testid": "information-box-icon", className: classnames(styles.icon, styles["icon--" + variant], 'mr8') }, void 0),
+                jsxs("div", { children: [title && (jsx("h4", __assign({ "data-testid": "information-box-title", className: classnames(size === 'default' ? 'p-h4' : 'p-h5', 'mb8') }, { children: title }), void 0)),
+                        jsx("p", __assign({ className: size === 'default' ? 'p-p' : 'p-p--small' }, { children: children }), void 0)] }, void 0)] }), void 0) }), void 0));
+};
+
+export { InformationBox };
+//# sourceMappingURL=index.js.map

package/dist/esm/components/informationBox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/informationBox/index.tsx"],"sourcesContent":["import { ReactNode } from 'react';\nimport classNames from 'classnames';\nimport styles from './style.module.scss';\n\ntype Variant = 'warning' | 'error' | 'success' | 'information' | 'neutral';\n\nexport interface InformationBoxProps {\n  className?: string;\n  variant?: Variant;\n  title?: string;\n  children: ReactNode;\n  showIcon?: boolean;\n  size?: 'default' | 'small';\n}\n\nconst InformationBox = ({\n  className = '',\n  variant = 'information',\n  title,\n  children,\n  showIcon,\n  size = 'default'\n}: InformationBoxProps) => (\n  <div\n    className={classNames(\n      className, \n      'p16 br8 color-black', \n      styles.informationBox,\n      styles[`informationBox--${variant}`]\n    )}\n    role=\"alert\"\n  >\n    <div className='d-flex'>\n      {showIcon && \n        <span\n          data-testid=\"information-box-icon\"\n          className={classNames(\n            styles.icon,\n            styles[`icon--${variant}`],\n            'mr8'\n          )}\n        />\n      }\n      <div>\n        {title && (\n          <h4 \n            data-testid=\"information-box-title\"\n            className={classNames(\n              size === 'default'? 'p-h4' : 'p-h5',\n              'mb8'\n            )}\n          >\n            {title}\n          </h4>\n        )}\n\n        <p className={size === 'default' ? 'p-p' : 'p-p--small'}>\n          {children}\n        </p>\n      </div>\n    </div>\n  </div>\n);\n\nexport { InformationBox };\n"],"names":["_jsx","classNames","_jsxs"],"mappings":";;;;;;;;;IAeM,cAAc,GAAG,UAAC,EAOF;QANpB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,eAAuB,EAAvB,OAAO,mBAAG,aAAa,KAAA,EACvB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA;IACS,QACzBA,sBACE,SAAS,EAAEC,UAAU,CACnB,SAAS,EACT,qBAAqB,EACrB,MAAM,CAAC,cAAc,EACrB,MAAM,CAAC,qBAAmB,OAAS,CAAC,CACrC,EACD,IAAI,EAAC,OAAO,gBAEZC,uBAAK,SAAS,EAAC,QAAQ,iBACpB,QAAQ;oBACPF,6BACc,sBAAsB,EAClC,SAAS,EAAEC,UAAU,CACnB,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,WAAS,OAAS,CAAC,EAC1B,KAAK,CACN,WACD;gBAEJC,yBACG,KAAK,KACJF,oCACc,uBAAuB,EACnC,SAAS,EAAEC,UAAU,CACnB,IAAI,KAAK,SAAS,GAAE,MAAM,GAAG,MAAM,EACnC,KAAK,CACN,gBAEA,KAAK,YACH,CACN;wBAEDD,oBAAG,SAAS,EAAE,IAAI,KAAK,SAAS,GAAG,KAAK,GAAG,YAAY,gBACpD,QAAQ,YACP,YACA,aACF,YACF;AAvCmB;;;;"}

package/dist/esm/components/informationBox/index.stories.js

@@ -0,0 +1,42 @@
+import { _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { InformationBox } from './index.js';
+import '../../index-e9e37a34.js';
+import '../../style-inject.es-1f59c1d0.js';
+
+var story = {
+    title: 'JSX/InformationBox',
+    component: InformationBox,
+    argTypes: {
+        children: {
+            control: { type: 'text' },
+            defaultValue: 'It seems that you already have an account with us! Sign in now',
+            description: 'Content that is displayed inside the information box',
+        },
+        title: {
+            defaultValue: 'Log in to your account',
+            description: 'Title of the information box',
+        },
+        showIcon: {
+            defaultValue: false,
+            description: 'Whether or not to show the info icon',
+        },
+        size: {
+            defaultValue: 'default',
+            description: 'Size to display the component',
+        },
+        variant: {
+            defaultValue: 'information',
+            description: 'Variant that defines the style of the InformationBox',
+        },
+    }
+};
+var InformationBoxStory = function (_a) {
+    var children = _a.children, showIcon = _a.showIcon, title = _a.title, size = _a.size, variant = _a.variant;
+    return (jsx("div", __assign({ className: 'wmx6' }, { children: jsx(InformationBox, { children: children, showIcon: showIcon, title: title, size: size, variant: variant }, void 0) }), void 0));
+};
+InformationBoxStory.storyName = "InformationBox";
+
+export default story;
+export { InformationBoxStory };
+//# sourceMappingURL=index.stories.js.map

package/dist/esm/components/informationBox/index.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/informationBox/index.stories.tsx"],"sourcesContent":["import { InformationBox, InformationBoxProps } from '.';\n\nconst story = {\n  title: 'JSX/InformationBox',\n  component: InformationBox,\n  argTypes: {\n    children: {\n      control: { type: 'text' },\n      defaultValue: 'It seems that you already have an account with us! Sign in now',\n      description: 'Content that is displayed inside the information box',\n    },\n    title: {\n      defaultValue: 'Log in to your account',\n      description: 'Title of the information box',\n    },\n    showIcon: {\n      defaultValue: false,\n      description: 'Whether or not to show the info icon',\n    },\n    size: {\n      defaultValue: 'default',\n      description: 'Size to display the component',\n    },\n    variant: {\n      defaultValue: 'information',\n      description: 'Variant that defines the style of the InformationBox',\n    },\n  }\n};\n\nexport const InformationBoxStory = ({\n  children,\n  showIcon,\n  title,\n  size,\n  variant,\n}: InformationBoxProps) => (\n  <div className='wmx6'>\n    <InformationBox\n      children={children}\n      showIcon={showIcon}\n      title={title}\n      size={size}\n      variant={variant}\n    />\n  </div>\n);\n\nInformationBoxStory.storyName = \"InformationBox\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,YAAY,EAAE,gEAAgE;YAC9E,WAAW,EAAE,sDAAsD;SACpE;QACD,KAAK,EAAE;YACL,YAAY,EAAE,wBAAwB;YACtC,WAAW,EAAE,8BAA8B;SAC5C;QACD,QAAQ,EAAE;YACR,YAAY,EAAE,KAAK;YACnB,WAAW,EAAE,sCAAsC;SACpD;QACD,IAAI,EAAE;YACJ,YAAY,EAAE,SAAS;YACvB,WAAW,EAAE,+BAA+B;SAC7C;QACD,OAAO,EAAE;YACP,YAAY,EAAE,aAAa;YAC3B,WAAW,EAAE,sDAAsD;SACpE;KACF;EACD;IAEW,mBAAmB,GAAG,UAAC,EAMd;QALpB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,OAAO,aAAA;IACkB,QACzBA,sBAAK,SAAS,EAAC,MAAM,gBACnBA,IAAC,cAAc,IACb,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,WAChB,YACE;AATmB,EAUzB;AAEF,mBAAmB,CAAC,SAAS,GAAG,gBAAgB;;;;;"}

package/dist/esm/components/informationBox/index.test.js

@@ -0,0 +1,49 @@
+import { b as __awaiter, c as __generator, _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsx } from 'react/jsx-runtime';
+import { c as customRender, s as screen } from '../../customRender-20b5f7ec.js';
+import { InformationBox } from './index.js';
+import 'react';
+import 'react-dom';
+import '../../_commonjsHelpers-e7f67fd8.js';
+import 'react-dom/test-utils';
+import '../../index-e9e37a34.js';
+import '../../style-inject.es-1f59c1d0.js';
+
+describe('InformationBox component', function () {
+    it('Should render title', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(InformationBox, __assign({ title: 'Title' }, { children: "Content" }), void 0));
+            expect(screen.getByText('Title')).toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+    it('Should not render title when title prop is not passed', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(InformationBox, { children: "Content" }, void 0));
+            expect(screen.queryByTestId('information-box-title')).not.toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+    it('Should render content', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(InformationBox, { children: "Content" }, void 0));
+            expect(screen.getByText('Content')).toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+    it('Should show icon when showIcon is true', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(InformationBox, __assign({ showIcon: true }, { children: "Content" }), void 0));
+            expect(screen.getByTestId('information-box-icon')).toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+    it('Should not show icon when showIcon is false', function () { return __awaiter(void 0, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            customRender(jsx(InformationBox, __assign({ showIcon: false }, { children: "Content" }), void 0));
+            expect(screen.queryByTestId('information-box-icon')).not.toBeInTheDocument();
+            return [2 /*return*/];
+        });
+    }); });
+});
+//# sourceMappingURL=index.test.js.map

package/dist/esm/components/informationBox/index.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/informationBox/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { InformationBox } from '.';\n\ndescribe('InformationBox component', () => {\n  it('Should render title', async () => {\n    render(\n      <InformationBox title={'Title'}>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByText('Title')).toBeInTheDocument();\n  });\n\n  it('Should not render title when title prop is not passed', async () => {\n    render(\n      <InformationBox>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.queryByTestId('information-box-title')).not.toBeInTheDocument();\n  });\n  \n  it('Should render content', async () => {\n    render(\n      <InformationBox>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByText('Content')).toBeInTheDocument();\n  });\n  \n  it('Should show icon when showIcon is true', async () => {\n    render(\n      <InformationBox showIcon>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.getByTestId('information-box-icon')).toBeInTheDocument();\n  });\n  \n  it('Should not show icon when showIcon is false', async () => {\n    render(\n      <InformationBox showIcon={false}>\n        Content\n      </InformationBox>\n    )\n\n    expect(screen.queryByTestId('information-box-icon')).not.toBeInTheDocument();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;AAIA,QAAQ,CAAC,0BAA0B,EAAE;IACnC,EAAE,CAAC,qBAAqB,EAAE;;YACxBA,YAAM,CACJC,IAAC,cAAc,aAAC,KAAK,EAAE,OAAO,qCAEb,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACvD,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE;;YAC1DD,YAAM,CACJC,IAAC,cAAc,kCAEE,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;;;SAC/E,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE;;YAC1BD,YAAM,CACJC,IAAC,cAAc,kCAEE,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACzD,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE;;YAC3CD,YAAM,CACJC,IAAC,cAAc,aAAC,QAAQ,2CAEP,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACxE,CAAC,CAAC;IAEH,EAAE,CAAC,6CAA6C,EAAE;;YAChDD,YAAM,CACJC,IAAC,cAAc,aAAC,QAAQ,EAAE,KAAK,qCAEd,CAClB,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;;;SAC9E,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/esm/components/input/autoSuggestInput/index.js

@@ -4,7 +4,7 @@ import { c as classnames } from '../../../index-e9e37a34.js';
 import React__default from 'react';
 import { p as propTypes } from '../../../index-171a0108.js';
 import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
-import Input from '../index.js';
+import { Input } from '../index.js';
 import '../../../index-dd80248b.js';
 import '../../../index-fb46adf9.js';