kui-complex 0.0.141 → 0.0.142

package/index.d.ts

@@ -419,7 +419,7 @@ declare function AutocompleteOption({ label }: AutocompleteOptionProps): JSX.Ele
 declare const InputFile: React__default.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React__default.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxWithController: React__default.ForwardRefExoticComponent<Pick<{
-    form: react_hook_form.UseFormReturn<object, any, undefined>;
+    form: react_hook_form.UseFormReturn<object, any>;
     labelProps?: kui_basic.CaptionProps | undefined;
 } & kui_basic.CheckboxProps, "label" | "size" | "color" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "height" | "width" | "disabled" | "list" | "step" | "alt" | "crossOrigin" | "src" | "type" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "error" | "inputRef" | "accept" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "multiple" | "readOnly" | "required" | "labelProps"> & React__default.RefAttributes<HTMLButtonElement>>;
 
@@ -479,8 +479,8 @@ declare const setSettings: (newSettings: KUIComplexSettings) => void;
 declare const subscribeToSettings: (observer: KUIComplexObserver) => void;
 declare const unsubscribeFromSettings: (observer: KUIComplexObserver) => void;
 
-declare const getFormValue: <T extends object>(name?: string | undefined, form?: UseFormReturn<T, any, undefined> | null | undefined) => react_hook_form.FieldValues | undefined;
-declare const getFormError: <T extends object>(name?: string | undefined, form?: UseFormReturn<T, any, undefined> | null | undefined) => string | undefined;
+declare const getFormValue: <T extends object>(name?: string | undefined, form?: UseFormReturn<T, any> | null | undefined) => react_hook_form.FieldValues | undefined;
+declare const getFormError: <T extends object>(name?: string | undefined, form?: UseFormReturn<T, any> | null | undefined) => string | undefined;
 
 declare const shortMonths: string[];
 

package/index.js

@@ -134,7 +134,7 @@ var Wrapper$7 = styled.div(templateObject_1$H || (templateObject_1$H = __makeTem
 var StyledImage = styled.img(templateObject_2$q || (templateObject_2$q = __makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  object-fit: cover;\n"], ["\n  width: 100%;\n  height: 100%;\n  border-radius: 50%;\n  object-fit: cover;\n"])));
 var largeAvatarCSS = function (_a) {
     var avatarSize = _a.avatarSize;
-    return avatarSize === "lg" && css(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n    font-size: 32px;\n  "], ["\n    font-size: 32px;\n  "])));
+    return avatarSize === "lg" && css(templateObject_3$d || (templateObject_3$d = __makeTemplateObject(["\n    font-size: 32px;\n  "], ["\n    font-size: 32px;\n  "])));
 };
 var StyledUndefinedAvatar = styled(UndefinedAvatar, {
     shouldForwardProp: function (prop) { return prop !== "size"; },
@@ -145,7 +145,7 @@ var sizeStyles = {
     md: css(templateObject_7$1 || (templateObject_7$1 = __makeTemplateObject(["\n    min-width: 40px;\n    width: 40px;\n    height: 40px;\n    @media (max-width: 600px) {\n      min-width: 32px;\n      width: 32px;\n      height: 32px;\n    }\n  "], ["\n    min-width: 40px;\n    width: 40px;\n    height: 40px;\n    @media (max-width: 600px) {\n      min-width: 32px;\n      width: 32px;\n      height: 32px;\n    }\n  "]))),
     lg: css(templateObject_8$1 || (templateObject_8$1 = __makeTemplateObject(["\n    min-width: 80px;\n    width: 80px;\n    height: 80px;\n  "], ["\n    min-width: 80px;\n    width: 80px;\n    height: 80px;\n  "]))),
 };
-var templateObject_1$H, templateObject_2$q, templateObject_3$c, templateObject_4$8, templateObject_5$4, templateObject_6$1, templateObject_7$1, templateObject_8$1;
+var templateObject_1$H, templateObject_2$q, templateObject_3$d, templateObject_4$8, templateObject_5$4, templateObject_6$1, templateObject_7$1, templateObject_8$1;
 
 var ButtonTabElement = forwardRef(function (props, ref) {
     var index = props.index, onClick = props.onClick, isActive = props.isActive, label = props.label, disabled = props.disabled;
@@ -193,8 +193,8 @@ ButtonsPanel.defaultProps = {
 };
 var Content = styled.div(templateObject_1$E || (templateObject_1$E = __makeTemplateObject(["\n  height: 100%;\n"], ["\n  height: 100%;\n"])));
 var StyledContainer$2 = styled.div(templateObject_2$n || (templateObject_2$n = __makeTemplateObject(["\n  background: ", ";\n  top: 80px;\n  z-index: 4;\n  padding-top: 16px;\n  padding-bottom: 24px;\n  @media (max-width: 1200px) {\n    padding-bottom: 18px;\n  }\n  @media (max-width: 600px) {\n    top: 48px;\n  }\n"], ["\n  background: ", ";\n  top: 80px;\n  z-index: 4;\n  padding-top: 16px;\n  padding-bottom: 24px;\n  @media (max-width: 1200px) {\n    padding-bottom: 18px;\n  }\n  @media (max-width: 600px) {\n    top: 48px;\n  }\n"])), theme.palette.grey.zero);
-var StyledWrapper$9 = styled(Container)(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-var templateObject_1$E, templateObject_2$n, templateObject_3$b;
+var StyledWrapper$9 = styled(Container)(templateObject_3$c || (templateObject_3$c = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
+var templateObject_1$E, templateObject_2$n, templateObject_3$c;
 
 var InputDropdown = forwardRef(function (props, ref) {
     var isOpen = props.isOpen, handleClose = props.handleClose, buttonRef = props.buttonRef, children = props.children, endComponent = props.endComponent, input = props.input, className = props.className, strategy = props.strategy, onScroll = props.onScroll, otherProps = __rest(props, ["isOpen", "handleClose", "buttonRef", "children", "endComponent", "input", "className", "strategy", "onScroll"]);
@@ -226,7 +226,7 @@ var InputDropdown = forwardRef(function (props, ref) {
 });
 var StyledTooltip = styled(Tooltip$1)(templateObject_1$D || (templateObject_1$D = __makeTemplateObject(["\n  width: 100%;\n  > div {\n    z-index: unset;\n    width: 100%;\n    > div {\n      z-index: unset;\n      width: 100%;\n      > div {\n        width: 100%;\n      }\n    }\n  }\n  .KUI-Popper {\n    max-width: unset;\n    > div {\n      user-select: none;\n      padding: 0;\n      border-radius: 0 0 8px 8px;\n      box-shadow: 0px 26px 34px 0px #0000001a;\n    }\n    &.top > div {\n      border-radius: 8px 8px 0 0;\n    }\n  }\n"], ["\n  width: 100%;\n  > div {\n    z-index: unset;\n    width: 100%;\n    > div {\n      z-index: unset;\n      width: 100%;\n      > div {\n        width: 100%;\n      }\n    }\n  }\n  .KUI-Popper {\n    max-width: unset;\n    > div {\n      user-select: none;\n      padding: 0;\n      border-radius: 0 0 8px 8px;\n      box-shadow: 0px 26px 34px 0px #0000001a;\n    }\n    &.top > div {\n      border-radius: 8px 8px 0 0;\n    }\n  }\n"])));
 var StyledDropdown$2 = styled(Grid)(templateObject_2$m || (templateObject_2$m = __makeTemplateObject(["\n  width: 100%;\n  user-select: none;\n"], ["\n  width: 100%;\n  user-select: none;\n"])));
-var StyledWrapper$8 = styled.div(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  width: 100%;\n  box-sizing: border-box;\n  padding: ", ";\n"], ["\n  width: 100%;\n  box-sizing: border-box;\n  padding: ", ";\n"])), function (_a) {
+var StyledWrapper$8 = styled.div(templateObject_3$b || (templateObject_3$b = __makeTemplateObject(["\n  width: 100%;\n  box-sizing: border-box;\n  padding: ", ";\n"], ["\n  width: 100%;\n  box-sizing: border-box;\n  padding: ", ";\n"])), function (_a) {
     var isScrollable = _a.isScrollable;
     return isScrollable ? "14px 8px 8px 0" : "14px 0px 8px 0";
 });
@@ -234,7 +234,7 @@ var ScrollingContainer = styled.div(templateObject_4$7 || (templateObject_4$7 =
     var isScrollable = _a.isScrollable;
     return (isScrollable ? "4px" : "0px");
 }, theme.palette.grey.fifteenB, theme.palette.grey.thirty);
-var templateObject_1$D, templateObject_2$m, templateObject_3$a, templateObject_4$7;
+var templateObject_1$D, templateObject_2$m, templateObject_3$b, templateObject_4$7;
 
 var InputSelectDropdown = forwardRef(function (_a, ref) {
     var input = _a.input, options = _a.options, inputRef = _a.inputRef, isOpenDropdown = _a.isOpenDropdown, handleCloseDropdown = _a.handleCloseDropdown, handleSelect = _a.handleSelect, selectedValue = _a.selectedValue, renderOption = _a.renderOption;
@@ -279,14 +279,15 @@ var InputSelectBase = forwardRef(function (_a, ref) {
     };
     return (jsxs(Wrapper$6, { children: [jsx$1("input", { name: name, autoComplete: "off", hidden: true }), jsx$1(InputSelectDropdown, { options: options, inputRef: {
                     current: (_b = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _b === void 0 ? void 0 : _b.parentElement,
-                }, isOpenDropdown: isDropdownOpen, handleCloseDropdown: handleCloseDropdown, handleSelect: handleSelect, selectedValue: selectedValue, renderOption: renderOption, input: jsx$1(StyledInput$3, __assign({ onClick: handleOpenDropdown, ref: forwardedRef, disabled: disabled, readOnly: true, value: selectedLabel, message: error, isLabelShrink: Boolean(selectedValue) || selectedValue === 0 }, inputProps, { endIcon: !disabled && (jsx$1(HalfArrowIcon, __assign({ width: 12, height: 13, css: [
+                }, isOpenDropdown: isDropdownOpen, handleCloseDropdown: handleCloseDropdown, handleSelect: handleSelect, selectedValue: selectedValue, renderOption: renderOption, input: jsx$1(StyledInput$3, __assign({ onClick: handleOpenDropdown, ref: forwardedRef, disabled: disabled, readOnly: true, value: selectedLabel, message: error, isLabelShrink: Boolean(selectedValue) || selectedValue === 0 }, inputProps, { endIcon: !disabled && (jsx$1(StyledIcon$1, __assign({ width: 12, height: 13, css: [
                             { transition: "all linear .2s" },
                             isDropdownOpen && { transform: "rotate(180deg)" },
                         ] }, iconProps))) })) })] }));
 });
 var Wrapper$6 = styled.div(templateObject_1$B || (templateObject_1$B = __makeTemplateObject(["\n  position: relative;\n  text-align: left;\n"], ["\n  position: relative;\n  text-align: left;\n"])));
 var StyledInput$3 = styled(InputWithAdornments)(templateObject_2$k || (templateObject_2$k = __makeTemplateObject(["\n  cursor: pointer;\n  input,\n  label {\n    cursor: pointer !important;\n  }\n"], ["\n  cursor: pointer;\n  input,\n  label {\n    cursor: pointer !important;\n  }\n"])));
-var templateObject_1$B, templateObject_2$k;
+var StyledIcon$1 = styled(HalfArrowIcon)(templateObject_3$a || (templateObject_3$a = __makeTemplateObject(["\n  user-select: none;\n"], ["\n  user-select: none;\n"])));
+var templateObject_1$B, templateObject_2$k, templateObject_3$a;
 
 function InputSelectOption(props) {
     var option = props.option, selectedValue = props.selectedValue;