@popsure/dirty-swan 0.33.3 → 0.33.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (73) hide show
  1. package/dist/cjs/index.js +31 -18
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/lib/components/dateSelector/index.d.ts +11 -11
  4. package/dist/cjs/lib/components/dateSelector/index.stories.d.ts +65 -0
  5. package/dist/cjs/lib/components/modal/bottomModal/index.d.ts +1 -2
  6. package/dist/cjs/lib/components/modal/bottomOrRegularModal/index.d.ts +1 -2
  7. package/dist/cjs/lib/components/modal/index.d.ts +3 -3
  8. package/dist/cjs/lib/components/modal/index.stories.d.ts +62 -0
  9. package/dist/cjs/lib/components/modal/regularModal/index.d.ts +1 -2
  10. package/dist/cjs/lib/components/multiDropzone/index.d.ts +4 -4
  11. package/dist/cjs/lib/components/multiDropzone/index.stories.d.ts +72 -0
  12. package/dist/cjs/lib/index.d.ts +2 -2
  13. package/dist/cjs/lib/util/images/index.d.ts +12 -0
  14. package/dist/esm/components/dateSelector/index.js +6 -2179
  15. package/dist/esm/components/dateSelector/index.js.map +1 -1
  16. package/dist/esm/components/dateSelector/index.stories.js +92 -0
  17. package/dist/esm/components/dateSelector/index.stories.js.map +1 -0
  18. package/dist/esm/components/dateSelector/index.test.js +1 -1
  19. package/dist/esm/components/dateSelector/index.test.js.map +1 -1
  20. package/dist/esm/components/input/checkbox/index.stories.js +1 -1
  21. package/dist/esm/components/modal/bottomModal/index.js +3 -3
  22. package/dist/esm/components/modal/bottomModal/index.js.map +1 -1
  23. package/dist/esm/components/modal/bottomOrRegularModal/index.js +5 -5
  24. package/dist/esm/components/modal/bottomOrRegularModal/index.js.map +1 -1
  25. package/dist/esm/components/modal/index.stories.js +118 -0
  26. package/dist/esm/components/modal/index.stories.js.map +1 -0
  27. package/dist/esm/components/modal/regularModal/index.js +3 -3
  28. package/dist/esm/components/modal/regularModal/index.js.map +1 -1
  29. package/dist/esm/components/multiDropzone/index.js +3 -3
  30. package/dist/esm/components/multiDropzone/index.js.map +1 -1
  31. package/dist/esm/components/multiDropzone/index.stories.js +147 -0
  32. package/dist/esm/components/multiDropzone/index.stories.js.map +1 -0
  33. package/dist/esm/components/multiDropzone/index.test.js +2 -2
  34. package/dist/esm/components/multiDropzone/index.test.js.map +1 -1
  35. package/dist/esm/index-31224f74.js +26 -0
  36. package/dist/esm/index-31224f74.js.map +1 -0
  37. package/dist/esm/index-639cf8b3.js +2179 -0
  38. package/dist/esm/index-639cf8b3.js.map +1 -0
  39. package/dist/esm/index.js +6 -6
  40. package/dist/esm/lib/components/dateSelector/index.d.ts +11 -11
  41. package/dist/esm/lib/components/dateSelector/index.stories.d.ts +65 -0
  42. package/dist/esm/lib/components/modal/bottomModal/index.d.ts +1 -2
  43. package/dist/esm/lib/components/modal/bottomOrRegularModal/index.d.ts +1 -2
  44. package/dist/esm/lib/components/modal/index.d.ts +3 -3
  45. package/dist/esm/lib/components/modal/index.stories.d.ts +62 -0
  46. package/dist/esm/lib/components/modal/regularModal/index.d.ts +1 -2
  47. package/dist/esm/lib/components/multiDropzone/index.d.ts +4 -4
  48. package/dist/esm/lib/components/multiDropzone/index.stories.d.ts +72 -0
  49. package/dist/esm/lib/index.d.ts +2 -2
  50. package/dist/esm/lib/util/images/index.d.ts +12 -0
  51. package/dist/esm/util/images/index.stories.js +7 -4
  52. package/dist/esm/util/images/index.stories.js.map +1 -1
  53. package/package.json +1 -1
  54. package/src/App.tsx +1 -1
  55. package/src/lib/components/dateSelector/index.stories.tsx +104 -0
  56. package/src/lib/components/dateSelector/index.test.tsx +2 -2
  57. package/src/lib/components/dateSelector/index.tsx +14 -14
  58. package/src/lib/components/modal/bottomModal/index.tsx +1 -1
  59. package/src/lib/components/modal/bottomOrRegularModal/index.tsx +2 -2
  60. package/src/lib/components/modal/index.stories.tsx +254 -0
  61. package/src/lib/components/modal/index.ts +3 -3
  62. package/src/lib/components/modal/regularModal/index.tsx +1 -1
  63. package/src/lib/components/multiDropzone/index.stories.tsx +228 -0
  64. package/src/lib/components/multiDropzone/index.test.tsx +1 -1
  65. package/src/lib/components/multiDropzone/index.tsx +6 -6
  66. package/src/lib/index.tsx +3 -2
  67. package/src/lib/util/images/index.stories.tsx +20 -12
  68. package/src/lib/util/images/index.ts +23 -9
  69. package/dist/esm/index-db2e797f.js +0 -13
  70. package/dist/esm/index-db2e797f.js.map +0 -1
  71. package/src/lib/components/dateSelector/index.stories.mdx +0 -106
  72. package/src/lib/components/modal/index.stories.mdx +0 -313
  73. package/src/lib/components/multiDropzone/index.stories.mdx +0 -187
package/dist/cjs/index.js CHANGED
@@ -8570,9 +8570,9 @@ var getErrorMessage = function (_a, _b, textOverrides) {
8570
8570
  }
8571
8571
  };
8572
8572
 
8573
- var MultiDropZone = function (_a) {
8573
+ var MultiDropzone = function (_a) {
8574
8574
  var _b;
8575
- var accept = _a.accept, uploadedFiles = _a.uploadedFiles, onFileSelect = _a.onFileSelect, uploading = _a.uploading, onRemoveFile = _a.onRemoveFile, _c = _a.isCondensed, isCondensed = _c === void 0 ? false : _c, _d = _a.maxFiles, maxFiles = _d === void 0 ? 0 : _d, maxSize = _a.maxSize, textOverrides = _a.textOverrides;
8575
+ var uploadedFiles = _a.uploadedFiles, onFileSelect = _a.onFileSelect, onRemoveFile = _a.onRemoveFile, uploading = _a.uploading, _c = _a.isCondensed, isCondensed = _c === void 0 ? false : _c, accept = _a.accept, _d = _a.maxFiles, maxFiles = _d === void 0 ? 0 : _d, maxSize = _a.maxSize, textOverrides = _a.textOverrides;
8576
8576
  var _e = require$$0.useState([]), errors = _e[0], setErrors = _e[1];
8577
8577
  var formattedAccept = getFormattedAcceptObject(accept);
8578
8578
  var fileList = formatAcceptFileList(formattedAccept);
@@ -8846,7 +8846,7 @@ var useOnClose = function (onClose, isOpen, dismissable) {
8846
8846
  return { isClosing: isClosing, handleContainerClick: handleContainerClick, handleOnClose: handleOnClose, handleOnOverlayClick: handleOnOverlayClick };
8847
8847
  };
8848
8848
 
8849
- var BottomModal = (function (_a) {
8849
+ var BottomModal = function (_a) {
8850
8850
  var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c;
8851
8851
  var _d = require$$0.useState(0), containerXOffset = _d[0], setContainerXOffset = _d[1];
8852
8852
  var _e = useOnClose(onClose, isOpen, dismissible), isClosing = _e.isClosing, handleContainerClick = _e.handleContainerClick, handleOnClose = _e.handleOnClose, handleOnOverlayClick = _e.handleOnOverlayClick;
@@ -8864,7 +8864,7 @@ var BottomModal = (function (_a) {
8864
8864
  }) }, { children: [jsxRuntime.jsx("div", __assign({ className: "p-h4 " + styles$j.title }, { children: title }), void 0),
8865
8865
  dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$j.close, onClick: handleOnClose }, { children: jsxRuntime.jsx("img", { src: imageClose$1, alt: "Close" }, void 0) }), void 0))] }), void 0),
8866
8866
  jsxRuntime.jsx("div", __assign({ className: styles$j.content }, { children: children }), void 0)] }), void 0) }), void 0));
8867
- });
8867
+ };
8868
8868
 
8869
8869
  var css_248z$j = "@keyframes style-module_fade-in__nLzzO {\n 0% {\n background-color: rgba(0, 0, 0, 0);\n visibility: hidden;\n }\n 100% {\n background-color: rgba(0, 0, 0, 0.3);\n visibility: visible;\n }\n}\n@keyframes style-module_fade-out__IuSV7 {\n from {\n background-color: rgba(0, 0, 0, 0.3);\n visibility: visible;\n }\n to {\n background-color: rgba(0, 0, 0, 0);\n visibility: hidden;\n }\n}\n@keyframes style-module_appear-in__2ZMqz {\n 0% {\n transform: translateY(24px);\n opacity: 0;\n visibility: hidden;\n }\n 100% {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n}\n@keyframes style-module_disappear-out__38TSV {\n 0% {\n transform: translateY(0);\n opacity: 1;\n visibility: visible;\n }\n 100% {\n transform: translateY(24px);\n opacity: 0;\n visibility: hidden;\n }\n}\n.style-module_overlay__1Zbce, .style-module_overlay--close__2dytn {\n position: fixed;\n z-index: 100;\n overflow: auto;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n animation: style-module_fade-in__nLzzO 0.3s both;\n}\n.style-module_overlay--close__2dytn {\n animation-delay: 0.1s;\n animation: style-module_fade-out__IuSV7 0.3s both;\n}\n\n.style-module_container__1XZj_, .style-module_container--close__3UYsJ {\n position: relative;\n display: flex;\n align-items: center;\n max-width: 592px;\n width: 100%;\n min-height: 100%;\n margin: 0 auto;\n animation-name: style-module_appear-in__2ZMqz;\n animation-duration: 0.4s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n.style-module_container--close__3UYsJ {\n animation-name: style-module_disappear-out__38TSV;\n animation-duration: 0.4s;\n animation-delay: 0s;\n animation-fill-mode: both;\n animation-timing-function: ease-out;\n}\n\n.style-module_body__lbUih {\n background-color: white;\n border-radius: 8px;\n margin: 80px auto;\n}\n\n.style-module_header__2oEKp {\n display: flex;\n align-items: center;\n padding: 24px 24px 0 24px;\n}\n\n.style-module_close__p3Axi {\n border: none;\n background-color: transparent;\n cursor: pointer;\n}";
8870
8870
  var styles$i = {"overlay":"style-module_overlay__1Zbce","overlay--close":"style-module_overlay--close__2dytn","fade-in":"style-module_fade-in__nLzzO","fade-out":"style-module_fade-out__IuSV7","container":"style-module_container__1XZj_","container--close":"style-module_container--close__3UYsJ","appear-in":"style-module_appear-in__2ZMqz","disappear-out":"style-module_disappear-out__38TSV","body":"style-module_body__lbUih","header":"style-module_header__2oEKp","close":"style-module_close__p3Axi"};
@@ -8872,7 +8872,7 @@ styleInject(css_248z$j);
8872
8872
 
8873
8873
  var imageClose = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M18%206L6%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6%206L18%2018%22%20stroke%3D%22%2326262E%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
8874
8874
 
8875
- var RegularModal = (function (_a) {
8875
+ var RegularModal = function (_a) {
8876
8876
  var title = _a.title, isOpen = _a.isOpen, children = _a.children, onClose = _a.onClose, _b = _a.className, className = _b === void 0 ? '' : _b, _c = _a.dismissible, dismissible = _c === void 0 ? true : _c;
8877
8877
  var _d = useOnClose(onClose, isOpen, dismissible), isClosing = _d.isClosing, handleContainerClick = _d.handleContainerClick, handleOnClose = _d.handleOnClose, handleOnOverlayClick = _d.handleOnOverlayClick;
8878
8878
  if (!isOpen) {
@@ -8883,13 +8883,13 @@ var RegularModal = (function (_a) {
8883
8883
  'jc-end': !title
8884
8884
  }) }, { children: [title && jsxRuntime.jsx("div", __assign({ className: "p-h2 " + styles$i.title }, { children: title }), void 0),
8885
8885
  dismissible && (jsxRuntime.jsx("button", __assign({ type: "button", className: styles$i.close, onClick: handleOnClose }, { children: jsxRuntime.jsx("img", { src: imageClose, alt: "Close" }, void 0) }), void 0))] }), void 0), children] }), void 0) }), void 0) }), void 0));
8886
- });
8886
+ };
8887
8887
 
8888
8888
  var css_248z$i = "@media (min-width: 34rem) {\n .style-module_mobile__3k175 {\n display: none;\n }\n}\n@media (max-width: 34rem) {\n .style-module_mobile__3k175 {\n display: block !important;\n }\n}\n\n@media (max-width: 34rem) {\n .style-module_desktop__2lclr {\n display: none;\n }\n}";
8889
8889
  var styles$h = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
8890
8890
  styleInject(css_248z$i);
8891
8891
 
8892
- var index$6 = (function (_a) {
8892
+ var BottomOrRegularModal = function (_a) {
8893
8893
  var isOpen = _a.isOpen, props = __rest$1(_a, ["isOpen"]);
8894
8894
  var mobileRef = require$$0.useRef(null);
8895
8895
  var _b = require$$0.useState('desktop'), visibleSize = _b[0], setVisibleSize = _b[1];
@@ -8908,7 +8908,7 @@ var index$6 = (function (_a) {
8908
8908
  }, []);
8909
8909
  return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", __assign({ className: styles$h.mobile, ref: mobileRef }, { children: visibleSize === 'mobile' && jsxRuntime.jsx(BottomModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0),
8910
8910
  visibleSize === 'desktop' && (jsxRuntime.jsx("div", __assign({ className: styles$h.desktop }, { children: jsxRuntime.jsx(RegularModal, __assign({}, props, { isOpen: isOpen }), void 0) }), void 0))] }, void 0));
8911
- });
8911
+ };
8912
8912
 
8913
8913
  var arrowRightImage = "data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%2012H19%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M12%205L19%2012L12%2019%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
8914
8914
 
@@ -36259,22 +36259,35 @@ var Markdown = function (_a) {
36259
36259
  return (jsxRuntime.jsx(ReactMarkdown, { children: children, className: className, components: __assign({ a: Link(openLinksInNewTab), p: Paragraph(paragraphClassName), h1: Heading, h2: Heading, h3: Heading, h4: Heading, h5: Heading, ol: OList, ul: UList, strong: Strong, em: Italic, code: Code }, customMDComponents), remarkPlugins: [remarkDirective, directiveToHTMLTag] }, void 0));
36260
36260
  };
36261
36261
 
36262
+ var basePath = 'https://assets.cdn.feather-insurance.com/assets/images';
36262
36263
  var images = {
36263
- aid: 'https://assets.cdn.feather-insurance.com/assets/images/aid.svg',
36264
- bed: 'https://assets.cdn.feather-insurance.com/assets/images/bed.svg',
36265
- bigDog: 'https://assets.cdn.feather-insurance.com/assets/images/bigDog.svg',
36266
- brokenAquarium: 'https://assets.cdn.feather-insurance.com/assets/images/brokenAquarium.svg',
36267
- brokenGlass: 'https://assets.cdn.feather-insurance.com/assets/images/brokenGlass.svg',
36268
- damagedLaptop: 'https://assets.cdn.feather-insurance.com/assets/images/damagedLaptop.svg',
36269
- moneyIncome: 'https://assets.cdn.feather-insurance.com/assets/images/moneyIncome.svg',
36270
- washingMachine: 'https://assets.cdn.feather-insurance.com/assets/images/washingMachine.svg',
36264
+ aid: basePath + "/aid.svg",
36265
+ bed: basePath + "/bed.svg",
36266
+ bigDog: basePath + "/bigDog.svg",
36267
+ verticalIcons: {
36268
+ dogLiability: basePath + "/dogLiabilityIcon.png",
36269
+ dogLiability2x: basePath + "/dogLiabilityIcon2x.png",
36270
+ dogLiability3x: basePath + "/dogLiabilityIcon3x.png",
36271
+ lifeIcon: basePath + "/lifeIcon.png",
36272
+ lifeIcon2x: basePath + "/lifeIcon2x.png",
36273
+ lifeIcon3x: basePath + "/lifeIcon3x.png",
36274
+ },
36275
+ brokenAquarium: basePath + "/brokenAquarium.svg",
36276
+ brokenGlass: basePath + "/brokenGlass.svg",
36277
+ damagedLaptop: basePath + "/damagedLaptop.svg",
36278
+ moneyIncome: basePath + "/moneyIncome.svg",
36279
+ washingMachine: basePath + "/washingMachine.svg",
36280
+ bill: basePath + "/bill.svg",
36281
+ books: basePath + "/books.svg",
36282
+ finalExpenses: basePath + "/finalExpenses.svg",
36283
+ mortgage: basePath + "/mortgage.svg",
36271
36284
  };
36272
36285
 
36273
36286
  exports.AutoSuggestInput = AutoSuggestInput;
36274
36287
  exports.AutoSuggestMultiSelect = index$1;
36275
36288
  exports.AutocompleteAddress = AutocompleteAddress;
36276
36289
  exports.BottomModal = BottomModal;
36277
- exports.BottomOrRegularModal = index$6;
36290
+ exports.BottomOrRegularModal = BottomOrRegularModal;
36278
36291
  exports.Button = Button;
36279
36292
  exports.CardButton = CardButton;
36280
36293
  exports.CardWithLeftIcon = index$4;
@@ -36290,7 +36303,7 @@ exports.IbanInput = IbanInput;
36290
36303
  exports.InfoCard = index$2;
36291
36304
  exports.Input = Input;
36292
36305
  exports.Markdown = Markdown;
36293
- exports.MultiDropzone = MultiDropZone;
36306
+ exports.MultiDropzone = MultiDropzone;
36294
36307
  exports.RegularModal = RegularModal;
36295
36308
  exports.SegmentedControl = SegmentedControl;
36296
36309
  exports.SignaturePad = SignaturePad;