onekijs-ui 1.0.3 → 1.0.4

package/dist/components/list/typings.d.ts

@@ -77,7 +77,7 @@ export type ListConfig<T = any, I extends ListItem<T> = ListItem<T>> = {
     onItemUnselect?: ListItemHandler<T, I>;
     paddingEnd?: number;
     paddingStart?: number;
-    parentRef?: React.RefObject<HTMLDivElement>;
+    parentRef?: React.RefObject<HTMLDivElement | null>;
     overscan?: number;
     preload?: number;
     style?: React.CSSProperties;

package/dist/components/select/SelectService.d.ts

@@ -5,17 +5,17 @@ declare class SelectService<T = any, I extends SelectItem<T> = SelectItem<T>, S
     protected lastCheckQuery: Query | undefined;
     get defaultValue(): T | T[] | null | undefined;
     get defaultValueLoading(): boolean | undefined;
-    check(): Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>;
+    check(): Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>;
     get status(): CollectionStatus;
     setData(data: T[], query?: Query): void;
-    setDefaultValue(value: T | T[] | null | undefined): Generator<void | Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>, void, unknown>;
+    setDefaultValue(value: T | T[] | null | undefined): Generator<void | Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>, void, unknown>;
     setDefaultValueLoading(loading: boolean): void;
     setInputValue(value: string | null): Generator<void | T | Promise<T | null> | null, void, T>;
     setItemWidth(_item: I, value: number): void;
     setValue(value: null | T | T[]): void;
     setUrl(url: string, query?: Query): void;
     _buildItem(data: T | null | undefined, adaptee: unknown, context?: AnonymousObject): I;
-    _filterItem(item: I | undefined, query: Query, valid: boolean): Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>;
+    _filterItem(item: I | undefined, query: Query, valid: boolean): Generator<I[] | Generator<void | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & (CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined))>, I | undefined, I[] & CollectionFetcherResult<T>>;
     _compareItem(a: I | undefined, b: I | undefined): boolean;
     _doSearch(search: Primitive | undefined): boolean;
     _setDefaultValue(value: T | T[] | null | undefined): void;

package/dist/components/wizard/WizardModal.d.ts

@@ -1,4 +1,4 @@
-declare const WizardModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").ModalProps & Omit<import("../..").TabsProps, "Component" | "TitleComponent" | "controller"> & {
+declare const WizardModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../..").ModalProps & Omit<import("../..").TabsProps, "controller" | "TitleComponent" | "Component"> & {
     cancelLabel?: import("react").ReactNode;
     controller?: import("./WizardService").WizardService;
     Component?: import("onekijs-framework").FCC<Omit<import("./typings").WizardProps, "Component">>;
@@ -19,7 +19,7 @@ declare const WizardModal: import("styled-components/dist/types").IStyledCompone
     hasSummaryStep?: boolean;
 } & {
     children?: import("react").ReactNode | undefined;
-}, never> & Partial<Pick<import("../..").ModalProps & Omit<import("../..").TabsProps, "Component" | "TitleComponent" | "controller"> & {
+}, never> & Partial<Pick<import("../..").ModalProps & Omit<import("../..").TabsProps, "controller" | "TitleComponent" | "Component"> & {
     cancelLabel?: import("react").ReactNode;
     controller?: import("./WizardService").WizardService;
     Component?: import("onekijs-framework").FCC<Omit<import("./typings").WizardProps, "Component">>;

package/dist/components/wizard/index.d.ts

@@ -1,4 +1,4 @@
-declare const Wizard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../..").TabsProps, "Component" | "TitleComponent" | "controller"> & {
+declare const Wizard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../..").TabsProps, "controller" | "TitleComponent" | "Component"> & {
     cancelLabel?: import("react").ReactNode;
     controller?: import("./WizardService").WizardService;
     Component?: import("onekijs-framework").FCC<Omit<import("./typings").WizardProps, "Component">>;
@@ -19,7 +19,7 @@ declare const Wizard: import("styled-components/dist/types").IStyledComponentBas
     hasSummaryStep?: boolean;
 } & {
     children?: import("react").ReactNode | undefined;
-}, never> & Partial<Pick<Omit<import("../..").TabsProps, "Component" | "TitleComponent" | "controller"> & {
+}, never> & Partial<Pick<Omit<import("../..").TabsProps, "controller" | "TitleComponent" | "Component"> & {
     cancelLabel?: import("react").ReactNode;
     controller?: import("./WizardService").WizardService;
     Component?: import("onekijs-framework").FCC<Omit<import("./typings").WizardProps, "Component">>;

package/dist/index.js

@@ -1705,7 +1705,7 @@ const TooltipComponent = (props) => {
     const [show, setShow] = React.useState(true);
     const [open, setOpen] = React.useState(false);
     const arrowRef = React.useRef(null);
-    const { context, floatingStyles, middlewareData, refs } = react.useFloating({
+    const { context, floatingStyles, middlewareData, placement: resolvedPlacement, refs } = react.useFloating({
         open,
         onOpenChange: setOpen,
         placement,
@@ -1737,7 +1737,7 @@ const TooltipComponent = (props) => {
             document.removeEventListener('tooltipVisible', listener);
         };
     }, [uid]);
-    const element = (jsxRuntimeExports.jsxs("div", { ref: refs.setFloating, style: floatingStyles, ...getFloatingProps({ className: 'o-tooltip-container' }), children: [jsxRuntimeExports.jsx("div", { ref: arrowRef, className: "o-tooltip-arrow", style: { left: middlewareData.arrow?.x, top: middlewareData.arrow?.y } }), content] }));
+    const element = (jsxRuntimeExports.jsxs("div", { ref: refs.setFloating, style: floatingStyles, "data-popper-placement": resolvedPlacement, ...getFloatingProps({ className: 'o-tooltip-container' }), children: [jsxRuntimeExports.jsx("div", { ref: arrowRef, className: "o-tooltip-arrow", style: { left: middlewareData.arrow?.x, top: middlewareData.arrow?.y } }), content] }));
     if (attachToBody) {
         return (jsxRuntimeExports.jsxs("div", { ref: refs.setReference, ...getReferenceProps(), children: [children, show && open && content && ReactDOM.createPortal(jsxRuntimeExports.jsx("div", { className: classNames, children: element }), document.body)] }));
     }
@@ -5183,7 +5183,10 @@ const useElementScroll = ({ parentRef, horizontal, useObserver, initialRect }) =
     const [scrollOffset, setScrollOffset] = React.useState(0);
     const [element, setElement] = React.useState(parentRef.current);
     useIsomorphicLayoutEffect(() => {
-        setElement(parentRef.current);
+        const currentElement = parentRef.current;
+        if (currentElement !== element) {
+            setElement(currentElement);
+        }
     });
     useIsomorphicLayoutEffect(() => {
         if (!element) {
@@ -5220,7 +5223,10 @@ const useWindowRect = (windowRef, initialRect = { width: 0, height: 0 }) => {
     const [rect, setRect] = React.useState(initialRect);
     const [element, setElement] = React.useState(windowRef.current);
     useIsomorphicLayoutEffect(() => {
-        setElement(windowRef.current);
+        const currentElement = windowRef.current;
+        if (currentElement !== element) {
+            setElement(currentElement);
+        }
     });
     useIsomorphicLayoutEffect(() => {
         if (!element) {
@@ -5248,7 +5254,10 @@ const useWindowScroll = ({ windowRef, parentRef, horizontal, useWindowObserver,
     const rectKey = horizontal ? 'left' : 'top';
     const scrollKey = horizontal ? 'scrollX' : 'scrollY';
     useIsomorphicLayoutEffect(() => {
-        setElement(windowRef.current);
+        const currentElement = windowRef.current;
+        if (currentElement !== element) {
+            setElement(currentElement);
+        }
     });
     useIsomorphicLayoutEffect(() => {
         if (!element) {