@uxf/core 11.19.0 → 11.21.0

package/README.md

@@ -74,7 +74,7 @@ cookie.set("cookie-name", "value", /* ttl in seconds (optional) */, /* options (
 cookie.delete("cookie-name", /* options (optional) */);
 ```
 
-## Hooks
+## Hooks - @deprecated - will be moved to @uxf/core-react
 
 ```tsx
 import { useBodyScrollLock } from "@uxf/core/hooks/useBodyScrollLock";

package/components/hide.d.ts

@@ -3,5 +3,8 @@ interface HideProps {
     when: boolean;
     children?: ReactNode;
 }
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function Hide(props: HideProps): React.JSX.Element | null;
 export {};

package/components/hide.js

@@ -5,6 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Hide = void 0;
 const react_1 = __importDefault(require("react"));
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function Hide(props) {
     if (props.when) {
         return null;

package/components/show.d.ts

@@ -3,5 +3,8 @@ interface ShowProps {
     when: boolean;
     children?: ReactNode;
 }
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function Show(props: ShowProps): React.JSX.Element | null;
 export {};

package/components/show.js

@@ -5,6 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Show = void 0;
 const react_1 = __importDefault(require("react"));
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function Show(props) {
     if (!props.when) {
         return null;

package/hooks/_useSimulatedButton.d.ts

@@ -8,6 +8,9 @@ interface Props<T extends HTMLElement> {
     onKeyUp?: KeyboardEventHandler<T>;
     submit?: boolean;
 }
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function _useSimulatedButton<T extends HTMLElement>({ analyticsCallback, isClickable, isHyperlink, onClick, onKeyDown, onKeyUp, submit, }: Props<T>): {
     onClick: MouseEventHandler<T>;
     onKeyDown: KeyboardEventHandler<T>;

package/hooks/_useSimulatedButton.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports._useSimulatedButton = void 0;
 const react_1 = require("react");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function _useSimulatedButton({ analyticsCallback, isClickable, isHyperlink, onClick, onKeyDown, onKeyUp, submit, }) {
     const _onClick = (0, react_1.useCallback)((e) => {
         var _a;

package/hooks/useAnchorProps.d.ts

@@ -1,8 +1,14 @@
 import { AnchorHTMLAttributes } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export interface UseAnchorProps {
     analyticsCallback?: () => void;
     disabled?: boolean;
     loading?: boolean;
     type?: "submit";
 }
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useAnchorProps<T extends AnchorHTMLAttributes<HTMLAnchorElement>>({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, disabled, download, href, hrefLang, loading, media, onClick, onKeyDown, onKeyUp, ping, referrerPolicy, rel, role, tabIndex, target, type, ...restProps }: UseAnchorProps & T): T;

package/hooks/useAnchorProps.js

@@ -4,6 +4,9 @@ exports.useAnchorProps = void 0;
 const classes_1 = require("../constants/classes");
 const cx_1 = require("../utils/cx");
 const _useSimulatedButton_1 = require("./_useSimulatedButton");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useAnchorProps({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, disabled, download, href, hrefLang, loading, media, onClick, onKeyDown, onKeyUp, ping, referrerPolicy, rel, role, tabIndex, target, type, ...restProps }) {
     const isBusy = loading ? loading : Boolean(ariaBusy);
     const isDisabled = disabled ? disabled : Boolean(ariaDisabled);

package/hooks/useBodyScrollLock.d.ts

@@ -1,6 +1,12 @@
 import { RefObject } from "react";
 import { BodyScrollOptions } from "../utils/bodyScrollLock";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export interface UseBodyScrollLockOptions extends BodyScrollOptions {
     clearAllOnClose?: boolean;
 }
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useBodyScrollLock<T extends HTMLElement>(containerRef: RefObject<T>, isOpen: boolean, { allowTouchMove, clearAllOnClose, reserveScrollBarGap }?: Partial<UseBodyScrollLockOptions>): void;

package/hooks/useBodyScrollLock.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useBodyScrollLock = void 0;
 const react_1 = require("react");
 const bodyScrollLock_1 = require("../utils/bodyScrollLock");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useBodyScrollLock(containerRef, isOpen, { allowTouchMove, clearAllOnClose, reserveScrollBarGap } = {}) {
     (0, react_1.useEffect)(() => {
         const node = containerRef.current;

package/hooks/useButtonProps.d.ts

@@ -1,6 +1,12 @@
 import { ButtonHTMLAttributes } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export interface UseButtonProps {
     analyticsCallback?: () => void;
     loading?: boolean;
 }
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useButtonProps<T extends ButtonHTMLAttributes<HTMLButtonElement>>({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, autoFocus, analyticsCallback, className, disabled, formAction, formEncType, formMethod, formNoValidate, formTarget, loading, name, onClick, role, tabIndex, type, value, ...restProps }: UseButtonProps & T): T;

package/hooks/useButtonProps.js

@@ -4,6 +4,9 @@ exports.useButtonProps = void 0;
 const react_1 = require("react");
 const classes_1 = require("../constants/classes");
 const cx_1 = require("../utils/cx");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useButtonProps({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, autoFocus, analyticsCallback, className, disabled, formAction, formEncType, formMethod, formNoValidate, formTarget, loading, name, onClick, role, tabIndex, type, value, ...restProps }) {
     const isBusy = loading ? loading : Boolean(ariaBusy);
     const isDisabled = disabled ? disabled : Boolean(ariaDisabled);

package/hooks/useClickableProps.d.ts

@@ -1,8 +1,14 @@
 import { HTMLAttributes } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export interface UseClickableProps {
     analyticsCallback?: () => void;
     disabled?: boolean;
     loading?: boolean;
     type?: "submit";
 }
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useClickableProps<T extends HTMLAttributes<HTMLElement>>({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, disabled, loading, onClick, onKeyDown, onKeyUp, role, tabIndex, type, ...restProps }: UseClickableProps & T): T;

package/hooks/useClickableProps.js

@@ -4,6 +4,9 @@ exports.useClickableProps = void 0;
 const classes_1 = require("../constants/classes");
 const cx_1 = require("../utils/cx");
 const _useSimulatedButton_1 = require("./_useSimulatedButton");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useClickableProps({ ["aria-busy"]: ariaBusy, ["aria-disabled"]: ariaDisabled, analyticsCallback, className, disabled, loading, onClick, onKeyDown, onKeyUp, role, tabIndex, type, ...restProps }) {
     const isBusy = loading ? loading : Boolean(ariaBusy);
     const isDisabled = disabled ? disabled : Boolean(ariaDisabled);

package/hooks/useFocusReturn.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useFocusReturn(opened: boolean, transitionDuration?: number, shouldReturnFocus?: boolean): () => void;

package/hooks/useFocusReturn.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useFocusReturn = void 0;
 const react_1 = require("react");
 const useOnUpdate_1 = require("./useOnUpdate");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useFocusReturn(opened, transitionDuration = 0, shouldReturnFocus = true) {
     const lastActiveElement = (0, react_1.useRef)();
     const returnFocus = () => {

package/hooks/useFocusTrap.d.ts

@@ -1,2 +1,5 @@
 import { RefCallback } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useFocusTrap<T extends HTMLElement>(active?: boolean): RefCallback<T>;

package/hooks/useFocusTrap.js

@@ -85,6 +85,9 @@ function createAriaHider(containerNode, selector = "body > :not(script)") {
         });
     };
 }
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useFocusTrap(active = true) {
     const ref = (0, react_1.useRef)();
     const restoreAria = (0, react_1.useRef)();

package/hooks/useInputFocus.d.ts

@@ -1,4 +1,7 @@
 import { FocusEventHandler, MouseEventHandler, RefObject } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useInputFocus<T extends HTMLInputElement | HTMLTextAreaElement | HTMLElement>(focusRef: RefObject<T>, onBlur?: FocusEventHandler<T>, onFocus?: FocusEventHandler<T>): {
     focused: boolean;
     focus: MouseEventHandler<HTMLElement>;

package/hooks/useInputFocus.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInputFocus = void 0;
 const react_1 = require("react");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useInputFocus(focusRef, onBlur, onFocus) {
     const [focused, setFocused] = (0, react_1.useState)(false);
     const focus = (0, react_1.useCallback)(() => {

package/hooks/useIsMounted.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useIsMounted(): boolean;

package/hooks/useIsMounted.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsMounted = void 0;
 const react_1 = require("react");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useIsMounted() {
     const [isMounted, setIsMounted] = (0, react_1.useState)(false);
     (0, react_1.useEffect)(() => setIsMounted(true), []);

package/hooks/useIsomorphicLayoutEffect.d.ts

@@ -1,2 +1,5 @@
 import { useEffect } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/hooks/useIsomorphicLayoutEffect.js

@@ -3,4 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsomorphicLayoutEffect = void 0;
 const react_1 = require("react");
 const isBrowser_1 = require("../utils/isBrowser");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 exports.useIsomorphicLayoutEffect = isBrowser_1.isBrowser ? react_1.useLayoutEffect : react_1.useEffect;

package/hooks/useKey.d.ts

@@ -1,10 +1,19 @@
 import { RefObject } from "react";
 type KeyPredicate = (e: KeyboardEvent) => boolean;
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export type KeyFilter = null | undefined | string | KeyPredicate;
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export interface UseKeyOptions<T extends HTMLElement> {
     disabled?: boolean;
     targetRef?: RefObject<T>;
     type: "keydown" | "keyup" | "keypress";
 }
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useKey<T extends HTMLElement>(keyFilter: KeyFilter, callback: (e: KeyboardEvent) => void, { disabled, targetRef, type }?: Partial<UseKeyOptions<T>>): void;
 export {};

package/hooks/useKey.js

@@ -7,6 +7,9 @@ const createKeyPredicate = (keyFilter) => typeof keyFilter === "function"
     : typeof keyFilter === "string"
         ? (e) => e.key === keyFilter
         : () => false;
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useKey(keyFilter, callback, { disabled, targetRef, type = "keydown" } = {}) {
     (0, react_1.useEffect)(() => {
         if (disabled) {

package/hooks/useLatest.d.ts

@@ -1,2 +1,5 @@
 /// <reference types="react" />
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useLatest<T>(current: T): import("react").MutableRefObject<T>;

package/hooks/useLatest.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLatest = void 0;
 const react_1 = require("react");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useLatest(current) {
     const storedValue = (0, react_1.useRef)(current);
     storedValue.current = current;

package/hooks/useMinWindowWidth.d.ts

@@ -1 +1,4 @@
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useMinWindowWidth(minWidth: number, debounce?: number): boolean | undefined;

package/hooks/useMinWindowWidth.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMinWindowWidth = void 0;
 const react_1 = require("react");
 const useRafState_1 = require("./useRafState");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useMinWindowWidth(minWidth, debounce = 0) {
     const [state, setState] = (0, useRafState_1.useRafState)();
     (0, react_1.useEffect)(() => {

package/hooks/useMouseDragToScroll.d.ts

@@ -1,2 +1,5 @@
 import { CSSProperties, RefObject } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useMouseDragToScroll<T extends HTMLElement>(containerRef: RefObject<T>): CSSProperties | undefined;

package/hooks/useMouseDragToScroll.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMouseDragToScroll = void 0;
 const react_1 = require("react");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useMouseDragToScroll(containerRef) {
     const position = (0, react_1.useRef)({ left: 0, top: 0, x: 0, y: 0 });
     const [style, setStyle] = (0, react_1.useState)();

package/hooks/useOnMount.d.ts

@@ -1,2 +1,5 @@
 import { EffectCallback } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useOnMount(effect: EffectCallback): void;

package/hooks/useOnMount.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOnMount = void 0;
 const react_1 = require("react");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useOnMount(effect) {
     (0, react_1.useEffect)(() => {
         return effect();

package/hooks/useOnUnmount.d.ts

@@ -1,2 +1,5 @@
 import { EffectCallback } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useOnUnmount(effect: EffectCallback): void;

package/hooks/useOnUnmount.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOnUnmount = void 0;
 const react_1 = require("react");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useOnUnmount(effect) {
     const effectRef = (0, react_1.useRef)(effect);
     // update the ref each render so if it changed the newest callback will be invoked

package/hooks/useOnUpdate.d.ts

@@ -1,2 +1,5 @@
 import { DependencyList, EffectCallback } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useOnUpdate(effect: EffectCallback, deps: DependencyList): void;

package/hooks/useOnUpdate.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOnUpdate = void 0;
 const react_1 = require("react");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useOnUpdate(effect, deps) {
     const firstRun = (0, react_1.useRef)(true);
     (0, react_1.useEffect)(() => {

package/hooks/usePagination.d.ts

@@ -1,2 +1,5 @@
 import { PaginationConfig, PaginationItem } from "../utils/pagination";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare const usePagination: (config: PaginationConfig) => PaginationItem[];

package/hooks/usePagination.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePagination = void 0;
 const react_1 = require("react");
 const pagination_1 = require("../utils/pagination");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 const usePagination = (config) => {
     return (0, react_1.useMemo)(() => (0, pagination_1.paginationGenerate)(config), 
     // eslint-disable-next-line react-hooks/exhaustive-deps

package/hooks/usePrevious.d.ts

@@ -1,2 +1,5 @@
 /// <reference types="react" />
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function usePrevious<T>(current: T): import("react").MutableRefObject<T>;

package/hooks/usePrevious.js

@@ -2,6 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.usePrevious = void 0;
 const react_1 = require("react");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function usePrevious(current) {
     const storedValue = (0, react_1.useRef)(current);
     (0, react_1.useEffect)(() => {

package/hooks/useRafState.d.ts

@@ -1,2 +1,5 @@
 import { Dispatch, SetStateAction } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useRafState<S = undefined>(initialState?: S | (() => S)): [S | undefined, Dispatch<SetStateAction<S | undefined>>];

package/hooks/useRafState.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRafState = void 0;
 const react_1 = require("react");
 const useOnUnmount_1 = require("./useOnUnmount");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useRafState(initialState) {
     const frame = (0, react_1.useRef)(0);
     const [state, setState] = (0, react_1.useState)(initialState);

package/hooks/useWindowScroll.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useWindowScroll(): {
     x: number;
     y: number;

package/hooks/useWindowScroll.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWindowScroll = void 0;
 const react_1 = require("react");
 const useRafState_1 = require("./useRafState");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useWindowScroll() {
     const [state, setState] = (0, useRafState_1.useRafState)();
     (0, react_1.useEffect)(() => {

package/hooks/useWindowSize.d.ts

@@ -1,3 +1,6 @@
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function useWindowSize(): {
     width: number;
     height: number;

package/hooks/useWindowSize.js

@@ -3,6 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useWindowSize = void 0;
 const react_1 = require("react");
 const useRafState_1 = require("./useRafState");
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function useWindowSize() {
     const [state, setState] = (0, useRafState_1.useRafState)();
     (0, react_1.useEffect)(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/core",
-  "version": "11.19.0",
+  "version": "11.21.0",
   "description": "UXF Core",
   "author": "Petr Vejvoda <vejvoda@uxf.cz>",
   "homepage": "https://gitlab.com/uxf-npm/core#readme",

package/utils/composeRefs.d.ts

@@ -1,2 +1,5 @@
 import { Ref, RefCallback } from "react";
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 export declare function composeRefs<T>(...refs: (Ref<T> | undefined)[]): RefCallback<T>;

package/utils/composeRefs.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.composeRefs = void 0;
+/**
+ * @deprecated Use import from @uxf/core-react instead.
+ */
 function composeRefs(...refs) {
     return (value) => refs.forEach((ref) => {
         if (!ref) {

package/utils/image.d.ts

@@ -1,8 +1,12 @@
-import { FC } from "react";
-import { ImageSource, ResizerImageProps } from "./resizer";
+import React from "react";
+import { ImageResponse, ImageSource, ResizerImageProps, StaticImageData } from "./resizer";
 export type Dimension = number | "auto";
 export type Format = "avif" | "webp" | "original";
 export type Quality = number | Record<Format, number>;
+export declare function isSrcString(src: ImageSource): src is string;
+export declare function isSrcImageResponse(src: ImageSource): src is ImageResponse;
+export declare function isSrcStaticImageData(src: ImageSource): src is StaticImageData;
+export declare function parseImgExtension(src: string): string | undefined;
 export declare function getSvgImgUrl(src: ImageSource): string | undefined;
 export declare function getImgQuality(quality: Quality | undefined, format: Format): number | undefined;
 export declare function getImgUniqueIdentifier(src: ImageSource): string | undefined;
@@ -11,7 +15,10 @@ export declare function getImgElementWidth(src: ImageSource, width: number | und
 export type GetImgSrcSetOptions = ResizerImageProps & {
     maxHiDpi?: 3 | 2 | 1;
 };
-export declare function getImgSrcSet(src?: ImageSource, width?: Dimension, height?: Dimension, options?: GetImgSrcSetOptions): string | undefined;
+export declare function getImgSrcSet(src: ImageSource, width?: Dimension, height?: Dimension, options?: GetImgSrcSetOptions): string | undefined;
+/**
+ * @deprecated Use import from @uxf/ui instead.
+ */
 export type ImageSourcesOptions = Omit<GetImgSrcSetOptions, "quality" | "toFormat"> & {
     isAvifDisabled?: boolean;
     isWebPDisabled?: boolean;
@@ -25,5 +32,8 @@ interface ImageSourcesProps {
     src: ImageSource;
     width: Dimension;
 }
-export declare const ImgSources: FC<ImageSourcesProps>;
+/**
+ * @deprecated Use import from @uxf/ui instead.
+ */
+export declare function ImgSources(props: ImageSourcesProps): React.JSX.Element | null;
 export {};

package/utils/image.js

@@ -3,93 +3,119 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ImgSources = exports.getImgSrcSet = exports.getImgElementWidth = exports.getImgElementHeight = exports.getImgUniqueIdentifier = exports.getImgQuality = exports.getSvgImgUrl = void 0;
+exports.ImgSources = exports.getImgSrcSet = exports.getImgElementWidth = exports.getImgElementHeight = exports.getImgUniqueIdentifier = exports.getImgQuality = exports.getSvgImgUrl = exports.parseImgExtension = exports.isSrcStaticImageData = exports.isSrcImageResponse = exports.isSrcString = void 0;
+const hide_1 = require("@uxf/core-react/components/hide");
 const react_1 = __importDefault(require("react"));
-const hide_1 = require("../components/hide");
 const file_1 = require("./file");
+const is_empty_1 = require("./is-empty");
+const is_not_nil_1 = require("./is-not-nil");
 const resizer_1 = require("./resizer");
-function toImageResponse(src) {
-    return typeof src !== "string" && "uuid" in src ? src : undefined;
+function isSrcString(src) {
+    return typeof src === "string";
 }
-function toStaticImageData(src) {
-    return typeof src !== "string" && "src" in src ? src : undefined;
+exports.isSrcString = isSrcString;
+function isSrcImageResponse(src) {
+    return !isSrcString(src) && "uuid" in src;
 }
+exports.isSrcImageResponse = isSrcImageResponse;
+function isSrcStaticImageData(src) {
+    return !isSrcString(src) && "src" in src;
+}
+exports.isSrcStaticImageData = isSrcStaticImageData;
 function parseImgExtension(src) {
     const ext = src.slice(src.lastIndexOf(".") + 1);
     return ext.length > 1 ? ext : undefined;
 }
+exports.parseImgExtension = parseImgExtension;
+function isSvgExtension(src) {
+    return parseImgExtension(src) === "svg";
+}
 function getSvgImgUrl(src) {
-    if (typeof src === "string" && parseImgExtension(src) === "svg") {
+    if (isSrcString(src) && isSvgExtension(src)) {
         return src;
     }
-    const imageResponse = toImageResponse(src);
-    if (imageResponse && parseImgExtension(imageResponse.extension) === "svg") {
-        return (0, file_1.getFileUrl)(imageResponse);
+    if (isSrcImageResponse(src) && isSvgExtension(src.extension)) {
+        return (0, file_1.getFileUrl)(src);
     }
-    const staticImageData = toStaticImageData(src);
-    if (staticImageData && parseImgExtension(staticImageData.src) === "svg") {
-        return staticImageData.src;
+    if (isSrcStaticImageData(src) && isSvgExtension(src.src)) {
+        return src.src;
     }
     return undefined;
 }
 exports.getSvgImgUrl = getSvgImgUrl;
 function getImgQuality(quality, format) {
-    return typeof quality === "number" ? quality : quality ? quality[format] : undefined;
+    if (typeof quality === "number") {
+        return quality;
+    }
+    return quality ? quality[format] : undefined;
 }
 exports.getImgQuality = getImgQuality;
 function getImgUniqueIdentifier(src) {
-    var _a, _b, _c;
-    return typeof src === "string" ? src : (_b = (_a = toImageResponse(src)) === null || _a === void 0 ? void 0 : _a.uuid) !== null && _b !== void 0 ? _b : (_c = toStaticImageData(src)) === null || _c === void 0 ? void 0 : _c.src;
+    return isSrcString(src)
+        ? src
+        : isSrcImageResponse(src)
+            ? src.uuid
+            : isSrcStaticImageData(src)
+                ? src.src
+                : undefined;
 }
 exports.getImgUniqueIdentifier = getImgUniqueIdentifier;
 function getImgElementHeight(src, width, height) {
     var _a, _b;
-    return typeof src === "string"
-        ? height
-        : height !== null && height !== void 0 ? height : (Math.floor((((_a = src.height) !== null && _a !== void 0 ? _a : 0) / ((_b = src.width) !== null && _b !== void 0 ? _b : 0)) * (width || 0)) || undefined);
+    if (isSrcString(src) || (0, is_not_nil_1.isNotNil)(height)) {
+        return height;
+    }
+    const calculatedHeight = Math.floor((((_a = src.height) !== null && _a !== void 0 ? _a : 0) / ((_b = src.width) !== null && _b !== void 0 ? _b : 0)) * (width !== null && width !== void 0 ? width : 0));
+    return calculatedHeight === 0 ? undefined : calculatedHeight;
 }
 exports.getImgElementHeight = getImgElementHeight;
 function getImgElementWidth(src, width, height) {
     var _a, _b;
-    return typeof src === "string"
-        ? width
-        : width !== null && width !== void 0 ? width : (Math.floor(((_a = src.width) !== null && _a !== void 0 ? _a : 0) / ((_b = src.height) !== null && _b !== void 0 ? _b : 0)) * (height || 0) || undefined);
+    if (isSrcString(src) || (0, is_not_nil_1.isNotNil)(width)) {
+        return width;
+    }
+    const calculatedWidth = Math.floor(((_a = src.width) !== null && _a !== void 0 ? _a : 0) / ((_b = src.height) !== null && _b !== void 0 ? _b : 0)) * (height !== null && height !== void 0 ? height : 0);
+    return calculatedWidth === 0 ? undefined : calculatedWidth;
 }
 exports.getImgElementWidth = getImgElementWidth;
+function isDimensionNumber(value) {
+    return typeof value === "number";
+}
+function getDimension(dimension, size) {
+    return isDimensionNumber(dimension) ? dimension * size : "auto";
+}
 const HIDPI_SIZES = [3, 2, 1];
 function getImgSrcSet(src, width, height, options = {}) {
     var _a, _b;
-    if (!src) {
-        return undefined;
-    }
     let toFormat;
     let h = height !== null && height !== void 0 ? height : "auto";
     let w = width !== null && width !== void 0 ? width : "auto";
-    if (typeof src === "string") {
+    if (isSrcString(src)) {
+        if ((0, is_empty_1.isEmpty)(src)) {
+            return undefined;
+        }
         toFormat = parseImgExtension(src);
     }
-    const imageResponse = toImageResponse(src);
-    if (imageResponse) {
-        if (!imageResponse.uuid) {
+    if (isSrcImageResponse(src)) {
+        if ((0, is_empty_1.isEmpty)(src.uuid)) {
             return undefined;
         }
-        toFormat = parseImgExtension(imageResponse.extension);
-        h = (_a = (h || imageResponse.height)) !== null && _a !== void 0 ? _a : "auto";
-        w = (_b = (w || imageResponse.width)) !== null && _b !== void 0 ? _b : "auto";
+        toFormat = parseImgExtension(src.extension);
+        h = (_a = (h || src.height)) !== null && _a !== void 0 ? _a : "auto";
+        w = (_b = (w || src.width)) !== null && _b !== void 0 ? _b : "auto";
     }
-    const staticImageData = toStaticImageData(src);
-    if (staticImageData) {
-        if (!staticImageData.src) {
+    if (isSrcStaticImageData(src)) {
+        if ((0, is_empty_1.isEmpty)(src.src)) {
             return undefined;
         }
-        toFormat = parseImgExtension(staticImageData.src);
-        h = h || staticImageData.height;
-        w = w || staticImageData.width;
+        toFormat = parseImgExtension(src.src);
+        h = h || src.height;
+        w = w || src.width;
     }
     const { maxHiDpi, ...restOptions } = options;
-    if (typeof h === "number" || typeof w === "number") {
+    if (isDimensionNumber(h) || isDimensionNumber(w)) {
         return (maxHiDpi ? HIDPI_SIZES.slice(-maxHiDpi) : HIDPI_SIZES)
-            .map((size) => (0, resizer_1.resizerImageUrl)(src, typeof w === "number" ? w * size : "auto", typeof h === "number" ? h * size : "auto", {
+            .map((size) => (0, resizer_1.resizerImageUrl)(src, getDimension(w, size), getDimension(h, size), {
             toFormat,
             ...restOptions,
         }) + (size > 1 ? ` ${size}x` : ""))
@@ -98,23 +124,23 @@ function getImgSrcSet(src, width, height, options = {}) {
     return (0, resizer_1.resizerImageUrl)(src, w, h, { toFormat, ...restOptions });
 }
 exports.getImgSrcSet = getImgSrcSet;
-const ImgSources = (props) => {
+/**
+ * @deprecated Use import from @uxf/ui instead.
+ */
+function ImgSources(props) {
     var _a, _b, _c, _d, _e;
-    if (!props.src) {
+    if (isSrcString(props.src) && (0, is_empty_1.isEmpty)(props.src)) {
         return null;
     }
-    const imageResponse = toImageResponse(props.src);
-    if (imageResponse && !imageResponse.uuid) {
+    if (isSrcImageResponse(props.src) && (0, is_empty_1.isEmpty)(props.src.uuid)) {
         return null;
     }
-    const staticImageData = toStaticImageData(props.src);
-    if (staticImageData && !staticImageData.src) {
+    if (isSrcStaticImageData(props.src) && (0, is_empty_1.isEmpty)(props.src.src)) {
         return null;
     }
-    let media;
-    if (props.breakpoints && props.breakpointIndex) {
-        media = `(min-width: ${props.breakpoints[props.breakpointIndex]})`;
-    }
+    const media = (0, is_not_nil_1.isNotNil)(props.breakpoints) && (0, is_not_nil_1.isNotNil)(props.breakpointIndex)
+        ? `(min-width: ${props.breakpoints[props.breakpointIndex]})`
+        : undefined;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(hide_1.Hide, { when: Boolean((_a = props.options) === null || _a === void 0 ? void 0 : _a.isAvifDisabled) },
             react_1.default.createElement("source", { media: media, srcSet: getImgSrcSet(props.src, props.width, props.height, {
@@ -132,5 +158,5 @@ const ImgSources = (props) => {
                 ...((_e = props.options) !== null && _e !== void 0 ? _e : {}),
                 quality: getImgQuality(props.quality, "original"),
             }) })));
-};
+}
 exports.ImgSources = ImgSources;