@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.
- package/dist/cjs/index.js +31 -18
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/dateSelector/index.d.ts +11 -11
- package/dist/cjs/lib/components/dateSelector/index.stories.d.ts +65 -0
- package/dist/cjs/lib/components/modal/bottomModal/index.d.ts +1 -2
- package/dist/cjs/lib/components/modal/bottomOrRegularModal/index.d.ts +1 -2
- package/dist/cjs/lib/components/modal/index.d.ts +3 -3
- package/dist/cjs/lib/components/modal/index.stories.d.ts +62 -0
- package/dist/cjs/lib/components/modal/regularModal/index.d.ts +1 -2
- package/dist/cjs/lib/components/multiDropzone/index.d.ts +4 -4
- package/dist/cjs/lib/components/multiDropzone/index.stories.d.ts +72 -0
- package/dist/cjs/lib/index.d.ts +2 -2
- package/dist/cjs/lib/util/images/index.d.ts +12 -0
- package/dist/esm/components/dateSelector/index.js +6 -2179
- package/dist/esm/components/dateSelector/index.js.map +1 -1
- package/dist/esm/components/dateSelector/index.stories.js +92 -0
- package/dist/esm/components/dateSelector/index.stories.js.map +1 -0
- package/dist/esm/components/dateSelector/index.test.js +1 -1
- package/dist/esm/components/dateSelector/index.test.js.map +1 -1
- package/dist/esm/components/input/checkbox/index.stories.js +1 -1
- package/dist/esm/components/modal/bottomModal/index.js +3 -3
- package/dist/esm/components/modal/bottomModal/index.js.map +1 -1
- package/dist/esm/components/modal/bottomOrRegularModal/index.js +5 -5
- package/dist/esm/components/modal/bottomOrRegularModal/index.js.map +1 -1
- package/dist/esm/components/modal/index.stories.js +118 -0
- package/dist/esm/components/modal/index.stories.js.map +1 -0
- package/dist/esm/components/modal/regularModal/index.js +3 -3
- package/dist/esm/components/modal/regularModal/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.js +3 -3
- package/dist/esm/components/multiDropzone/index.js.map +1 -1
- package/dist/esm/components/multiDropzone/index.stories.js +147 -0
- package/dist/esm/components/multiDropzone/index.stories.js.map +1 -0
- package/dist/esm/components/multiDropzone/index.test.js +2 -2
- package/dist/esm/components/multiDropzone/index.test.js.map +1 -1
- package/dist/esm/index-31224f74.js +26 -0
- package/dist/esm/index-31224f74.js.map +1 -0
- package/dist/esm/index-639cf8b3.js +2179 -0
- package/dist/esm/index-639cf8b3.js.map +1 -0
- package/dist/esm/index.js +6 -6
- package/dist/esm/lib/components/dateSelector/index.d.ts +11 -11
- package/dist/esm/lib/components/dateSelector/index.stories.d.ts +65 -0
- package/dist/esm/lib/components/modal/bottomModal/index.d.ts +1 -2
- package/dist/esm/lib/components/modal/bottomOrRegularModal/index.d.ts +1 -2
- package/dist/esm/lib/components/modal/index.d.ts +3 -3
- package/dist/esm/lib/components/modal/index.stories.d.ts +62 -0
- package/dist/esm/lib/components/modal/regularModal/index.d.ts +1 -2
- package/dist/esm/lib/components/multiDropzone/index.d.ts +4 -4
- package/dist/esm/lib/components/multiDropzone/index.stories.d.ts +72 -0
- package/dist/esm/lib/index.d.ts +2 -2
- package/dist/esm/lib/util/images/index.d.ts +12 -0
- package/dist/esm/util/images/index.stories.js +7 -4
- package/dist/esm/util/images/index.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/App.tsx +1 -1
- package/src/lib/components/dateSelector/index.stories.tsx +104 -0
- package/src/lib/components/dateSelector/index.test.tsx +2 -2
- package/src/lib/components/dateSelector/index.tsx +14 -14
- package/src/lib/components/modal/bottomModal/index.tsx +1 -1
- package/src/lib/components/modal/bottomOrRegularModal/index.tsx +2 -2
- package/src/lib/components/modal/index.stories.tsx +254 -0
- package/src/lib/components/modal/index.ts +3 -3
- package/src/lib/components/modal/regularModal/index.tsx +1 -1
- package/src/lib/components/multiDropzone/index.stories.tsx +228 -0
- package/src/lib/components/multiDropzone/index.test.tsx +1 -1
- package/src/lib/components/multiDropzone/index.tsx +6 -6
- package/src/lib/index.tsx +3 -2
- package/src/lib/util/images/index.stories.tsx +20 -12
- package/src/lib/util/images/index.ts +23 -9
- package/dist/esm/index-db2e797f.js +0 -13
- package/dist/esm/index-db2e797f.js.map +0 -1
- package/src/lib/components/dateSelector/index.stories.mdx +0 -106
- package/src/lib/components/modal/index.stories.mdx +0 -313
- 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
|
|
8573
|
+
var MultiDropzone = function (_a) {
|
|
8574
8574
|
var _b;
|
|
8575
|
-
var
|
|
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 =
|
|
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 =
|
|
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
|
|
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:
|
|
36264
|
-
bed:
|
|
36265
|
-
bigDog:
|
|
36266
|
-
|
|
36267
|
-
|
|
36268
|
-
|
|
36269
|
-
|
|
36270
|
-
|
|
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 =
|
|
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 =
|
|
36306
|
+
exports.MultiDropzone = MultiDropzone;
|
|
36294
36307
|
exports.RegularModal = RegularModal;
|
|
36295
36308
|
exports.SegmentedControl = SegmentedControl;
|
|
36296
36309
|
exports.SignaturePad = SignaturePad;
|