@popsure/dirty-swan 0.33.0 → 0.33.2

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

@@ -0,0 +1,36 @@
+import { _ as __assign } from '../../tslib.es6-5bc94358.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import Button from '../button/index.js';
+import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
+import 'react';
+
+var checkIcon = "data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.6666%205.83203L7.49992%2014.9987L3.33325%2010.832%22%20stroke%3D%22%23B4B4BA%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
+
+var downloadIcon = "data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%2012.5V15.8333C18%2016.2754%2017.8244%2016.6993%2017.5118%2017.0118C17.1993%2017.3244%2016.7754%2017.5%2016.3333%2017.5H4.66667C4.22464%2017.5%203.80072%2017.3244%203.48816%2017.0118C3.17559%2016.6993%203%2016.2754%203%2015.8333V12.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.33325%208.33301L10.4999%2012.4997L14.6666%208.33301%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.5%2012.5V2.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
+
+var css_248z = ".style-module_button__mw9kQ {\n  height: 48px;\n}\n\n.style-module_chip-complete__3YkB9 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: white;\n  border-radius: 8px;\n  padding: 8px 16px;\n  height: 48px;\n}";
+var styles = {"button":"style-module_button__mw9kQ","chip-complete":"style-module_chip-complete__3YkB9"};
+styleInject(css_248z);
+
+var InitialButton = function (_a) {
+    var onDownload = _a.onDownload;
+    return (jsx(Button, { className: "w100 " + styles.button, buttonTitle: "Download", leftIcon: { src: downloadIcon, alt: 'download arrow icon' }, onClick: onDownload, "data-cy": "download-documents-button" }, void 0));
+};
+// TODO: Allow setting loading to true to display text
+var GeneratingButton = function () { return (jsx(Button, { className: "w100 " + styles.button, buttonTitle: "Generating", loading: true }, void 0)); };
+var CompletedChip = function () { return (jsxs("div", __assign({ className: styles['chip-complete'] }, { children: [jsx("img", { src: checkIcon, alt: "grey check" }, void 0),
+        jsx("div", __assign({ className: "p-h4 tc-grey-500 ml8" }, { children: "Download complete" }), void 0)] }), void 0)); };
+var DownloadButton = function (_a) {
+    var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, _b = _a.className, className = _b === void 0 ? '' : _b, customFail = _a.customFail;
+    var mapDownloadButton = {
+        INITIAL: jsx(InitialButton, { onDownload: onDownload }, void 0),
+        GENERATING: jsx(GeneratingButton, {}, void 0),
+        COMPLETED: jsx(CompletedChip, {}, void 0),
+        FAILED: jsx(InitialButton, { onDownload: onDownload }, void 0),
+    };
+    return (jsxs("div", __assign({ className: "d-flex fd-column ai-center " + className }, { children: [jsx("div", __assign({ className: "ws4" }, { children: mapDownloadButton[downloadStatus] }), void 0),
+            downloadStatus === 'FAILED' && (jsx("div", __assign({ className: "p-notice p-notice--danger p-p mt40 wmx5" }, { children: customFail !== null && customFail !== void 0 ? customFail : 'An error occured when generating documents. Please try again or contact us.' }), void 0))] }), void 0));
+};
+
+export { DownloadButton };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/lib/components/downloadButton/icons/check.svg","../../../../src/lib/components/downloadButton/icons/download.svg","../../../../../src/lib/components/downloadButton/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M16.6666%205.83203L7.49992%2014.9987L3.33325%2010.832%22%20stroke%3D%22%23B4B4BA%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2221%22%20height%3D%2220%22%20viewBox%3D%220%200%2021%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%2012.5V15.8333C18%2016.2754%2017.8244%2016.6993%2017.5118%2017.0118C17.1993%2017.3244%2016.7754%2017.5%2016.3333%2017.5H4.66667C4.22464%2017.5%203.80072%2017.3244%203.48816%2017.0118C3.17559%2016.6993%203%2016.2754%203%2015.8333V12.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.33325%208.33301L10.4999%2012.4997L14.6666%208.33301%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10.5%2012.5V2.5%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","import Button from '../button';\nimport { DownloadStatus } from '../../models/download';\n\nimport checkIcon from './icons/check.svg';\nimport downloadIcon from './icons/download.svg';\nimport styles from './style.module.scss';\n\nexport interface DownloadButtonProps {\n  downloadStatus: DownloadStatus;\n  onDownload: () => void;\n  className?: string;\n  customFail?: React.ReactNode;\n}\n\nconst InitialButton = ({ onDownload }: { onDownload: () => void }) => (\n  <Button\n    className={`w100 ${styles.button}`}\n    buttonTitle=\"Download\"\n    leftIcon={{ src: downloadIcon, alt: 'download arrow icon' }}\n    onClick={onDownload}\n    data-cy=\"download-documents-button\"\n  />\n);\n\n// TODO: Allow setting loading to true to display text\nconst GeneratingButton = () => (\n  <Button\n    className={`w100 ${styles.button}`}\n    buttonTitle=\"Generating\"\n    loading={true}\n  />\n);\n\nconst CompletedChip = () => (\n  <div className={styles['chip-complete']}>\n    <img src={checkIcon} alt=\"grey check\" />\n    <div className=\"p-h4 tc-grey-500 ml8\">Download complete</div>\n  </div>\n);\n\nconst DownloadButton = ({\n  downloadStatus,\n  onDownload,\n  className = '',\n  customFail,\n}: DownloadButtonProps) => {\n  const mapDownloadButton: { [K in DownloadStatus]: React.ReactNode } = {\n    INITIAL: <InitialButton onDownload={onDownload} />,\n    GENERATING: <GeneratingButton />,\n    COMPLETED: <CompletedChip />,\n    FAILED: <InitialButton onDownload={onDownload} />,\n  };\n\n  return (\n    <div className={`d-flex fd-column ai-center ${className}`}>\n      <div className=\"ws4\">{mapDownloadButton[downloadStatus]}</div>\n      {downloadStatus === 'FAILED' && (\n        <div className=\"p-notice p-notice--danger p-p mt40 wmx5\">\n          {customFail ??\n            'An error occured when generating documents. Please try again or contact us.'}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { DownloadButton };\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;AAAA,gBAAe;;ACAf,mBAAe;;;;;;ACcf,IAAM,aAAa,GAAG,UAAC,EAA0C;QAAxC,UAAU,gBAAA;IAAmC,QACpEA,IAAC,MAAM,IACL,SAAS,EAAE,UAAQ,MAAM,CAAC,MAAQ,EAClC,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,qBAAqB,EAAE,EAC3D,OAAO,EAAE,UAAU,aACX,2BAA2B,WACnC;AAPkE,CAQrE,CAAC;AAEF;AACA,IAAM,gBAAgB,GAAG,cAAM,QAC7BA,IAAC,MAAM,IACL,SAAS,EAAE,UAAQ,MAAM,CAAC,MAAQ,EAClC,WAAW,EAAC,YAAY,EACxB,OAAO,EAAE,IAAI,WACb,IACH,CAAC;AAEF,IAAM,aAAa,GAAG,cAAM,QAC1BC,uBAAK,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,iBACrCD,aAAK,GAAG,EAAE,SAAS,EAAE,GAAG,EAAC,YAAY,WAAG;QACxCA,sBAAK,SAAS,EAAC,sBAAsB,+CAAwB,aACzD,IACP,CAAC;IAEI,cAAc,GAAG,UAAC,EAKF;QAJpB,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,UAAU,gBAAA;IAEV,IAAM,iBAAiB,GAA+C;QACpE,OAAO,EAAEA,IAAC,aAAa,IAAC,UAAU,EAAE,UAAU,WAAI;QAClD,UAAU,EAAEA,IAAC,gBAAgB,aAAG;QAChC,SAAS,EAAEA,IAAC,aAAa,aAAG;QAC5B,MAAM,EAAEA,IAAC,aAAa,IAAC,UAAU,EAAE,UAAU,WAAI;KAClD,CAAC;IAEF,QACEC,uBAAK,SAAS,EAAE,gCAA8B,SAAW,iBACvDD,sBAAK,SAAS,EAAC,KAAK,gBAAE,iBAAiB,CAAC,cAAc,CAAC,YAAO;YAC7D,cAAc,KAAK,QAAQ,KAC1BA,sBAAK,SAAS,EAAC,yCAAyC,gBACrD,UAAU,aAAV,UAAU,cAAV,UAAU,GACT,6EAA6E,YAC3E,CACP,aACG,EACN;AACJ;;;;"}

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

@@ -0,0 +1,47 @@
+import { jsx } from 'react/jsx-runtime';
+import { DownloadButton } from './index.js';
+import '../../tslib.es6-5bc94358.js';
+import '../button/index.js';
+import 'react';
+import '../../style-inject.es-1f59c1d0.js';
+
+var story = {
+    title: 'JSX/DownloadButton',
+    component: DownloadButton,
+    argTypes: {
+        downloadStatus: {
+            description: 'Status of the button',
+            defaultValue: 'INITIAL',
+        },
+        customFail: {
+            description: 'Customised error message. Only visible when button is on `FAILED` state.',
+            control: { type: 'text' },
+        },
+        onDownload: {
+            description: 'Called when download button has been clicked.',
+            action: true,
+            table: {
+                category: 'Callbacks',
+            },
+        },
+        className: {
+            description: 'This property allows to add custom styles to the component.',
+        }
+    },
+    parameters: {
+        componentSubtitle: 'DownloadButton component displays progress and status of downloading files.',
+    },
+};
+var DownloadButtonStory = function (_a) {
+    var downloadStatus = _a.downloadStatus, onDownload = _a.onDownload, className = _a.className, customFail = _a.customFail;
+    return (jsx(DownloadButton, { className: className, customFail: customFail, downloadStatus: downloadStatus, onDownload: onDownload }, void 0));
+};
+DownloadButtonStory.storyName = "DownloadButton";
+var CustomErrorMessage = function (_a) {
+    var onDownload = _a.onDownload;
+    return (jsx(DownloadButton, { customFail: "Custom error message", downloadStatus: "FAILED", onDownload: onDownload }, void 0));
+};
+
+export default story;
+export { CustomErrorMessage, DownloadButtonStory };
+//# sourceMappingURL=index.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/downloadButton/index.stories.tsx"],"sourcesContent":["import { DownloadButton, DownloadButtonProps } from '.';\n\nconst story = {\n  title: 'JSX/DownloadButton',\n  component: DownloadButton,\n  argTypes: {\n    downloadStatus: {\n      description: 'Status of the button',\n      defaultValue: 'INITIAL',\n    },\n    customFail: {\n      description: 'Customised error message. Only visible when button is on `FAILED` state.',\n      control: { type: 'text' },\n    },\n    onDownload: {\n      description: 'Called when download button has been clicked.',\n      action: true,\n      table: {\n        category: 'Callbacks',\n      },\n    },\n    className: {\n      description: 'This property allows to add custom styles to the component.',\n    }\n  },\n  parameters: {\n    componentSubtitle: 'DownloadButton component displays progress and status of downloading files.',\n  },\n};\n\nexport const DownloadButtonStory = ({\n  downloadStatus,\n  onDownload,\n  className,\n  customFail\n}: DownloadButtonProps) => (\n  <DownloadButton\n    className={className}\n    customFail={customFail}\n    downloadStatus={downloadStatus}\n    onDownload={onDownload}\n  />\n);\n\nDownloadButtonStory.storyName = \"DownloadButton\";\n\nexport const CustomErrorMessage = ({\n    onDownload,\n}: DownloadButtonProps) => (\n  <DownloadButton\n    customFail=\"Custom error message\"\n    downloadStatus=\"FAILED\"\n    onDownload={onDownload}\n  />\n);\n\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;IAEM,KAAK,GAAG;IACZ,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,cAAc;IACzB,QAAQ,EAAE;QACR,cAAc,EAAE;YACd,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,SAAS;SACxB;QACD,UAAU,EAAE;YACV,WAAW,EAAE,0EAA0E;YACvF,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;SAC1B;QACD,UAAU,EAAE;YACV,WAAW,EAAE,+CAA+C;YAC5D,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE;gBACL,QAAQ,EAAE,WAAW;aACtB;SACF;QACD,SAAS,EAAE;YACT,WAAW,EAAE,6DAA6D;SAC3E;KACF;IACD,UAAU,EAAE;QACV,iBAAiB,EAAE,6EAA6E;KACjG;EACD;IAEW,mBAAmB,GAAG,UAAC,EAKd;QAJpB,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA;IACe,QACzBA,IAAC,cAAc,IACb,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,WACtB;AANuB,EAOzB;AAEF,mBAAmB,CAAC,SAAS,GAAG,gBAAgB,CAAC;IAEpC,kBAAkB,GAAG,UAAC,EAEb;QADlB,UAAU,gBAAA;IACa,QACzBA,IAAC,cAAc,IACb,UAAU,EAAC,sBAAsB,EACjC,cAAc,EAAC,QAAQ,EACvB,UAAU,EAAE,UAAU,WACtB;AALuB;;;;;"}