alicia-design-system 1.86.2 → 1.86.3
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/alicia/common/CountrySelect/CountrySelect.d.ts +2 -0
- package/dist/cjs/alicia/common/CountrySelect/CountrySelect.js +2 -2
- package/dist/cjs/alicia/common/CountrySelect/CountrySelect.js.map +1 -1
- package/dist/cjs/alicia/common/CountrySelect/CountrySelect.spec.js +2 -2
- package/dist/cjs/alicia/common/CountrySelect/CountrySelect.spec.js.map +1 -1
- package/dist/cjs/alicia/common/CountrySelect/CountrySelect.stories.d.ts +4 -0
- package/dist/cjs/alicia/common/CountrySelect/CountrySelect.stories.js +3 -1
- package/dist/cjs/alicia/common/CountrySelect/CountrySelect.stories.js.map +1 -1
- package/dist/esm/alicia/common/CountrySelect/CountrySelect.d.ts +2 -0
- package/dist/esm/alicia/common/CountrySelect/CountrySelect.js +2 -2
- package/dist/esm/alicia/common/CountrySelect/CountrySelect.js.map +1 -1
- package/dist/esm/alicia/common/CountrySelect/CountrySelect.spec.js +2 -2
- package/dist/esm/alicia/common/CountrySelect/CountrySelect.spec.js.map +1 -1
- package/dist/esm/alicia/common/CountrySelect/CountrySelect.stories.d.ts +4 -0
- package/dist/esm/alicia/common/CountrySelect/CountrySelect.stories.js +3 -1
- package/dist/esm/alicia/common/CountrySelect/CountrySelect.stories.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
8
8
|
const react_1 = require("react");
|
|
9
9
|
const select_1 = __importDefault(require("../shared/select"));
|
|
10
10
|
const Countries_1 = require("./Countries");
|
|
11
|
-
const CountrySelect = ({ columns, height, label, placeholder, handleChange, options, favorites = [], labelColor, isMultiple, selectedLabelColor, selectedOptionColor, value, values, isTelephone = false, }) => {
|
|
11
|
+
const CountrySelect = ({ columns, height, label, placeholder, handleChange, options, favorites = [], labelColor, isMultiple, selectedLabelColor, selectedOptionColor, value, values, isTelephone = false, name, required }) => {
|
|
12
12
|
const [countryList, setCountryList] = (0, react_1.useState)([]);
|
|
13
13
|
const [selectedCountries, setSelectedCountries] = (0, react_1.useState)();
|
|
14
14
|
const [selectedCountry, setSelectedCountry] = (0, react_1.useState)();
|
|
@@ -49,7 +49,7 @@ const CountrySelect = ({ columns, height, label, placeholder, handleChange, opti
|
|
|
49
49
|
});
|
|
50
50
|
return [...favCountries, ...restCountries];
|
|
51
51
|
};
|
|
52
|
-
return ((0, jsx_runtime_1.jsx)(select_1.default, { columns: columns, height: height !== null && height !== void 0 ? height : 60, options: countryList.map((country) => {
|
|
52
|
+
return ((0, jsx_runtime_1.jsx)(select_1.default, { name: name, required: required, columns: columns, height: height !== null && height !== void 0 ? height : 60, options: countryList.map((country) => {
|
|
53
53
|
var _a;
|
|
54
54
|
return (Object.assign(Object.assign({}, country), { label: isTelephone ? (_a = country.code) !== null && _a !== void 0 ? _a : '' : country.label }));
|
|
55
55
|
}), label: label, placeholder: placeholder, handleChange: (e) => handleChange(isMultiple ? e.map((item) => item.value) : e.value), labelColor: labelColor, isMultiple: isMultiple, selectedLabelColor: selectedLabelColor, selectedOptionColor: selectedOptionColor, value: isMultiple ? selectedCountries : selectedCountry }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAgD;AAChD,8DAA0C;AAE1C,2CAAwC;AAEjC,MAAM,aAAa,GAA2B,CAAC,EACpD,OAAO,EACP,MAAM,EACN,KAAK,EACL,WAAW,EACX,YAAY,EACZ,OAAO,EACP,SAAS,GAAG,EAAE,EACd,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,EACL,MAAM,EACN,WAAW,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,11 +6,11 @@ require("@testing-library/jest-dom");
|
|
|
6
6
|
const index_1 = require("./index");
|
|
7
7
|
describe("CountrySelect component testing with testing-library", () => {
|
|
8
8
|
it("renders without crashing", () => {
|
|
9
|
-
const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.CountrySelect, { label: "country", handleChange: () => jest.fn, placeholder: '' }));
|
|
9
|
+
const component = (0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.CountrySelect, { name: "name", required: true, label: "country", handleChange: () => jest.fn, placeholder: '' }));
|
|
10
10
|
expect(component).toBeTruthy();
|
|
11
11
|
});
|
|
12
12
|
it("renders label", () => {
|
|
13
|
-
(0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.CountrySelect, { label: "Country", handleChange: () => jest.fn, placeholder: '' }));
|
|
13
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(index_1.CountrySelect, { name: "name", required: true, label: "Country", handleChange: () => jest.fn, placeholder: '' }));
|
|
14
14
|
expect(react_1.screen.getByText('Country')).toBeInTheDocument();
|
|
15
15
|
});
|
|
16
16
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountrySelect.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,qCAAmC;AACnC,mCAAwC;AAExC,QAAQ,CAAC,sDAAsD,EAAE,GAAG,EAAE;IACpE,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,qBAAa,IAAC,KAAK,EAAC,SAAS,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,GAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"CountrySelect.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.spec.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,qCAAmC;AACnC,mCAAwC;AAExC,QAAQ,CAAC,sDAAsD,EAAE,GAAG,EAAE;IACpE,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,IAAA,cAAM,EAAC,uBAAC,qBAAa,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAC,SAAS,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,GAAK,CAAC,CAAC;QAEvI,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,uBAAC,qBAAa,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAC,SAAS,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,GAAK,CAAC,CAAC;QAErH,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
3
|
declare const _default: ComponentMeta<import("react").FC<{
|
|
4
|
+
name: string;
|
|
5
|
+
required?: boolean | undefined;
|
|
4
6
|
height?: number | undefined;
|
|
5
7
|
label: string;
|
|
6
8
|
placeholder: string;
|
|
@@ -18,6 +20,8 @@ declare const _default: ComponentMeta<import("react").FC<{
|
|
|
18
20
|
}>>;
|
|
19
21
|
export default _default;
|
|
20
22
|
export declare const Primary: ComponentStory<import("react").FC<{
|
|
23
|
+
name: string;
|
|
24
|
+
required?: boolean | undefined;
|
|
21
25
|
height?: number | undefined;
|
|
22
26
|
label: string;
|
|
23
27
|
placeholder: string;
|
|
@@ -15,13 +15,15 @@ const Template = (args) => {
|
|
|
15
15
|
};
|
|
16
16
|
exports.Primary = Template.bind({});
|
|
17
17
|
exports.Primary.args = {
|
|
18
|
+
name: 'country',
|
|
19
|
+
required: true,
|
|
18
20
|
isMultiple: false,
|
|
19
21
|
isTelephone: false,
|
|
20
22
|
label: 'Country',
|
|
21
23
|
placeholder: 'Select country',
|
|
22
24
|
handleChange: (e) => console.log(e),
|
|
23
25
|
options: [],
|
|
24
|
-
favorites: ["
|
|
26
|
+
favorites: ["Netherlands", "United Kingdom"],
|
|
25
27
|
labelColor: 'red',
|
|
26
28
|
selectedLabelColor: 'blue',
|
|
27
29
|
selectedOptionColor: 'yellow',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountrySelect.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.stories.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AAExC,iCAAiC;AACjC,mDAAgD;AAEhD,kBAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,6BAAa;CACc,CAAC;AAEzC,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAC7C,OAAO,CACL,uBAAC,YAAI,kBAAC,CAAC,EAAC,MAAM,gBACZ,uBAAC,6BAAa,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,GAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,IACjG,CACR,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,eAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,gBAAgB;IAC7B,YAAY,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACxC,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"CountrySelect.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.stories.tsx"],"names":[],"mappings":";;;;AAAA,4CAAwC;AAExC,iCAAiC;AACjC,mDAAgD;AAEhD,kBAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,6BAAa;CACc,CAAC;AAEzC,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,GAAU,CAAC;IAC7C,OAAO,CACL,uBAAC,YAAI,kBAAC,CAAC,EAAC,MAAM,gBACZ,uBAAC,6BAAa,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,GAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,IACjG,CACR,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,eAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,IAAI;IACd,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,gBAAgB;IAC7B,YAAY,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACxC,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC;IAC5C,UAAU,EAAE,KAAK;IACjB,kBAAkB,EAAE,MAAM;IAC1B,mBAAmB,EAAE,QAAQ;IAC7B,MAAM,EAAE,EAAE;CACX,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
3
|
import FormSelect from '../shared/select';
|
|
4
4
|
import { Countries } from './Countries';
|
|
5
|
-
export const CountrySelect = ({ columns, height, label, placeholder, handleChange, options, favorites = [], labelColor, isMultiple, selectedLabelColor, selectedOptionColor, value, values, isTelephone = false, }) => {
|
|
5
|
+
export const CountrySelect = ({ columns, height, label, placeholder, handleChange, options, favorites = [], labelColor, isMultiple, selectedLabelColor, selectedOptionColor, value, values, isTelephone = false, name, required }) => {
|
|
6
6
|
const [countryList, setCountryList] = useState([]);
|
|
7
7
|
const [selectedCountries, setSelectedCountries] = useState();
|
|
8
8
|
const [selectedCountry, setSelectedCountry] = useState();
|
|
@@ -43,7 +43,7 @@ export const CountrySelect = ({ columns, height, label, placeholder, handleChang
|
|
|
43
43
|
});
|
|
44
44
|
return [...favCountries, ...restCountries];
|
|
45
45
|
};
|
|
46
|
-
return (_jsx(FormSelect, { columns: columns, height: height !== null && height !== void 0 ? height : 60, options: countryList.map((country) => {
|
|
46
|
+
return (_jsx(FormSelect, { name: name, required: required, columns: columns, height: height !== null && height !== void 0 ? height : 60, options: countryList.map((country) => {
|
|
47
47
|
var _a;
|
|
48
48
|
return (Object.assign(Object.assign({}, country), { label: isTelephone ? (_a = country.code) !== null && _a !== void 0 ? _a : '' : country.label }));
|
|
49
49
|
}), label: label, placeholder: placeholder, handleChange: (e) => handleChange(isMultiple ? e.map((item) => item.value) : e.value), labelColor: labelColor, isMultiple: isMultiple, selectedLabelColor: selectedLabelColor, selectedOptionColor: selectedOptionColor, value: isMultiple ? selectedCountries : selectedCountry }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAM,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,CAAC,MAAM,aAAa,GAA2B,CAAC,EACpD,OAAO,EACP,MAAM,EACN,KAAK,EACL,WAAW,EACX,YAAY,EACZ,OAAO,EACP,SAAS,GAAG,EAAE,EACd,UAAU,EACV,UAAU,EACV,kBAAkB,EAClB,mBAAmB,EACnB,KAAK,EACL,MAAM,EACN,WAAW,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,11 +4,11 @@ import '@testing-library/jest-dom';
|
|
|
4
4
|
import { CountrySelect } from "./index";
|
|
5
5
|
describe("CountrySelect component testing with testing-library", () => {
|
|
6
6
|
it("renders without crashing", () => {
|
|
7
|
-
const component = render(_jsx(CountrySelect, { label: "country", handleChange: () => jest.fn, placeholder: '' }));
|
|
7
|
+
const component = render(_jsx(CountrySelect, { name: "name", required: true, label: "country", handleChange: () => jest.fn, placeholder: '' }));
|
|
8
8
|
expect(component).toBeTruthy();
|
|
9
9
|
});
|
|
10
10
|
it("renders label", () => {
|
|
11
|
-
render(_jsx(CountrySelect, { label: "Country", handleChange: () => jest.fn, placeholder: '' }));
|
|
11
|
+
render(_jsx(CountrySelect, { name: "name", required: true, label: "Country", handleChange: () => jest.fn, placeholder: '' }));
|
|
12
12
|
expect(screen.getByText('Country')).toBeInTheDocument();
|
|
13
13
|
});
|
|
14
14
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountrySelect.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAQ,CAAC,sDAAsD,EAAE,GAAG,EAAE;IACpE,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,KAAK,EAAC,SAAS,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,GAAK,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"CountrySelect.spec.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.spec.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,QAAQ,CAAC,sDAAsD,EAAE,GAAG,EAAE;IACpE,EAAE,CAAC,0BAA0B,EAAE,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAC,aAAa,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAC,SAAS,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,GAAK,CAAC,CAAC;QAEvI,MAAM,CAAC,SAAS,CAAC,CAAC,UAAU,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,MAAM,CAAC,KAAC,aAAa,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAC,SAAS,EAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,EAAE,GAAK,CAAC,CAAC;QAErH,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
3
|
declare const _default: ComponentMeta<import("react").FC<{
|
|
4
|
+
name: string;
|
|
5
|
+
required?: boolean | undefined;
|
|
4
6
|
height?: number | undefined;
|
|
5
7
|
label: string;
|
|
6
8
|
placeholder: string;
|
|
@@ -18,6 +20,8 @@ declare const _default: ComponentMeta<import("react").FC<{
|
|
|
18
20
|
}>>;
|
|
19
21
|
export default _default;
|
|
20
22
|
export declare const Primary: ComponentStory<import("react").FC<{
|
|
23
|
+
name: string;
|
|
24
|
+
required?: boolean | undefined;
|
|
21
25
|
height?: number | undefined;
|
|
22
26
|
label: string;
|
|
23
27
|
placeholder: string;
|
|
@@ -12,13 +12,15 @@ const Template = (args) => {
|
|
|
12
12
|
};
|
|
13
13
|
export const Primary = Template.bind({});
|
|
14
14
|
Primary.args = {
|
|
15
|
+
name: 'country',
|
|
16
|
+
required: true,
|
|
15
17
|
isMultiple: false,
|
|
16
18
|
isTelephone: false,
|
|
17
19
|
label: 'Country',
|
|
18
20
|
placeholder: 'Select country',
|
|
19
21
|
handleChange: (e) => console.log(e),
|
|
20
22
|
options: [],
|
|
21
|
-
favorites: ["
|
|
23
|
+
favorites: ["Netherlands", "United Kingdom"],
|
|
22
24
|
labelColor: 'red',
|
|
23
25
|
selectedLabelColor: 'blue',
|
|
24
26
|
selectedOptionColor: 'yellow',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CountrySelect.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,aAAa;CACc,CAAC;AAEzC,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC7C,OAAO,CACL,KAAC,IAAI,kBAAC,CAAC,EAAC,MAAM,gBACZ,KAAC,aAAa,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,GAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,IACjG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,gBAAgB;IAC7B,YAAY,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACxC,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"CountrySelect.stories.js","sourceRoot":"","sources":["../../../../../src/alicia/common/CountrySelect/CountrySelect.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,eAAe;IACb,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,aAAa;CACc,CAAC;AAEzC,MAAM,QAAQ,GAAyC,CAAC,IAAI,EAAE,EAAE;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAAU,CAAC;IAC7C,OAAO,CACL,KAAC,IAAI,kBAAC,CAAC,EAAC,MAAM,gBACZ,KAAC,aAAa,oBAAK,IAAI,IAAE,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,GAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAA,CAAA,CAAC,EAAE,KAAK,EAAE,KAAK,IAAG,IACjG,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEzC,OAAO,CAAC,IAAI,GAAG;IACb,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,IAAI;IACd,UAAU,EAAE,KAAK;IACjB,WAAW,EAAE,KAAK;IAClB,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,gBAAgB;IAC7B,YAAY,EAAE,CAAC,CAAM,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;IACxC,OAAO,EAAE,EAAE;IACX,SAAS,EAAE,CAAC,aAAa,EAAE,gBAAgB,CAAC;IAC5C,UAAU,EAAE,KAAK;IACjB,kBAAkB,EAAE,MAAM;IAC1B,mBAAmB,EAAE,QAAQ;IAC7B,MAAM,EAAE,EAAE;CACX,CAAC"}
|