@ozen-ui/kit 0.68.0 → 0.69.0

package/__inner__/cjs/components/Tabs/components/Tab/Tab.js

@@ -43,3 +43,4 @@ exports.TabComponent = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
 });
 exports.TabComponent.displayName = 'Tab';
 exports.Tab = react_1.default.memo(exports.TabComponent);
+exports.Tab.displayName = 'Tab';

package/__inner__/cjs/components/Tag/Tag.js

@@ -4,7 +4,7 @@ exports.Tag = exports.cnTag = exports.tagSizeVariant = exports.tagVariant = void
 var tslib_1 = require("tslib");
 require("./Tag.css");
 var react_1 = tslib_1.__importDefault(require("react"));
-var logger_1 = require("@ozen-ui/logger");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
@@ -23,9 +23,7 @@ exports.cnTag = (0, classname_1.cn)('Tag');
 exports.Tag = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Tag' });
     var _a = props.size, size = _a === void 0 ? constants_1.TAG_DEFAULT_SIZE : _a, _b = props.as, Tag = _b === void 0 ? constants_1.TAG_DEFAULT_AS : _b, _c = props.variant, variant = _c === void 0 ? constants_1.TAG_DEFAULT_VARIANT : _c, IconLeft = props.iconLeft, IconRight = props.iconRight, label = props.label, className = props.className, onRemove = props.onRemove, other = tslib_1.__rest(props, ["size", "as", "variant", "iconLeft", "iconRight", "label", "className", "onRemove"]);
-    if (process.env.NODE_ENV !== 'production') {
-        (0, logger_1.deprecate)('Компонент «Tag» устарел. Для замены используйте компонент «TagNext».');
-    }
+    (0, useDeprecated_1.useDeprecatedComponent)('Tag');
     return (react_1.default.createElement(Tag, tslib_1.__assign({ className: (0, exports.cnTag)({ variant: variant, size: size }, [className]) }, other, { ref: ref }),
         IconLeft && react_1.default.createElement(IconLeft, { size: "s" }),
         react_1.default.createElement("span", { className: (0, exports.cnTag)('Label') }, label),

package/__inner__/cjs/components/ThemeProvider/types.d.ts

@@ -4,6 +4,7 @@ import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphi
 import type { AccordionProps, AccordionSummaryProps } from '../Accordion';
 import type { AlertProps } from '../Alert';
 import type { AutocompleteProps } from '../Autocomplete';
+import type { AutocompleteBaseProps, AutocompleteBaseInputProps, AutocompleteBaseInputTagProps, AutocompleteBaseInputIconProps } from '../AutocompleteBase';
 import type { AutocompleteProps as AutocompletePropsNext } from '../AutocompleteNext';
 import type { AvatarProps } from '../Avatar';
 import type { BackdropProps } from '../Backdrop';
@@ -89,6 +90,10 @@ export type Theme = {
         Alert?: Partial<AlertProps>;
         Autocomplete?: Partial<AutocompleteProps>;
         AutocompleteNext?: Partial<AutocompletePropsNext>;
+        AutocompleteBase?: Partial<AutocompleteBaseProps>;
+        AutocompleteBaseInput?: Partial<AutocompleteBaseInputProps>;
+        AutocompleteBaseInputIcon?: Partial<AutocompleteBaseInputIconProps>;
+        AutocompleteBaseInputTag?: Partial<AutocompleteBaseInputTagProps>;
         Avatar?: Partial<AvatarProps>;
         Backdrop?: Partial<BackdropProps>;
         Badge?: Partial<BadgeProps>;

package/__inner__/cjs/components/Title/TitleContext.js

@@ -13,6 +13,6 @@ exports.TitleContext = react_1.default.createContext(exports.TitleContextDefault
 var useTitleContext = function () { return (0, react_1.useContext)(exports.TitleContext); };
 exports.useTitleContext = useTitleContext;
 // Именованный провайдер
-if (environment_1.IS_DEV) {
+if (environment_1.isDev) {
     exports.TitleContext.displayName = 'TitleContext';
 }

package/__inner__/cjs/components/Title/components/variant/TitleVariant.js

@@ -17,8 +17,9 @@ exports.TitleVariant = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
     if (variant === 'secondary') {
         return react_1.default.createElement(secondary_1.TitleSecondary, tslib_1.__assign({}, other, { as: as, ref: ref }));
     }
-    if (environment_1.IS_DEV) {
+    if (environment_1.isDev) {
         logger_1.logger.error("\u0423 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430 'Title' \u043D\u0435\u0442 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u0430 '".concat(variant, "'. \u0414\u043E\u0441\u0442\u0443\u043F\u043D\u044B\u0435 \u0432\u0430\u0440\u0438\u0430\u043D\u0442\u044B: [").concat(entities_1.titleVariant.join(', '), "]'"));
     }
     return null;
 });
+exports.TitleVariant.displayName = 'TitleVariant';

package/__inner__/cjs/components/Title/modules/TitleTag/TitleTag.js

@@ -9,3 +9,4 @@ var TagNext_1 = require("../../../TagNext");
 var constants_1 = require("./constants");
 exports.cnTitleTag = (0, classname_1.cn)('TitleTag');
 exports.TitleTag = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (props, ref) { return (react_1.default.createElement(TagNext_1.Tag, tslib_1.__assign({ as: constants_1.TITLE_TAG_DEFAULT_TAG }, props, { ref: ref, size: "xs", variant: "primary", color: "uncolored", className: (0, exports.cnTitleTag)('', [props.className]) }))); });
+exports.TitleTag.displayName = 'TitleTag';

package/__inner__/cjs/components/Toggle/Toggle.js

@@ -4,6 +4,7 @@ exports.Toggle = exports.cnToggle = void 0;
 var tslib_1 = require("tslib");
 require("./Toggle.css");
 var react_1 = tslib_1.__importStar(require("react"));
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var FormControlLabel_1 = require("../FormControlLabel");
@@ -12,6 +13,7 @@ exports.cnToggle = (0, classname_1.cn)('Toggle');
  * @deprecated Компонент устарел. Для замены используйте компонент ToggleNext
  */
 exports.Toggle = (0, react_1.forwardRef)(function (inProps, ref) {
+    (0, useDeprecated_1.useDeprecatedComponent)('Toggle');
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
         name: 'Toggle',

package/__inner__/cjs/components/ToggleNext/Toggle.css

@@ -22,11 +22,11 @@
   }
 
   .ToggleNext_size_m {
-    --form-control-carcass-control-block-padding: 0;
+    --form-control-carcass-control-block-margin: 0;
   }
 
   .ToggleNext_size_l {
-    --form-control-carcass-control-block-padding: var(--spacing-4xs);
+    --form-control-carcass-control-block-margin: var(--spacing-4xs);
   }
 
   .ToggleNext_variant_default {
@@ -107,6 +107,7 @@
 
   .ToggleNext-Switch {
     position: relative;
+    box-sizing: border-box;
     cursor: pointer;
     flex-shrink: 0;
     inline-size: var(--toggle-switch-inline-size);

package/__inner__/cjs/components/Tooltip/Tooltip.js

@@ -4,10 +4,10 @@ exports.Tooltip = exports.cnTooltip = void 0;
 var tslib_1 = require("tslib");
 require("./Tooltip.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var logger_1 = require("@ozen-ui/logger");
 var useBoolean_1 = require("../../hooks/useBoolean");
 var useControlled_1 = require("../../hooks/useControlled");
 var useDebounceCallback_1 = require("../../hooks/useDebounceCallback");
+var useDeprecated_1 = require("../../hooks/useDeprecated");
 var useMultiRef_1 = require("../../hooks/useMultiRef");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
@@ -18,9 +18,7 @@ exports.cnTooltip = (0, classname_1.cn)('Tooltip');
 exports.Tooltip = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({ props: inProps, name: 'Tooltip' });
     var _a = props.trigger, trigger = _a === void 0 ? constants_1.TOOLTIP_DEFAULT_TRIGGER : _a, _b = props.size, size = _b === void 0 ? constants_1.TOOLTIP_DEFAULT_SIZE : _b, _c = props.offset, offset = _c === void 0 ? constants_1.TOOLTIP_DEFAULT_OFFSET : _c, _d = props.delayEnter, delayEnter = _d === void 0 ? constants_1.TOOLTIP_DEFAULT_DELAY_ENTER : _d, _e = props.delayLeave, delayLeave = _e === void 0 ? constants_1.TOOLTIP_DEFAULT_DELAY_LEAVE : _e, _f = props.arrow, arrow = _f === void 0 ? constants_1.TOOLTIP_DEFAULT_ARROW : _f, _g = props.shouldWrapChildren, shouldWrapChildren = _g === void 0 ? constants_1.TOOLTIP_DEFAULT_SHOULD_WRAP_CHILDREN : _g, _h = props.disabled, disabled = _h === void 0 ? constants_1.TOOLTIP_DEFAULT_DISABLED : _h, _j = props.inverse, inverse = _j === void 0 ? constants_1.TOOLTIP_DEFAULT_INVERSE : _j, _k = props.as, as = _k === void 0 ? constants_1.TOOLTIP_DEFAULT_TAG : _k, modifiersProp = props.modifiers, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave, variant = props.variant, children = props.children, label = props.label, openProp = props.open, className = props.className, onOpen = props.onOpen, onClose = props.onClose, other = tslib_1.__rest(props, ["trigger", "size", "offset", "delayEnter", "delayLeave", "arrow", "shouldWrapChildren", "disabled", "inverse", "as", "modifiers", "onMouseEnter", "onMouseLeave", "variant", "children", "label", "open", "className", "onOpen", "onClose"]);
-    if (process.env.NODE_ENV !== 'production' && variant) {
-        (0, logger_1.deprecate)('Свойство «variant» устарело. Для замены используйте «inverse».');
-    }
+    (0, useDeprecated_1.useDeprecatedProperty)(!!variant, 'variant', 'inverse');
     var anchorRef = (0, react_1.useRef)(null);
     var _l = tslib_1.__read((0, react_1.useState)(), 2), delay = _l[0], setDelay = _l[1];
     var _m = tslib_1.__read((0, useBoolean_1.useBoolean)(), 2), focused = _m[0], setFocused = _m[1];

package/__inner__/cjs/constants/environment/isDev.d.ts

@@ -1 +1 @@
-export declare const IS_DEV: boolean;
+export declare const isDev: boolean;

package/__inner__/cjs/constants/environment/isDev.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IS_DEV = void 0;
+exports.isDev = void 0;
 var isProduction_1 = require("./isProduction");
-exports.IS_DEV = !isProduction_1.IS_PRODUCTION;
+exports.isDev = !isProduction_1.isProduction;

package/__inner__/cjs/constants/environment/isProduction.d.ts

@@ -1 +1 @@
-export declare const IS_PRODUCTION: boolean;
+export declare const isProduction: boolean;

package/__inner__/cjs/constants/environment/isProduction.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IS_PRODUCTION = void 0;
-exports.IS_PRODUCTION = process.env.NODE_ENV === 'production';
+exports.isProduction = void 0;
+exports.isProduction = process.env.NODE_ENV === 'production';

package/__inner__/cjs/hooks/useBreakpoints/useBreakpoints.d.ts

@@ -1,4 +1,7 @@
 import { type BreakpointVariant } from '../../types/Breakpoints';
 type BreakpointMatches = Record<BreakpointVariant, boolean>;
+/**
+ * @deprecated Хук устарел. Для замены используйте useBreakpointsNext
+ */
 export declare function useBreakpoints(): BreakpointMatches;
 export {};

package/__inner__/cjs/hooks/useBreakpoints/useBreakpoints.js

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

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useBreakpoints"), exports);

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

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

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreakpoints = useBreakpoints;
+var useBreakpointsObserver_1 = require("../useBreakpointsObserver");
+var useRerender_1 = require("../useRerender");
+function useBreakpoints() {
+    var rerender = (0, useRerender_1.useRerender)();
+    var matches = (0, useBreakpointsObserver_1.useBreakpointsObserver)(rerender);
+    return matches.current;
+}

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useBreakpointsObserver"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/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__/cjs/hooks/useBreakpointsObserver/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/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__/cjs/hooks/useBreakpointsObserver/useBreakpointsObserver.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useBreakpointsObserver = useBreakpointsObserver;
+var OzenProvider_1 = require("../../components/OzenProvider");
+var breakpoint_1 = require("../../utils/breakpoint");
+var useEventListener_1 = require("../useEventListener");
+var useIsomorphicEffect_1 = require("../useIsomorphicEffect");
+var useStoredValue_1 = require("../useStoredValue");
+function useBreakpointsObserver(onChange) {
+    var ssr = (0, OzenProvider_1.useOzenSSR)();
+    var matches = (0, useStoredValue_1.useStoredValue)(function () {
+        if (ssr.config.isEnabled) {
+            return (0, breakpoint_1.calculateBreakpoints)(ssr.config.serverWidth);
+        }
+        return (0, breakpoint_1.calculateBreakpoints)(window.innerWidth);
+    });
+    var recalculateMatches = function (width) {
+        var newMatches = (0, breakpoint_1.calculateBreakpoints)(width);
+        var hasChanges = newMatches.currentBreakpoint !== matches.current.currentBreakpoint;
+        if (hasChanges) {
+            matches.current = newMatches;
+            onChange === null || onChange === void 0 ? void 0 : onChange(newMatches, width);
+        }
+    };
+    (0, useEventListener_1.useEventListener)({
+        eventName: 'resize',
+        handler: function () {
+            recalculateMatches(window.innerWidth);
+        },
+    });
+    (0, useIsomorphicEffect_1.useIsomorphicEffect)(function () {
+        recalculateMatches(window.innerWidth);
+    }, []);
+    return matches;
+}

package/__inner__/cjs/hooks/useControlled/useControlled.js

@@ -5,6 +5,7 @@ var tslib_1 = require("tslib");
 /* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */
 var react_1 = require("react");
 var logger_1 = require("@ozen-ui/logger");
+var lodash_isequal_1 = tslib_1.__importDefault(require("lodash.isequal"));
 /** Управляет значением компонента при контролируемом и неконтролируемом поведении */
 var useControlled = function (_a) {
     var valueProp = _a.value, defaultProp = _a.defaultValue, name = _a.name, _b = _a.state, state = _b === void 0 ? 'value' : _b;
@@ -24,7 +25,7 @@ var useControlled = function (_a) {
         }, [state, name, valueProp]);
         var defaultValue_1 = (0, react_1.useRef)(defaultProp).current;
         (0, react_1.useEffect)(function () {
-            if (!isControlled && defaultValue_1 !== defaultProp) {
+            if (!isControlled && !(0, lodash_isequal_1.default)(defaultValue_1, defaultProp)) {
                 logger_1.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__/cjs/hooks/useCreateResizeObserver/useCreateResizeObserver.js

@@ -2,13 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useCreateResizeObserver = useCreateResizeObserver;
 var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
 var useStoredValue_1 = require("../useStoredValue");
 function useCreateResizeObserver(onChange) {
     var frameID = (0, useStoredValue_1.useStoredValue)(0);
     var onChangeStored = (0, useStoredValue_1.useStoredValue)(function () { return onChange; });
     onChangeStored.current = onChange;
     var observer = (0, react_1.useMemo)(function () {
-        return typeof window !== 'undefined' && typeof ResizeObserver !== 'undefined'
+        return environment_1.isClient && typeof ResizeObserver !== 'undefined'
             ? new ResizeObserver(function (entries) {
                 cancelAnimationFrame(frameID.current);
                 frameID.current = requestAnimationFrame(function () {

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useDeprecatedBase"), exports);
+tslib_1.__exportStar(require("./types"), exports);

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

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

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/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__/cjs/hooks/useDeprecated/base/useDeprecatedBase.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecatedBase = void 0;
+var logger_1 = require("@ozen-ui/logger");
+var environment_1 = require("../../../constants/environment");
+var capitalizeFirstLetter_1 = require("../../../utils/capitalizeFirstLetter");
+var useDeprecatedBase = function (_a) {
+    var typeProp = _a.type, name = _a.name, nameNext = _a.nameNext, isLogNeeded = _a.isLogNeeded;
+    if (environment_1.isProduction || !isLogNeeded) {
+        return;
+    }
+    var type = typeProp.toLowerCase();
+    (0, logger_1.deprecate)("".concat((0, capitalizeFirstLetter_1.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.") : ''));
+};
+exports.useDeprecatedBase = useDeprecatedBase;

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useDeprecatedComponent"), exports);

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecatedComponent = void 0;
+var base_1 = require("../base");
+var useDeprecatedComponent = function (name, nameNext) {
+    (0, base_1.useDeprecatedBase)({
+        name: name,
+        nameNext: nameNext !== null && nameNext !== void 0 ? nameNext : "".concat(name, "Next"),
+        type: 'компонент',
+        isLogNeeded: true,
+    });
+};
+exports.useDeprecatedComponent = useDeprecatedComponent;

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useDeprecatedHook"), exports);

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecatedHook = void 0;
+var base_1 = require("../base");
+var useDeprecatedHook = function (name, nameNext) {
+    (0, base_1.useDeprecatedBase)({
+        name: name,
+        nameNext: nameNext !== null && nameNext !== void 0 ? nameNext : "".concat(name, "Next"),
+        type: 'хук',
+        isLogNeeded: true,
+    });
+};
+exports.useDeprecatedHook = useDeprecatedHook;

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./component"), exports);
+tslib_1.__exportStar(require("./hook"), exports);
+tslib_1.__exportStar(require("./property"), exports);

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useDeprecatedProperty"), exports);

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

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDeprecatedProperty = void 0;
+var base_1 = require("../base");
+var useDeprecatedProperty = function (isUsing, name, nameNext) {
+    (0, base_1.useDeprecatedBase)({
+        name: name,
+        nameNext: nameNext,
+        type: 'свойство',
+        isLogNeeded: isUsing,
+    });
+};
+exports.useDeprecatedProperty = useDeprecatedProperty;

package/__inner__/cjs/hooks/useDeviceDetect/useDeviceDetect.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDeviceDetect = useDeviceDetect;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
 var useIsomorphicEffect_1 = require("../useIsomorphicEffect");
 function getPlatform(userAgent) {
     var iosPlatforms = /iphone|ipad|ipod/i.test(userAgent);
@@ -35,7 +36,7 @@ function useDeviceDetect() {
     var _a = tslib_1.__read((0, react_1.useState)(false), 2), isMobile = _a[0], setIsMobile = _a[1];
     var _b = tslib_1.__read((0, react_1.useState)('undetermined'), 2), platform = _b[0], setPlatform = _b[1];
     (0, useIsomorphicEffect_1.useIsomorphicEffect)(function () {
-        if (typeof window === 'undefined') {
+        if (environment_1.isServer) {
             return;
         }
         var userAgent = window.navigator.userAgent;

package/__inner__/cjs/hooks/useIsomorphicEffect/useIsomorphicEffect.js

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useIsomorphicEffect = void 0;
 var react_1 = require("react");
-exports.useIsomorphicEffect = typeof window === 'undefined' ? react_1.useEffect : react_1.useLayoutEffect;
+var environment_1 = require("../../constants/environment");
+exports.useIsomorphicEffect = environment_1.isServer ? react_1.useEffect : react_1.useLayoutEffect;

package/__inner__/cjs/hooks/useMultipleResizeObserver/useMultipleResizeObserver.js

@@ -3,10 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useMultipleResizeObserver = useMultipleResizeObserver;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
+var OzenProvider_1 = require("../../components/OzenProvider");
 var isFunction_1 = require("../../utils/isFunction");
 var useCreateResizeObserver_1 = require("../useCreateResizeObserver");
 var useStoredValue_1 = require("../useStoredValue");
 function useMultipleResizeObserver(elements, onChange, options) {
+    var ssr = (0, OzenProvider_1.useOzenSSR)();
     var observer = (0, useCreateResizeObserver_1.useCreateResizeObserver)(function (entries) {
         onChange === null || onChange === void 0 ? void 0 : onChange(entries);
     });
@@ -40,7 +42,14 @@ function useMultipleResizeObserver(elements, onChange, options) {
         });
     };
     (0, react_1.useEffect)(function () {
-        reconnect();
+        if (ssr.config.isEnabled) {
+            setTimeout(function () {
+                reconnect();
+            });
+        }
+        else {
+            reconnect();
+        }
     }, [elements]);
     return {
         reconnect: reconnect,

package/__inner__/cjs/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__/cjs/hooks/usePortalContainer/entities/container.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

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

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./container"), exports);
+tslib_1.__exportStar(require("./element"), exports);

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

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

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

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./usePortalContainer"), exports);

package/__inner__/cjs/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__/cjs/hooks/usePortalContainer/usePortalContainer.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePortalContainer = void 0;
+var tslib_1 = require("tslib");
+var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
+var isFunction_1 = require("../../utils/isFunction");
+var react_2 = require("../../utils/react");
+var usePortalContainer = function (container) {
+    var _a = tslib_1.__read((0, react_1.useState)(false), 2), isMounted = _a[0], setIsMounted = _a[1];
+    (0, react_1.useEffect)(function () {
+        setIsMounted(true);
+    }, []);
+    var baseContainer = (function () {
+        if (environment_1.isServer || !isMounted) {
+            return null;
+        }
+        if ((0, isFunction_1.isFunction)(container)) {
+            return container();
+        }
+        return container;
+    })();
+    if (baseContainer && (0, react_2.isRef)(baseContainer)) {
+        return baseContainer.current;
+    }
+    return baseContainer;
+};
+exports.usePortalContainer = usePortalContainer;

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./useRerender"), exports);

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

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