@popsure/dirty-swan 0.31.2 → 0.33.0

package/dist/cjs/index.d.ts

@@ -1,2 +1,2 @@
-export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Markdown, } from './lib';
-export type { DownloadStatus, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus } from './lib';
+export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, IbanInput, CurrencyInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, DownloadButton, Markdown, Checkbox, images } from './lib';
+export type { DownloadStatus, FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus, } from './lib';

package/dist/cjs/index.js

@@ -2443,7 +2443,7 @@ function throttle(fn, wait = 250) {
     };
 }
 
-class SignaturePad {
+class SignaturePad$1 {
     constructor(canvas, options = {}) {
         this.canvas = canvas;
         this.options = options;
@@ -2501,8 +2501,8 @@ class SignaturePad {
         this.onBegin = options.onBegin;
         this.onEnd = options.onEnd;
         this._strokeMoveUpdate = this.throttle
-            ? throttle(SignaturePad.prototype._strokeUpdate, this.throttle)
-            : SignaturePad.prototype._strokeUpdate;
+            ? throttle(SignaturePad$1.prototype._strokeUpdate, this.throttle)
+            : SignaturePad$1.prototype._strokeUpdate;
         this._ctx = canvas.getContext('2d');
         this.clear();
         this.on();
@@ -2821,9 +2821,9 @@ var sign = "data:image/svg+xml,%3Csvg%20width%3D%2280%22%20height%3D%2280%22%20v
 
 var reset = "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%22M1%204V10H7%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M3.51%2014.9999C4.15839%2016.8403%205.38734%2018.4201%207.01166%2019.5013C8.63598%2020.5825%2010.5677%2021.1065%2012.5157%2020.9944C14.4637%2020.8823%2016.3226%2020.1401%2017.8121%2018.8797C19.3017%2017.6193%2020.3413%2015.9089%2020.7742%2014.0063C21.2072%2012.1037%2021.0101%2010.1119%2020.2126%208.33105C19.4152%206.55019%2018.0605%205.07674%2016.3528%204.13271C14.6451%203.18868%2012.6769%202.82521%2010.7447%203.09707C8.81245%203.36892%207.02091%204.26137%205.64%205.63995L1%209.99995%22%20stroke%3D%22%238E8CEE%22%20strokeWidth%3D%222%22%20strokeLinecap%3D%22round%22%20strokeLinejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E";
 
-var Signature = /** @class */ (function (_super) {
-    __extends(Signature, _super);
-    function Signature(props) {
+var SignaturePad = /** @class */ (function (_super) {
+    __extends(SignaturePad, _super);
+    function SignaturePad(props) {
         var _this = _super.call(this, props) || this;
         _this.state = {
             hasContent: false,
@@ -2834,14 +2834,14 @@ var Signature = /** @class */ (function (_super) {
         _this.clear = _this.clear.bind(_this);
         return _this;
     }
-    Signature.prototype.componentDidMount = function () {
+    SignaturePad.prototype.componentDidMount = function () {
         this.canvas = this.canvasRef.current;
-        this.signaturePad = new SignaturePad(this.canvas, {
+        this.signaturePad = new SignaturePad$1(this.canvas, {
             onEnd: this.notifyOnChange,
         });
         this.resizeCanvas();
     };
-    Signature.prototype.render = function () {
+    SignaturePad.prototype.render = function () {
         var hasContent = this.state.hasContent;
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: {
                         __html: "." + styles$q.reset + "::before { \n              -webkit-mask-image: url(\"" + reset + "\");\n              mask-image: url(\"" + reset + "\");\n           }",
@@ -2854,22 +2854,22 @@ var Signature = /** @class */ (function (_super) {
                             } }, void 0),
                         jsxRuntime.jsx("button", __assign({ className: styles$q.reset, onClick: this.clear, disabled: !hasContent }, { children: "Reset" }), void 0)] }), void 0)] }, void 0));
     };
-    Signature.prototype.notifyOnChange = function () {
+    SignaturePad.prototype.notifyOnChange = function () {
         var onChange = this.props.onChange;
         onChange(this.signaturePad.isEmpty() ? '' : this.signaturePad.toDataURL());
         this.setState({ hasContent: !this.signaturePad.isEmpty() });
     };
-    Signature.prototype.resizeCanvas = function () {
+    SignaturePad.prototype.resizeCanvas = function () {
         var ratio = Math.max(window.devicePixelRatio || 1, 1);
         this.canvas.width = this.canvas.offsetWidth * ratio;
         this.canvas.height = this.canvas.offsetHeight * ratio;
         this.canvas.getContext('2d').scale(ratio, ratio);
     };
-    Signature.prototype.clear = function () {
+    SignaturePad.prototype.clear = function () {
         this.signaturePad.clear();
         this.notifyOnChange();
     };
-    return Signature;
+    return SignaturePad;
 }(require$$0.Component));
 
 var classnames = {exports: {}};
@@ -5264,7 +5264,7 @@ var loadGoogleMapsApiDynamically = function (callback, apiKey) {
         callback();
     };
 };
-var AutoCompleteAddress = function (_a) {
+var AutocompleteAddress = function (_a) {
     var _b;
     var apiKey = _a.apiKey, initialAddress = _a.address, onAddressChange = _a.onAddressChange, placeholders = _a.placeholders, manualAddressEntryTexts = _a.manualAddressEntryTexts;
     var _c = require$$0.useState(false), manualAddressEntry = _c[0], setManualAddressEntry = _c[1];
@@ -8746,6 +8746,53 @@ var CurrencyInput = function (_a) {
         } }, props), void 0));
 };
 
+var Checkbox = function (_a) {
+    var options = _a.options, _b = _a.value, value = _b === void 0 ? [] : _b, onChange = _a.onChange, _c = _a.wide, wide = _c === void 0 ? false : _c, _d = _a.inlineLayout, inlineLayout = _d === void 0 ? false : _d, _e = _a.className, className = _e === void 0 ? '' : _e, _f = _a.labelClassName, labelClassName = _f === void 0 ? '' : _f, _g = _a.optionClassName, optionClassName = _g === void 0 ? '' : _g;
+    var hasNoneValue = Object.keys(options).includes('NONE');
+    var handleOnChange = function (newValue) {
+        if (value === null || value === void 0 ? void 0 : value.includes(newValue)) {
+            var filteredCheckboxValues = value.filter(function (selectedValue) { return selectedValue !== newValue; });
+            onChange(filteredCheckboxValues);
+            return;
+        }
+        if (hasNoneValue && newValue === 'NONE') {
+            onChange([newValue]);
+            return;
+        }
+        if (hasNoneValue && newValue !== 'NONE') {
+            var newValues_1 = value
+                ? __spreadArray$1(__spreadArray$1([], value.filter(function (v) { return v !== 'NONE'; })), [newValue]) : [newValue];
+            onChange(newValues_1);
+            return;
+        }
+        var newValues = value
+            ? __spreadArray$1(__spreadArray$1([], value), [newValue]) : [newValue];
+        onChange(newValues);
+    };
+    var entries = Object.entries(options);
+    return (jsxRuntime.jsx("div", __assign({ className: classNames(className, 'd-flex gap8', {
+            ws10: wide,
+            ws6: !wide,
+            'fd-row': inlineLayout,
+            'f-wrap': inlineLayout,
+            'fd-column': !inlineLayout,
+        }) }, { children: entries.map(function (_a) {
+            var _b;
+            var currentValue = _a[0], label = _a[1];
+            var checked = value === null || value === void 0 ? void 0 : value.includes(currentValue);
+            var customIcon = (_b = label) === null || _b === void 0 ? void 0 : _b.icon;
+            return (jsxRuntime.jsxs("div", __assign({ className: optionClassName }, { children: [jsxRuntime.jsx("input", { className: classNames("p-checkbox", {
+                            'p-checkbox--no-icon': customIcon
+                        }), id: currentValue, type: "checkbox", value: currentValue, onChange: function () { return handleOnChange(currentValue); }, checked: checked, "data-testid": "checkbox-input-" + currentValue }, void 0),
+                    jsxRuntime.jsxs("label", __assign({ htmlFor: currentValue, className: classNames(labelClassName, 'p-label p-label--bordered pr16', {
+                            'jc-center': customIcon,
+                            'fd-column': customIcon
+                        }), "data-cy": "checkbox-" + currentValue, "data-testid": "checkbox-" + currentValue }, { children: [customIcon && (jsxRuntime.jsx("div", __assign({ className: "mt8" }, { children: customIcon === null || customIcon === void 0 ? void 0 : customIcon(checked) }), void 0)),
+                            typeof label === 'string' ? label : (jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx("p", __assign({ className: "p-p" }, { children: label.title }), void 0),
+                                    jsxRuntime.jsx("span", __assign({ className: "d-block p-p p-p--small tc-grey-600" }, { children: label.description }), void 0)] }, void 0))] }), void 0)] }), currentValue));
+        }) }), void 0));
+};
+
 var css_248z$k = "@keyframes style-module_fade-in__1GZgs {\n  0% {\n    background-color: rgba(0, 0, 0, 0);\n  }\n  100% {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n}\n@keyframes style-module_fade-out__30Bns {\n  from {\n    background-color: rgba(0, 0, 0, 0.3);\n  }\n  to {\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\n@keyframes style-module_appear-in__3U2lu {\n  0% {\n    transform: translateY(100%);\n  }\n  80% {\n    transform: translateY(-2%);\n  }\n  100% {\n    transform: translateY(0);\n  }\n}\n@keyframes style-module_disappear-out__6pOVr {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(100%);\n  }\n}\n.style-module_close__1GERU {\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n}\n\n.style-module_overlay__AlX2J, .style-module_overlay--close__3E9GY {\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__1GZgs 0.3s both;\n}\n.style-module_overlay--close__3E9GY {\n  animation-delay: 0.1s;\n  animation: style-module_fade-out__30Bns 0.3s both;\n}\n\n.style-module_container__aOENo, .style-module_container--close__K506c {\n  position: relative;\n  background-color: white;\n  border-top-left-radius: 8px;\n  border-top-right-radius: 8px;\n  width: 100%;\n  animation-name: style-module_appear-in__3U2lu;\n  animation-duration: 0.4s;\n  animation-fill-mode: both;\n  animation-timing-function: ease-out;\n  top: 0;\n}\n.style-module_container--close__K506c {\n  animation-name: style-module_disappear-out__6pOVr;\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_header__10iiH {\n  height: 60px;\n  display: flex;\n  align-items: center;\n  padding: 0 16px;\n}\n\n@media (max-width: 34rem) {\n  .style-module_content__mq_IJ {\n    padding-bottom: 48px;\n  }\n}";
 var styles$j = {"close":"style-module_close__1GERU","overlay":"style-module_overlay__AlX2J","overlay--close":"style-module_overlay--close__3E9GY","fade-in":"style-module_fade-in__1GZgs","fade-out":"style-module_fade-out__30Bns","container":"style-module_container__aOENo","container--close":"style-module_container--close__K506c","appear-in":"style-module_appear-in__3U2lu","disappear-out":"style-module_disappear-out__6pOVr","header":"style-module_header__10iiH","content":"style-module_content__mq_IJ"};
 styleInject(css_248z$k);
@@ -36207,9 +36254,20 @@ var Markdown = function (_a) {
     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));
 };
 
+var images = {
+    aid: 'https://assets.cdn.feather-insurance.com/assets/images/aid.svg',
+    bed: 'https://assets.cdn.feather-insurance.com/assets/images/bed.svg',
+    bigDog: 'https://assets.cdn.feather-insurance.com/assets/images/bigDog.svg',
+    brokenAquarium: 'https://assets.cdn.feather-insurance.com/assets/images/brokenAquarium.svg',
+    brokenGlass: 'https://assets.cdn.feather-insurance.com/assets/images/brokenGlass.svg',
+    damagedLaptop: 'https://assets.cdn.feather-insurance.com/assets/images/damagedLaptop.svg',
+    moneyIncome: 'https://assets.cdn.feather-insurance.com/assets/images/moneyIncome.svg',
+    washingMachine: 'https://assets.cdn.feather-insurance.com/assets/images/washingMachine.svg',
+};
+
 exports.AutoSuggestInput = AutoSuggestInput;
 exports.AutoSuggestMultiSelect = index$1;
-exports.AutocompleteAddress = AutoCompleteAddress;
+exports.AutocompleteAddress = AutocompleteAddress;
 exports.BottomModal = BottomModal;
 exports.BottomOrRegularModal = index$6;
 exports.Button = Button;
@@ -36217,6 +36275,7 @@ exports.CardButton = CardButton;
 exports.CardWithLeftIcon = index$4;
 exports.CardWithTopIcon = index$3;
 exports.CardWithTopLeftIcon = index$5;
+exports.Checkbox = Checkbox;
 exports.Chip = Chip;
 exports.ComparisonTable = ComparisonTable;
 exports.CurrencyInput = CurrencyInput;
@@ -36229,10 +36288,11 @@ exports.Markdown = Markdown;
 exports.MultiDropzone = MultiDropZone;
 exports.RegularModal = RegularModal;
 exports.SegmentedControl = SegmentedControl;
-exports.SignaturePad = Signature;
+exports.SignaturePad = SignaturePad;
 exports.TableButton = TableButton;
 exports.TableInfoButton = TableInfoButton;
 exports.TableRating = TableRating;
 exports.TableRowHeader = TableRowHeader;
 exports.TableTrueFalse = TableTrueFalse;
+exports.images = images;
 //# sourceMappingURL=index.js.map