@popsure/dirty-swan 0.28.11 → 0.29.1
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 +26 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/lib/components/button/index.d.ts +1 -1
- package/dist/cjs/lib/components/modal/index.d.ts +1 -1
- package/dist/esm/components/autocompleteAddress/index.js +1 -1
- package/dist/esm/components/autocompleteAddress/index.js.map +1 -1
- package/dist/esm/components/button/index.js +1 -0
- package/dist/esm/components/button/index.js.map +1 -1
- package/dist/esm/components/input/currency/index.js +15 -3
- package/dist/esm/components/input/currency/index.js.map +1 -1
- package/dist/esm/components/input/currency/index.test.js +90 -0
- package/dist/esm/components/input/currency/index.test.js.map +1 -1
- package/dist/esm/components/modal/bottomModal/index.js +6 -2
- package/dist/esm/components/modal/bottomModal/index.js.map +1 -1
- package/dist/esm/components/modal/bottomOrRegularModal/index.js +1 -0
- package/dist/esm/components/modal/bottomOrRegularModal/index.js.map +1 -1
- package/dist/esm/components/modal/regularModal/index.js +6 -2
- package/dist/esm/components/modal/regularModal/index.js.map +1 -1
- package/dist/esm/lib/components/button/index.d.ts +1 -1
- package/dist/esm/lib/components/modal/index.d.ts +1 -1
- package/dist/index.css +11 -8
- package/dist/index.css.map +1 -1
- package/dist/lib/scss/private/components/_buttons.scss +5 -0
- package/package.json +1 -1
- package/src/lib/components/autocompleteAddress/index.tsx +1 -1
- package/src/lib/components/button/index.stories.mdx +21 -0
- package/src/lib/components/button/index.tsx +7 -1
- package/src/lib/components/input/currency/index.test.tsx +52 -0
- package/src/lib/components/input/currency/index.tsx +17 -1
- package/src/lib/components/modal/bottomModal/index.tsx +5 -1
- package/src/lib/components/modal/bottomModal/style.module.scss +0 -1
- package/src/lib/components/modal/index.ts +1 -1
- package/src/lib/components/modal/regularModal/index.tsx +6 -2
- package/src/lib/components/modal/regularModal/style.module.scss +0 -1
- package/src/lib/scss/private/components/_buttons.scss +5 -0
- package/src/lib/scss/private/components/button.stories.mdx +16 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.scss';\n\ntype ButtonType
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/button/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport styles from './styles.module.scss';\n\ntype ButtonType =\n | 'primary'\n | 'secondary'\n | 'secondaryGrey'\n | 'outline'\n | 'outlineGrey';\n\nconst buttonTypeClassNameMap: { [K in ButtonType]: string } = {\n primary: 'p-btn--primary',\n secondary: 'p-btn--secondary',\n secondaryGrey: 'p-btn--secondary-grey',\n outline: 'p-btn--outline',\n outlineGrey: 'p-btn--outline-grey',\n};\n\ninterface Icon {\n src: string;\n alt: string;\n}\n\ntype InputProps = {\n buttonTitle: string;\n buttonType?: ButtonType;\n leftIcon?: Icon;\n loading?: boolean;\n} & Omit<JSX.IntrinsicElements['button'], 'children'>;\n\nexport default React.forwardRef(\n (\n {\n className,\n loading = false,\n buttonTitle,\n buttonType = 'primary',\n leftIcon,\n type,\n ...props\n }: InputProps,\n ref?: React.ForwardedRef<HTMLButtonElement>\n ) => {\n const buttonClassName = buttonTypeClassNameMap[buttonType];\n const loadingClassName = loading ? 'p-btn--loading' : '';\n return (\n <button\n ref={ref}\n className={`${buttonClassName} ${loadingClassName} ${className ?? ''}`}\n {...props}\n >\n {leftIcon ? (\n <div className={styles['content-container']}>\n <img\n width=\"20px\"\n height=\"20px\"\n className=\"mr8\"\n src={leftIcon.src}\n alt={leftIcon.alt}\n />\n <div>{buttonTitle}</div>\n </div>\n ) : (\n <>{buttonTitle}</>\n )}\n </button>\n );\n }\n);\n"],"names":["React","_jsx","_jsxs"],"mappings":";;;;;;;;;AAWA,IAAM,sBAAsB,GAAkC;IAC5D,OAAO,EAAE,gBAAgB;IACzB,SAAS,EAAE,kBAAkB;IAC7B,aAAa,EAAE,uBAAuB;IACtC,OAAO,EAAE,gBAAgB;IACzB,WAAW,EAAE,qBAAqB;CACnC,CAAC;AAcF,aAAeA,cAAK,CAAC,UAAU,CAC7B,UACE,EAQa,EACb,GAA2C;QARzC,SAAS,eAAA,EACT,eAAe,EAAf,OAAO,mBAAG,KAAK,KAAA,EACf,WAAW,iBAAA,EACX,kBAAsB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EACtB,QAAQ,cAAA,SACJ,MACD,KAAK,cAPV,yEAQC;IAGD,IAAM,eAAe,GAAG,sBAAsB,CAAC,UAAU,CAAC,CAAC;IAC3D,IAAM,gBAAgB,GAAG,OAAO,GAAG,gBAAgB,GAAG,EAAE,CAAC;IACzD,QACEC,yBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAK,eAAe,SAAI,gBAAgB,UAAI,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,EAAE,CAAE,IAClE,KAAK,cAER,QAAQ,IACPC,uBAAK,SAAS,EAAE,MAAM,CAAC,mBAAmB,CAAC,iBACzCD,aACE,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,SAAS,EAAC,KAAK,EACf,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,GAAG,EAAE,QAAQ,CAAC,GAAG,WACjB;gBACFA,uBAAM,WAAW,WAAO,aACpB,KAENA,0BAAG,WAAW,WAAI,CACnB,YACM,EACT;AACJ,CAAC,CACF;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { a as __rest, _ as __assign } from '../../../tslib.es6-5bc94358.js';
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useState, useEffect } from 'react';
|
|
3
|
+
import { useRef, useState, useEffect } from 'react';
|
|
4
4
|
import Input from '../index.js';
|
|
5
5
|
import '../../../index-e9e37a34.js';
|
|
6
6
|
import '../../../index-fb46adf9.js';
|
|
@@ -23,7 +23,9 @@ function reverseFormatInput(input) {
|
|
|
23
23
|
|
|
24
24
|
var CurrencyInput = function (_a) {
|
|
25
25
|
var value = _a.value, onChange = _a.onChange; _a.type; var props = __rest(_a, ["value", "onChange", "type"]);
|
|
26
|
-
var
|
|
26
|
+
var inputRef = useRef(null);
|
|
27
|
+
var _b = useState(null), cursor = _b[0], setCursor = _b[1];
|
|
28
|
+
var _c = useState(''), shadowValue = _c[0], setShadowValue = _c[1];
|
|
27
29
|
var formattedShadowValue = formatInput(shadowValue
|
|
28
30
|
.replace(/ /g, '') // remove all whitespace
|
|
29
31
|
.replace(',', '.') // change commas to dot for decimal separator
|
|
@@ -42,7 +44,17 @@ var CurrencyInput = function (_a) {
|
|
|
42
44
|
onChange === null || onChange === void 0 ? void 0 : onChange(reverseFormatInput(shadowValue));
|
|
43
45
|
// eslint-disable-next-line
|
|
44
46
|
}, [shadowValue]);
|
|
45
|
-
|
|
47
|
+
useEffect(function () {
|
|
48
|
+
if (!inputRef.current || !cursor) {
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
var cursorDiff = String(formattedShadowValue).length - String(shadowValue).length;
|
|
52
|
+
var newCursor = cursorDiff + cursor;
|
|
53
|
+
inputRef.current.selectionStart = newCursor;
|
|
54
|
+
inputRef.current.selectionEnd = newCursor;
|
|
55
|
+
}, [cursor, formattedShadowValue, shadowValue]);
|
|
56
|
+
return (jsx(Input, __assign({ prefix: "\u20AC", ref: inputRef, type: "string", value: formattedShadowValue, onChange: function (e) {
|
|
57
|
+
setCursor(e.target.selectionStart);
|
|
46
58
|
setShadowValue(e.target.value);
|
|
47
59
|
} }, props), void 0));
|
|
48
60
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/currency/format/index.ts","../../../../../../src/lib/components/input/currency/index.tsx"],"sourcesContent":["export const formatInput = (input: string): string => {\n const decimalSeparator = input.includes(',') ? ',' : '.';\n const parts = input.split(decimalSeparator);\n const floor = parts[0];\n const ceiling = parts[1];\n parts[0] = floor.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n if (ceiling) {\n parts[1] = ceiling.slice(0, Math.min(ceiling.length, 2));\n }\n return parts.join('.');\n};\n\nexport function reverseFormatInput(input: string): number {\n return Number(input.replace(/,/, '.').replace(/\\s/g, ''));\n}\n","import { useEffect, useState } from 'react';\n\nimport { formatInput, reverseFormatInput } from './format';\nimport Input, { InputProps } from '..';\n\nconst CurrencyInput = ({\n value,\n onChange,\n type,\n ...props\n}: {\n value?: number;\n placeholder?: string;\n onChange?: (value: number) => void;\n} & Omit<InputProps, 'onChange' | 'value' | 'ref'>) => {\n const [shadowValue, setShadowValue] = useState('');\n\n const formattedShadowValue = formatInput(\n shadowValue\n .replace(/ /g, '') // remove all whitespace\n .replace(',', '.') // change commas to dot for decimal separator\n .replace('.', 'DECIMAL_SEPARATOR') // Gymnastic to remove all the but the first decimal separators 🤸\n .replace(/\\./g, '')\n .replace('DECIMAL_SEPARATOR', '.') // End of the Gymnastic 🤸\n .replace(/[^\\d\\\\.]/g, '') // remove all non decimal and dot\n );\n\n useEffect(() => {\n if (value && value !== reverseFormatInput(shadowValue)) {\n setShadowValue(formatInput(value.toString()));\n }\n // eslint-disable-next-line\n }, [value]);\n\n useEffect(() => {\n onChange?.(reverseFormatInput(shadowValue));\n // eslint-disable-next-line\n }, [shadowValue]);\n\n return (\n <Input\n prefix=\"€\"\n type=\"string\"\n value={formattedShadowValue}\n onChange={(e) => {\n setShadowValue(e.target.value);\n }}\n {...props}\n />\n );\n};\n\nexport default CurrencyInput;\n"],"names":["_jsx"],"mappings":";;;;;;;;AAAO,IAAM,WAAW,GAAG,UAAC,KAAa;IACvC,IAAM,gBAAgB,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC;IACzD,IAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;IAC5C,IAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvB,IAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACzB,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,uBAAuB,EAAE,GAAG,CAAC,CAAC;IACvD,IAAI,OAAO,EAAE;QACX,KAAK,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC;KAC1D;IACD,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACzB,CAAC,CAAC;SAEc,kBAAkB,CAAC,KAAa;IAC9C,OAAO,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC;AAC5D;;ICTM,aAAa,GAAG,UAAC,EAS2B;QARhD,KAAK,WAAA,EACL,QAAQ,cAAA,SACJ,MACD,KAAK,cAJa,6BAKtB;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/input/currency/format/index.ts","../../../../../../src/lib/components/input/currency/index.tsx"],"sourcesContent":["export const formatInput = (input: string): string => {\n const decimalSeparator = input.includes(',') ? ',' : '.';\n const parts = input.split(decimalSeparator);\n const floor = parts[0];\n const ceiling = parts[1];\n parts[0] = floor.replace(/\\B(?=(\\d{3})+(?!\\d))/g, ' ');\n if (ceiling) {\n parts[1] = ceiling.slice(0, Math.min(ceiling.length, 2));\n }\n return parts.join('.');\n};\n\nexport function reverseFormatInput(input: string): number {\n return Number(input.replace(/,/, '.').replace(/\\s/g, ''));\n}\n","import { useEffect, useRef, useState } from 'react';\n\nimport { formatInput, reverseFormatInput } from './format';\nimport Input, { InputProps } from '..';\n\nconst CurrencyInput = ({\n value,\n onChange,\n type,\n ...props\n}: {\n value?: number;\n placeholder?: string;\n onChange?: (value: number) => void;\n} & Omit<InputProps, 'onChange' | 'value' | 'ref'>) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const [cursor, setCursor] = useState<number | null>(null);\n const [shadowValue, setShadowValue] = useState('');\n\n const formattedShadowValue = formatInput(\n shadowValue\n .replace(/ /g, '') // remove all whitespace\n .replace(',', '.') // change commas to dot for decimal separator\n .replace('.', 'DECIMAL_SEPARATOR') // Gymnastic to remove all the but the first decimal separators 🤸\n .replace(/\\./g, '')\n .replace('DECIMAL_SEPARATOR', '.') // End of the Gymnastic 🤸\n .replace(/[^\\d\\\\.]/g, '') // remove all non decimal and dot\n );\n\n useEffect(() => {\n if (value && value !== reverseFormatInput(shadowValue)) {\n setShadowValue(formatInput(value.toString()));\n }\n // eslint-disable-next-line\n }, [value]);\n\n useEffect(() => {\n onChange?.(reverseFormatInput(shadowValue));\n // eslint-disable-next-line\n }, [shadowValue]);\n\n useEffect(() => {\n if (!inputRef.current || !cursor) {\n return;\n }\n\n const cursorDiff = String(formattedShadowValue).length - String(shadowValue).length;\n const newCursor = cursorDiff + cursor;\n\n inputRef.current.selectionStart = newCursor;\n inputRef.current.selectionEnd = newCursor;\n },[cursor, formattedShadowValue, shadowValue])\n\n return (\n <Input\n prefix=\"€\"\n ref={inputRef}\n type=\"string\"\n value={formattedShadowValue}\n onChange={(e) => {\n setCursor(e.target.selectionStart);\n setShadowValue(e.target.value);\n }}\n {...props}\n />\n );\n};\n\nexport default CurrencyInput;\n"],"names":["_jsx"],"mappings":"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"}
|
|
@@ -115,5 +115,95 @@ describe('Currency input component', function () {
|
|
|
115
115
|
}
|
|
116
116
|
});
|
|
117
117
|
}); });
|
|
118
|
+
it('Should have correct selection start when no spaces are added', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
119
|
+
var _a, input, user;
|
|
120
|
+
return __generator(this, function (_b) {
|
|
121
|
+
switch (_b.label) {
|
|
122
|
+
case 0:
|
|
123
|
+
_a = setup(), input = _a.input, user = _a.user;
|
|
124
|
+
return [4 /*yield*/, user.type(input, '123')];
|
|
125
|
+
case 1:
|
|
126
|
+
_b.sent();
|
|
127
|
+
// Should be: 123|
|
|
128
|
+
expect(input.selectionStart).toBe(3);
|
|
129
|
+
return [2 /*return*/];
|
|
130
|
+
}
|
|
131
|
+
});
|
|
132
|
+
}); });
|
|
133
|
+
it('Should have correct selection start when spaces are added', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
134
|
+
var _a, input, user;
|
|
135
|
+
return __generator(this, function (_b) {
|
|
136
|
+
switch (_b.label) {
|
|
137
|
+
case 0:
|
|
138
|
+
_a = setup(), input = _a.input, user = _a.user;
|
|
139
|
+
return [4 /*yield*/, user.type(input, '1234')];
|
|
140
|
+
case 1:
|
|
141
|
+
_b.sent();
|
|
142
|
+
// Should be: 123 4|
|
|
143
|
+
expect(input.selectionStart).toBe(5);
|
|
144
|
+
return [2 /*return*/];
|
|
145
|
+
}
|
|
146
|
+
});
|
|
147
|
+
}); });
|
|
148
|
+
it('Should have correct selection start when typing in middle of input', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
149
|
+
var _a, input, user;
|
|
150
|
+
return __generator(this, function (_b) {
|
|
151
|
+
switch (_b.label) {
|
|
152
|
+
case 0:
|
|
153
|
+
_a = setup(), input = _a.input, user = _a.user;
|
|
154
|
+
return [4 /*yield*/, user.type(input, '123{arrowleft}4')];
|
|
155
|
+
case 1:
|
|
156
|
+
_b.sent();
|
|
157
|
+
// Should be: 1 24|3
|
|
158
|
+
expect(input.selectionStart).toBe(4);
|
|
159
|
+
return [2 /*return*/];
|
|
160
|
+
}
|
|
161
|
+
});
|
|
162
|
+
}); });
|
|
163
|
+
it('Should have correct selection start when typing in beginning of input', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
164
|
+
var _a, input, user;
|
|
165
|
+
return __generator(this, function (_b) {
|
|
166
|
+
switch (_b.label) {
|
|
167
|
+
case 0:
|
|
168
|
+
_a = setup(), input = _a.input, user = _a.user;
|
|
169
|
+
return [4 /*yield*/, user.type(input, '123{arrowleft}{arrowleft}{arrowleft}4')];
|
|
170
|
+
case 1:
|
|
171
|
+
_b.sent();
|
|
172
|
+
// Should be: 4 |123
|
|
173
|
+
expect(input.selectionStart).toBe(2);
|
|
174
|
+
return [2 /*return*/];
|
|
175
|
+
}
|
|
176
|
+
});
|
|
177
|
+
}); });
|
|
178
|
+
it('Should have correct selection start when typing in input and has currency values', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
179
|
+
var _a, input, user;
|
|
180
|
+
return __generator(this, function (_b) {
|
|
181
|
+
switch (_b.label) {
|
|
182
|
+
case 0:
|
|
183
|
+
_a = setup(), input = _a.input, user = _a.user;
|
|
184
|
+
return [4 /*yield*/, user.type(input, '123.2{arrowleft}{arrowleft}{arrowleft}24')];
|
|
185
|
+
case 1:
|
|
186
|
+
_b.sent();
|
|
187
|
+
// Should be: 12 24|3.2
|
|
188
|
+
expect(input.selectionStart).toBe(5);
|
|
189
|
+
return [2 /*return*/];
|
|
190
|
+
}
|
|
191
|
+
});
|
|
192
|
+
}); });
|
|
193
|
+
it('Should have correct selection start when deleting', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
194
|
+
var _a, input, user;
|
|
195
|
+
return __generator(this, function (_b) {
|
|
196
|
+
switch (_b.label) {
|
|
197
|
+
case 0:
|
|
198
|
+
_a = setup(), input = _a.input, user = _a.user;
|
|
199
|
+
return [4 /*yield*/, user.type(input, '12345{arrowleft}{backspace}67')];
|
|
200
|
+
case 1:
|
|
201
|
+
_b.sent();
|
|
202
|
+
// Should be: 123 67|5
|
|
203
|
+
expect(input.selectionStart).toBe(6);
|
|
204
|
+
return [2 /*return*/];
|
|
205
|
+
}
|
|
206
|
+
});
|
|
207
|
+
}); });
|
|
118
208
|
});
|
|
119
209
|
//# sourceMappingURL=index.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/currency/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport CurrencyInput from '.';\n\nconst setup = () => {\n const utils = render(<CurrencyInput />);\n const input = utils.getByTestId('ds-input-input') as HTMLInputElement;\n return {\n input,\n ...utils,\n };\n};\n\ndescribe('Currency input component', () => {\n it('Should correctly space thousands separators', async () => {\n const { input, user } = setup();\n await user.type(input, '1234567');\n expect(input.value).toBe('1 234 567');\n });\n\n it('Should remove non numerical values', async () => {\n const { input, user } = setup();\n await user.type(input, '123asdf4567');\n expect(input.value).toBe('1 234 567');\n });\n\n it('Should remove non numerical values', async () => {\n const { input, user } = setup();\n await user.type(input, '123asdf4567');\n expect(input.value).toBe('1 234 567');\n });\n\n it('Should allow decimal separator', async () => {\n const { input, user } = setup();\n await user.type(input, '1234567.34');\n expect(input.value).toBe('1 234 567.34');\n });\n\n it('Should replace comma decimal seprator with a dot', async () => {\n const { input, user } = setup();\n await user.type(input, '1234567,34');\n expect(input.value).toBe('1 234 567.34');\n });\n\n it('Should only allow one decimal separator', async () => {\n const { input, user } = setup();\n await user.type(input, '1234567..34');\n expect(input.value).toBe('1 234 567.34');\n });\n\n it('Should only allow one decimal separator after a sequence of number', async () => {\n const { input, user } = setup();\n await user.type(input, '1234567..34.4');\n expect(input.value).toBe('1 234 567.34');\n });\n});\n"],"names":["render","_jsx"],"mappings":";;;;;;;;;;;;;AAIA,IAAM,KAAK,GAAG;IACZ,IAAM,KAAK,GAAGA,YAAM,CAACC,IAAC,aAAa,aAAG,CAAC,CAAC;IACxC,IAAM,KAAK,GAAG,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAqB,CAAC;IACtE,kBACE,KAAK,OAAA,IACF,KAAK,EACR;AACJ,CAAC,CAAC;AAEF,QAAQ,CAAC,0BAA0B,EAAE;IACnC,EAAE,CAAC,6CAA6C,EAAE;;;;;oBAC1C,KAAkB,KAAK,EAAE,EAAvB,KAAK,WAAA,EAAE,IAAI,UAAA,CAAa;oBAChC,qBAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,SAAS,CAAC,EAAA;;oBAAjC,SAAiC,CAAC;oBAClC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;;;;SACvC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE;;;;;oBACjC,KAAkB,KAAK,EAAE,EAAvB,KAAK,WAAA,EAAE,IAAI,UAAA,CAAa;oBAChC,qBAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,EAAA;;oBAArC,SAAqC,CAAC;oBACtC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;;;;SACvC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE;;;;;oBACjC,KAAkB,KAAK,EAAE,EAAvB,KAAK,WAAA,EAAE,IAAI,UAAA,CAAa;oBAChC,qBAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,EAAA;;oBAArC,SAAqC,CAAC;oBACtC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;;;;SACvC,CAAC,CAAC;IAEH,EAAE,CAAC,gCAAgC,EAAE;;;;;oBAC7B,KAAkB,KAAK,EAAE,EAAvB,KAAK,WAAA,EAAE,IAAI,UAAA,CAAa;oBAChC,qBAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,EAAA;;oBAApC,SAAoC,CAAC;oBACrC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;;;;SAC1C,CAAC,CAAC;IAEH,EAAE,CAAC,kDAAkD,EAAE;;;;;oBAC/C,KAAkB,KAAK,EAAE,EAAvB,KAAK,WAAA,EAAE,IAAI,UAAA,CAAa;oBAChC,qBAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC,EAAA;;oBAApC,SAAoC,CAAC;oBACrC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;;;;SAC1C,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;;;;;oBACtC,KAAkB,KAAK,EAAE,EAAvB,KAAK,WAAA,EAAE,IAAI,UAAA,CAAa;oBAChC,qBAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,aAAa,CAAC,EAAA;;oBAArC,SAAqC,CAAC;oBACtC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;;;;SAC1C,CAAC,CAAC;IAEH,EAAE,CAAC,oEAAoE,EAAE;;;;;oBACjE,KAAkB,KAAK,EAAE,EAAvB,KAAK,WAAA,EAAE,IAAI,UAAA,CAAa;oBAChC,qBAAM,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE,eAAe,CAAC,EAAA;;oBAAvC,SAAuC,CAAC;oBACxC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;;;;SAC1C,CAAC,CAAC;AACL,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.test.js","sources":["../../../../../../src/lib/components/input/currency/index.test.tsx"],"sourcesContent":["import { render } from '../../../util/testUtils';\n\nimport CurrencyInput from '.';\n\nconst setup = () => {\n const utils = render(<CurrencyInput />);\n const input = utils.getByTestId('ds-input-input') as HTMLInputElement;\n return {\n input,\n ...utils,\n };\n};\n\ndescribe('Currency input component', () => {\n it('Should correctly space thousands separators', async () => {\n const { input, user } = setup();\n await user.type(input, '1234567');\n expect(input.value).toBe('1 234 567');\n });\n\n it('Should remove non numerical values', async () => {\n const { input, user } = setup();\n await user.type(input, '123asdf4567');\n expect(input.value).toBe('1 234 567');\n });\n\n it('Should remove non numerical values', async () => {\n const { input, user } = setup();\n await user.type(input, '123asdf4567');\n expect(input.value).toBe('1 234 567');\n });\n\n it('Should allow decimal separator', async () => {\n const { input, user } = setup();\n await user.type(input, '1234567.34');\n expect(input.value).toBe('1 234 567.34');\n });\n\n it('Should replace comma decimal seprator with a dot', async () => {\n const { input, user } = setup();\n await user.type(input, '1234567,34');\n expect(input.value).toBe('1 234 567.34');\n });\n\n it('Should only allow one decimal separator', async () => {\n const { input, user } = setup();\n await user.type(input, '1234567..34');\n expect(input.value).toBe('1 234 567.34');\n });\n\n it('Should only allow one decimal separator after a sequence of number', async () => {\n const { input, user } = setup();\n await user.type(input, '1234567..34.4');\n expect(input.value).toBe('1 234 567.34');\n });\n\n it('Should have correct selection start when no spaces are added', async () => {\n const { input, user } = setup();\n\n await user.type(input, '123');\n // Should be: 123|\n expect(input.selectionStart).toBe(3);\n });\n\n it('Should have correct selection start when spaces are added', async () => {\n const { input, user } = setup();\n\n await user.type(input, '1234');\n // Should be: 123 4|\n expect(input.selectionStart).toBe(5);\n });\n\n it('Should have correct selection start when typing in middle of input', async () => {\n const { input, user } = setup();\n\n await user.type(input, '123{arrowleft}4');\n\n // Should be: 1 24|3\n expect(input.selectionStart).toBe(4);\n });\n\n it('Should have correct selection start when typing in beginning of input', async () => {\n const { input, user } = setup();\n\n await user.type(input, '123{arrowleft}{arrowleft}{arrowleft}4');\n\n // Should be: 4 |123\n expect(input.selectionStart).toBe(2);\n });\n\n it('Should have correct selection start when typing in input and has currency values', async () => {\n const { input, user } = setup();\n\n await user.type(input, '123.2{arrowleft}{arrowleft}{arrowleft}24');\n\n // Should be: 12 24|3.2\n expect(input.selectionStart).toBe(5);\n });\n\n it('Should have correct selection start when deleting', async () => {\n const { input, user } = setup();\n\n await user.type(input, '12345{arrowleft}{backspace}67');\n\n // Should be: 123 67|5\n expect(input.selectionStart).toBe(6);\n });\n});\n"],"names":["render","_jsx"],"mappings":"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"}
|
|
@@ -3,8 +3,9 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
|
3
3
|
import { useState, useCallback } from 'react';
|
|
4
4
|
import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
|
|
5
5
|
import { u as useOnClose } from '../../../useOnClose-d818a54f.js';
|
|
6
|
+
import { c as classnames } from '../../../index-e9e37a34.js';
|
|
6
7
|
|
|
7
|
-
var css_248z = "@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
|
|
8
|
+
var css_248z = "@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}";
|
|
8
9
|
var styles = {"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"};
|
|
9
10
|
styleInject(css_248z);
|
|
10
11
|
|
|
@@ -22,7 +23,10 @@ var BottomModal = (function (_a) {
|
|
|
22
23
|
if (!isOpen) {
|
|
23
24
|
return jsx(Fragment, {}, void 0);
|
|
24
25
|
}
|
|
25
|
-
return (jsx("div", __assign({ className: isClosing ? styles['overlay--close'] : styles.overlay, onClick: handleOnOverlayClick }, { children: jsxs("div", __assign({ className: (isClosing ? styles['container--close'] : styles.container) + " " + className, ref: containerRef, style: { top: containerXOffset + "px" }, onClick: handleContainerClick }, { children: [jsxs("div", __assign({ className: styles.header
|
|
26
|
+
return (jsx("div", __assign({ className: isClosing ? styles['overlay--close'] : styles.overlay, onClick: handleOnOverlayClick }, { children: jsxs("div", __assign({ className: (isClosing ? styles['container--close'] : styles.container) + " " + className, ref: containerRef, style: { top: containerXOffset + "px" }, onClick: handleContainerClick }, { children: [jsxs("div", __assign({ className: classnames(styles.header, {
|
|
27
|
+
'jc-between': !!title,
|
|
28
|
+
'jc-end': !title
|
|
29
|
+
}) }, { children: [jsx("div", __assign({ className: "p-h4 " + styles.title }, { children: title }), void 0),
|
|
26
30
|
dismissible && (jsx("button", __assign({ type: "button", className: styles.close, onClick: handleOnClose }, { children: jsx("img", { src: imageClose, alt: "Close" }, void 0) }), void 0))] }), void 0),
|
|
27
31
|
jsx("div", __assign({ className: styles.content }, { children: children }), void 0)] }), void 0) }), void 0));
|
|
28
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/modal/bottomModal/img/close.svg","../../../../../../src/lib/components/modal/bottomModal/index.tsx"],"sourcesContent":["export default \"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\"","import React, { useState, useCallback } from 'react';\n\nimport { Props } from '..';\nimport styles from './style.module.scss';\n\nimport imageClose from './img/close.svg';\nimport useOnClose from '../hooks/useOnClose';\n\nexport default ({\n title,\n isOpen,\n children,\n onClose,\n className = '',\n dismissible = true,\n}: Props) => {\n const [containerXOffset, setContainerXOffset] = useState(0);\n const {\n isClosing,\n handleContainerClick,\n handleOnClose,\n handleOnOverlayClick\n } = useOnClose(\n onClose,\n isOpen,\n dismissible\n );\n\n const containerRef = useCallback((node: HTMLDivElement) => {\n if (node !== null) {\n setContainerXOffset(\n Math.max(\n window.innerHeight * 0.1,\n window.innerHeight - node.getBoundingClientRect().height\n )\n );\n }\n }, []);\n\n if (!isOpen) {\n return <></>;\n }\n\n return (\n <div\n className={isClosing ? styles['overlay--close'] : styles.overlay}\n onClick={handleOnOverlayClick}\n >\n <div\n className={`${\n isClosing ? styles['container--close'] : styles.container\n } ${className}`}\n ref={containerRef}\n style={{ top: `${containerXOffset}px` }}\n onClick={handleContainerClick}\n >\n <div className={styles.header}>\n <div className={`p-h4 ${styles.title}`}>{title}</div>\n {dismissible && (\n <button\n type=\"button\"\n className={styles.close}\n onClick={handleOnClose}\n >\n <img src={imageClose} alt=\"Close\" />\n </button>\n )}\n </div>\n <div className={styles.content}>{children}</div>\n </div>\n </div>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/modal/bottomModal/img/close.svg","../../../../../../src/lib/components/modal/bottomModal/index.tsx"],"sourcesContent":["export default \"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\"","import React, { useState, useCallback } from 'react';\n\nimport { Props } from '..';\nimport styles from './style.module.scss';\n\nimport imageClose from './img/close.svg';\nimport useOnClose from '../hooks/useOnClose';\nimport classNames from 'classnames';\n\nexport default ({\n title,\n isOpen,\n children,\n onClose,\n className = '',\n dismissible = true,\n}: Props) => {\n const [containerXOffset, setContainerXOffset] = useState(0);\n const {\n isClosing,\n handleContainerClick,\n handleOnClose,\n handleOnOverlayClick\n } = useOnClose(\n onClose,\n isOpen,\n dismissible\n );\n\n const containerRef = useCallback((node: HTMLDivElement) => {\n if (node !== null) {\n setContainerXOffset(\n Math.max(\n window.innerHeight * 0.1,\n window.innerHeight - node.getBoundingClientRect().height\n )\n );\n }\n }, []);\n\n if (!isOpen) {\n return <></>;\n }\n\n return (\n <div\n className={isClosing ? styles['overlay--close'] : styles.overlay}\n onClick={handleOnOverlayClick}\n >\n <div\n className={`${\n isClosing ? styles['container--close'] : styles.container\n } ${className}`}\n ref={containerRef}\n style={{ top: `${containerXOffset}px` }}\n onClick={handleContainerClick}\n >\n <div className={classNames(styles.header, {\n 'jc-between': !!title,\n 'jc-end': !title\n })}>\n <div className={`p-h4 ${styles.title}`}>{title}</div>\n {dismissible && (\n <button\n type=\"button\"\n className={styles.close}\n onClick={handleOnClose}\n >\n <img src={imageClose} alt=\"Close\" />\n </button>\n )}\n </div>\n <div className={styles.content}>{children}</div>\n </div>\n </div>\n );\n};\n"],"names":["_jsx","_jsxs","classNames"],"mappings":";;;;;;;;;;;AAAA,iBAAe;;ACSf,mBAAe,UAAC,EAOR;QANN,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA;IAEZ,IAAA,KAA0C,QAAQ,CAAC,CAAC,CAAC,EAApD,gBAAgB,QAAA,EAAE,mBAAmB,QAAe,CAAC;IACtD,IAAA,KAKD,UAAU,CACb,OAAO,EACP,MAAM,EACN,WAAW,CACZ,EARC,SAAS,eAAA,EACT,oBAAoB,0BAAA,EACpB,aAAa,mBAAA,EACb,oBAAoB,0BAKrB,CAAC;IAEF,IAAM,YAAY,GAAG,WAAW,CAAC,UAAC,IAAoB;QACpD,IAAI,IAAI,KAAK,IAAI,EAAE;YACjB,mBAAmB,CACjB,IAAI,CAAC,GAAG,CACN,MAAM,CAAC,WAAW,GAAG,GAAG,EACxB,MAAM,CAAC,WAAW,GAAG,IAAI,CAAC,qBAAqB,EAAE,CAAC,MAAM,CACzD,CACF,CAAC;SACH;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,IAAI,CAAC,MAAM,EAAE;QACX,OAAOA,yBAAK,CAAC;KACd;IAED,QACEA,sBACE,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,EAChE,OAAO,EAAE,oBAAoB,gBAE7BC,uBACE,SAAS,EAAE,CACT,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,SAAS,UACvD,SAAW,EACf,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,EAAE,GAAG,EAAK,gBAAgB,OAAI,EAAE,EACvC,OAAO,EAAE,oBAAoB,iBAE7BA,uBAAK,SAAS,EAAEC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE;wBACxC,YAAY,EAAE,CAAC,CAAC,KAAK;wBACrB,QAAQ,EAAE,CAAC,KAAK;qBACjB,CAAC,iBACAF,sBAAK,SAAS,EAAE,UAAQ,MAAM,CAAC,KAAO,gBAAG,KAAK,YAAO;wBACpD,WAAW,KACVA,yBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,OAAO,EAAE,aAAa,gBAEtBA,aAAK,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,OAAO,WAAG,YAC7B,CACV,aACG;gBACNA,sBAAK,SAAS,EAAE,MAAM,CAAC,OAAO,gBAAG,QAAQ,YAAO,aAC5C,YACF,EACN;AACJ,CAAC;;;;"}
|
|
@@ -5,6 +5,7 @@ import BottomModal from '../bottomModal/index.js';
|
|
|
5
5
|
import RegularModal from '../regularModal/index.js';
|
|
6
6
|
import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
|
|
7
7
|
import '../../../useOnClose-d818a54f.js';
|
|
8
|
+
import '../../../index-e9e37a34.js';
|
|
8
9
|
|
|
9
10
|
var css_248z = "@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}";
|
|
10
11
|
var styles = {"mobile":"style-module_mobile__3k175","desktop":"style-module_desktop__2lclr"};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/bottomOrRegularModal/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { Props, RegularModal } from '..';\nimport BottomModal from '../bottomModal';\n\nimport styles from './style.module.scss';\n\nexport default ({ isOpen, ...props }: Props) => {\n const mobileRef = useRef<HTMLDivElement>(null);\n const [visibleSize, setVisibleSize] = useState<'desktop' | 'mobile'>(\n 'desktop'\n );\n\n const handleResize = () => {\n setVisibleSize(\n mobileRef.current !== null &&\n window.getComputedStyle(mobileRef.current).display !== 'none'\n ? 'mobile'\n : 'desktop'\n );\n };\n\n useEffect(() => {\n window.addEventListener('resize', handleResize);\n handleResize();\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n\n return (\n <>\n <div className={styles.mobile} ref={mobileRef}>\n {visibleSize === 'mobile' && <BottomModal {...props} isOpen={isOpen} />}\n </div>\n {visibleSize === 'desktop' && (\n <div className={styles.desktop}>\n <RegularModal {...props} isOpen={isOpen} />\n </div>\n )}\n </>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../../src/lib/components/modal/bottomOrRegularModal/index.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport { Props, RegularModal } from '..';\nimport BottomModal from '../bottomModal';\n\nimport styles from './style.module.scss';\n\nexport default ({ isOpen, ...props }: Props) => {\n const mobileRef = useRef<HTMLDivElement>(null);\n const [visibleSize, setVisibleSize] = useState<'desktop' | 'mobile'>(\n 'desktop'\n );\n\n const handleResize = () => {\n setVisibleSize(\n mobileRef.current !== null &&\n window.getComputedStyle(mobileRef.current).display !== 'none'\n ? 'mobile'\n : 'desktop'\n );\n };\n\n useEffect(() => {\n window.addEventListener('resize', handleResize);\n handleResize();\n return () => {\n window.removeEventListener('resize', handleResize);\n };\n }, []);\n\n return (\n <>\n <div className={styles.mobile} ref={mobileRef}>\n {visibleSize === 'mobile' && <BottomModal {...props} isOpen={isOpen} />}\n </div>\n {visibleSize === 'desktop' && (\n <div className={styles.desktop}>\n <RegularModal {...props} isOpen={isOpen} />\n </div>\n )}\n </>\n );\n};\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;AAOA,aAAe,UAAC,EAA2B;IAAzB,IAAA,MAAM,YAAA,EAAK,KAAK,cAAlB,UAAoB,CAAF;IAChC,IAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,KAAgC,QAAQ,CAC5C,SAAS,CACV,EAFM,WAAW,QAAA,EAAE,cAAc,QAEjC,CAAC;IAEF,IAAM,YAAY,GAAG;QACnB,cAAc,CACZ,SAAS,CAAC,OAAO,KAAK,IAAI;YACxB,MAAM,CAAC,gBAAgB,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK,MAAM;cAC3D,QAAQ;cACR,SAAS,CACd,CAAC;KACH,CAAC;IAEF,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QAChD,YAAY,EAAE,CAAC;QACf,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;SACpD,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;IAEP,QACEA,4BACEC,sBAAK,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,EAAE,SAAS,gBAC1C,WAAW,KAAK,QAAQ,IAAIA,IAAC,WAAW,eAAK,KAAK,IAAE,MAAM,EAAE,MAAM,YAAI,YACnE;YACL,WAAW,KAAK,SAAS,KACxBA,sBAAK,SAAS,EAAE,MAAM,CAAC,OAAO,gBAC5BA,IAAC,YAAY,eAAK,KAAK,IAAE,MAAM,EAAE,MAAM,YAAI,YACvC,CACP,YACA,EACH;AACJ,CAAC;;;;"}
|
|
@@ -2,9 +2,10 @@ import { _ as __assign } from '../../../tslib.es6-5bc94358.js';
|
|
|
2
2
|
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { u as useOnClose } from '../../../useOnClose-d818a54f.js';
|
|
4
4
|
import { s as styleInject } from '../../../style-inject.es-1f59c1d0.js';
|
|
5
|
+
import { c as classnames } from '../../../index-e9e37a34.js';
|
|
5
6
|
import 'react';
|
|
6
7
|
|
|
7
|
-
var css_248z = "@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
|
|
8
|
+
var css_248z = "@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}";
|
|
8
9
|
var styles = {"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"};
|
|
9
10
|
styleInject(css_248z);
|
|
10
11
|
|
|
@@ -16,7 +17,10 @@ var RegularModal = (function (_a) {
|
|
|
16
17
|
if (!isOpen) {
|
|
17
18
|
return jsx(Fragment, {}, void 0);
|
|
18
19
|
}
|
|
19
|
-
return (jsx("div", __assign({ className: isClosing ? styles['overlay--close'] : styles.overlay, onClick: handleOnOverlayClick }, { children: jsx("div", __assign({ className: (isClosing ? styles['container--close'] : styles.container) + " " + className }, { children: jsxs("div", __assign({ className: styles.body, onClick: handleContainerClick }, { children: [jsxs("div", __assign({ className: styles.header
|
|
20
|
+
return (jsx("div", __assign({ className: isClosing ? styles['overlay--close'] : styles.overlay, onClick: handleOnOverlayClick }, { children: jsx("div", __assign({ className: (isClosing ? styles['container--close'] : styles.container) + " " + className }, { children: jsxs("div", __assign({ className: styles.body, onClick: handleContainerClick }, { children: [jsxs("div", __assign({ className: classnames(styles.header, {
|
|
21
|
+
'jc-between': !!title,
|
|
22
|
+
'jc-end': !title
|
|
23
|
+
}) }, { children: [title && jsx("div", __assign({ className: "p-h2 " + styles.title }, { children: title }), void 0),
|
|
20
24
|
dismissible && (jsx("button", __assign({ type: "button", className: styles.close, onClick: handleOnClose }, { children: jsx("img", { src: imageClose, alt: "Close" }, void 0) }), void 0))] }), void 0), children] }), void 0) }), void 0) }), void 0));
|
|
21
25
|
});
|
|
22
26
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/modal/regularModal/img/close.svg","../../../../../../src/lib/components/modal/regularModal/index.tsx"],"sourcesContent":["export default \"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\"","import React from 'react';\n\nimport { Props } from '..';\nimport useOnClose from '../hooks/useOnClose';\n\nimport styles from './style.module.scss';\n\nimport imageClose from './img/close.svg';\n\nexport default ({\n title,\n isOpen,\n children,\n onClose,\n className = '',\n dismissible = true,\n}: Props) => {\n const {\n isClosing,\n handleContainerClick,\n handleOnClose,\n handleOnOverlayClick\n } = useOnClose(\n onClose,\n isOpen,\n dismissible\n );\n\n if (!isOpen) {\n return <></>;\n }\n\n return (\n <div\n className={isClosing ? styles['overlay--close'] : styles.overlay}\n onClick={handleOnOverlayClick}\n >\n <div\n className={`${\n isClosing ? styles['container--close'] : styles.container\n } ${className}`}\n >\n <div\n className={styles.body}\n onClick={handleContainerClick}\n >\n <div className={styles.header}>\n <div className={`p-h2 ${styles.title}`}>{title}</div
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/lib/components/modal/regularModal/img/close.svg","../../../../../../src/lib/components/modal/regularModal/index.tsx"],"sourcesContent":["export default \"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\"","import React from 'react';\n\nimport { Props } from '..';\nimport useOnClose from '../hooks/useOnClose';\n\nimport styles from './style.module.scss';\n\nimport imageClose from './img/close.svg';\nimport classNames from 'classnames';\n\nexport default ({\n title,\n isOpen,\n children,\n onClose,\n className = '',\n dismissible = true,\n}: Props) => {\n const {\n isClosing,\n handleContainerClick,\n handleOnClose,\n handleOnOverlayClick\n } = useOnClose(\n onClose,\n isOpen,\n dismissible\n );\n\n if (!isOpen) {\n return <></>;\n }\n\n return (\n <div\n className={isClosing ? styles['overlay--close'] : styles.overlay}\n onClick={handleOnOverlayClick}\n >\n <div\n className={`${\n isClosing ? styles['container--close'] : styles.container\n } ${className}`}\n >\n <div\n className={styles.body}\n onClick={handleContainerClick}\n >\n <div className={classNames(styles.header, {\n 'jc-between': !!title,\n 'jc-end': !title\n })}>\n {title && <div className={`p-h2 ${styles.title}`}>{title}</div>}\n {dismissible && (\n <button\n type=\"button\"\n className={styles.close}\n onClick={handleOnClose}\n >\n <img src={imageClose} alt=\"Close\" />\n </button>\n )}\n </div>\n {children}\n </div>\n </div>\n </div>\n );\n};\n"],"names":["_jsx","_jsxs","classNames"],"mappings":";;;;;;;;;;;AAAA,iBAAe;;ACUf,oBAAe,UAAC,EAOR;QANN,KAAK,WAAA,EACL,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA,EACd,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA;IAEZ,IAAA,KAKF,UAAU,CACZ,OAAO,EACP,MAAM,EACN,WAAW,CACZ,EARC,SAAS,eAAA,EACT,oBAAoB,0BAAA,EACpB,aAAa,mBAAA,EACb,oBAAoB,0BAKrB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACX,OAAOA,yBAAK,CAAC;KACd;IAED,QACEA,sBACE,SAAS,EAAE,SAAS,GAAG,MAAM,CAAC,gBAAgB,CAAC,GAAG,MAAM,CAAC,OAAO,EAChE,OAAO,EAAE,oBAAoB,gBAE7BA,sBACE,SAAS,EAAE,CACT,SAAS,GAAG,MAAM,CAAC,kBAAkB,CAAC,GAAG,MAAM,CAAC,SAAS,UACvD,SAAW,gBAEfC,uBACE,SAAS,EAAE,MAAM,CAAC,IAAI,EACtB,OAAO,EAAE,oBAAoB,iBAE7BA,uBAAK,SAAS,EAAEC,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE;4BACxC,YAAY,EAAE,CAAC,CAAC,KAAK;4BACrB,QAAQ,EAAE,CAAC,KAAK;yBACjB,CAAC,iBACC,KAAK,IAAIF,sBAAK,SAAS,EAAE,UAAQ,MAAM,CAAC,KAAO,gBAAG,KAAK,YAAO;4BAC9D,WAAW,KACVA,yBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,MAAM,CAAC,KAAK,EACvB,OAAO,EAAE,aAAa,gBAEtBA,aAAK,GAAG,EAAE,UAAU,EAAE,GAAG,EAAC,OAAO,WAAG,YAC7B,CACV,aACG,EACL,QAAQ,aACL,YACF,YACF,EACN;AACJ,CAAC;;;;"}
|
|
@@ -3,7 +3,7 @@ import BottomModal from './bottomModal';
|
|
|
3
3
|
import RegularModal from './regularModal';
|
|
4
4
|
import BottomOrRegularModal from './bottomOrRegularModal';
|
|
5
5
|
export interface Props {
|
|
6
|
-
title
|
|
6
|
+
title?: string;
|
|
7
7
|
isOpen: boolean;
|
|
8
8
|
children: React.ReactNode;
|
|
9
9
|
onClose: () => void;
|
package/dist/index.css
CHANGED
|
@@ -2249,7 +2249,7 @@ body {
|
|
|
2249
2249
|
transform: rotate(360deg);
|
|
2250
2250
|
}
|
|
2251
2251
|
}
|
|
2252
|
-
.p-btn, .p-btn--outline-grey, .p-btn--outline, .p-btn--danger, .p-btn--secondary, .p-btn--primary {
|
|
2252
|
+
.p-btn, .p-btn--outline-grey, .p-btn--outline, .p-btn--danger, .p-btn--secondary, .p-btn--secondary-grey, .p-btn--primary {
|
|
2253
2253
|
display: inline-block;
|
|
2254
2254
|
position: relative;
|
|
2255
2255
|
cursor: pointer;
|
|
@@ -2266,7 +2266,7 @@ body {
|
|
|
2266
2266
|
border: none;
|
|
2267
2267
|
transition: 0.3s opacity, 0.3s background-color;
|
|
2268
2268
|
}
|
|
2269
|
-
.p-btn[disabled], [disabled].p-btn--outline-grey, [disabled].p-btn--outline, [disabled].p-btn--danger, [disabled].p-btn--secondary, [disabled].p-btn--primary {
|
|
2269
|
+
.p-btn[disabled], [disabled].p-btn--outline-grey, [disabled].p-btn--outline, [disabled].p-btn--danger, [disabled].p-btn--secondary, [disabled].p-btn--secondary-grey, [disabled].p-btn--primary {
|
|
2270
2270
|
cursor: default;
|
|
2271
2271
|
opacity: 0.5;
|
|
2272
2272
|
}
|
|
@@ -2290,28 +2290,31 @@ body {
|
|
|
2290
2290
|
outline: none;
|
|
2291
2291
|
box-shadow: 0 0 0 2px rgba(142, 140, 238, 0.5);
|
|
2292
2292
|
}
|
|
2293
|
-
.p-btn--secondary {
|
|
2293
|
+
.p-btn--secondary, .p-btn--secondary-grey {
|
|
2294
2294
|
background-color: transparent;
|
|
2295
2295
|
color: #8e8cee;
|
|
2296
2296
|
}
|
|
2297
|
-
.p-btn--secondary:hover {
|
|
2297
|
+
.p-btn--secondary:hover, .p-btn--secondary-grey:hover {
|
|
2298
2298
|
background-color: #e6e5ff;
|
|
2299
2299
|
}
|
|
2300
2300
|
@media (max-width: 34rem) {
|
|
2301
|
-
.p-btn--secondary:hover {
|
|
2301
|
+
.p-btn--secondary:hover, .p-btn--secondary-grey:hover {
|
|
2302
2302
|
background-color: transparent;
|
|
2303
2303
|
}
|
|
2304
2304
|
}
|
|
2305
|
-
.p-btn--secondary[disabled] {
|
|
2305
|
+
.p-btn--secondary[disabled], [disabled].p-btn--secondary-grey {
|
|
2306
2306
|
color: #6160a2;
|
|
2307
2307
|
}
|
|
2308
|
-
.p-btn--secondary[disabled]:hover {
|
|
2308
|
+
.p-btn--secondary[disabled]:hover, [disabled].p-btn--secondary-grey:hover {
|
|
2309
2309
|
background-color: transparent;
|
|
2310
2310
|
}
|
|
2311
|
-
.p-btn--secondary:focus {
|
|
2311
|
+
.p-btn--secondary:focus, .p-btn--secondary-grey:focus {
|
|
2312
2312
|
outline: none;
|
|
2313
2313
|
box-shadow: 0 0 0 2px rgba(142, 140, 238, 0.5);
|
|
2314
2314
|
}
|
|
2315
|
+
.p-btn--secondary-grey {
|
|
2316
|
+
background-color: #f7f7ff;
|
|
2317
|
+
}
|
|
2315
2318
|
.p-btn--danger {
|
|
2316
2319
|
background-color: #e55454;
|
|
2317
2320
|
color: white;
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["lib/scss/private/_reset.scss","lib/scss/private/base/_display.scss","lib/scss/public/grid.scss","lib/scss/private/base/_grid.scss","lib/scss/private/base/flex/_flex.scss","lib/scss/private/base/_spacing.scss","lib/scss/private/base/_width_and_height.scss","lib/scss/private/base/_colors.scss","lib/scss/public/font-weight.scss","lib/scss/public/font/default.scss","lib/scss/private/base/_typography.scss","lib/scss/public/colors/default.scss","lib/scss/private/base/_cursors.scss","lib/scss/private/base/_border_radius.scss","lib/scss/private/components/_buttons.scss","lib/scss/utils/_index.scss","lib/scss/private/components/_input.scss","lib/scss/private/components/_notices.scss","lib/scss/private/components/_badge.scss","lib/scss/private/components/_spinner.scss","lib/scss/private/components/_cards.scss","lib/scss/third-party/_google_places.scss","lib/scss/index.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAqFE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAIA;EAEE;EACA;;;AAKF;EAEE;EACA;;;AAIJ;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;ACxJF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC5BA;ECHF;IAEI;;;ADOF;ECTF;IAMI;;;ADSF;ECfF;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;ACpBF;AA0BE;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AA0Bb;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAuBhB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC1DA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAcA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAIA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrFF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACnBF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;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","file":"index.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["lib/scss/private/_reset.scss","lib/scss/private/base/_display.scss","lib/scss/public/grid.scss","lib/scss/private/base/_grid.scss","lib/scss/private/base/flex/_flex.scss","lib/scss/private/base/_spacing.scss","lib/scss/private/base/_width_and_height.scss","lib/scss/private/base/_colors.scss","lib/scss/public/font-weight.scss","lib/scss/public/font/default.scss","lib/scss/private/base/_typography.scss","lib/scss/public/colors/default.scss","lib/scss/private/base/_cursors.scss","lib/scss/private/base/_border_radius.scss","lib/scss/private/components/_buttons.scss","lib/scss/utils/_index.scss","lib/scss/private/components/_input.scss","lib/scss/private/components/_notices.scss","lib/scss/private/components/_badge.scss","lib/scss/private/components/_spinner.scss","lib/scss/private/components/_cards.scss","lib/scss/third-party/_google_places.scss","lib/scss/index.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAqFE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAIA;EAEE;EACA;;;AAKF;EAEE;EACA;;;AAIJ;EACE;EACA;;;AAGF;AAAA;EAEE;EACA;;;AAGF;AACA;EACE;;;ACxJF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC5BA;ECHF;IAEI;;;ADOF;ECTF;IAMI;;;ADSF;ECfF;IAUI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;ACpBF;AA0BE;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AAmBb;EACE,aApBW;;;AA0Bb;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAkBd;EACE,iBAnBY;;;AAuBhB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC1DA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAMF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAcA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAXA;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AALF;EACE;;;AAGF;EACE;;;AAKJ;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAEF;EACE;EACA;;;AAIA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AATF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;ACrFF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAIA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACnBF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;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","file":"index.css"}
|
package/package.json
CHANGED
|
@@ -237,7 +237,7 @@ const AutoCompleteAddress = ({
|
|
|
237
237
|
ref={autocompleteElement}
|
|
238
238
|
/>
|
|
239
239
|
{hasLoadedGoogleAPI === false && (
|
|
240
|
-
<div className={styles['loading-spinner']}>
|
|
240
|
+
<div data-cy="google-api-loader" className={styles['loading-spinner']}>
|
|
241
241
|
<div className="ds-spinner ds-spinner__m" />
|
|
242
242
|
</div>
|
|
243
243
|
)}
|
|
@@ -66,6 +66,27 @@ You are looking at the JSX definition of the Button component, if you want you c
|
|
|
66
66
|
buttonType="secondary"
|
|
67
67
|
leftIcon={purpleSend}
|
|
68
68
|
/>
|
|
69
|
+
<h1 className="p-h1 mt32">Secondary grey button</h1>
|
|
70
|
+
<h4 className="p-h4 mt24">Default</h4>
|
|
71
|
+
<Button
|
|
72
|
+
className="wmn3 mt8"
|
|
73
|
+
buttonTitle="Click me"
|
|
74
|
+
buttonType="secondaryGrey"
|
|
75
|
+
/>
|
|
76
|
+
<h4 className="p-h4 mt24">Disabled</h4>
|
|
77
|
+
<Button
|
|
78
|
+
className="wmn3 mt8"
|
|
79
|
+
buttonTitle="Click me"
|
|
80
|
+
buttonType="secondaryGrey"
|
|
81
|
+
disabled={true}
|
|
82
|
+
/>
|
|
83
|
+
<h4 className="p-h4 mt24">With left icon</h4>
|
|
84
|
+
<Button
|
|
85
|
+
className="wmn3 mt8"
|
|
86
|
+
buttonTitle="Click me"
|
|
87
|
+
buttonType="secondaryGrey"
|
|
88
|
+
leftIcon={purpleSend}
|
|
89
|
+
/>
|
|
69
90
|
<h1 className="p-h1 mt32">Outline button</h1>
|
|
70
91
|
<h4 className="p-h4 mt24">Default</h4>
|
|
71
92
|
<Button className="wmn3 mt8" buttonTitle="Click me" buttonType="outline" />
|
|
@@ -2,11 +2,17 @@ import React from 'react';
|
|
|
2
2
|
|
|
3
3
|
import styles from './styles.module.scss';
|
|
4
4
|
|
|
5
|
-
type ButtonType =
|
|
5
|
+
type ButtonType =
|
|
6
|
+
| 'primary'
|
|
7
|
+
| 'secondary'
|
|
8
|
+
| 'secondaryGrey'
|
|
9
|
+
| 'outline'
|
|
10
|
+
| 'outlineGrey';
|
|
6
11
|
|
|
7
12
|
const buttonTypeClassNameMap: { [K in ButtonType]: string } = {
|
|
8
13
|
primary: 'p-btn--primary',
|
|
9
14
|
secondary: 'p-btn--secondary',
|
|
15
|
+
secondaryGrey: 'p-btn--secondary-grey',
|
|
10
16
|
outline: 'p-btn--outline',
|
|
11
17
|
outlineGrey: 'p-btn--outline-grey',
|
|
12
18
|
};
|