@popsure/dirty-swan 0.61.2 → 0.62.0

package/dist/esm/components/table/utils/useTableNavigation/useTableNavigation.test.js

@@ -1,7 +1,7 @@
-import { l as lib } from '../../../../index-e45b0af1.js';
-import { u as useTableNavigation } from '../../../../useTableNavigation-17d5cd3c.js';
-import '../../../../_commonjsHelpers-4730bd53.js';
-import '../../../../index-5e72c3d4.js';
+import { l as libExports } from '../../../../index-CVgMNqD7.js';
+import { u as useTableNavigation } from '../../../../useTableNavigation-CrxoXTVd.js';
+import '../../../../index-BClARCFl.js';
+import '../../../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 
 var defaultContainerRef = {
@@ -21,14 +21,14 @@ describe('useTableNavigation', function () {
     });
     it('should not navigate when enabled is false', function () {
         var _a;
-        var result = lib.renderHook(function () {
+        var result = libExports.renderHook(function () {
             return useTableNavigation({
                 enabled: false,
                 containerRef: containerRef,
                 onSelectionChanged: onSelectionChanged,
             });
         }).result;
-        lib.act(function () {
+        libExports.act(function () {
             result.current.navigateTable(true);
         });
         expect(result.current.activeSection).toBe(1);
@@ -37,14 +37,14 @@ describe('useTableNavigation', function () {
     });
     it('should navigate to the next section when increase is true', function () {
         var _a;
-        var result = lib.renderHook(function () {
+        var result = libExports.renderHook(function () {
             return useTableNavigation({
                 enabled: true,
                 containerRef: containerRef,
                 onSelectionChanged: onSelectionChanged,
             });
         }).result;
-        lib.act(function () {
+        libExports.act(function () {
             result.current.navigateTable(true);
         });
         expect(result.current.activeSection).toBe(2);
@@ -57,14 +57,14 @@ describe('useTableNavigation', function () {
     });
     it('should navigate to the previous section when increase is false', function () {
         var _a;
-        var result = lib.renderHook(function () {
+        var result = libExports.renderHook(function () {
             return useTableNavigation({
                 enabled: true,
                 containerRef: containerRef,
                 onSelectionChanged: onSelectionChanged,
             });
         }).result;
-        lib.act(function () {
+        libExports.act(function () {
             result.current.navigateTable(false);
         });
         expect(result.current.activeSection).toBe(0);

package/dist/esm/components/table/utils/useTableNavigation/useTableNavigation.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTableNavigation.test.js","sources":["../../../../../../../src/lib/components/table/utils/useTableNavigation/useTableNavigation.test.tsx"],"sourcesContent":["import { renderHook, act } from '@testing-library/react-hooks';\nimport { useTableNavigation } from './useTableNavigation';\nimport { RefObject } from 'react';\nconst defaultContainerRef = {\n  current: {\n    scroll: jest.fn(),\n    addEventListener: jest.fn(),\n    removeEventListener: jest.fn(),\n    getBoundingClientRect: jest.fn(() => ({ width: 800 })),\n  },\n} as unknown as RefObject<HTMLElement>;\n\ndescribe('useTableNavigation', () => {\n  let onSelectionChanged = jest.fn();\n  let containerRef = defaultContainerRef;\n\n  beforeEach(() => {\n    containerRef = defaultContainerRef;\n    onSelectionChanged = jest.fn();\n  });\n\n  it('should not navigate when enabled is false', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: false,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(true);\n    });\n\n    expect(result.current.activeSection).toBe(1);\n    expect(containerRef.current?.scroll).not.toHaveBeenCalled();\n    expect(onSelectionChanged).not.toHaveBeenCalled();\n  });\n\n  it('should navigate to the next section when increase is true', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(true);\n    });\n\n    expect(result.current.activeSection).toBe(2);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: expect.any(Number),\n      behavior: 'smooth',\n    });\n    expect(onSelectionChanged).toHaveBeenCalledWith(2);\n  });\n\n  it('should navigate to the previous section when increase is false', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(false);\n    });\n\n    expect(result.current.activeSection).toBe(0);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: expect.any(Number),\n      behavior: 'smooth',\n    });\n    expect(onSelectionChanged).toHaveBeenCalledWith(0);\n  });\n});\n"],"names":["renderHook","act"],"mappings":"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"}
+{"version":3,"file":"useTableNavigation.test.js","sources":["../../../../../../../src/lib/components/table/utils/useTableNavigation/useTableNavigation.test.tsx"],"sourcesContent":["import { renderHook, act } from '@testing-library/react-hooks';\nimport { useTableNavigation } from './useTableNavigation';\nimport { RefObject } from 'react';\nconst defaultContainerRef = {\n  current: {\n    scroll: jest.fn(),\n    addEventListener: jest.fn(),\n    removeEventListener: jest.fn(),\n    getBoundingClientRect: jest.fn(() => ({ width: 800 })),\n  },\n} as unknown as RefObject<HTMLElement>;\n\ndescribe('useTableNavigation', () => {\n  let onSelectionChanged = jest.fn();\n  let containerRef = defaultContainerRef;\n\n  beforeEach(() => {\n    containerRef = defaultContainerRef;\n    onSelectionChanged = jest.fn();\n  });\n\n  it('should not navigate when enabled is false', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: false,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(true);\n    });\n\n    expect(result.current.activeSection).toBe(1);\n    expect(containerRef.current?.scroll).not.toHaveBeenCalled();\n    expect(onSelectionChanged).not.toHaveBeenCalled();\n  });\n\n  it('should navigate to the next section when increase is true', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(true);\n    });\n\n    expect(result.current.activeSection).toBe(2);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: expect.any(Number),\n      behavior: 'smooth',\n    });\n    expect(onSelectionChanged).toHaveBeenCalledWith(2);\n  });\n\n  it('should navigate to the previous section when increase is false', () => {\n    const { result } = renderHook(() =>\n      useTableNavigation({\n        enabled: true,\n        containerRef,\n        onSelectionChanged,\n      })\n    );\n\n    act(() => {\n      result.current.navigateTable(false);\n    });\n\n    expect(result.current.activeSection).toBe(0);\n    expect(containerRef.current?.scroll).toHaveBeenCalledWith({\n      top: 0,\n      left: expect.any(Number),\n      behavior: 'smooth',\n    });\n    expect(onSelectionChanged).toHaveBeenCalledWith(0);\n  });\n});\n"],"names":["renderHook","act"],"mappings":"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"}

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

@@ -1,10 +1,11 @@
-import '../../tslib.es6-a39f91fc.js';
+import '../../tslib.es6-CVlKGIvp.js';
 import 'react/jsx-runtime';
-import '../../index-6ea95111.js';
-export { T as Toast, a as Toaster, t as toast } from '../../index-860896d2.js';
-import '../icon/icons/X.js';
-import '../../style-inject.es-1f59c1d0.js';
+import '../../index-DLQEsiym.js';
+export { T as Toast, a as Toaster, t as toast } from '../../index-C4IAMlRE.js';
+import '../../index-D_8pWbzR.js';
 import 'react';
-import '../../_commonjsHelpers-4730bd53.js';
+import '../icon/icons/X.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
+import '../../style-inject.es-tgCJW-Cu.js';
 import '../icon/IconWrapper/IconWrapper.js';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

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

@@ -1,13 +1,14 @@
-import { a as __assign } from '../../tslib.es6-a39f91fc.js';
+import { b as __assign } from '../../tslib.es6-CVlKGIvp.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import { T as Toast, a as Toaster, s as styles, t as toast } from '../../index-860896d2.js';
+import { T as Toast, a as Toaster, t as toast, s as styles } from '../../index-C4IAMlRE.js';
 import { Button } from '../button/index.js';
-import { c as classNames } from '../../index-6ea95111.js';
-import '../../style-inject.es-1f59c1d0.js';
+import { c as classNames } from '../../index-DLQEsiym.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-D_8pWbzR.js';
 import 'react';
-import '../../_commonjsHelpers-4730bd53.js';
 import '../icon/icons/X.js';
 import '../icon/IconWrapper/IconWrapper.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 
 var toastTypes = ['success', 'warning', 'error', 'information'];
 var story = {
@@ -30,7 +31,7 @@ var story = {
             description: 'Duration in ms that the toast should be displayed.',
             table: {
                 defaultValue: { summary: 3000 },
-            }
+            },
         },
         onDismiss: {
             table: {
@@ -49,41 +50,48 @@ var story = {
         description: "We couldn't open the chat description. We couldn't open the chat description.",
         action: {
             title: 'Send an email',
-            onClick: function () { }
+            onClick: function () { },
         },
         type: 'success',
         duration: 3000,
         classNames: {
-            toast: "",
-            wrapper: ""
-        }
+            toast: '',
+            wrapper: '',
+        },
     },
 };
 var FakeInlineToast = function (_a) {
     var title = _a.title, description = _a.description, action = _a.action, type = _a.type;
-    return (jsx("div", { className: 'mb32', children: jsx("div", { className: classNames(styles.toast, 'br8 bs-lg d-inline-flex'), style: {
-                padding: "12px 20px"
+    return (jsx("div", { className: "mb32", children: jsx("div", { className: classNames(styles.toast, 'br8 bs-lg d-inline-flex'), style: {
+                padding: '12px 20px',
             }, children: jsx(Toast, { title: title, onDismiss: function () { }, description: description, action: action, type: type }) }) }));
 };
-var ToastStory = function (_a) {
-    var title = _a.title, description = _a.description, action = _a.action, type = _a.type, duration = _a.duration, toasterClassNames = _a.classNames;
-    var showToast = function () { return toast(title, {
-        description: description,
-        duration: duration,
-        type: type,
-        action: action
-    }); };
-    return (jsxs(Fragment, { children: [jsxs("div", { className: 'mb16', children: [jsx("div", { children: "Show a toast using the following code:" }), jsx("pre", { className: 'bg-neutral-300 br4 d-inline-flex p8 mt8', children: "() => toast(title, { description, type, action })" })] }), jsx(Toaster, { classNames: toasterClassNames }), jsx(Button, { onClick: showToast, children: "Click here to trigger toast" })] }));
+var ToastStory = {
+    render: function (_a) {
+        var title = _a.title, description = _a.description, action = _a.action, type = _a.type, duration = _a.duration, toasterClassNames = _a.classNames;
+        var showToast = function () {
+            return toast(title, {
+                description: description,
+                duration: duration,
+                type: type,
+                action: action,
+            });
+        };
+        return (jsxs(Fragment, { children: [jsxs("div", { className: "mb16", children: [jsx("div", { children: "Show a toast using the following code:" }), jsx("pre", { className: "bg-neutral-300 br4 d-inline-flex p8 mt8", children: '() => toast(title, { description, type, action })' })] }), jsx(Toaster, { classNames: toasterClassNames }), jsx(Button, { onClick: showToast, children: "Click here to trigger toast" })] }));
+    },
+    name: 'Toast',
 };
-ToastStory.storyName = "Toast";
-var ToastTypes = function (props) {
-    return (jsx(Fragment, { children: toastTypes.map(function (toastType) { return (jsxs("div", { className: 'd-flex fd-column', children: [jsx("h3", { className: 'p-h3 mb16', children: toastType }), jsx(FakeInlineToast, __assign({}, props, { type: toastType }))] }, toastType)); }) }));
+var ToastTypes = {
+    render: function (props) {
+        return (jsx(Fragment, { children: toastTypes.map(function (toastType) { return (jsxs("div", { className: "d-flex fd-column", children: [jsx("h3", { className: "p-h3 mb16", children: toastType }), jsx(FakeInlineToast, __assign({}, props, { type: toastType }))] }, toastType)); }) }));
+    },
 };
-var ToastContent = function (_a) {
-    var title = _a.title, description = _a.description, action = _a.action;
-    return (jsxs("div", { className: 'd-flex fd-column', children: [jsx(FakeInlineToast, { title: title }), jsx(FakeInlineToast, { title: title, description: description }), jsx(FakeInlineToast, { title: title, description: description, action: action }), jsx(FakeInlineToast, { title: title, action: action })] }));
+var ToastContent = {
+    render: function (_a) {
+        var title = _a.title, description = _a.description, action = _a.action;
+        return (jsxs("div", { className: "d-flex fd-column", children: [jsx(FakeInlineToast, { title: title }), jsx(FakeInlineToast, { title: title, description: description }), jsx(FakeInlineToast, { title: title, description: description, action: action }), jsx(FakeInlineToast, { title: title, action: action })] }));
+    },
 };
 
-export default story;
-export { ToastContent, ToastStory, ToastTypes };
+export { ToastContent, ToastStory, ToastTypes, story as default };
 //# sourceMappingURL=index.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/toast/index.stories.tsx"],"sourcesContent":["import { ToasterProps, Toast, ToastProps, ToastType, Toaster, toast } from '.';\nimport { Button } from '../button';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nconst toastTypes: ToastType[] = ['success', 'warning', 'error', 'information'];\n\nconst story = {\n  title: 'JSX/Toast',\n  component: Toast,\n  argTypes: {\n    title: {\n      description: 'Title of the toast.',\n    },\n    description: {\n      description: 'Additional description content to be displayed inside the toast.',\n    },\n    type: {\n      description: 'Type of toast to display. This changes the styles/colors of the toast.',\n    },\n    action: {\n      description: 'Object containing a possible action button inside the toast.',\n    },\n    duration: {\n      description: 'Duration in ms that the toast should be displayed.',\n      table: {\n        defaultValue: { summary: 3000 },\n      }\n    },\n    onDismiss: {\n      table: {\n        disable: true,\n      },\n    },\n    classNames: {\n      description: 'Allows customization of toast and toast wrapper (named as Toaster)',\n      table: {\n        category: 'Toaster props',\n      },\n    },\n  },\n  args: {\n    title: 'We couldn’t open the chat',\n    description: \"We couldn't open the chat description. We couldn't open the chat description.\",\n    action: {\n      title: 'Send an email',\n      onClick: () => {}\n    },\n    type: 'success',\n    duration: 3000,\n    classNames: {\n      toast: \"\",\n      wrapper: \"\"\n    }\n  },\n};\n\nconst FakeInlineToast = ({ \n  title, \n  description, \n  action, \n  type,\n}: Omit<ToastProps, 'onDismiss'>) => (\n  <div className='mb32'>\n    <div\n      className={classNames(styles.toast, 'br8 bs-lg d-inline-flex')}\n      style={{\n        padding: \"12px 20px\"\n      }}\n    >\n      <Toast \n        title={title}\n        onDismiss={() => {}}\n        description={description}\n        action={action}\n        type={type}\n      />\n    </div>\n  </div>\n);\n\nexport const ToastStory = ({ \n  title, \n  description, \n  action, \n  type, \n  duration, \n  classNames: toasterClassNames \n}: ToastProps & ToasterProps) => {\n  const showToast = () => toast(\n    title, \n    {\n      description,\n      duration,\n      type,\n      action\n    }\n  );\n\n  return (\n    <>\n      <div className='mb16'>\n        <div>\n          Show a toast using the following code:\n        </div>\n        <pre className='bg-neutral-300 br4 d-inline-flex p8 mt8'>\n          {\"() => toast(title, { description, type, action })\"}\n        </pre>\n      </div>\n      <Toaster classNames={toasterClassNames} />\n\n      <Button onClick={showToast}>Click here to trigger toast</Button>\n    </>\n  );\n};\n\nToastStory.storyName = \"Toast\";\n\nexport const ToastTypes = (props: ToastProps) => {\n  return (\n    <>\n      {toastTypes.map((toastType) => (\n        <div key={toastType} className='d-flex fd-column'>\n          <h3 className='p-h3 mb16'>{toastType}</h3>\n          <FakeInlineToast {...props} type={toastType} />\n        </div>\n      ))}\n    </>\n  );\n};\n\nexport const ToastContent = ({ title, description, action }: ToastProps) => {\n  return (\n    <div className='d-flex fd-column'>\n      <FakeInlineToast title={title} />\n      <FakeInlineToast title={title} description={description} />\n      <FakeInlineToast title={title} description={description} action={action} />\n      <FakeInlineToast title={title} action={action} />\n    </div>\n  );\n};\n\nexport default story;\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/toast/index.stories.tsx"],"sourcesContent":["import { ToasterProps, Toast, ToastProps, ToastType, Toaster, toast } from '.';\nimport { Button } from '../button';\nimport styles from './style.module.scss';\nimport classNames from 'classnames';\n\nconst toastTypes: ToastType[] = ['success', 'warning', 'error', 'information'];\n\nconst story = {\n  title: 'JSX/Toast',\n  component: Toast,\n  argTypes: {\n    title: {\n      description: 'Title of the toast.',\n    },\n    description: {\n      description:\n        'Additional description content to be displayed inside the toast.',\n    },\n    type: {\n      description:\n        'Type of toast to display. This changes the styles/colors of the toast.',\n    },\n    action: {\n      description:\n        'Object containing a possible action button inside the toast.',\n    },\n    duration: {\n      description: 'Duration in ms that the toast should be displayed.',\n      table: {\n        defaultValue: { summary: 3000 },\n      },\n    },\n    onDismiss: {\n      table: {\n        disable: true,\n      },\n    },\n    classNames: {\n      description:\n        'Allows customization of toast and toast wrapper (named as Toaster)',\n      table: {\n        category: 'Toaster props',\n      },\n    },\n  },\n  args: {\n    title: 'We couldn’t open the chat',\n    description:\n      \"We couldn't open the chat description. We couldn't open the chat description.\",\n    action: {\n      title: 'Send an email',\n      onClick: () => {},\n    },\n    type: 'success',\n    duration: 3000,\n    classNames: {\n      toast: '',\n      wrapper: '',\n    },\n  },\n};\n\nconst FakeInlineToast = ({\n  title,\n  description,\n  action,\n  type,\n}: Omit<ToastProps, 'onDismiss'>) => (\n  <div className=\"mb32\">\n    <div\n      className={classNames(styles.toast, 'br8 bs-lg d-inline-flex')}\n      style={{\n        padding: '12px 20px',\n      }}\n    >\n      <Toast\n        title={title}\n        onDismiss={() => {}}\n        description={description}\n        action={action}\n        type={type}\n      />\n    </div>\n  </div>\n);\n\nexport const ToastStory = {\n  render: ({\n    title,\n    description,\n    action,\n    type,\n    duration,\n    classNames: toasterClassNames,\n  }: ToastProps & ToasterProps) => {\n    const showToast = () =>\n      toast(title, {\n        description,\n        duration,\n        type,\n        action,\n      });\n\n    return (\n      <>\n        <div className=\"mb16\">\n          <div>Show a toast using the following code:</div>\n          <pre className=\"bg-neutral-300 br4 d-inline-flex p8 mt8\">\n            {'() => toast(title, { description, type, action })'}\n          </pre>\n        </div>\n        <Toaster classNames={toasterClassNames} />\n\n        <Button onClick={showToast}>Click here to trigger toast</Button>\n      </>\n    );\n  },\n\n  name: 'Toast',\n};\n\nexport const ToastTypes = {\n  render: (props: ToastProps) => {\n    return (\n      <>\n        {toastTypes.map((toastType) => (\n          <div key={toastType} className=\"d-flex fd-column\">\n            <h3 className=\"p-h3 mb16\">{toastType}</h3>\n            <FakeInlineToast {...props} type={toastType} />\n          </div>\n        ))}\n      </>\n    );\n  },\n};\n\nexport const ToastContent = {\n  render: ({ title, description, action }: ToastProps) => {\n    return (\n      <div className=\"d-flex fd-column\">\n        <FakeInlineToast title={title} />\n        <FakeInlineToast title={title} description={description} />\n        <FakeInlineToast\n          title={title}\n          description={description}\n          action={action}\n        />\n        <FakeInlineToast title={title} action={action} />\n      </div>\n    );\n  },\n};\n\nexport default story;\n"],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;AAKA,IAAM,UAAU,GAAgB,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC;AAE9E,IAAM,KAAK,GAAG;AACZ,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,qBAAqB;AACnC,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,WAAW,EACT,kEAAkE;AACrE,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EACT,wEAAwE;AAC3E,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,WAAW,EACT,8DAA8D;AACjE,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EAAE,oDAAoD;AACjE,YAAA,KAAK,EAAE;AACL,gBAAA,YAAY,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;AAChC,aAAA;AACF,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,IAAI;AACd,aAAA;AACF,SAAA;AACD,QAAA,UAAU,EAAE;AACV,YAAA,WAAW,EACT,oEAAoE;AACtE,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,eAAe;AAC1B,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,2BAA2B;AAClC,QAAA,WAAW,EACT,+EAA+E;AACjF,QAAA,MAAM,EAAE;AACN,YAAA,KAAK,EAAE,eAAe;YACtB,OAAO,EAAE,cAAO,CAAC;AAClB,SAAA;AACD,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,UAAU,EAAE;AACV,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,OAAO,EAAE,EAAE;AACZ,SAAA;AACF,KAAA;;AAGH,IAAM,eAAe,GAAG,UAAC,EAKO,EAAA;QAJ9B,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,IAAI,GAAA,EAAA,CAAA,IAAA;AAC+B,IAAA,QACnCA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EACnBA,aACE,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,yBAAyB,CAAC,EAC9D,KAAK,EAAE;AACL,gBAAA,OAAO,EAAE,WAAW;aACrB,EAAA,QAAA,EAEDA,GAAA,CAAC,KAAK,EAAA,EACJ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,YAAA,EAAO,CAAC,EACnB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EAAA,CACV,EAAA,CACE,EAAA,CACF;AAhB6B,CAiBpC;AAEM,IAAM,UAAU,GAAG;IACxB,MAAM,EAAE,UAAC,EAOmB,EAAA;AAN1B,QAAA,IAAA,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,IAAI,UAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACI,iBAAiB,GAAA,EAAA,CAAA,UAAA;AAE7B,QAAA,IAAM,SAAS,GAAG,YAAA;YAChB,OAAA,KAAK,CAAC,KAAK,EAAE;AACX,gBAAA,WAAW,EAAA,WAAA;AACX,gBAAA,QAAQ,EAAA,QAAA;AACR,gBAAA,IAAI,EAAA,IAAA;AACJ,gBAAA,MAAM,EAAA,MAAA;aACP,CAAC;AALF,QAAA,CAKE;AAEJ,QAAA,QACEC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CACnBD,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,wCAAA,EAAA,CAAiD,EACjDA,aAAK,SAAS,EAAC,yCAAyC,EAAA,QAAA,EACrD,mDAAmD,EAAA,CAChD,CAAA,EAAA,CACF,EACNA,GAAA,CAAC,OAAO,EAAA,EAAC,UAAU,EAAE,iBAAiB,GAAI,EAE1CA,GAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAE,SAAS,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAsC,CAAA,EAAA,CAC/D;IAEP,CAAC;AAED,IAAA,IAAI,EAAE,OAAO;;AAGR,IAAM,UAAU,GAAG;IACxB,MAAM,EAAE,UAAC,KAAiB,EAAA;AACxB,QAAA,QACEA,GAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EACG,UAAU,CAAC,GAAG,CAAC,UAAC,SAAS,EAAA,EAAK,QAC7BD,IAAA,CAAA,KAAA,EAAA,EAAqB,SAAS,EAAC,kBAAkB,aAC/CD,GAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,WAAW,EAAA,QAAA,EAAE,SAAS,EAAA,CAAM,EAC1CA,GAAA,CAAC,eAAe,eAAK,KAAK,EAAA,EAAE,IAAI,EAAE,SAAS,IAAI,CAAA,EAAA,EAFvC,SAAS,CAGb,EACP,CAL8B,CAK9B,CAAC,EAAA,CACD;IAEP,CAAC;;AAGI,IAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,UAAC,EAA0C,EAAA;AAAxC,QAAA,IAAA,KAAK,WAAA,EAAE,WAAW,GAAA,EAAA,CAAA,WAAA,EAAE,MAAM,GAAA,EAAA,CAAA,MAAA;QACnC,QACEC,IAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,kBAAkB,aAC/BD,GAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,KAAK,GAAI,EACjCA,GAAA,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAA,CAAI,EAC3DA,GAAA,CAAC,eAAe,EAAA,EACd,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,EAAA,CACd,EACFA,IAAC,eAAe,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,CAAA,EAAA,CAC7C;IAEV,CAAC;;;;;"}

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

@@ -1,13 +1,15 @@
-import { c as __awaiter, d as __generator } from '../../tslib.es6-a39f91fc.js';
+import { _ as __awaiter, a as __generator } from '../../tslib.es6-CVlKGIvp.js';
 import { jsx } from 'react/jsx-runtime';
-import { c as customRender, s as screen } from '../../customRender-be47569b.js';
-import { T as Toast } from '../../index-860896d2.js';
+import { c as customRender, s as screen } from '../../customRender-DzdqZxUd.js';
+import { T as Toast } from '../../index-C4IAMlRE.js';
+import '../../_commonjsHelpers-BFTU3MAI.js';
 import 'react';
 import 'react-dom';
-import '../../_commonjsHelpers-4730bd53.js';
+import 'util';
 import 'react-dom/test-utils';
-import '../../index-6ea95111.js';
-import '../../style-inject.es-1f59c1d0.js';
+import '../../index-DLQEsiym.js';
+import '../../style-inject.es-tgCJW-Cu.js';
+import '../../index-D_8pWbzR.js';
 import '../icon/icons/X.js';
 import '../icon/IconWrapper/IconWrapper.js';
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/toast/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { Toast } from '.';\n\nconst onDismiss = jest.fn();\nconst onActionClick = jest.fn();\n\ndescribe('Toast component', () => {\n  it('Should render title', async () => {\n    render(\n      <Toast title={'Title'} onDismiss={() => {}} />\n    )\n\n    expect(screen.getByText('Title')).toBeInTheDocument();\n  });\n\n  it('Should not render description', async () => {\n    render(\n      <Toast title={'Title'} onDismiss={() => {}} />\n    )\n\n    expect(screen.queryByText('Description')).not.toBeInTheDocument();\n  });\n\n  it('Should render description', async () => {\n    render(\n      <Toast title={'Title'} description={\"Description\"} onDismiss={() => {}} />\n    )\n\n    expect(screen.getByText('Description')).toBeInTheDocument();\n  });\n\n  it('Should not render action', async () => {\n    render(\n      <Toast title={'Title'} onDismiss={() => {}} />\n    )\n\n    expect(screen.queryByText('Action')).not.toBeInTheDocument();\n  });\n\n  it('Should render action', async () => {\n    render(\n      <Toast title={'Title'} action={{ title: 'Action', onClick: () => {}}} onDismiss={() => {}} />\n    )\n\n    expect(screen.getByText('Action')).toBeInTheDocument();\n  });\n\n  it('Should trigger action', async () => {\n    const { user } = render(\n      <Toast title={'Title'} action={{ title: 'Action', onClick: onActionClick}} onDismiss={() => {}} />\n    )\n\n    await user.click(screen.getByText('Action'))\n\n    expect(onActionClick).toHaveBeenCalled();\n  });\n\n  it('Should trigger dismiss', async () => {\n    const { user } = render(\n      <Toast title={'Title'} onDismiss={onDismiss} />\n    )\n\n    await user.click(screen.getByTestId('toast-close-button'))\n\n    expect(onDismiss).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;AAIA,IAAM,SAAS,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAC5B,IAAM,aAAa,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAEhC,QAAQ,CAAC,iBAAiB,EAAE;IAC1B,EAAE,CAAC,qBAAqB,EAAE;;YACxBA,YAAM,CACJC,IAAC,KAAK,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,eAAQ,GAAI,CAC/C,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACvD,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE;;YAClCD,YAAM,CACJC,IAAC,KAAK,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,eAAQ,GAAI,CAC/C,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;;;SACnE,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE;;YAC9BD,YAAM,CACJC,IAAC,KAAK,IAAC,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,SAAS,EAAE,eAAQ,GAAI,CAC3E,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SAC7D,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE;;YAC7BD,YAAM,CACJC,IAAC,KAAK,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,eAAQ,GAAI,CAC/C,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;;;SAC9D,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE;;YACzBD,YAAM,CACJC,IAAC,KAAK,IAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,eAAQ,EAAC,EAAE,SAAS,EAAE,eAAQ,GAAI,CAC9F,CAAA;YAED,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;;;SACxD,CAAC,CAAC;IAEH,EAAE,CAAC,uBAAuB,EAAE;;;;;oBAClB,IAAI,GAAKD,YAAM,CACrBC,IAAC,KAAK,IAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAC,EAAE,SAAS,EAAE,eAAQ,GAAI,CACnG,KAFW,CAEX;oBAED,qBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAA;;oBAA5C,SAA4C,CAAA;oBAE5C,MAAM,CAAC,aAAa,CAAC,CAAC,gBAAgB,EAAE,CAAC;;;;SAC1C,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE;;;;;oBACnB,IAAI,GAAKD,YAAM,CACrBC,IAAC,KAAK,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,GAAI,CAChD,KAFW,CAEX;oBAED,qBAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,EAAA;;oBAA1D,SAA0D,CAAA;oBAE1D,MAAM,CAAC,SAAS,CAAC,CAAC,gBAAgB,EAAE,CAAC;;;;SACtC,CAAC,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"index.test.js","sources":["../../../../../src/lib/components/toast/index.test.tsx"],"sourcesContent":["import { render, screen } from '../../util/testUtils';\n\nimport { Toast } from '.';\n\nconst onDismiss = jest.fn();\nconst onActionClick = jest.fn();\n\ndescribe('Toast component', () => {\n  it('Should render title', async () => {\n    render(\n      <Toast title={'Title'} onDismiss={() => {}} />\n    )\n\n    expect(screen.getByText('Title')).toBeInTheDocument();\n  });\n\n  it('Should not render description', async () => {\n    render(\n      <Toast title={'Title'} onDismiss={() => {}} />\n    )\n\n    expect(screen.queryByText('Description')).not.toBeInTheDocument();\n  });\n\n  it('Should render description', async () => {\n    render(\n      <Toast title={'Title'} description={\"Description\"} onDismiss={() => {}} />\n    )\n\n    expect(screen.getByText('Description')).toBeInTheDocument();\n  });\n\n  it('Should not render action', async () => {\n    render(\n      <Toast title={'Title'} onDismiss={() => {}} />\n    )\n\n    expect(screen.queryByText('Action')).not.toBeInTheDocument();\n  });\n\n  it('Should render action', async () => {\n    render(\n      <Toast title={'Title'} action={{ title: 'Action', onClick: () => {}}} onDismiss={() => {}} />\n    )\n\n    expect(screen.getByText('Action')).toBeInTheDocument();\n  });\n\n  it('Should trigger action', async () => {\n    const { user } = render(\n      <Toast title={'Title'} action={{ title: 'Action', onClick: onActionClick}} onDismiss={() => {}} />\n    )\n\n    await user.click(screen.getByText('Action'))\n\n    expect(onActionClick).toHaveBeenCalled();\n  });\n\n  it('Should trigger dismiss', async () => {\n    const { user } = render(\n      <Toast title={'Title'} onDismiss={onDismiss} />\n    )\n\n    await user.click(screen.getByTestId('toast-close-button'))\n\n    expect(onDismiss).toHaveBeenCalled();\n  });\n});\n"],"names":["render","_jsx"],"mappings":"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"}

package/dist/esm/{config-bc609993.js → config-PagIydiG.js}

@@ -28,7 +28,7 @@ var sharedConfig = {
             description: 'Error message that will also make input show on error state.',
             table: {
                 type: {
-                    summary: 'string | boolean'
+                    summary: 'string | boolean',
                 },
             },
         },
@@ -36,7 +36,7 @@ var sharedConfig = {
             description: 'Function that is called when value of current input changes',
             action: true,
             table: {
-                category: "Callbacks",
+                category: 'Callbacks',
             },
         },
     },
@@ -50,9 +50,9 @@ var sharedConfig = {
         prefix: '£',
         id: '1234567890',
         error: '',
-        disabled: false
-    }
+        disabled: false,
+    },
 };
 
 export { sharedConfig as s };
-//# sourceMappingURL=config-bc609993.js.map
+//# sourceMappingURL=config-PagIydiG.js.map

package/dist/esm/config-PagIydiG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-PagIydiG.js","sources":["../../../src/lib/components/input/stories/config.ts"],"sourcesContent":["const sharedConfig = {\n  argTypes: {\n    value: {\n      description: 'Current input value.',\n    },\n    className: {\n      description: 'Wrapper classNames for custom styling',\n    },\n    placeholder: {\n      description: 'Placeholder for DirtySwan Input component',\n    },\n    label: {\n      description: 'Label of the Input component',\n    },\n    hideLabel: {\n      description:\n        'Whether or not a label should be hidden. This is needed for accessibility purposes and a label should always be provided',\n    },\n    labelInsideInput: {\n      description:\n        'Whether or not a label should be visually displayed inside the input borders.',\n    },\n    prefix: {\n      description:\n        'A prefix that can be displayed on the left of the input. Specially useful for currencies.',\n    },\n    id: {\n      description:\n        'Unique ID identifier of the input. Relevant for accessibility.',\n    },\n    error: {\n      description:\n        'Error message that will also make input show on error state.',\n      table: {\n        type: {\n          summary: 'string | boolean',\n        },\n      },\n    },\n    onChange: {\n      description:\n        'Function that is called when value of current input changes',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n  },\n  args: {\n    value: '',\n    className: '',\n    placeholder: 'Placeholder',\n    label: 'Input Label',\n    hideLabel: false,\n    labelInsideInput: false,\n    prefix: '£',\n    id: '1234567890',\n    error: '',\n    disabled: false,\n  },\n};\n\nexport default sharedConfig;\n"],"names":[],"mappings":"AAAA,IAAM,YAAY,GAAG;AACnB,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,sBAAsB;AACpC,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,WAAW,EAAE,uCAAuC;AACrD,SAAA;AACD,QAAA,WAAW,EAAE;AACX,YAAA,WAAW,EAAE,2CAA2C;AACzD,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EAAE,8BAA8B;AAC5C,SAAA;AACD,QAAA,SAAS,EAAE;AACT,YAAA,WAAW,EACT,0HAA0H;AAC7H,SAAA;AACD,QAAA,gBAAgB,EAAE;AAChB,YAAA,WAAW,EACT,+EAA+E;AAClF,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,WAAW,EACT,2FAA2F;AAC9F,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,WAAW,EACT,gEAAgE;AACnE,SAAA;AACD,QAAA,KAAK,EAAE;AACL,YAAA,WAAW,EACT,8DAA8D;AAChE,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE;AACJ,oBAAA,OAAO,EAAE,kBAAkB;AAC5B,iBAAA;AACF,aAAA;AACF,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,WAAW,EACT,6DAA6D;AAC/D,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,KAAK,EAAE;AACL,gBAAA,QAAQ,EAAE,WAAW;AACtB,aAAA;AACF,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,gBAAgB,EAAE,KAAK;AACvB,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,KAAK,EAAE,EAAE;AACT,QAAA,QAAQ,EAAE,KAAK;AAChB,KAAA;;;;;"}