@ozen-ui/kit 0.67.0 → 0.69.0

package/__inner__/esm/hooks/useBreakpoints/useBreakpoints.js

@@ -1,6 +1,7 @@
 import { __assign, __read, __values } from "tslib";
 import { useState, useCallback, useDebugValue } from 'react';
 import { breakpointVariant, } from '../../types/Breakpoints';
+import { useDeprecatedHook } from '../useDeprecated';
 import { useIsomorphicEffect } from '../useIsomorphicEffect';
 var breakpoint = {
     xs: '(min-width: 0px)',
@@ -8,7 +9,11 @@ var breakpoint = {
     m: '(min-width: 1024px)',
     l: '(min-width: 1280px)',
 };
+/**
+ * @deprecated Хук устарел. Для замены используйте useBreakpointsNext
+ */
 export function useBreakpoints() {
+    useDeprecatedHook('useBreakpoints');
     var _a = __read(useState(breakpointVariant.reduce(function (acc, key) {
         var _a;
         return (__assign(__assign({}, acc), (_a = {}, _a[key] = window.matchMedia(breakpoint[key]).matches, _a)));

package/__inner__/esm/hooks/useBreakpointsNext/index.d.ts

@@ -0,0 +1 @@
+export * from './useBreakpoints';

package/__inner__/esm/hooks/useBreakpointsNext/index.js

@@ -0,0 +1 @@
+export * from './useBreakpoints';

package/__inner__/esm/hooks/useBreakpointsNext/useBreakpoints.d.ts

@@ -0,0 +1 @@
+export declare function useBreakpoints(): import("../../types/Breakpoints").BreakpointMatches;

package/__inner__/esm/hooks/useBreakpointsNext/useBreakpoints.js

@@ -0,0 +1,7 @@
+import { useBreakpointsObserver } from '../useBreakpointsObserver';
+import { useRerender } from '../useRerender';
+export function useBreakpoints() {
+    var rerender = useRerender();
+    var matches = useBreakpointsObserver(rerender);
+    return matches.current;
+}

package/__inner__/esm/hooks/useBreakpointsObserver/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useBreakpointsObserver';
+export * from './types';

package/__inner__/esm/hooks/useBreakpointsObserver/index.js

@@ -0,0 +1,2 @@
+export * from './useBreakpointsObserver';
+export * from './types';

package/__inner__/esm/hooks/useBreakpointsObserver/types.d.ts

@@ -0,0 +1,2 @@
+import type { BreakpointMatches } from '../../types/Breakpoints';
+export type UseBreakpointsObserverOnChange = (matches: BreakpointMatches, width: number) => void;

package/__inner__/esm/hooks/useBreakpointsObserver/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/hooks/useBreakpointsObserver/useBreakpointsObserver.d.ts

@@ -0,0 +1,3 @@
+import type { BreakpointMatches } from '../../types/Breakpoints';
+import type { UseBreakpointsObserverOnChange } from './types';
+export declare function useBreakpointsObserver(onChange?: UseBreakpointsObserverOnChange): import("../useStoredValue").StoredValue<BreakpointMatches>;

package/__inner__/esm/hooks/useBreakpointsObserver/useBreakpointsObserver.js

@@ -0,0 +1,32 @@
+import { useOzenSSR } from '../../components/OzenProvider';
+import { calculateBreakpoints } from '../../utils/breakpoint';
+import { useEventListener } from '../useEventListener';
+import { useIsomorphicEffect } from '../useIsomorphicEffect';
+import { useStoredValue } from '../useStoredValue';
+export function useBreakpointsObserver(onChange) {
+    var ssr = useOzenSSR();
+    var matches = useStoredValue(function () {
+        if (ssr.config.isEnabled) {
+            return calculateBreakpoints(ssr.config.serverWidth);
+        }
+        return calculateBreakpoints(window.innerWidth);
+    });
+    var recalculateMatches = function (width) {
+        var newMatches = calculateBreakpoints(width);
+        var hasChanges = newMatches.currentBreakpoint !== matches.current.currentBreakpoint;
+        if (hasChanges) {
+            matches.current = newMatches;
+            onChange === null || onChange === void 0 ? void 0 : onChange(newMatches, width);
+        }
+    };
+    useEventListener({
+        eventName: 'resize',
+        handler: function () {
+            recalculateMatches(window.innerWidth);
+        },
+    });
+    useIsomorphicEffect(function () {
+        recalculateMatches(window.innerWidth);
+    }, []);
+    return matches;
+}

package/__inner__/esm/hooks/useControlled/useControlled.js

@@ -2,6 +2,7 @@ import { __read } from "tslib";
 /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
 import { useState, useCallback, useEffect, useRef } from 'react';
 import { logger } from '@ozen-ui/logger';
+import deepEqual from 'lodash.isequal';
 /** Управляет значением компонента при контролируемом и неконтролируемом поведении */
 export var useControlled = function (_a) {
     var valueProp = _a.value, defaultProp = _a.defaultValue, name = _a.name, _b = _a.state, state = _b === void 0 ? 'value' : _b;
@@ -21,7 +22,7 @@ export var useControlled = function (_a) {
         }, [state, name, valueProp]);
         var defaultValue_1 = useRef(defaultProp).current;
         useEffect(function () {
-            if (!isControlled && defaultValue_1 !== defaultProp) {
+            if (!isControlled && !deepEqual(defaultValue_1, defaultProp)) {
                 logger.error([
                     "\u041D\u0435\u043A\u043E\u043D\u0442\u0440\u043E\u043B\u0438\u0440\u0443\u0435\u043C\u044B\u0439 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 ".concat(name, " \u0441\u043C\u0435\u043D\u0438\u043B \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0434\u043B\u044F \u00AB").concat(state, "\u00BB \u043F\u043E\u0441\u043B\u0435 \u043F\u0435\u0440\u0432\u043E\u0439 \u0438\u043D\u0438\u0446\u0438\u0430\u043B\u0438\u0437\u0430\u0446\u0438\u0438."),
                     "\n",

package/__inner__/esm/hooks/useCreateResizeObserver/useCreateResizeObserver.js

@@ -1,11 +1,12 @@
 import { useEffect, useMemo } from 'react';
+import { isClient } from '../../constants/environment';
 import { useStoredValue } from '../useStoredValue';
 export function useCreateResizeObserver(onChange) {
     var frameID = useStoredValue(0);
     var onChangeStored = useStoredValue(function () { return onChange; });
     onChangeStored.current = onChange;
     var observer = useMemo(function () {
-        return typeof window !== 'undefined' && typeof ResizeObserver !== 'undefined'
+        return isClient && typeof ResizeObserver !== 'undefined'
             ? new ResizeObserver(function (entries) {
                 cancelAnimationFrame(frameID.current);
                 frameID.current = requestAnimationFrame(function () {

package/__inner__/esm/hooks/useDeprecated/base/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useDeprecatedBase';
+export * from './types';

package/__inner__/esm/hooks/useDeprecated/base/index.js

@@ -0,0 +1,2 @@
+export * from './useDeprecatedBase';
+export * from './types';

package/__inner__/esm/hooks/useDeprecated/base/types.d.ts

@@ -0,0 +1,6 @@
+export type UseDeprecatedBaseParams = {
+    type: string;
+    name: string;
+    nameNext?: string;
+    isLogNeeded?: boolean;
+};

package/__inner__/esm/hooks/useDeprecated/base/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/hooks/useDeprecated/base/useDeprecatedBase.d.ts

@@ -0,0 +1,2 @@
+import type { UseDeprecatedBaseParams } from './types';
+export declare const useDeprecatedBase: ({ type: typeProp, name, nameNext, isLogNeeded, }: UseDeprecatedBaseParams) => void;

package/__inner__/esm/hooks/useDeprecated/base/useDeprecatedBase.js

@@ -0,0 +1,11 @@
+import { deprecate } from '@ozen-ui/logger';
+import { isProduction } from '../../../constants/environment';
+import { capitalizeFirstLetter } from '../../../utils/capitalizeFirstLetter';
+export var useDeprecatedBase = function (_a) {
+    var typeProp = _a.type, name = _a.name, nameNext = _a.nameNext, isLogNeeded = _a.isLogNeeded;
+    if (isProduction || !isLogNeeded) {
+        return;
+    }
+    var type = typeProp.toLowerCase();
+    deprecate("".concat(capitalizeFirstLetter(type), " \u00AB").concat(name, "\u00BB deprecated.").concat(nameNext ? " \u0414\u043B\u044F \u0437\u0430\u043C\u0435\u043D\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 ".concat(type, " \u00AB").concat(nameNext, "\u00BB.") : ''));
+};

package/__inner__/esm/hooks/useDeprecated/component/index.d.ts

@@ -0,0 +1 @@
+export * from './useDeprecatedComponent';

package/__inner__/esm/hooks/useDeprecated/component/index.js

@@ -0,0 +1 @@
+export * from './useDeprecatedComponent';

package/__inner__/esm/hooks/useDeprecated/component/useDeprecatedComponent.d.ts

@@ -0,0 +1 @@
+export declare const useDeprecatedComponent: (name: string, nameNext?: string) => void;

package/__inner__/esm/hooks/useDeprecated/component/useDeprecatedComponent.js

@@ -0,0 +1,9 @@
+import { useDeprecatedBase } from '../base';
+export var useDeprecatedComponent = function (name, nameNext) {
+    useDeprecatedBase({
+        name: name,
+        nameNext: nameNext !== null && nameNext !== void 0 ? nameNext : "".concat(name, "Next"),
+        type: 'компонент',
+        isLogNeeded: true,
+    });
+};

package/__inner__/esm/hooks/useDeprecated/hook/index.d.ts

@@ -0,0 +1 @@
+export * from './useDeprecatedHook';

package/__inner__/esm/hooks/useDeprecated/hook/index.js

@@ -0,0 +1 @@
+export * from './useDeprecatedHook';

package/__inner__/esm/hooks/useDeprecated/hook/useDeprecatedHook.d.ts

@@ -0,0 +1 @@
+export declare const useDeprecatedHook: (name: string, nameNext?: string) => void;

package/__inner__/esm/hooks/useDeprecated/hook/useDeprecatedHook.js

@@ -0,0 +1,9 @@
+import { useDeprecatedBase } from '../base';
+export var useDeprecatedHook = function (name, nameNext) {
+    useDeprecatedBase({
+        name: name,
+        nameNext: nameNext !== null && nameNext !== void 0 ? nameNext : "".concat(name, "Next"),
+        type: 'хук',
+        isLogNeeded: true,
+    });
+};

package/__inner__/esm/hooks/useDeprecated/index.d.ts

@@ -0,0 +1,3 @@
+export * from './component';
+export * from './hook';
+export * from './property';

package/__inner__/esm/hooks/useDeprecated/index.js

@@ -0,0 +1,3 @@
+export * from './component';
+export * from './hook';
+export * from './property';

package/__inner__/esm/hooks/useDeprecated/property/index.d.ts

@@ -0,0 +1 @@
+export * from './useDeprecatedProperty';

package/__inner__/esm/hooks/useDeprecated/property/index.js

@@ -0,0 +1 @@
+export * from './useDeprecatedProperty';

package/__inner__/esm/hooks/useDeprecated/property/useDeprecatedProperty.d.ts

@@ -0,0 +1 @@
+export declare const useDeprecatedProperty: (isUsing: boolean, name: string, nameNext?: string) => void;

package/__inner__/esm/hooks/useDeprecated/property/useDeprecatedProperty.js

@@ -0,0 +1,9 @@
+import { useDeprecatedBase } from '../base';
+export var useDeprecatedProperty = function (isUsing, name, nameNext) {
+    useDeprecatedBase({
+        name: name,
+        nameNext: nameNext,
+        type: 'свойство',
+        isLogNeeded: isUsing,
+    });
+};

package/__inner__/esm/hooks/useDeviceDetect/useDeviceDetect.js

@@ -1,5 +1,6 @@
 import { __read } from "tslib";
 import { useState } from 'react';
+import { isServer } from '../../constants/environment';
 import { useIsomorphicEffect } from '../useIsomorphicEffect';
 function getPlatform(userAgent) {
     var iosPlatforms = /iphone|ipad|ipod/i.test(userAgent);
@@ -32,7 +33,7 @@ export function useDeviceDetect() {
     var _a = __read(useState(false), 2), isMobile = _a[0], setIsMobile = _a[1];
     var _b = __read(useState('undetermined'), 2), platform = _b[0], setPlatform = _b[1];
     useIsomorphicEffect(function () {
-        if (typeof window === 'undefined') {
+        if (isServer) {
             return;
         }
         var userAgent = window.navigator.userAgent;

package/__inner__/esm/hooks/useIsomorphicEffect/useIsomorphicEffect.js

@@ -1,2 +1,3 @@
 import { useEffect, useLayoutEffect } from 'react';
-export var useIsomorphicEffect = typeof window === 'undefined' ? useEffect : useLayoutEffect;
+import { isServer } from '../../constants/environment';
+export var useIsomorphicEffect = isServer ? useEffect : useLayoutEffect;

package/__inner__/esm/hooks/useMultipleResizeObserver/useMultipleResizeObserver.js

@@ -1,9 +1,11 @@
 import { __read, __spreadArray } from "tslib";
 import { useEffect } from 'react';
+import { useOzenSSR } from '../../components/OzenProvider';
 import { isFunction } from '../../utils/isFunction';
 import { useCreateResizeObserver } from '../useCreateResizeObserver';
 import { useStoredValue } from '../useStoredValue';
 export function useMultipleResizeObserver(elements, onChange, options) {
+    var ssr = useOzenSSR();
     var observer = useCreateResizeObserver(function (entries) {
         onChange === null || onChange === void 0 ? void 0 : onChange(entries);
     });
@@ -37,7 +39,14 @@ export function useMultipleResizeObserver(elements, onChange, options) {
         });
     };
     useEffect(function () {
-        reconnect();
+        if (ssr.config.isEnabled) {
+            setTimeout(function () {
+                reconnect();
+            });
+        }
+        else {
+            reconnect();
+        }
     }, [elements]);
     return {
         reconnect: reconnect,

package/__inner__/esm/hooks/usePortalContainer/entities/container.d.ts

@@ -0,0 +1,4 @@
+import type { RefObject } from 'react';
+import type { PortalContainerElement } from './element';
+export type PortalBaseContainer = PortalContainerElement | RefObject<PortalContainerElement>;
+export type PortalContainer = PortalBaseContainer | (() => PortalBaseContainer);

package/__inner__/esm/hooks/usePortalContainer/entities/container.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/hooks/usePortalContainer/entities/element.d.ts

@@ -0,0 +1 @@
+export type PortalContainerElement = Element | DocumentFragment | null;

package/__inner__/esm/hooks/usePortalContainer/entities/element.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/hooks/usePortalContainer/entities/index.d.ts

@@ -0,0 +1,2 @@
+export * from './container';
+export * from './element';

package/__inner__/esm/hooks/usePortalContainer/entities/index.js

@@ -0,0 +1,2 @@
+export * from './container';
+export * from './element';

package/__inner__/esm/hooks/usePortalContainer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './entities';
+export * from './usePortalContainer';

package/__inner__/esm/hooks/usePortalContainer/index.js

@@ -0,0 +1,2 @@
+export * from './entities';
+export * from './usePortalContainer';

package/__inner__/esm/hooks/usePortalContainer/usePortalContainer.d.ts

@@ -0,0 +1,2 @@
+import type { PortalContainer } from './entities';
+export declare const usePortalContainer: (container: PortalContainer) => import("./entities").PortalContainerElement;

package/__inner__/esm/hooks/usePortalContainer/usePortalContainer.js

@@ -0,0 +1,24 @@
+import { __read } from "tslib";
+import { useEffect, useState } from 'react';
+import { isServer } from '../../constants/environment';
+import { isFunction } from '../../utils/isFunction';
+import { isRef } from '../../utils/react';
+export var usePortalContainer = function (container) {
+    var _a = __read(useState(false), 2), isMounted = _a[0], setIsMounted = _a[1];
+    useEffect(function () {
+        setIsMounted(true);
+    }, []);
+    var baseContainer = (function () {
+        if (isServer || !isMounted) {
+            return null;
+        }
+        if (isFunction(container)) {
+            return container();
+        }
+        return container;
+    })();
+    if (baseContainer && isRef(baseContainer)) {
+        return baseContainer.current;
+    }
+    return baseContainer;
+};

package/__inner__/esm/hooks/useRerender/index.d.ts

@@ -0,0 +1 @@
+export * from './useRerender';

package/__inner__/esm/hooks/useRerender/index.js

@@ -0,0 +1 @@
+export * from './useRerender';

package/__inner__/esm/hooks/useRerender/useRerender.d.ts

@@ -0,0 +1 @@
+export declare function useRerender(): () => void;

package/__inner__/esm/hooks/useRerender/useRerender.js

@@ -0,0 +1,9 @@
+import { __read } from "tslib";
+import { useCallback, useState } from 'react';
+export function useRerender() {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    var _a = __read(useState(function () { return 1; }), 2), _ = _a[0], setState = _a[1];
+    return useCallback(function () {
+        setState(function (prevState) { return prevState + 1; });
+    }, []);
+}

package/__inner__/esm/hooks/useUniqueId/useUniqueId.js

@@ -1,14 +1,6 @@
-import { useRef } from 'react';
-var uniqueId = 0;
-var getUniqueId = function () {
-    uniqueId += 1;
-    return uniqueId;
-};
+import { useId } from 'react';
 export function useUniqueId(prefix) {
     if (prefix === void 0) { prefix = ''; }
-    var idRef = useRef();
-    if (idRef.current === undefined) {
-        idRef.current = getUniqueId();
-    }
-    return "".concat(prefix).concat(idRef.current);
+    var id = useId();
+    return "".concat(prefix).concat(id);
 }

package/__inner__/esm/locale/locale.js

@@ -18,6 +18,11 @@ export var ruRU = {
             clearText: 'Очистить',
             loadingText: 'Загрузка…',
         },
+        AutocompleteBaseInput: {
+            openText: 'Открыть',
+            clearText: 'Очистить',
+            closeText: 'Закрыть',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -98,6 +103,11 @@ export var kkKZ = {
             clearText: 'Тазалау',
             loadingText: 'Жүктеу…',
         },
+        AutocompleteBaseInput: {
+            openText: 'Ашу',
+            clearText: 'Тазалау',
+            closeText: 'Жабу',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -178,6 +188,11 @@ export var enUS = {
             clearText: 'Clear',
             loadingText: 'Loading…',
         },
+        AutocompleteBaseInput: {
+            openText: 'Open',
+            clearText: 'Clear',
+            closeText: 'Close',
+        },
         Breadcrumbs: {
             'aria-label': 'Navigation',
         },

package/__inner__/esm/types/Breakpoints.d.ts

@@ -1,2 +1,20 @@
+import type { ObjectPropertiesWithPrefix } from './object';
 export declare const breakpointVariant: readonly ["xs", "s", "m", "l"];
 export type BreakpointVariant = (typeof breakpointVariant)[number];
+export declare const MIN_WIDTH_BY_BREAKPOINT: Record<BreakpointVariant, number>;
+export declare const breakpointsAscending: ("s" | "m" | "l" | "xs")[];
+export declare const BREAKPOINT_PREFIX: {
+    readonly IS: "is";
+    readonly IS_A_LARGER_THAN: "isALargerThan";
+    readonly IS_A_LARGER_THAN_OR_IS: "isALargerThanOrIs";
+    readonly IS_A_SMALLER_THAN: "isASmallerThan";
+    readonly IS_A_SMALLER_THAN_OR_IS: "isASmallerThanOrIs";
+};
+export type BreakpointPrefix = (typeof BREAKPOINT_PREFIX)[keyof typeof BREAKPOINT_PREFIX];
+export type IsBreakpoint = ObjectPropertiesWithPrefix<Capitalize<BreakpointVariant>, typeof BREAKPOINT_PREFIX.IS, boolean>;
+export type IsALargerBreakpoint = ObjectPropertiesWithPrefix<Capitalize<BreakpointVariant>, typeof BREAKPOINT_PREFIX.IS_A_LARGER_THAN, boolean> & ObjectPropertiesWithPrefix<Capitalize<BreakpointVariant>, typeof BREAKPOINT_PREFIX.IS_A_LARGER_THAN_OR_IS, boolean>;
+export type IsASmallerBreakpoint = ObjectPropertiesWithPrefix<Capitalize<BreakpointVariant>, typeof BREAKPOINT_PREFIX.IS_A_SMALLER_THAN, boolean> & ObjectPropertiesWithPrefix<Capitalize<BreakpointVariant>, typeof BREAKPOINT_PREFIX.IS_A_SMALLER_THAN_OR_IS, boolean>;
+export type CurrentBreakpoint = {
+    currentBreakpoint: BreakpointVariant;
+};
+export type BreakpointMatches = IsBreakpoint & IsALargerBreakpoint & IsASmallerBreakpoint & CurrentBreakpoint;

package/__inner__/esm/types/Breakpoints.js

@@ -1 +1,26 @@
+import { __read } from "tslib";
 export var breakpointVariant = ['xs', 's', 'm', 'l'];
+export var MIN_WIDTH_BY_BREAKPOINT = {
+    xs: 0,
+    s: 640,
+    m: 1024,
+    l: 1280,
+};
+export var breakpointsAscending = Object.entries(MIN_WIDTH_BY_BREAKPOINT)
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    .sort(function (_c, _d) {
+    var _e = __read(_c, 2), _a = _e[0], breakpointA = _e[1];
+    var _f = __read(_d, 2), _b = _f[0], breakpointB = _f[1];
+    return breakpointA - breakpointB;
+})
+    .map(function (_c) {
+    var _d = __read(_c, 1), deviceSize = _d[0];
+    return deviceSize;
+});
+export var BREAKPOINT_PREFIX = {
+    IS: 'is',
+    IS_A_LARGER_THAN: 'isALargerThan',
+    IS_A_LARGER_THAN_OR_IS: 'isALargerThanOrIs',
+    IS_A_SMALLER_THAN: 'isASmallerThan',
+    IS_A_SMALLER_THAN_OR_IS: 'isASmallerThanOrIs',
+};

package/__inner__/esm/types/function/baseFunction.d.ts

@@ -0,0 +1 @@
+export type BaseFunction = (...args: any) => any;

package/__inner__/esm/types/function/baseFunction.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/types/function/index.d.ts

@@ -0,0 +1 @@
+export * from './baseFunction';

package/__inner__/esm/types/function/index.js

@@ -0,0 +1 @@
+export * from './baseFunction';

package/__inner__/esm/types/object/index.d.ts

@@ -1 +1,2 @@
+export * from './objectPropertiesWithPrefix';
 export * from './withPartial';

package/__inner__/esm/types/object/index.js

@@ -1 +1,2 @@
+export * from './objectPropertiesWithPrefix';
 export * from './withPartial';

package/__inner__/esm/types/object/objectPropertiesWithPrefix.d.ts

@@ -0,0 +1,3 @@
+export type ObjectPropertiesWithPrefix<ObjectKeys extends string, Prefix extends string, Value> = {
+    [key in `${Prefix}${ObjectKeys}`]: Value;
+};

package/__inner__/esm/types/object/objectPropertiesWithPrefix.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/types/react/WithDisplayName.d.ts

@@ -0,0 +1,3 @@
+export type WithDisplayName<Value> = Value & {
+    displayName?: string;
+};

package/__inner__/esm/types/react/WithDisplayName.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/types/react/index.d.ts

@@ -0,0 +1 @@
+export * from './WithDisplayName';

package/__inner__/esm/types/react/index.js

@@ -0,0 +1 @@
+export * from './WithDisplayName';

package/__inner__/esm/utils/breakpoint/calculateIsBreakpoints.d.ts

@@ -0,0 +1,2 @@
+import type { BreakpointMatches } from '../../types/Breakpoints';
+export declare const calculateBreakpoints: (windowWidth: number) => BreakpointMatches;

package/__inner__/esm/utils/breakpoint/calculateIsBreakpoints.js

@@ -0,0 +1,77 @@
+import { __values } from "tslib";
+import { BREAKPOINT_PREFIX, breakpointsAscending, MIN_WIDTH_BY_BREAKPOINT, } from '../../types/Breakpoints';
+import { capitalizeFirstLetter } from '../capitalizeFirstLetter';
+var memoizedBreakpointsMatches = {};
+var generateIsBreakpointKey = function (prefix, breakpoint) {
+    return "".concat(prefix).concat(capitalizeFirstLetter(breakpoint));
+};
+var checkIsCurrentBreakpoint = function (isBreakpoint, breakpoint) { return isBreakpoint[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS, breakpoint)]; };
+var checkHasALargerThan = function (isBreakpoint, breakpoint) {
+    var breakpointIndex = breakpointsAscending.indexOf(breakpoint);
+    var largerBreakpoints = breakpointsAscending.slice(breakpointIndex + 1, breakpointsAscending.length);
+    var hasLargerBreakpointThanThis = largerBreakpoints.some(function (breakpoint) {
+        return checkIsCurrentBreakpoint(isBreakpoint, breakpoint);
+    });
+    return hasLargerBreakpointThanThis;
+};
+var checkHasASmallerThan = function (isBreakpoint, breakpoint) {
+    var breakpointIndex = breakpointsAscending.indexOf(breakpoint);
+    var smallerBreakpoints = breakpointsAscending.slice(0, breakpointIndex);
+    var hasSmallerBreakpointThanThis = smallerBreakpoints.some(function (breakpoint) {
+        return checkIsCurrentBreakpoint(isBreakpoint, breakpoint);
+    });
+    return hasSmallerBreakpointThanThis;
+};
+var checkIsBreakpoint = function (windowWidth, breakpoint) {
+    var breakpointIndex = breakpointsAscending.indexOf(breakpoint);
+    var previousBreakpoint = MIN_WIDTH_BY_BREAKPOINT[breakpointsAscending[breakpointIndex - 1]];
+    var currentBreakpoint = MIN_WIDTH_BY_BREAKPOINT[breakpoint];
+    var nextBreakpoint = MIN_WIDTH_BY_BREAKPOINT[breakpointsAscending[breakpointIndex + 1]];
+    var isTheSmallestBreakpoint = breakpointIndex === 0;
+    if (isTheSmallestBreakpoint) {
+        return windowWidth < nextBreakpoint;
+    }
+    var isTheLargestBreakpoint = breakpointIndex === breakpointsAscending.length - 1;
+    if (isTheLargestBreakpoint) {
+        return windowWidth >= currentBreakpoint && windowWidth > previousBreakpoint;
+    }
+    return (windowWidth >= MIN_WIDTH_BY_BREAKPOINT[breakpoint] &&
+        windowWidth < nextBreakpoint);
+};
+export var calculateBreakpoints = function (windowWidth) {
+    var e_1, _a;
+    var matches = {};
+    try {
+        for (var breakpointsAscending_1 = __values(breakpointsAscending), breakpointsAscending_1_1 = breakpointsAscending_1.next(); !breakpointsAscending_1_1.done; breakpointsAscending_1_1 = breakpointsAscending_1.next()) {
+            var breakpoint = breakpointsAscending_1_1.value;
+            var isThisBreakpoint = checkIsBreakpoint(windowWidth, breakpoint);
+            matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS, breakpoint)] =
+                isThisBreakpoint;
+            if (isThisBreakpoint) {
+                var memoizedValue = memoizedBreakpointsMatches[breakpoint];
+                if (memoizedValue) {
+                    return memoizedValue;
+                }
+                matches.currentBreakpoint = breakpoint;
+            }
+        }
+    }
+    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+    finally {
+        try {
+            if (breakpointsAscending_1_1 && !breakpointsAscending_1_1.done && (_a = breakpointsAscending_1.return)) _a.call(breakpointsAscending_1);
+        }
+        finally { if (e_1) throw e_1.error; }
+    }
+    breakpointsAscending.forEach(function (breakpoint) {
+        var isCurrentBreakpoint = checkIsCurrentBreakpoint(matches, breakpoint);
+        var hasALargerThan = checkHasALargerThan(matches, breakpoint);
+        var hasASmallerThan = checkHasASmallerThan(matches, breakpoint);
+        matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS_A_LARGER_THAN, breakpoint)] = hasALargerThan;
+        matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS_A_SMALLER_THAN, breakpoint)] = hasASmallerThan;
+        matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS_A_LARGER_THAN_OR_IS, breakpoint)] = hasALargerThan || isCurrentBreakpoint;
+        matches[generateIsBreakpointKey(BREAKPOINT_PREFIX.IS_A_SMALLER_THAN_OR_IS, breakpoint)] = hasASmallerThan || isCurrentBreakpoint;
+    });
+    memoizedBreakpointsMatches[matches.currentBreakpoint] = matches;
+    return matches;
+};

package/__inner__/esm/utils/breakpoint/index.d.ts

@@ -0,0 +1 @@
+export * from './calculateIsBreakpoints';

package/__inner__/esm/utils/breakpoint/index.js

@@ -0,0 +1 @@
+export * from './calculateIsBreakpoints';

package/__inner__/esm/utils/getScrollBarSize/getScrollbarSize.js

@@ -1,4 +1,8 @@
+import { isServer } from '../../constants/environment';
 export var getScrollbarSize = function (el) {
+    if (isServer) {
+        return 0;
+    }
     if (!el || el === document.body) {
         return window.innerWidth - document.documentElement.clientWidth;
     }