kiban-design-system 1.0.276-alpha.0 → 1.0.277-alpha.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
|
@@ -30662,7 +30662,7 @@ const AlphaGraphicCard = ({ data }) => {
|
|
|
30662
30662
|
};
|
|
30663
30663
|
|
|
30664
30664
|
const COMPONENT_NAME = 'AlphaZipCodeInput';
|
|
30665
|
-
const AlphaZipCodeInput = ({ label, isRequired, items, onBlur, onFocus, onChange, value, labelEmpty, loading, }) => {
|
|
30665
|
+
const AlphaZipCodeInput = ({ label, isRequired, items, onBlur, onFocus, onChange, value, labelEmpty, loading, placeholder, }) => {
|
|
30666
30666
|
const [isFocusActive, setIsFocusActive] = useState(false);
|
|
30667
30667
|
const [showPopover, setShowPopover] = useState(false);
|
|
30668
30668
|
const handleOnBlur = () => {
|
|
@@ -30685,7 +30685,7 @@ const AlphaZipCodeInput = ({ label, isRequired, items, onBlur, onFocus, onChange
|
|
|
30685
30685
|
};
|
|
30686
30686
|
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;
|
|
30687
30687
|
const classesInput = cssClassName(`${COMPONENT_NAME}__InputWrapper`, isFocusActive && 'isFocus', loading && 'loading');
|
|
30688
|
-
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));
|
|
30688
|
+
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));
|
|
30689
30689
|
const handleOnSelectItem = (item) => {
|
|
30690
30690
|
if (onChange)
|
|
30691
30691
|
onChange(item[0]);
|