w-design-system 0.0.72 → 0.0.74
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/assets/icon/add.svg +2 -0
- package/dist/assets/icon/index.d.ts +2 -1
- package/dist/assets/icon/index.d.ts.map +1 -1
- package/dist/assets/icon/index.js +2 -1
- package/dist/assets/icon/index.js.map +1 -1
- package/dist/assets/icon/index.ts +2 -1
- package/dist/components/CountryStateSelector/index.d.ts +29 -0
- package/dist/components/CountryStateSelector/index.d.ts.map +1 -0
- package/dist/components/CountryStateSelector/index.js +87 -0
- package/dist/components/CountryStateSelector/index.js.map +1 -0
- package/dist/components/CountryStateSelector/stories.d.ts +10 -0
- package/dist/components/CountryStateSelector/stories.d.ts.map +1 -0
- package/dist/components/CountryStateSelector/stories.js +46 -0
- package/dist/components/CountryStateSelector/stories.js.map +1 -0
- package/dist/components/InputTag/index.d.ts.map +1 -1
- package/dist/components/InputTag/index.js +30 -3
- package/dist/components/InputTag/index.js.map +1 -1
- package/dist/components/InputTag/styles.d.ts.map +1 -1
- package/dist/components/InputTag/styles.js +25 -7
- package/dist/components/InputTag/styles.js.map +1 -1
- package/dist/components/Themes/index.d.ts +1 -0
- package/dist/components/Themes/index.d.ts.map +1 -1
- package/dist/components/Themes/index.js +1 -0
- package/dist/components/Themes/index.js.map +1 -1
- package/dist/components/Types/index.d.ts +4 -3
- package/dist/components/Types/index.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/assets/icon/add.svg +2 -0
- package/src/assets/icon/index.ts +2 -1
- package/src/components/CountryStateSelector/index.tsx +115 -0
- package/src/components/CountryStateSelector/stories.tsx +83 -0
- package/src/components/InputTag/index.tsx +36 -5
- package/src/components/InputTag/styles.ts +25 -7
- package/src/components/Themes/index.ts +1 -0
- package/src/components/Types/index.ts +4 -4
- package/src/index.tsx +1 -0
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="24px" height="24px" version="1.1" viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path fill="#999999" d="m440-440h-200a40 40 45 0 1-40-40 40 40 135 0 1 40-40h200v-200a40 40 135 0 1 40-40 40 40 45 0 1 40 40v200h200a40 40 45 0 1 40 40 40 40 135 0 1-40 40h-200v200a40 40 135 0 1-40 40 40 40 45 0 1-40-40z"/></svg>
|
|
@@ -36,5 +36,6 @@ import { default as spinSVG } from './spin.svg';
|
|
|
36
36
|
import { default as spreadsheetSVG } from './spreadsheet.svg';
|
|
37
37
|
import { default as wavePulseSVG } from './wave-pulse.svg';
|
|
38
38
|
import { default as logoWaveGrayPNG } from './logoWaveGray.png';
|
|
39
|
-
|
|
39
|
+
import { default as addSVG } from './add.svg';
|
|
40
|
+
export { alertSVG, appsSVG, bellSVG, bindSVG, bookmarkSVG, calendarSVG, checkSVG, chevronDownSVG, chevronLeftSVG, chevronRightSVG, closeSVG, coinsSVG, commentSVG, dashboardSVG, docCheckSVG, docDownloadSVG, docSVG, docUploadSVG, dumpSVG, editalSVG, editSVG, eyesSVG, fileSVG, financeSVG, gavelSVG, gearSVG, grid2PlusSVG, imageSVG, lockSVG, moneySVG, monitoringSVG, orderSVG, portalSVG, settingSVG, spinSVG, spreadsheetSVG, wavePulseSVG, logoWaveGrayPNG, addSVG };
|
|
40
41
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/assets/icon/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -36,5 +36,6 @@ import { default as spinSVG } from './spin.svg';
|
|
|
36
36
|
import { default as spreadsheetSVG } from './spreadsheet.svg';
|
|
37
37
|
import { default as wavePulseSVG } from './wave-pulse.svg';
|
|
38
38
|
import { default as logoWaveGrayPNG } from './logoWaveGray.png';
|
|
39
|
-
|
|
39
|
+
import { default as addSVG } from './add.svg';
|
|
40
|
+
export { alertSVG, appsSVG, bellSVG, bindSVG, bookmarkSVG, calendarSVG, checkSVG, chevronDownSVG, chevronLeftSVG, chevronRightSVG, closeSVG, coinsSVG, commentSVG, dashboardSVG, docCheckSVG, docDownloadSVG, docSVG, docUploadSVG, dumpSVG, editalSVG, editSVG, eyesSVG, fileSVG, financeSVG, gavelSVG, gearSVG, grid2PlusSVG, imageSVG, lockSVG, moneySVG, monitoringSVG, orderSVG, portalSVG, settingSVG, spinSVG, spreadsheetSVG, wavePulseSVG, logoWaveGrayPNG, addSVG };
|
|
40
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/assets/icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAA;AACzD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAA;AACjD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC/C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/assets/icon/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -36,7 +36,7 @@ import { default as spinSVG } from './spin.svg'
|
|
|
36
36
|
import { default as spreadsheetSVG } from './spreadsheet.svg'
|
|
37
37
|
import { default as wavePulseSVG } from './wave-pulse.svg'
|
|
38
38
|
import { default as logoWaveGrayPNG } from './logoWaveGray.png'
|
|
39
|
-
|
|
39
|
+
import { default as addSVG } from './add.svg'
|
|
40
40
|
export {
|
|
41
41
|
alertSVG,
|
|
42
42
|
appsSVG,
|
|
@@ -76,4 +76,5 @@ export {
|
|
|
76
76
|
spreadsheetSVG,
|
|
77
77
|
wavePulseSVG,
|
|
78
78
|
logoWaveGrayPNG,
|
|
79
|
+
addSVG
|
|
79
80
|
}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
import { SelectRef } from '../Select';
|
|
3
|
+
import React from 'react';
|
|
4
|
+
export interface CountryState {
|
|
5
|
+
id: number;
|
|
6
|
+
name: string;
|
|
7
|
+
abbreviation: string;
|
|
8
|
+
}
|
|
9
|
+
export interface CountryStateSelectProps extends HTMLAttributes<HTMLDivElement> {
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
label?: string;
|
|
12
|
+
leftIcon?: ReactNode;
|
|
13
|
+
onOptionChange?: (option: CountryState | null) => void;
|
|
14
|
+
selectedOption?: CountryState | null;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
rightIcon?: ReactNode;
|
|
17
|
+
value?: string;
|
|
18
|
+
dropDownTop?: boolean;
|
|
19
|
+
dropDownWidth?: string;
|
|
20
|
+
disableSearch?: boolean;
|
|
21
|
+
dropDownMaxHeight?: string;
|
|
22
|
+
allStatesOption?: boolean;
|
|
23
|
+
/** array of abbreviations of states that will be visible in the select */
|
|
24
|
+
validStates?: string[];
|
|
25
|
+
}
|
|
26
|
+
export declare const CountryStateSelect: (props: PropsWithChildren<CountryStateSelectProps> & {
|
|
27
|
+
ref?: React.ForwardedRef<SelectRef>;
|
|
28
|
+
}) => React.ReactElement;
|
|
29
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CountryStateSelector/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAW,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAc,MAAM,OAAO,CAAA;AACzF,OAAO,EAAuB,SAAS,EAAE,MAAM,WAAW,CAAA;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAA;IACtD,cAAc,CAAC,EAAE,YAAY,GAAG,IAAI,CAAA;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;CACvB;AAsFD,eAAO,MAAM,kBAAkB,EAA8C,CAC3E,KAAK,EAAE,iBAAiB,CAAC,uBAAuB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;CAAE,KACxF,KAAK,CAAC,YAAY,CAAA"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { useMemo, forwardRef } from 'react';
|
|
13
|
+
import { Select } from '../Select';
|
|
14
|
+
import React from 'react';
|
|
15
|
+
const CountryStateSelectFowardRef = (_a, ref) => {
|
|
16
|
+
var _b;
|
|
17
|
+
var { children, allStatesOption, validStates } = _a, props = __rest(_a, ["children", "allStatesOption", "validStates"]);
|
|
18
|
+
const allStatesOptionValue = allStatesOption !== false;
|
|
19
|
+
const countryStates = useMemo(() => {
|
|
20
|
+
const base = [
|
|
21
|
+
{ id: 1, name: 'Acre', abbreviation: 'AC' },
|
|
22
|
+
{ id: 2, name: 'Alagoas', abbreviation: 'AL' },
|
|
23
|
+
{ id: 3, name: 'Amapá', abbreviation: 'AP' },
|
|
24
|
+
{ id: 4, name: 'Amazonas', abbreviation: 'AM' },
|
|
25
|
+
{ id: 5, name: 'Bahia', abbreviation: 'BA' },
|
|
26
|
+
{ id: 6, name: 'Ceará', abbreviation: 'CE' },
|
|
27
|
+
{ id: 7, name: 'Espírito Santo', abbreviation: 'ES' },
|
|
28
|
+
{ id: 8, name: 'Goiás', abbreviation: 'GO' },
|
|
29
|
+
{ id: 9, name: 'Maranhão', abbreviation: 'MA' },
|
|
30
|
+
{ id: 10, name: 'Mato Grosso', abbreviation: 'MT' },
|
|
31
|
+
{ id: 11, name: 'Mato Grosso do Sul', abbreviation: 'MS' },
|
|
32
|
+
{ id: 12, name: 'Minas Gerais', abbreviation: 'MG' },
|
|
33
|
+
{ id: 13, name: 'Pará', abbreviation: 'PA' },
|
|
34
|
+
{ id: 14, name: 'Paraíba', abbreviation: 'PB' },
|
|
35
|
+
{ id: 15, name: 'Paraná', abbreviation: 'PR' },
|
|
36
|
+
{ id: 16, name: 'Pernambuco', abbreviation: 'PE' },
|
|
37
|
+
{ id: 17, name: 'Piauí', abbreviation: 'PI' },
|
|
38
|
+
{ id: 18, name: 'Rio de Janeiro', abbreviation: 'RJ' },
|
|
39
|
+
{ id: 19, name: 'Rio Grande do Norte', abbreviation: 'RN' },
|
|
40
|
+
{ id: 20, name: 'Rio Grande do Sul', abbreviation: 'RS' },
|
|
41
|
+
{ id: 21, name: 'Rondônia', abbreviation: 'RO' },
|
|
42
|
+
{ id: 22, name: 'Roraima', abbreviation: 'RR' },
|
|
43
|
+
{ id: 23, name: 'Santa Catarina', abbreviation: 'SC' },
|
|
44
|
+
{ id: 24, name: 'São Paulo', abbreviation: 'SP' },
|
|
45
|
+
{ id: 25, name: 'Sergipe', abbreviation: 'SE' },
|
|
46
|
+
{ id: 26, name: 'Tocantins', abbreviation: 'TO' },
|
|
47
|
+
{ id: 27, name: 'Distrito Federal', abbreviation: 'DF' },
|
|
48
|
+
];
|
|
49
|
+
if (!validStates)
|
|
50
|
+
return base;
|
|
51
|
+
return base.filter(state => validStates.includes(state.abbreviation));
|
|
52
|
+
}, [validStates]);
|
|
53
|
+
const countrysStateOptions = allStatesOptionValue
|
|
54
|
+
? [{ id: 0, name: 'Todos os estados', abbreviation: 'BR' }, ...countryStates]
|
|
55
|
+
: countryStates;
|
|
56
|
+
const selectProps = Object.assign(Object.assign({}, props), { placeholder: (_b = props.placeholder) !== null && _b !== void 0 ? _b : 'Estado', options: countrysStateOptions.map(countryState => {
|
|
57
|
+
return {
|
|
58
|
+
id: countryState.id,
|
|
59
|
+
text: countryState.name,
|
|
60
|
+
countryState,
|
|
61
|
+
};
|
|
62
|
+
}), onOptionChange: option => {
|
|
63
|
+
var _a;
|
|
64
|
+
if (props.onOptionChange) {
|
|
65
|
+
if (allStatesOption && !option) {
|
|
66
|
+
props.onOptionChange({
|
|
67
|
+
id: 0,
|
|
68
|
+
name: 'Todos os estados',
|
|
69
|
+
abbreviation: 'BR',
|
|
70
|
+
});
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
else {
|
|
74
|
+
props.onOptionChange((_a = option === null || option === void 0 ? void 0 : option.countryState) !== null && _a !== void 0 ? _a : null);
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}, selectedOption: props.selectedOption
|
|
78
|
+
? {
|
|
79
|
+
id: props.selectedOption.id,
|
|
80
|
+
text: props.selectedOption.name,
|
|
81
|
+
countryState: props.selectedOption,
|
|
82
|
+
}
|
|
83
|
+
: null });
|
|
84
|
+
return (React.createElement(Select, Object.assign({}, selectProps, { ref: ref }), children));
|
|
85
|
+
};
|
|
86
|
+
export const CountryStateSelect = forwardRef(CountryStateSelectFowardRef);
|
|
87
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CountryStateSelector/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,OAAO,EAAgD,UAAU,EAAE,MAAM,OAAO,CAAA;AACzF,OAAO,EAAE,MAAM,EAA0B,MAAM,WAAW,CAAA;AAC1D,OAAO,KAAK,MAAM,OAAO,CAAA;AA0BzB,MAAM,2BAA2B,GAAG,CAClC,EAAgG,EAChG,GAAkC,EAClC,EAAE;;QAFF,EAAE,QAAQ,EAAE,eAAe,EAAE,WAAW,OAAwD,EAAnD,KAAK,cAAlD,8CAAoD,CAAF;IAGlD,MAAM,oBAAoB,GAAG,eAAe,KAAK,KAAK,CAAA;IAEtD,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,MAAM,IAAI,GAAG;YACX,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE;YAC3C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE;YAC9C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE;YAC5C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE;YAC/C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE;YAC5C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE;YAC5C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,IAAI,EAAE;YACrD,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE;YAC5C,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE;YAC/C,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,YAAY,EAAE,IAAI,EAAE;YACnD,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,oBAAoB,EAAE,YAAY,EAAE,IAAI,EAAE;YAC1D,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,YAAY,EAAE,IAAI,EAAE;YACpD,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,YAAY,EAAE,IAAI,EAAE;YAC5C,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE;YAC/C,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAE;YAC9C,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,EAAE,IAAI,EAAE;YAClD,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE;YAC7C,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,IAAI,EAAE;YACtD,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,YAAY,EAAE,IAAI,EAAE;YAC3D,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,mBAAmB,EAAE,YAAY,EAAE,IAAI,EAAE;YACzD,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE;YAChD,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE;YAC/C,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,YAAY,EAAE,IAAI,EAAE;YACtD,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE;YACjD,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE;YAC/C,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,YAAY,EAAE,IAAI,EAAE;YACjD,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,YAAY,EAAE,IAAI,EAAE;SACzD,CAAA;QACD,IAAI,CAAC,WAAW;YAAE,OAAO,IAAI,CAAA;QAC7B,OAAO,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,WAAW,CAAC,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;IACvE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,MAAM,oBAAoB,GAAG,oBAAoB;QAC/C,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,YAAY,EAAE,IAAI,EAAE,EAAE,GAAG,aAAa,CAAC;QAC7E,CAAC,CAAC,aAAa,CAAA;IAEjB,MAAM,WAAW,mCACZ,KAAK,KACR,WAAW,EAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,QAAQ,EAC1C,OAAO,EAAE,oBAAoB,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;YAC/C,OAAO;gBACL,EAAE,EAAE,YAAY,CAAC,EAAE;gBACnB,IAAI,EAAE,YAAY,CAAC,IAAI;gBACvB,YAAY;aACb,CAAA;QACH,CAAC,CAAC,EACF,cAAc,EAAE,MAAM,CAAC,EAAE;;YACvB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;gBACzB,IAAI,eAAe,IAAI,CAAC,MAAM,EAAE,CAAC;oBAC/B,KAAK,CAAC,cAAc,CAAC;wBACnB,EAAE,EAAE,CAAC;wBACL,IAAI,EAAE,kBAAkB;wBACxB,YAAY,EAAE,IAAI;qBACnB,CAAC,CAAA;oBACF,OAAM;gBACR,CAAC;qBAAM,CAAC;oBACN,KAAK,CAAC,cAAc,CAAC,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,mCAAI,IAAI,CAAC,CAAA;gBACpD,CAAC;YACH,CAAC;QACH,CAAC,EACD,cAAc,EAAE,KAAK,CAAC,cAAc;YAClC,CAAC,CAAC;gBACE,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,EAAE;gBAC3B,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI;gBAC/B,YAAY,EAAE,KAAK,CAAC,cAAc;aACnC;YACH,CAAC,CAAC,IAAI,GACT,CAAA;IAED,OAAO,CACL,oBAAC,MAAM,oBAAK,WAAW,IAAE,GAAG,EAAE,GAAG,KAC9B,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAAC,2BAA2B,CAEjD,CAAA"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { CountryStateSelect } from './index';
|
|
3
|
+
declare const meta: Meta<typeof CountryStateSelect>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof CountryStateSelect>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const OnlySudesteRegion: Story;
|
|
8
|
+
export declare const OnlySulRegion: Story;
|
|
9
|
+
export declare const OnlySulRegionWithoutAllOption: Story;
|
|
10
|
+
//# sourceMappingURL=stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/CountryStateSelector/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAA;AAGrE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAaC,CAAA;AAE3C,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,kBAAkB,CAAC,CAAA;AAehD,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAID,eAAO,MAAM,iBAAiB,EAAE,KAS/B,CAAA;AAID,eAAO,MAAM,aAAa,EAAE,KAS3B,CAAA;AAGD,eAAO,MAAM,6BAA6B,EAAE,KAU3C,CAAA"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { CountryStateSelect } from './index';
|
|
13
|
+
import React from 'react';
|
|
14
|
+
const meta = {
|
|
15
|
+
title: 'Components/CountryStateSelect',
|
|
16
|
+
component: CountryStateSelect,
|
|
17
|
+
tags: ['autodocs'],
|
|
18
|
+
argTypes: {
|
|
19
|
+
placeholder: { control: 'text' },
|
|
20
|
+
label: { control: 'text' },
|
|
21
|
+
disabled: { control: 'boolean' },
|
|
22
|
+
selectedOption: { control: 'number' },
|
|
23
|
+
onOptionChange: { action: 'selectedOptionChange' },
|
|
24
|
+
dropDownTop: { control: 'boolean' },
|
|
25
|
+
allStatesOption: { control: 'boolean' },
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
export default meta;
|
|
29
|
+
const ComponentWrapper = (_a) => {
|
|
30
|
+
var args = __rest(_a, []);
|
|
31
|
+
const [selectedOption, setSelectOption] = React.useState(null);
|
|
32
|
+
return (React.createElement(CountryStateSelect, Object.assign({}, args, { selectedOption: selectedOption, onOptionChange: option => setSelectOption(option) })));
|
|
33
|
+
};
|
|
34
|
+
export const Default = {
|
|
35
|
+
render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { label: "Label", placeholder: "Placeholder" }))),
|
|
36
|
+
};
|
|
37
|
+
export const OnlySudesteRegion = {
|
|
38
|
+
render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { label: "Label", placeholder: "Placeholder", validStates: ['SP', 'RJ', 'MG', 'ES'] }))),
|
|
39
|
+
};
|
|
40
|
+
export const OnlySulRegion = {
|
|
41
|
+
render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { label: "Label", placeholder: "Placeholder", validStates: ['PR', 'SC', 'RS'] }))),
|
|
42
|
+
};
|
|
43
|
+
export const OnlySulRegionWithoutAllOption = {
|
|
44
|
+
render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { label: "Label", placeholder: "Placeholder", validStates: ['PR', 'SC', 'RS'], allStatesOption: false }))),
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/CountryStateSelector/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,kBAAkB,EAA2B,MAAM,SAAS,CAAA;AACrE,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,IAAI,GAAoC;IAC5C,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,kBAAkB;IAC7B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,cAAc,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAClD,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACnC,eAAe,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACxC;CACwC,CAAA;AAE3C,eAAe,IAAI,CAAA;AAInB,MAAM,gBAAgB,GAAG,CAAC,EAAoC,EAAE,EAAE;QAAnC,IAAI,cAAT,EAAW,CAAF;IACjC,MAAM,CAAC,cAAc,EAAE,eAAe,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA4C,IAAI,CAAC,CAAA;IAEzG,OAAO,CACL,oBAAC,kBAAkB,oBACb,IAAI,IACR,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,MAAM,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,IACjD,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,oBAAC,gBAAgB,oBACX,IAAI,IACR,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,aAAa,IACzB,CACH;CACF,CAAA;AAID,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACtC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,oBAAC,gBAAgB,oBACX,IAAI,IACR,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,aAAa,EACzB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IACrC,CACH;CACF,CAAA;AAID,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,oBAAC,gBAAgB,oBACX,IAAI,IACR,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,aAAa,EACzB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAC/B,CACH;CACF,CAAA;AAGD,MAAM,CAAC,MAAM,6BAA6B,GAAU;IAClD,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,CACd,oBAAC,gBAAgB,oBACX,IAAI,IACR,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,aAAa,EACzB,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,EAC/B,eAAe,EAAE,KAAK,IACtB,CACH;CACF,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputTag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputTag/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAA;AAOzG,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,OAAO,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAqJzC,CAAA"}
|
|
@@ -13,6 +13,8 @@ import React, { useCallback, useEffect, useId, useRef, useState } from 'react';
|
|
|
13
13
|
import { InputWrapper, StyledInput, StyledInputBorder, StyledInputContent, StyledLabel } from './styles';
|
|
14
14
|
import { Paragraph } from '../Paragraph';
|
|
15
15
|
import { theme } from '../Themes';
|
|
16
|
+
import { IconWrapper } from '../IconWrapper';
|
|
17
|
+
import { addSVG } from '../../assets/icon';
|
|
16
18
|
export const InputTag = (_a) => {
|
|
17
19
|
var { label, readonly, disabled, leftIcon, rightIcon, tags, setTags, placeholder } = _a, props = __rest(_a, ["label", "readonly", "disabled", "leftIcon", "rightIcon", "tags", "setTags", "placeholder"]);
|
|
18
20
|
const id = useId();
|
|
@@ -52,6 +54,30 @@ export const InputTag = (_a) => {
|
|
|
52
54
|
});
|
|
53
55
|
}
|
|
54
56
|
}, []);
|
|
57
|
+
useEffect(() => {
|
|
58
|
+
const handler = () => updatePositions();
|
|
59
|
+
let resizeObserver = null;
|
|
60
|
+
if (ResizeObserver) {
|
|
61
|
+
resizeObserver = new ResizeObserver(handler);
|
|
62
|
+
if (contentRef.current) {
|
|
63
|
+
resizeObserver.observe(contentRef.current);
|
|
64
|
+
}
|
|
65
|
+
if (labelRef.current) {
|
|
66
|
+
resizeObserver.observe(labelRef.current);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
else {
|
|
70
|
+
window.addEventListener('resize', handler);
|
|
71
|
+
}
|
|
72
|
+
return () => {
|
|
73
|
+
if (resizeObserver) {
|
|
74
|
+
resizeObserver.disconnect();
|
|
75
|
+
}
|
|
76
|
+
else {
|
|
77
|
+
window.removeEventListener('resize', handler);
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
}, [updatePositions]);
|
|
55
81
|
useEffect(() => {
|
|
56
82
|
updatePositions();
|
|
57
83
|
}, [label, updatePositions]);
|
|
@@ -85,9 +111,10 @@ export const InputTag = (_a) => {
|
|
|
85
111
|
addTag();
|
|
86
112
|
}
|
|
87
113
|
}, readOnly: readonly }),
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
114
|
+
React.createElement(React.Fragment, null,
|
|
115
|
+
rightIcon,
|
|
116
|
+
React.createElement("button", { className: 'button-action', onClick: e => addTag(e) },
|
|
117
|
+
React.createElement(IconWrapper, { src: addSVG, width: "24px", height: "24px", color: theme.colors.shade30 })))),
|
|
91
118
|
React.createElement("div", { className: 'container-input-tag' }, tags.map((tag, index) => (React.createElement("button", { className: 'wrapper-tag', key: index },
|
|
92
119
|
React.createElement(Paragraph, { color: theme.colors.cyan30 }, tag),
|
|
93
120
|
React.createElement("button", { onClick: () => removeTag(tag) },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputTag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAA6B,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACzG,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AACxG,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InputTag/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/InputTag/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAA;AAEjC,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/InputTag/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,GAAG,CAAA;AAEjC,eAAO,MAAM,YAAY,6NA8DxB,CAAA;AAED,eAAO,MAAM,WAAW,sOA4BvB,CAAA;AAED,eAAO,MAAM,WAAW,sOAavB,CAAA;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,kBAAkB,4PAiB9B,CAAA;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,QAAQ,CAAA;IACf,OAAO,EAAE,QAAQ,CAAA;CAClB;AAED;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,2PAc7B,CAAA"}
|
|
@@ -4,18 +4,36 @@ export const InputWrapper = styled.div `
|
|
|
4
4
|
position: relative;
|
|
5
5
|
border-radius: 4px;
|
|
6
6
|
.button-action {
|
|
7
|
-
position: absolute;
|
|
8
|
-
right: 0;
|
|
9
|
-
top: 1px;
|
|
10
7
|
display: flex;
|
|
11
8
|
align-items: center;
|
|
12
|
-
|
|
13
|
-
height:
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
justify-content: center;
|
|
10
|
+
height: 36px;
|
|
11
|
+
width: 36px;
|
|
12
|
+
min-width: 36px;
|
|
13
|
+
border-radius: 100%;
|
|
16
14
|
border: none;
|
|
17
15
|
cursor: pointer;
|
|
16
|
+
background-color: ${theme.colors.cyan10};
|
|
17
|
+
opacity: 0.8;
|
|
18
|
+
cursor: pointer;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.button-action svg path {
|
|
22
|
+
fill: ${theme.colors.cyan20};
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.button-action:hover {
|
|
26
|
+
background: ${theme.colors.cyan15};
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.button-action:hover svg path {
|
|
30
|
+
fill: ${theme.colors.cyan20};
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.button-action:active {
|
|
34
|
+
background: ${theme.colors.cyan15};
|
|
18
35
|
}
|
|
36
|
+
|
|
19
37
|
.container-input-tag {
|
|
20
38
|
display: ruby;
|
|
21
39
|
gap: 16px;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/InputTag/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAGjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/InputTag/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAGjC,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;wBAad,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;YAM/B,KAAK,CAAC,MAAM,CAAC,MAAM;;;;kBAIb,KAAK,CAAC,MAAM,CAAC,MAAM;;;;YAIzB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;kBAIb,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;oBAsBjB,KAAK,CAAC,MAAM,CAAC,MAAM;;;;;;;;;CAStC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;;;;;;WAO5B,KAAK,CAAC,MAAM,CAAC,OAAO;;iBAEd,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC;eACxB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;;aASxB,KAAK,CAAC,MAAM,CAAC,OAAO;iBAChB,KAAK,CAAC,SAAS,CAAC,MAAM;;;;;;;;CAQtC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;;WAE5B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;eAQhB,KAAK,CAAC,SAAS,CAAC,KAAK;;;CAGnC,CAAA;AAMD,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAyB;;;;;;;;;;;;;sBAa/C,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAC5D,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK;;YAE5C,CAAC,EAAE,QAAQ,EAA2B,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC;CAC5F,CAAA;AAOD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;;;;;;sBAM7C,KAAK,CAAC,MAAM,CAAC,OAAO;;;OAGnC,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CACxB,KAAK,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,KAAK,KAAK,CAAC;IACrC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM,OAAO,CAAC,KAAK,UAAU,OAAO,CAAC,MAAM,OAAO,OAAO,CAAC,KAAK,SAAS,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,QAAQ,KAAK,CAAC,MAAM,MAAM,KAAK,CAAC,KAAK,WAAW,KAAK,CAAC,MAAM,GAAG;IACtL,CAAC,CAAC,EAAE;;CAEX,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Themes/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Themes/index.ts"],"names":[],"mappings":"AAqDA,eAAO,MAAM,OAAO;;;;;;;;;;CAUnB,CAAA;AAeD,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BjB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Themes/index.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,OAAO,GAAG;IACd,eAAe,EAAE,0BAA0B;CAC5C,CAAA;AAED,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,WAAW,GAAG,aAAa,CAAA;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;CACf,CAAA;AAED,MAAM,MAAM,GAAG;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,IAAI,EAAE,KAAK;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,OAAO;IACP,MAAM,sHACD,MAAM,GACN,MAAM,GACN,GAAG,GACH,KAAK,GACL,IAAI,GACJ,IAAI,KACP,KAAK;QACL,KAAK;QACL,WAAW,KACR,OAAO,CACX;IACD,KAAK,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,CAAC;IAC5E,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Themes/index.ts"],"names":[],"mappings":"AAAA,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,GAAG,GAAG;IACV,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;IAChB,KAAK,EAAE,SAAS;CACjB,CAAA;AAED,MAAM,KAAK,GAAG;IACZ,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;IAClB,OAAO,EAAE,SAAS;CACnB,CAAA;AAED,MAAM,MAAM,GAAG;IACb,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;IACnB,QAAQ,EAAE,SAAS;CACpB,CAAA;AAED,MAAM,IAAI,GAAG;IACX,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;CAClB,CAAA;AAED,MAAM,OAAO,GAAG;IACd,eAAe,EAAE,0BAA0B;CAC5C,CAAA;AAED,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,KAAK,GAAG,SAAS,CAAA;AACvB,MAAM,WAAW,GAAG,aAAa,CAAA;AAEjC,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,KAAK;IACb,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;CACf,CAAA;AAED,MAAM,MAAM,GAAG;IACb,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,CAAC;IACL,IAAI,EAAE,KAAK;CACZ,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG;IACnB,MAAM;IACN,OAAO;IACP,MAAM,sHACD,MAAM,GACN,MAAM,GACN,GAAG,GACH,KAAK,GACL,IAAI,GACJ,IAAI,KACP,KAAK;QACL,KAAK;QACL,WAAW,KACR,OAAO,CACX;IACD,KAAK,EAAE,CAAC,aAAa,EAAE,gBAAgB,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,CAAC;IAC5E,KAAK,EAAE;QACL,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;IACD,SAAS,EAAE;QACT,UAAU,EAAE,MAAM;QAClB,SAAS,EAAE,MAAM;QACjB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,MAAM;KACd;CACF,CAAA"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export type { CountryState, CountryStateSelectProps } from '../CountryStateSelector';
|
|
2
3
|
export type { DatePickerProps } from '../DatePicker';
|
|
3
4
|
export type { DateRangePickerProps } from '../DateRangePicker';
|
|
5
|
+
export type { MultiSelectProps, MultiSelectRef } from '../MultiSelect';
|
|
4
6
|
export type { PaginateProps } from '../Paginate';
|
|
7
|
+
export type { Portal, PortalSelectProps } from '../PortalSelect';
|
|
5
8
|
export type { SelectProps, SelectRef } from '../Select';
|
|
6
|
-
export type {
|
|
7
|
-
export type { PortalSelectProps, Portal } from '../PortalSelect';
|
|
8
|
-
export type { SidebarGroupData, SidebarItemData, SidebarLayoutItemTypeGroup, SidebarLayoutItemTypeItem, SidebarLayoutItemTypeSpacer, SidebarProps, } from '../Sidebar';
|
|
9
|
+
export type { SidebarGroupData, SidebarItemData, SidebarLayoutItemTypeGroup, SidebarLayoutItemTypeItem, SidebarLayoutItemTypeSpacer, SidebarProps } from '../Sidebar';
|
|
9
10
|
type ColorsVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'gray' | 'warning' | 'yellow';
|
|
10
11
|
type ColorsVariantBanner = 'notice' | 'success' | 'danger' | 'warning';
|
|
11
12
|
export interface ButtonTypes extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9D,YAAY,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACvE,YAAY,EAAE,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AACpF,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AACpD,YAAY,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAC9D,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACtE,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAChD,YAAY,EAAE,MAAM,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAChE,YAAY,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACvD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,0BAA0B,EAC1B,yBAAyB,EACzB,2BAA2B,EAC3B,YAAY,EACb,MAAM,YAAY,CAAA;AACnB,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAA;AACnG,KAAK,mBAAmB,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAA;AACtE,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,qBAAsB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IACpF,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;CACpC;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/E,OAAO,CAAC,EAAE,aAAa,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC1B;AAED,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,OAAO,CAAC,EAAE,mBAAmB,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAChE,QAAQ,EAAE,SAAS,CAAA;IACnB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAA;CACjC;AAED,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1C"}
|
package/dist/index.d.ts
CHANGED
|
@@ -12,6 +12,7 @@ export { Paragraph } from './components/Paragraph/index';
|
|
|
12
12
|
export { Select } from './components/Select/index';
|
|
13
13
|
export { MultiSelect } from './components/MultiSelect/index';
|
|
14
14
|
export { PortalSelect } from './components/PortalSelect/index';
|
|
15
|
+
export { CountryStateSelect } from './components/CountryStateSelector/index';
|
|
15
16
|
export { Sidebar } from './components/Sidebar/index';
|
|
16
17
|
export { Table } from './components/Table/index';
|
|
17
18
|
export { Tabs } from './components/Tabs/index';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,cAAc,0BAA0B,CAAA;AAExC,OAAO,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,MAAM,EACN,YAAY,EACZ,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,cAAc,0BAA0B,CAAA;AAExC,OAAO,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,MAAM,EACN,YAAY,EACZ,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -12,6 +12,7 @@ export { Paragraph } from './components/Paragraph/index';
|
|
|
12
12
|
export { Select } from './components/Select/index';
|
|
13
13
|
export { MultiSelect } from './components/MultiSelect/index';
|
|
14
14
|
export { PortalSelect } from './components/PortalSelect/index';
|
|
15
|
+
export { CountryStateSelect } from './components/CountryStateSelector/index';
|
|
15
16
|
export { Sidebar } from './components/Sidebar/index';
|
|
16
17
|
export { Table } from './components/Table/index';
|
|
17
18
|
export { Tabs } from './components/Tabs/index';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,cAAc,0BAA0B,CAAA;AAExC,OAAO,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,MAAM,EACN,YAAY,EACZ,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAA;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oCAAoC,CAAA;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yCAAyC,CAAA;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAA;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AACtD,cAAc,0BAA0B,CAAA;AAExC,OAAO,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,OAAO,EACP,WAAW,EACX,WAAW,EACX,QAAQ,EACR,cAAc,EACd,cAAc,EACd,eAAe,EACf,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,WAAW,EACX,cAAc,EACd,MAAM,EACN,YAAY,EACZ,OAAO,EACP,OAAO,EACP,SAAS,EACT,OAAO,EACP,OAAO,EACP,UAAU,EACV,OAAO,EACP,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,SAAS,EACT,UAAU,EACV,OAAO,EACP,cAAc,EACd,YAAY,GACb,MAAM,qBAAqB,CAAA"}
|
package/package.json
CHANGED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="UTF-8"?>
|
|
2
|
+
<svg width="24px" height="24px" version="1.1" viewBox="0 -960 960 960" xmlns="http://www.w3.org/2000/svg"><path fill="#999999" d="m440-440h-200a40 40 45 0 1-40-40 40 40 135 0 1 40-40h200v-200a40 40 135 0 1 40-40 40 40 45 0 1 40 40v200h200a40 40 45 0 1 40 40 40 40 135 0 1-40 40h-200v200a40 40 135 0 1-40 40 40 40 45 0 1-40-40z"/></svg>
|
package/src/assets/icon/index.ts
CHANGED
|
@@ -36,7 +36,7 @@ import { default as spinSVG } from './spin.svg'
|
|
|
36
36
|
import { default as spreadsheetSVG } from './spreadsheet.svg'
|
|
37
37
|
import { default as wavePulseSVG } from './wave-pulse.svg'
|
|
38
38
|
import { default as logoWaveGrayPNG } from './logoWaveGray.png'
|
|
39
|
-
|
|
39
|
+
import { default as addSVG } from './add.svg'
|
|
40
40
|
export {
|
|
41
41
|
alertSVG,
|
|
42
42
|
appsSVG,
|
|
@@ -76,4 +76,5 @@ export {
|
|
|
76
76
|
spreadsheetSVG,
|
|
77
77
|
wavePulseSVG,
|
|
78
78
|
logoWaveGrayPNG,
|
|
79
|
+
addSVG
|
|
79
80
|
}
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { useMemo, HTMLAttributes, PropsWithChildren, ReactNode, forwardRef } from 'react'
|
|
2
|
+
import { Select, SelectProps, SelectRef } from '../Select'
|
|
3
|
+
import React from 'react'
|
|
4
|
+
|
|
5
|
+
export interface CountryState {
|
|
6
|
+
id: number
|
|
7
|
+
name: string
|
|
8
|
+
abbreviation: string
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
export interface CountryStateSelectProps extends HTMLAttributes<HTMLDivElement> {
|
|
12
|
+
disabled?: boolean
|
|
13
|
+
label?: string
|
|
14
|
+
leftIcon?: ReactNode
|
|
15
|
+
onOptionChange?: (option: CountryState | null) => void
|
|
16
|
+
selectedOption?: CountryState | null
|
|
17
|
+
placeholder?: string
|
|
18
|
+
rightIcon?: ReactNode
|
|
19
|
+
value?: string
|
|
20
|
+
dropDownTop?: boolean
|
|
21
|
+
dropDownWidth?: string
|
|
22
|
+
disableSearch?: boolean
|
|
23
|
+
dropDownMaxHeight?: string
|
|
24
|
+
allStatesOption?: boolean
|
|
25
|
+
/** array of abbreviations of states that will be visible in the select */
|
|
26
|
+
validStates?: string[]
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
const CountryStateSelectFowardRef = (
|
|
30
|
+
{ children, allStatesOption, validStates, ...props }: PropsWithChildren<CountryStateSelectProps>,
|
|
31
|
+
ref: React.ForwardedRef<SelectRef>,
|
|
32
|
+
) => {
|
|
33
|
+
const allStatesOptionValue = allStatesOption !== false
|
|
34
|
+
|
|
35
|
+
const countryStates = useMemo(() => {
|
|
36
|
+
const base = [
|
|
37
|
+
{ id: 1, name: 'Acre', abbreviation: 'AC' },
|
|
38
|
+
{ id: 2, name: 'Alagoas', abbreviation: 'AL' },
|
|
39
|
+
{ id: 3, name: 'Amapá', abbreviation: 'AP' },
|
|
40
|
+
{ id: 4, name: 'Amazonas', abbreviation: 'AM' },
|
|
41
|
+
{ id: 5, name: 'Bahia', abbreviation: 'BA' },
|
|
42
|
+
{ id: 6, name: 'Ceará', abbreviation: 'CE' },
|
|
43
|
+
{ id: 7, name: 'Espírito Santo', abbreviation: 'ES' },
|
|
44
|
+
{ id: 8, name: 'Goiás', abbreviation: 'GO' },
|
|
45
|
+
{ id: 9, name: 'Maranhão', abbreviation: 'MA' },
|
|
46
|
+
{ id: 10, name: 'Mato Grosso', abbreviation: 'MT' },
|
|
47
|
+
{ id: 11, name: 'Mato Grosso do Sul', abbreviation: 'MS' },
|
|
48
|
+
{ id: 12, name: 'Minas Gerais', abbreviation: 'MG' },
|
|
49
|
+
{ id: 13, name: 'Pará', abbreviation: 'PA' },
|
|
50
|
+
{ id: 14, name: 'Paraíba', abbreviation: 'PB' },
|
|
51
|
+
{ id: 15, name: 'Paraná', abbreviation: 'PR' },
|
|
52
|
+
{ id: 16, name: 'Pernambuco', abbreviation: 'PE' },
|
|
53
|
+
{ id: 17, name: 'Piauí', abbreviation: 'PI' },
|
|
54
|
+
{ id: 18, name: 'Rio de Janeiro', abbreviation: 'RJ' },
|
|
55
|
+
{ id: 19, name: 'Rio Grande do Norte', abbreviation: 'RN' },
|
|
56
|
+
{ id: 20, name: 'Rio Grande do Sul', abbreviation: 'RS' },
|
|
57
|
+
{ id: 21, name: 'Rondônia', abbreviation: 'RO' },
|
|
58
|
+
{ id: 22, name: 'Roraima', abbreviation: 'RR' },
|
|
59
|
+
{ id: 23, name: 'Santa Catarina', abbreviation: 'SC' },
|
|
60
|
+
{ id: 24, name: 'São Paulo', abbreviation: 'SP' },
|
|
61
|
+
{ id: 25, name: 'Sergipe', abbreviation: 'SE' },
|
|
62
|
+
{ id: 26, name: 'Tocantins', abbreviation: 'TO' },
|
|
63
|
+
{ id: 27, name: 'Distrito Federal', abbreviation: 'DF' },
|
|
64
|
+
]
|
|
65
|
+
if (!validStates) return base
|
|
66
|
+
return base.filter(state => validStates.includes(state.abbreviation))
|
|
67
|
+
}, [validStates])
|
|
68
|
+
|
|
69
|
+
const countrysStateOptions = allStatesOptionValue
|
|
70
|
+
? [{ id: 0, name: 'Todos os estados', abbreviation: 'BR' }, ...countryStates]
|
|
71
|
+
: countryStates
|
|
72
|
+
|
|
73
|
+
const selectProps: SelectProps<{ text: string; id: number; countryState: CountryState }> = {
|
|
74
|
+
...props,
|
|
75
|
+
placeholder: props.placeholder ?? 'Estado',
|
|
76
|
+
options: countrysStateOptions.map(countryState => {
|
|
77
|
+
return {
|
|
78
|
+
id: countryState.id,
|
|
79
|
+
text: countryState.name,
|
|
80
|
+
countryState,
|
|
81
|
+
}
|
|
82
|
+
}),
|
|
83
|
+
onOptionChange: option => {
|
|
84
|
+
if (props.onOptionChange) {
|
|
85
|
+
if (allStatesOption && !option) {
|
|
86
|
+
props.onOptionChange({
|
|
87
|
+
id: 0,
|
|
88
|
+
name: 'Todos os estados',
|
|
89
|
+
abbreviation: 'BR',
|
|
90
|
+
})
|
|
91
|
+
return
|
|
92
|
+
} else {
|
|
93
|
+
props.onOptionChange(option?.countryState ?? null)
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
},
|
|
97
|
+
selectedOption: props.selectedOption
|
|
98
|
+
? {
|
|
99
|
+
id: props.selectedOption.id,
|
|
100
|
+
text: props.selectedOption.name,
|
|
101
|
+
countryState: props.selectedOption,
|
|
102
|
+
}
|
|
103
|
+
: null,
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
return (
|
|
107
|
+
<Select {...selectProps} ref={ref}>
|
|
108
|
+
{children}
|
|
109
|
+
</Select>
|
|
110
|
+
)
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
export const CountryStateSelect = forwardRef(CountryStateSelectFowardRef) as (
|
|
114
|
+
props: PropsWithChildren<CountryStateSelectProps> & { ref?: React.ForwardedRef<SelectRef> },
|
|
115
|
+
) => React.ReactElement
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react'
|
|
2
|
+
import { CountryStateSelect, CountryStateSelectProps } from './index'
|
|
3
|
+
import React from 'react'
|
|
4
|
+
|
|
5
|
+
const meta: Meta<typeof CountryStateSelect> = {
|
|
6
|
+
title: 'Components/CountryStateSelect',
|
|
7
|
+
component: CountryStateSelect,
|
|
8
|
+
tags: ['autodocs'],
|
|
9
|
+
argTypes: {
|
|
10
|
+
placeholder: { control: 'text' },
|
|
11
|
+
label: { control: 'text' },
|
|
12
|
+
disabled: { control: 'boolean' },
|
|
13
|
+
selectedOption: { control: 'number' },
|
|
14
|
+
onOptionChange: { action: 'selectedOptionChange' },
|
|
15
|
+
dropDownTop: { control: 'boolean' },
|
|
16
|
+
allStatesOption: { control: 'boolean' },
|
|
17
|
+
},
|
|
18
|
+
} satisfies Meta<typeof CountryStateSelect>
|
|
19
|
+
|
|
20
|
+
export default meta
|
|
21
|
+
type Story = StoryObj<typeof CountryStateSelect>
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
const ComponentWrapper = ({ ...args }: CountryStateSelectProps) => {
|
|
25
|
+
const [selectedOption, setSelectOption] = React.useState<CountryStateSelectProps['selectedOption']>(null)
|
|
26
|
+
|
|
27
|
+
return (
|
|
28
|
+
<CountryStateSelect
|
|
29
|
+
{...args}
|
|
30
|
+
selectedOption={selectedOption}
|
|
31
|
+
onOptionChange={option => setSelectOption(option)}
|
|
32
|
+
/>
|
|
33
|
+
)
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
export const Default: Story = {
|
|
37
|
+
render: args => (
|
|
38
|
+
<ComponentWrapper
|
|
39
|
+
{...args}
|
|
40
|
+
label="Label"
|
|
41
|
+
placeholder="Placeholder"
|
|
42
|
+
/>
|
|
43
|
+
),
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
export const OnlySudesteRegion: Story = {
|
|
49
|
+
render: args => (
|
|
50
|
+
<ComponentWrapper
|
|
51
|
+
{...args}
|
|
52
|
+
label="Label"
|
|
53
|
+
placeholder="Placeholder"
|
|
54
|
+
validStates={['SP', 'RJ', 'MG', 'ES']}
|
|
55
|
+
/>
|
|
56
|
+
),
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
export const OnlySulRegion: Story = {
|
|
62
|
+
render: args => (
|
|
63
|
+
<ComponentWrapper
|
|
64
|
+
{...args}
|
|
65
|
+
label="Label"
|
|
66
|
+
placeholder="Placeholder"
|
|
67
|
+
validStates={['PR', 'SC', 'RS']}
|
|
68
|
+
/>
|
|
69
|
+
),
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
export const OnlySulRegionWithoutAllOption: Story = {
|
|
74
|
+
render: args => (
|
|
75
|
+
<ComponentWrapper
|
|
76
|
+
{...args}
|
|
77
|
+
label="Label"
|
|
78
|
+
placeholder="Placeholder"
|
|
79
|
+
validStates={['PR', 'SC', 'RS']}
|
|
80
|
+
allStatesOption={false}
|
|
81
|
+
/>
|
|
82
|
+
),
|
|
83
|
+
}
|
|
@@ -2,6 +2,8 @@ import React, { HTMLAttributes, ReactNode, useCallback, useEffect, useId, useRef
|
|
|
2
2
|
import { InputWrapper, StyledInput, StyledInputBorder, StyledInputContent, StyledLabel } from './styles'
|
|
3
3
|
import { Paragraph } from '../Paragraph'
|
|
4
4
|
import { theme } from '../Themes'
|
|
5
|
+
import { IconWrapper } from '../IconWrapper'
|
|
6
|
+
import { addSVG } from '../../assets/icon'
|
|
5
7
|
|
|
6
8
|
export interface InputProps extends HTMLAttributes<HTMLDivElement> {
|
|
7
9
|
placeholder?: string
|
|
@@ -73,6 +75,31 @@ export const InputTag: React.FC<InputProps> = ({
|
|
|
73
75
|
}
|
|
74
76
|
}, [])
|
|
75
77
|
|
|
78
|
+
useEffect(() => {
|
|
79
|
+
const handler = () => updatePositions()
|
|
80
|
+
|
|
81
|
+
let resizeObserver: ResizeObserver | null = null
|
|
82
|
+
if (ResizeObserver) {
|
|
83
|
+
resizeObserver = new ResizeObserver(handler)
|
|
84
|
+
if (contentRef.current) {
|
|
85
|
+
resizeObserver.observe(contentRef.current)
|
|
86
|
+
}
|
|
87
|
+
if (labelRef.current) {
|
|
88
|
+
resizeObserver.observe(labelRef.current)
|
|
89
|
+
}
|
|
90
|
+
} else {
|
|
91
|
+
window.addEventListener('resize', handler)
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
return () => {
|
|
95
|
+
if (resizeObserver) {
|
|
96
|
+
resizeObserver.disconnect()
|
|
97
|
+
} else {
|
|
98
|
+
window.removeEventListener('resize', handler)
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
}, [updatePositions])
|
|
102
|
+
|
|
76
103
|
useEffect(() => {
|
|
77
104
|
updatePositions()
|
|
78
105
|
}, [label, updatePositions])
|
|
@@ -123,12 +150,16 @@ export const InputTag: React.FC<InputProps> = ({
|
|
|
123
150
|
}}
|
|
124
151
|
readOnly={readonly}
|
|
125
152
|
/>
|
|
126
|
-
|
|
127
|
-
|
|
153
|
+
{
|
|
154
|
+
<>
|
|
155
|
+
{rightIcon}
|
|
156
|
+
<button className={'button-action'} onClick={e => addTag(e)}>
|
|
157
|
+
<IconWrapper src={addSVG} width="24px" height="24px" color={theme.colors.shade30} />
|
|
158
|
+
</button>
|
|
159
|
+
</>
|
|
160
|
+
}
|
|
128
161
|
</StyledInputContent>
|
|
129
|
-
|
|
130
|
-
<Paragraph color={theme.colors.cyan30}>add</Paragraph>
|
|
131
|
-
</button>
|
|
162
|
+
|
|
132
163
|
<div className={'container-input-tag'}>
|
|
133
164
|
{tags.map((tag, index) => (
|
|
134
165
|
<button className={'wrapper-tag'} key={index}>
|
|
@@ -6,18 +6,36 @@ export const InputWrapper = styled.div`
|
|
|
6
6
|
position: relative;
|
|
7
7
|
border-radius: 4px;
|
|
8
8
|
.button-action {
|
|
9
|
-
position: absolute;
|
|
10
|
-
right: 0;
|
|
11
|
-
top: 1px;
|
|
12
9
|
display: flex;
|
|
13
10
|
align-items: center;
|
|
14
|
-
|
|
15
|
-
height:
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
justify-content: center;
|
|
12
|
+
height: 36px;
|
|
13
|
+
width: 36px;
|
|
14
|
+
min-width: 36px;
|
|
15
|
+
border-radius: 100%;
|
|
18
16
|
border: none;
|
|
19
17
|
cursor: pointer;
|
|
18
|
+
background-color: ${theme.colors.cyan10};
|
|
19
|
+
opacity: 0.8;
|
|
20
|
+
cursor: pointer;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.button-action svg path {
|
|
24
|
+
fill: ${theme.colors.cyan20};
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.button-action:hover {
|
|
28
|
+
background: ${theme.colors.cyan15};
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.button-action:hover svg path {
|
|
32
|
+
fill: ${theme.colors.cyan20};
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.button-action:active {
|
|
36
|
+
background: ${theme.colors.cyan15};
|
|
20
37
|
}
|
|
38
|
+
|
|
21
39
|
.container-input-tag {
|
|
22
40
|
display: ruby;
|
|
23
41
|
gap: 16px;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react'
|
|
2
|
+
export type { CountryState, CountryStateSelectProps } from '../CountryStateSelector'
|
|
2
3
|
export type { DatePickerProps } from '../DatePicker'
|
|
3
4
|
export type { DateRangePickerProps } from '../DateRangePicker'
|
|
5
|
+
export type { MultiSelectProps, MultiSelectRef } from '../MultiSelect'
|
|
4
6
|
export type { PaginateProps } from '../Paginate'
|
|
7
|
+
export type { Portal, PortalSelectProps } from '../PortalSelect'
|
|
5
8
|
export type { SelectProps, SelectRef } from '../Select'
|
|
6
|
-
export type { MultiSelectProps, MultiSelectRef } from '../MultiSelect'
|
|
7
|
-
export type { PortalSelectProps, Portal } from '../PortalSelect'
|
|
8
9
|
export type {
|
|
9
10
|
SidebarGroupData,
|
|
10
11
|
SidebarItemData,
|
|
11
12
|
SidebarLayoutItemTypeGroup,
|
|
12
13
|
SidebarLayoutItemTypeItem,
|
|
13
14
|
SidebarLayoutItemTypeSpacer,
|
|
14
|
-
SidebarProps
|
|
15
|
+
SidebarProps
|
|
15
16
|
} from '../Sidebar'
|
|
16
17
|
type ColorsVariant = 'primary' | 'secondary' | 'success' | 'danger' | 'gray' | 'warning' | 'yellow'
|
|
17
18
|
type ColorsVariantBanner = 'notice' | 'success' | 'danger' | 'warning'
|
|
18
|
-
|
|
19
19
|
export interface ButtonTypes extends ButtonHTMLAttributes<HTMLButtonElement> {
|
|
20
20
|
variant?: ColorsVariant
|
|
21
21
|
icon?: string
|
package/src/index.tsx
CHANGED
|
@@ -12,6 +12,7 @@ export { Paragraph } from './components/Paragraph/index'
|
|
|
12
12
|
export { Select } from './components/Select/index'
|
|
13
13
|
export { MultiSelect } from './components/MultiSelect/index'
|
|
14
14
|
export { PortalSelect } from './components/PortalSelect/index'
|
|
15
|
+
export { CountryStateSelect } from './components/CountryStateSelector/index'
|
|
15
16
|
export { Sidebar } from './components/Sidebar/index'
|
|
16
17
|
export { Table } from './components/Table/index'
|
|
17
18
|
export { Tabs } from './components/Tabs/index'
|