@egov3/system-design 1.3.157 → 1.3.159
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/baseComponents/SearchBar/index.js +8 -3
- package/dist/cjs/baseComponents/SearchBar/index.js.map +1 -1
- package/dist/cjs/components/Services/NextStepComponent/NextStepComponent.module.css.js +2 -2
- package/dist/cjs/components/Services/NextStepComponent/index.js +8 -1
- package/dist/cjs/components/Services/NextStepComponent/index.js.map +1 -1
- package/dist/esm/baseComponents/SearchBar/index.js +8 -3
- package/dist/esm/baseComponents/SearchBar/index.js.map +1 -1
- package/dist/esm/components/Services/NextStepComponent/NextStepComponent.module.css.js +2 -2
- package/dist/esm/components/Services/NextStepComponent/index.js +8 -1
- package/dist/esm/components/Services/NextStepComponent/index.js.map +1 -1
- package/dist/types/baseComponents/SearchBar/index.d.ts +2 -1
- package/dist/types/components/Services/NextStepComponent/index.d.ts +2 -1
- package/package.json +1 -1
|
@@ -12,10 +12,14 @@ var typography_module = require('../../styles/typography.module.css.js');
|
|
|
12
12
|
var SearchBar_module = require('./SearchBar.module.css.js');
|
|
13
13
|
|
|
14
14
|
const langDic = index.i18n.SearchBar;
|
|
15
|
-
const SearchBar = ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handleOnChange, variant = "default", loading = false, disabled = false, defaultValue = "", showClearButton = true, placeholder = "", "aria-label": ariaLabel = "", debounceDelay = 300, }) => {
|
|
15
|
+
const SearchBar = ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handleOnChange, variant = "default", loading = false, disabled = false, defaultValue = "", showClearButton = true, placeholder = "", "aria-label": ariaLabel = "", debounceDelay = 300, formatter, }) => {
|
|
16
16
|
const [value, setValue] = React.useState(defaultValue);
|
|
17
17
|
const inputRef = React.useRef(null);
|
|
18
18
|
const debouncedOnChangeRef = React.useRef(null);
|
|
19
|
+
React.useEffect(() => {
|
|
20
|
+
const formattedDefault = formatter ? formatter(defaultValue) : defaultValue;
|
|
21
|
+
setValue(formattedDefault);
|
|
22
|
+
}, [defaultValue, formatter]);
|
|
19
23
|
React.useEffect(() => {
|
|
20
24
|
debouncedOnChangeRef.current = debounce.debounce((value) => {
|
|
21
25
|
if (handleOnChange) {
|
|
@@ -57,12 +61,13 @@ const SearchBar = ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handle
|
|
|
57
61
|
}
|
|
58
62
|
}, [handleModalOpen, disabled]);
|
|
59
63
|
const handleChange = React.useCallback((e) => {
|
|
60
|
-
const
|
|
64
|
+
const rawValue = e.target.value;
|
|
65
|
+
const newValue = formatter ? formatter(rawValue) : rawValue;
|
|
61
66
|
setValue(newValue);
|
|
62
67
|
if (debouncedOnChangeRef.current) {
|
|
63
68
|
debouncedOnChangeRef.current(newValue);
|
|
64
69
|
}
|
|
65
|
-
}, []);
|
|
70
|
+
}, [formatter]);
|
|
66
71
|
const inputContainerClasses = joinClasses.joinClasses(SearchBar_module.default.inputContainer, SearchBar_module.default[`inputContainer--${variant}`]);
|
|
67
72
|
const inputClasses = joinClasses.joinClasses(SearchBar_module.default.input, variant === "slim" ? typography_module.default.body2Regular : typography_module.default.body1Regular);
|
|
68
73
|
const placeholderText = placeholder || langDic.SearchInputPlaceHolder[lang];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SearchBar/index.tsx"],"sourcesContent":[null],"names":["i18n","useState","useRef","useEffect","debounce","useCallback","joinClasses","styles","typography","_jsx","_jsxs","LoaderIcon","SearchIcon","ClearIcon"],"mappings":";;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SearchBar/index.tsx"],"sourcesContent":[null],"names":["i18n","useState","useRef","useEffect","debounce","useCallback","joinClasses","styles","typography","_jsx","_jsxs","LoaderIcon","SearchIcon","ClearIcon"],"mappings":"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"}
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css_248z = ".NextStepComponent-module_nextStepBtnWrapper__at3wv {\n display: flex;\n padding: 16px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS {\n display: flex;\n padding: 14px 48px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n}\n";
|
|
6
|
-
var styles = {"nextStepBtnWrapper":"NextStepComponent-module_nextStepBtnWrapper__at3wv","nextStepBtn":"NextStepComponent-module_nextStepBtn__N-znS"};
|
|
5
|
+
var css_248z = ".NextStepComponent-module_nextStepBtnWrapper__at3wv {\n display: flex;\n padding: 16px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS {\n display: flex;\n padding: 14px 48px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS.NextStepComponent-module_mobile__OnnN7 {\n width: 100%;\n}\n";
|
|
6
|
+
var styles = {"nextStepBtnWrapper":"NextStepComponent-module_nextStepBtnWrapper__at3wv","nextStepBtn":"NextStepComponent-module_nextStepBtn__N-znS","mobile":"NextStepComponent-module_mobile__OnnN7"};
|
|
7
7
|
function styleInject(css, options) {
|
|
8
8
|
if (typeof document === 'undefined') return;
|
|
9
9
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var jsxRuntime = require('react/jsx-runtime');
|
|
4
4
|
require('../../../styles/colors.css.js');
|
|
5
|
+
var joinClasses = require('../../../utils/joinClasses.js');
|
|
5
6
|
require('../../../baseComponents/Accordion/Accordion.module.css.js');
|
|
6
7
|
require('@egov3/graphics/General/Close');
|
|
7
8
|
require('react');
|
|
@@ -41,7 +42,13 @@ require('../../../baseComponents/TextareaField/index.js');
|
|
|
41
42
|
var NextStepComponent_module = require('./NextStepComponent.module.css.js');
|
|
42
43
|
|
|
43
44
|
const langDic = index$1.i18n.Common;
|
|
44
|
-
const NextStepComponent = ({ disabled, handleNextStepClick, lang,
|
|
45
|
+
const NextStepComponent = ({ disabled, handleNextStepClick, lang, isMobile = false, }) => {
|
|
46
|
+
const button = (jsxRuntime.jsx(index.Button, { "data-testid": "NextStepBtn", "aria-label": langDic.AriaCompleteStepAndContinue[lang], size: "large", className: joinClasses.joinClasses(NextStepComponent_module.default.nextStepBtn, isMobile && NextStepComponent_module.default.mobile), onClick: handleNextStepClick, disabled: disabled, "aria-disabled": disabled, children: langDic.NextStep[lang] }));
|
|
47
|
+
if (isMobile) {
|
|
48
|
+
return button;
|
|
49
|
+
}
|
|
50
|
+
return (jsxRuntime.jsx("div", { "data-testid": "NextStepBtn_WRAPPER", className: NextStepComponent_module.default.nextStepBtnWrapper, children: button }));
|
|
51
|
+
};
|
|
45
52
|
|
|
46
53
|
exports.NextStepComponent = NextStepComponent;
|
|
47
54
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/NextStepComponent/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsx","
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/NextStepComponent/index.tsx"],"sourcesContent":[null],"names":["i18n","_jsx","Button","joinClasses","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,OAAO,GAAGA,YAAI,CAAC,MAAM;AAEpB,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,mBAAmB,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,GACQ,KAAI;IAC5B,MAAM,MAAM,IACVC,cAAA,CAACC,YAAM,mBACO,aAAa,EAAA,YAAA,EACb,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,EACrD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAEC,uBAAW,CAACC,gCAAM,CAAC,WAAW,EAAE,QAAQ,IAAIA,gCAAM,CAAC,MAAM,CAAC,EACrE,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EAAA,QAAA,EAEtB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,CAChB,CACV;IAED,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,QACEH,cAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAEG,gCAAM,CAAC,kBAAkB,EAAA,QAAA,EAEnC,MAAM,EAAA,CACH;AAEV;;;;"}
|
|
@@ -10,10 +10,14 @@ import typography from '../../styles/typography.module.css.js';
|
|
|
10
10
|
import styles from './SearchBar.module.css.js';
|
|
11
11
|
|
|
12
12
|
const langDic = i18n.SearchBar;
|
|
13
|
-
const SearchBar = ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handleOnChange, variant = "default", loading = false, disabled = false, defaultValue = "", showClearButton = true, placeholder = "", "aria-label": ariaLabel = "", debounceDelay = 300, }) => {
|
|
13
|
+
const SearchBar = ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handleOnChange, variant = "default", loading = false, disabled = false, defaultValue = "", showClearButton = true, placeholder = "", "aria-label": ariaLabel = "", debounceDelay = 300, formatter, }) => {
|
|
14
14
|
const [value, setValue] = useState(defaultValue);
|
|
15
15
|
const inputRef = useRef(null);
|
|
16
16
|
const debouncedOnChangeRef = useRef(null);
|
|
17
|
+
useEffect(() => {
|
|
18
|
+
const formattedDefault = formatter ? formatter(defaultValue) : defaultValue;
|
|
19
|
+
setValue(formattedDefault);
|
|
20
|
+
}, [defaultValue, formatter]);
|
|
17
21
|
useEffect(() => {
|
|
18
22
|
debouncedOnChangeRef.current = debounce((value) => {
|
|
19
23
|
if (handleOnChange) {
|
|
@@ -55,12 +59,13 @@ const SearchBar = ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handle
|
|
|
55
59
|
}
|
|
56
60
|
}, [handleModalOpen, disabled]);
|
|
57
61
|
const handleChange = useCallback((e) => {
|
|
58
|
-
const
|
|
62
|
+
const rawValue = e.target.value;
|
|
63
|
+
const newValue = formatter ? formatter(rawValue) : rawValue;
|
|
59
64
|
setValue(newValue);
|
|
60
65
|
if (debouncedOnChangeRef.current) {
|
|
61
66
|
debouncedOnChangeRef.current(newValue);
|
|
62
67
|
}
|
|
63
|
-
}, []);
|
|
68
|
+
}, [formatter]);
|
|
64
69
|
const inputContainerClasses = joinClasses(styles.inputContainer, styles[`inputContainer--${variant}`]);
|
|
65
70
|
const inputClasses = joinClasses(styles.input, variant === "slim" ? typography.body2Regular : typography.body1Regular);
|
|
66
71
|
const placeholderText = placeholder || langDic.SearchInputPlaceHolder[lang];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SearchBar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/baseComponents/SearchBar/index.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
var css_248z = ".NextStepComponent-module_nextStepBtnWrapper__at3wv {\n display: flex;\n padding: 16px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS {\n display: flex;\n padding: 14px 48px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n}\n";
|
|
2
|
-
var styles = {"nextStepBtnWrapper":"NextStepComponent-module_nextStepBtnWrapper__at3wv","nextStepBtn":"NextStepComponent-module_nextStepBtn__N-znS"};
|
|
1
|
+
var css_248z = ".NextStepComponent-module_nextStepBtnWrapper__at3wv {\n display: flex;\n padding: 16px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 16px;\n align-self: stretch;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS {\n display: flex;\n padding: 14px 48px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n}\n\n.NextStepComponent-module_nextStepBtn__N-znS.NextStepComponent-module_mobile__OnnN7 {\n width: 100%;\n}\n";
|
|
2
|
+
var styles = {"nextStepBtnWrapper":"NextStepComponent-module_nextStepBtnWrapper__at3wv","nextStepBtn":"NextStepComponent-module_nextStepBtn__N-znS","mobile":"NextStepComponent-module_mobile__OnnN7"};
|
|
3
3
|
function styleInject(css, options) {
|
|
4
4
|
if (typeof document === 'undefined') return;
|
|
5
5
|
const head = document.head || document.getElementsByTagName('head')[0];
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import '../../../styles/colors.css.js';
|
|
3
|
+
import { joinClasses } from '../../../utils/joinClasses.js';
|
|
3
4
|
import '../../../baseComponents/Accordion/Accordion.module.css.js';
|
|
4
5
|
import '@egov3/graphics/General/Close';
|
|
5
6
|
import 'react';
|
|
@@ -39,7 +40,13 @@ import '../../../baseComponents/TextareaField/index.js';
|
|
|
39
40
|
import styles from './NextStepComponent.module.css.js';
|
|
40
41
|
|
|
41
42
|
const langDic = i18n.Common;
|
|
42
|
-
const NextStepComponent = ({ disabled, handleNextStepClick, lang,
|
|
43
|
+
const NextStepComponent = ({ disabled, handleNextStepClick, lang, isMobile = false, }) => {
|
|
44
|
+
const button = (jsx(Button, { "data-testid": "NextStepBtn", "aria-label": langDic.AriaCompleteStepAndContinue[lang], size: "large", className: joinClasses(styles.nextStepBtn, isMobile && styles.mobile), onClick: handleNextStepClick, disabled: disabled, "aria-disabled": disabled, children: langDic.NextStep[lang] }));
|
|
45
|
+
if (isMobile) {
|
|
46
|
+
return button;
|
|
47
|
+
}
|
|
48
|
+
return (jsx("div", { "data-testid": "NextStepBtn_WRAPPER", className: styles.nextStepBtnWrapper, children: button }));
|
|
49
|
+
};
|
|
43
50
|
|
|
44
51
|
export { NextStepComponent };
|
|
45
52
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/NextStepComponent/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../../src/components/Services/NextStepComponent/index.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,OAAO,GAAG,IAAI,CAAC,MAAM;AAEpB,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,mBAAmB,EACnB,IAAI,EACJ,QAAQ,GAAG,KAAK,GACQ,KAAI;IAC5B,MAAM,MAAM,IACVA,GAAA,CAAC,MAAM,mBACO,aAAa,EAAA,YAAA,EACb,OAAO,CAAC,2BAA2B,CAAC,IAAI,CAAC,EACrD,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,WAAW,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,EACrE,OAAO,EAAE,mBAAmB,EAC5B,QAAQ,EAAE,QAAQ,EAAA,eAAA,EACH,QAAQ,EAAA,QAAA,EAEtB,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA,CAChB,CACV;IAED,IAAI,QAAQ,EAAE;AACZ,QAAA,OAAO,MAAM;IACf;AAEA,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,qBAAqB,EACjC,SAAS,EAAE,MAAM,CAAC,kBAAkB,EAAA,QAAA,EAEnC,MAAM,EAAA,CACH;AAEV;;;;"}
|
|
@@ -14,8 +14,9 @@ interface ISearchBarProps extends ILangProps {
|
|
|
14
14
|
placeholder?: string;
|
|
15
15
|
"aria-label"?: string;
|
|
16
16
|
debounceDelay?: number;
|
|
17
|
+
formatter?: (value: string) => string;
|
|
17
18
|
}
|
|
18
|
-
declare const SearchBar: ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handleOnChange, variant, loading, disabled, defaultValue, showClearButton, placeholder, "aria-label": ariaLabel, debounceDelay, }: ISearchBarProps) => react.JSX.Element;
|
|
19
|
+
declare const SearchBar: ({ lang, handleModalOpen, handleOnEnter, handleOnClear, handleOnChange, variant, loading, disabled, defaultValue, showClearButton, placeholder, "aria-label": ariaLabel, debounceDelay, formatter, }: ISearchBarProps) => react.JSX.Element;
|
|
19
20
|
|
|
20
21
|
export { SearchBar };
|
|
21
22
|
export type { ISearchBarProps };
|
|
@@ -4,8 +4,9 @@ import { ILangProps } from '../../../interfaces/common/index.js';
|
|
|
4
4
|
interface INextStepComponentProps extends ILangProps {
|
|
5
5
|
disabled: boolean;
|
|
6
6
|
handleNextStepClick: () => Promise<void>;
|
|
7
|
+
isMobile: boolean;
|
|
7
8
|
}
|
|
8
|
-
declare const NextStepComponent: ({ disabled, handleNextStepClick, lang, }: INextStepComponentProps) => react.JSX.Element;
|
|
9
|
+
declare const NextStepComponent: ({ disabled, handleNextStepClick, lang, isMobile, }: INextStepComponentProps) => react.JSX.Element;
|
|
9
10
|
|
|
10
11
|
export { NextStepComponent };
|
|
11
12
|
export type { INextStepComponentProps };
|