@egov3/system-design 1.3.157 → 1.3.158
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/esm/baseComponents/SearchBar/index.js +8 -3
- package/dist/esm/baseComponents/SearchBar/index.js.map +1 -1
- package/dist/types/baseComponents/SearchBar/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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"}
|
|
@@ -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":";;;;;;;;;;;AA2BA,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS;AAEvB,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,eAAe,EACf,aAAa,EACb,aAAa,EACb,cAAc,EACd,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,YAAY,GAAG,EAAE,EACjB,eAAe,GAAG,IAAI,EACtB,WAAW,GAAG,EAAE,EAChB,YAAY,EAAE,SAAS,GAAG,EAAE,EAC5B,aAAa,GAAG,GAAG,EACnB,SAAS,GACO,KAAI;IACpB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC;AAChD,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;AAE/C,IAAA,MAAM,oBAAoB,GAAG,MAAM,CAAqC,IAAI,CAAC;IAE7E,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC,YAAY,CAAC,GAAG,YAAY;QAC3E,QAAQ,CAAC,gBAAgB,CAAC;AAC5B,IAAA,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;IAE7B,SAAS,CAAC,MAAK;QACb,oBAAoB,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAC,KAAa,KAAI;YACxD,IAAI,cAAc,EAAE;gBAClB,cAAc,CAAC,KAAK,CAAC;YACvB;QACF,CAAC,EAAE,aAAa,CAAC;AAEjB,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,oBAAoB,CAAC,OAAO,EAAE;AAChC,gBAAA,oBAAoB,CAAC,OAAO,CAAC,MAAM,EAAE;YACvC;AACF,QAAA,CAAC;AACH,IAAA,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,CAAC,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAA4C,KAAI;AAC/C,QAAA,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,CAAC,eAAe;YAAE;AAE9C,QAAA,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;YACzB,KAAK,CAAC,cAAc,EAAE;AACtB,YAAA,IAAI,aAAa,IAAI,KAAK,CAAC,IAAI,EAAE,EAAE;AACjC,gBAAA,aAAa,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YAC7B;QACF;AACF,IAAA,CAAC,EACD,CAAC,QAAQ,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,KAAK,CAAC,CAC3D;AAED,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;QACnC,IAAI,QAAQ,IAAI,OAAO;YAAE;QAEzB,QAAQ,CAAC,EAAE,CAAC;AAEZ,QAAA,IAAI,oBAAoB,CAAC,OAAO,EAAE;AAChC,YAAA,oBAAoB,CAAC,OAAO,CAAC,MAAM,EAAE;QACvC;AAEA,QAAA,aAAa,GAAG,EAAE,CAAC;AACnB,QAAA,cAAc,GAAG,EAAE,CAAC;QACpB,aAAa,IAAI;AAEjB,QAAA,QAAQ,CAAC,OAAO,EAAE,KAAK,EAAE;AAC3B,IAAA,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC;AAErE,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAAyC,KAAI;QAC5C,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,IAAI,eAAe,IAAI,CAAC,QAAQ,EAAE;AAChC,YAAA,eAAe,EAAE;QACnB;AACF,IAAA,CAAC,EACD,CAAC,eAAe,EAAE,QAAQ,CAAC,CAC5B;AAED,IAAA,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,KAAI;AACzC,QAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK;AAC/B,QAAA,MAAM,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,QAAQ,CAAC,GAAG,QAAQ;QAC3D,QAAQ,CAAC,QAAQ,CAAC;AAElB,QAAA,IAAI,oBAAoB,CAAC,OAAO,EAAE;AAChC,YAAA,oBAAoB,CAAC,OAAO,CAAC,QAAQ,CAAC;QACxC;AACF,IAAA,CAAC,EACD,CAAC,SAAS,CAAC,CACZ;AAED,IAAA,MAAM,qBAAqB,GAAG,WAAW,CACvC,MAAM,CAAC,cAAc,EACrB,MAAM,CAAC,CAAA,gBAAA,EAAmB,OAAO,CAAA,CAAE,CAAC,CACrC;IAED,MAAM,YAAY,GAAG,WAAW,CAC9B,MAAM,CAAC,KAAK,EACZ,OAAO,KAAK,MAAM,GAAG,UAAU,CAAC,YAAY,GAAG,UAAU,CAAC,YAAY,CACvE;IAED,MAAM,eAAe,GAAG,WAAW,IAAI,OAAO,CAAC,sBAAsB,CAAC,IAAI,CAAC;IAE3E,MAAM,aAAa,GAAG,SAAS,IAAI,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC;AAErE,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EACc,mBAAmB,EAC/B,SAAS,EAAE,MAAM,CAAC,YAAY,EAAA,cAAA,EAChB,OAAO,EAAA,cAAA,EACP,OAAO,mBACN,QAAQ,EAAA,QAAA,EAEvBC,6BACc,mCAAmC,EAC/C,SAAS,EAAE,qBAAqB,EAAA,QAAA,EAAA,CAEhCD,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EAAc,qBAAqB,YAClE,OAAO,IACNA,IAAC,UAAU,EAAA,EACT,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,aAAA,EACjB,wBAAwB,GACpC,KAEFA,GAAA,CAAC,UAAU,IACT,SAAS,EAAE,MAAM,CAAC,UAAU,EAAA,aAAA,EAChB,uBAAuB,GACnC,CACH,EAAA,CACG,EACNA,GAAA,CAAA,OAAA,EAAA,EACE,GAAG,EAAE,QAAQ,EAAA,aAAA,EACD,iBAAiB,EAC7B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,CAAC,eAAe,EAAA,YAAA,EACf,aAAa,EACzB,WAAW,EAAE,eAAe,EAC5B,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAE,aAAa,EACxB,SAAS,EAAE,YAAY,GACvB,EACD,eAAe,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,eAAe,KACtDA,+BACc,wBAAwB,EACpC,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,MAAM,CAAC,WAAW,EAAA,YAAA,EACjB,OAAO,CAAC,WAAW,CAAC,IAAI,CAAC,EACrC,QAAQ,EAAE,QAAQ,EAAA,QAAA,EAElBA,GAAA,CAAC,SAAS,EAAA,EACR,SAAS,EAAE,MAAM,CAAC,SAAS,EAAA,aAAA,EACf,sBAAsB,EAAA,CAClC,EAAA,CACK,CACV,CAAA,EAAA,CACG,EAAA,CACF;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 };
|