kui-complex 0.0.109 → 0.0.111

package/index.d.ts

@@ -388,6 +388,7 @@ type InputWithAutoCompleteProps<T, U> = {
   renderCreatingModal?: (props: ModalProps) => ReactNode
   endComponent?: ReactNode
   inputRef?: RefObject<HTMLInputElement>
+  onOpen?: (isOpen: boolean) => void
 } & InputProps<T>
 
 type OptionParams = {
@@ -395,7 +396,7 @@ type OptionParams = {
   id_ml?: number
 }
 
-declare function InputWithAutocomplete<T extends object, U extends OptionParams>({ renderOption, options, name, hideName, form, isLoading, onSelectItem, handleScrollEnd, onSearchItem, isLabelLoading, disabled, creatingLabel, renderCreatingModal, endComponent, inputRef: inputRefProps, ...inputProps }: InputWithAutoCompleteProps<T, U>): _emotion_react_jsx_runtime.JSX.Element;
+declare function InputWithAutocomplete<T extends object, U extends OptionParams>({ renderOption, options, name, hideName, form, isLoading, onSelectItem, handleScrollEnd, onSearchItem, isLabelLoading, disabled, creatingLabel, renderCreatingModal, endComponent, inputRef: inputRefProps, onOpen, ...inputProps }: InputWithAutoCompleteProps<T, U>): _emotion_react_jsx_runtime.JSX.Element;
 
 type AutocompleteOptionProps = {
   label: string

package/index.js

@@ -386,17 +386,22 @@ var templateObject_1$x, templateObject_2$k, templateObject_3$9;
 var InputForDatepicker = forwardRef(function (props, ref) {
     var onClick = props.onClick, disabled = props.disabled, handleClick = props.handleClick, startIcon = props.startIcon, other = __rest(props, ["onClick", "disabled", "handleClick", "startIcon"]);
     var handleIconClick = function () {
-        if (handleClick) {
-            handleClick();
-        }
-        else {
-            onClick();
+        if (!disabled) {
+            if (handleClick) {
+                handleClick();
+            }
+            else {
+                onClick();
+            }
         }
     };
     var Icon = function () { return (jsx(IconWrapper, __assign({ disabled: disabled, onClick: handleIconClick }, { children: startIcon || jsx(CalendarIcon, { width: 19, height: 21 }) }))); };
     return (jsx(InputWithMask$1, __assign({ disabled: disabled, endIcon: !startIcon && jsx(Icon, {}), startIcon: startIcon && jsx(Icon, {}) }, other, { ref: ref })));
 });
-var IconWrapper = styled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  z-index: 1;\n"])));
+var IconWrapper = styled.div(templateObject_1$w || (templateObject_1$w = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  cursor: ", ";\n  z-index: 1;\n"], ["\n  display: flex;\n  align-items: center;\n  cursor: ", ";\n  z-index: 1;\n"])), function (_a) {
+    var disabled = _a.disabled;
+    return (disabled ? "auto" : "pointer");
+});
 var templateObject_1$w;
 
 var MonthPickerContainer = forwardRef(function (_a, ref) {
@@ -1325,7 +1330,7 @@ var templateObject_1$6, templateObject_2$4;
 
 function InputWithAutocomplete(_a) {
     var _b;
-    var renderOption = _a.renderOption, options = _a.options, name = _a.name, hideName = _a.hideName, form = _a.form, isLoading = _a.isLoading, onSelectItem = _a.onSelectItem, handleScrollEnd = _a.handleScrollEnd, onSearchItem = _a.onSearchItem, isLabelLoading = _a.isLabelLoading, disabled = _a.disabled, creatingLabel = _a.creatingLabel, renderCreatingModal = _a.renderCreatingModal, endComponent = _a.endComponent, inputRefProps = _a.inputRef, inputProps = __rest(_a, ["renderOption", "options", "name", "hideName", "form", "isLoading", "onSelectItem", "handleScrollEnd", "onSearchItem", "isLabelLoading", "disabled", "creatingLabel", "renderCreatingModal", "endComponent", "inputRef"]);
+    var renderOption = _a.renderOption, options = _a.options, name = _a.name, hideName = _a.hideName, form = _a.form, isLoading = _a.isLoading, onSelectItem = _a.onSelectItem, handleScrollEnd = _a.handleScrollEnd, onSearchItem = _a.onSearchItem, isLabelLoading = _a.isLabelLoading, disabled = _a.disabled, creatingLabel = _a.creatingLabel, renderCreatingModal = _a.renderCreatingModal, endComponent = _a.endComponent, inputRefProps = _a.inputRef, onOpen = _a.onOpen, inputProps = __rest(_a, ["renderOption", "options", "name", "hideName", "form", "isLoading", "onSelectItem", "handleScrollEnd", "onSearchItem", "isLabelLoading", "disabled", "creatingLabel", "renderCreatingModal", "endComponent", "inputRef", "onOpen"]);
     var _c = useState(false), isOpenDropdown = _c[0], setIsOpenDropDown = _c[1];
     var inputRef = useRef(null);
     if (hideName)
@@ -1362,6 +1367,10 @@ function InputWithAutocomplete(_a) {
         }
         handleOpenDropdown();
     };
+    useEffect(function () {
+        if (onOpen)
+            onOpen(isOpenDropdown);
+    }, [isOpenDropdown]);
     var forwardRef = useForkRef(inputRef, inputRefProps);
     return (jsxs(StyledWrapper$3, { children: [isLabelLoading && (jsx$1(StyledLoadingWrapper, { children: jsx$1(Loading, { height: "100%" }) })), jsx$1(StyledInput$2, __assign({ form: form, onInput: handleSearch, onFocus: handleOpenDropdown, name: name, disabled: disabled, ref: forwardRef, isDropdownOpen: isOpenDropdown }, inputProps, { endIcon: !disabled && (jsxs(Grid, __assign({ container: true, alignItems: "center", onClick: handleDropdownToggle }, { children: [jsx$1(Box, __assign({ mr: 2 }, { children: endComponent })), inputProps.endIcon ||
                             (!disabled && (jsx$1(StyledIcon, { width: 12, height: 13, css: [isOpenDropdown && { transform: "rotate(180deg)" }] })))] }))) })), jsx$1(AutocompleteDropdown, { renderOption: renderOption, options: options, inputRef: {