kiban-design-system 1.1.12-hotfix.0 → 1.1.13-hotfix.0
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/index.js
CHANGED
|
@@ -30537,7 +30537,7 @@ const AlphaGraphicCard = ({ data }) => {
|
|
|
30537
30537
|
};
|
|
30538
30538
|
|
|
30539
30539
|
const COMPONENT_NAME = 'AlphaZipCodeInput';
|
|
30540
|
-
const AlphaZipCodeInput = ({ label, isRequired, items, onBlur, onFocus, onChange, value, labelEmpty, loading, }) => {
|
|
30540
|
+
const AlphaZipCodeInput = ({ label, isRequired, items, onBlur, onFocus, onChange, value, labelEmpty, loading, placeholder, }) => {
|
|
30541
30541
|
const [isFocusActive, setIsFocusActive] = useState(false);
|
|
30542
30542
|
const [showPopover, setShowPopover] = useState(false);
|
|
30543
30543
|
const handleOnBlur = () => {
|
|
@@ -30560,7 +30560,7 @@ const AlphaZipCodeInput = ({ label, isRequired, items, onBlur, onFocus, onChange
|
|
|
30560
30560
|
};
|
|
30561
30561
|
const labelMarkup = label ? (jsx("div", Object.assign({ className: `${COMPONENT_NAME}__LabelWrapper` }, { children: jsxs("label", Object.assign({ className: `${COMPONENT_NAME}__Label` }, { children: [label, isRequired ? (jsx("span", Object.assign({ className: `${COMPONENT_NAME}__Label--isRequired` }, { children: "*" }), void 0)) : null] }), void 0) }), void 0)) : null;
|
|
30562
30562
|
const classesInput = cssClassName(`${COMPONENT_NAME}__InputWrapper`, isFocusActive && 'isFocus', loading && 'loading');
|
|
30563
|
-
const inputMarkup = (jsx("div", Object.assign({ className: classesInput }, { children: jsx("input", { className: `${COMPONENT_NAME}__InputWrapper--input`, onBlur: handleOnBlur, onFocus: handleOnFocus, onChange: handleOnChange, maxLength: 5, value: value }, void 0) }), void 0));
|
|
30563
|
+
const inputMarkup = (jsx("div", Object.assign({ className: classesInput }, { children: jsx("input", { className: `${COMPONENT_NAME}__InputWrapper--input`, onBlur: handleOnBlur, onFocus: handleOnFocus, onChange: handleOnChange, maxLength: 5, value: value, placeholder: placeholder }, void 0) }), void 0));
|
|
30564
30564
|
const handleOnSelectItem = (item) => {
|
|
30565
30565
|
if (onChange)
|
|
30566
30566
|
onChange(item[0]);
|