indicator-ui 1.0.8 → 1.0.10

package/dist/index.js

@@ -15086,7 +15086,13 @@ function BB(r) {
     getElState: d,
     open: m,
     close: _,
-    toggle: y
+    toggle: y,
+    getContentInitStyle: () => ({
+      transform: `translateT(${e === "close" ? "-100%" : "0"})`
+    }),
+    getWrapperInitStyle: () => ({
+      height: e === "close" ? "0" : void 0
+    })
   };
 }
 function NB(r) {
@@ -15110,16 +15116,24 @@ function VB(r) {
   }, [u, e]), h = Dt(() => {
     u("close"), t();
   }, [u, t]);
-  return { toggle: Dt(() => {
-    switch (l()) {
-      case "open":
-        h();
-        break;
-      case "close":
-        d();
-        break;
-    }
-  }, [l, h, d]), open: d, close: h, elState: o, setElState: u, getElState: l, onResize: c };
+  return {
+    toggle: Dt(() => {
+      switch (l()) {
+        case "open":
+          h();
+          break;
+        case "close":
+          d();
+          break;
+      }
+    }, [l, h, d]),
+    open: d,
+    close: h,
+    elState: o,
+    setElState: u,
+    getElState: l,
+    onResize: c
+  };
 }
 function eU(...r) {
   const [e, t = {}] = r, { xSpeed: n } = t, [i] = wt(e), { getTimeline: o } = Ys(), u = () => {
@@ -24614,23 +24628,46 @@ function Nz(r, e) {
 }
 const jU = Z(Nz);
 function Vz(...r) {
-  const [e] = r, t = se(null), n = se(null), [i] = wt(t), [o] = wt(n), u = BB({ wrapperRef: t, contentRef: n }), l = Dt(() => {
-    const c = o(), d = i();
-    !d || !c || (d.style.width = `${c.clientWidth}px`);
+  const [e, t] = r, n = se(null), i = se(null), [o] = wt(n), [u] = wt(i), l = BB({ wrapperRef: n, contentRef: i, initElState: t }), c = Dt(() => {
+    const d = u(), h = o();
+    !h || !d || (h.style.width = `${d.clientWidth}px`);
   }, []);
-  return Zi(n, l), ke(() => {
-    e?.(u.elState);
-  }, [u.elState]), {
-    actions: u,
-    wrapperRef: t,
-    contentRef: n
+  return Zi(i, c), ke(() => {
+    e?.(l.elState);
+  }, [l.elState]), {
+    actions: l,
+    wrapperRef: n,
+    contentRef: i
   };
 }
 const Wz = (r, e) => {
-  const { as: t = "div", wrapperAs: n = "div", wrapperStyle: i, wrapperClassName: o, onUpdateState: u, ...l } = r, { actions: c, wrapperRef: d, contentRef: h } = Vz(u);
-  Tr(e, () => c, [c]);
-  const p = n, _ = t;
-  return /* @__PURE__ */ E(p, { style: { overflow: "hidden", ...i }, className: o, ref: d, children: /* @__PURE__ */ E(_, { ...l, ref: h }) });
+  const {
+    as: t = "div",
+    wrapperAs: n = "div",
+    wrapperStyle: i,
+    wrapperClassName: o,
+    onUpdateState: u,
+    initialState: l,
+    ...c
+  } = r, { actions: d, wrapperRef: h, contentRef: p } = Vz(u, l);
+  Tr(e, () => d, [d]);
+  const _ = n, m = t;
+  return /* @__PURE__ */ E(
+    _,
+    {
+      style: { overflow: "hidden", ...d.getWrapperInitStyle(), ...i },
+      className: o,
+      ref: h,
+      children: /* @__PURE__ */ E(
+        m,
+        {
+          ...c,
+          style: { ...d.getContentInitStyle(), ...c.style },
+          ref: p
+        }
+      )
+    }
+  );
 }, YU = Z(Wz);
 export {
   yU as ADJUST_SCROLL_POSITION_TIMEOUT,

package/dist/types/src/hooks/ui-animations/useCollapsible.d.ts

@@ -1,10 +1,19 @@
-import { default as React } from 'react';
+import { default as React, CSSProperties } from 'react';
 export type CollapseState = 'open' | 'close';
 type PropsType<W extends HTMLElement, C extends HTMLElement> = {
     initElState?: CollapseState;
     wrapperRef: React.RefObject<W>;
     contentRef: React.RefObject<C>;
 };
+type FunReturnType = {
+    elState: CollapseState;
+    getElState: () => CollapseState;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+    getContentInitStyle: () => CSSProperties;
+    getWrapperInitStyle: () => CSSProperties;
+};
 /**
  * Хук React для создания сворачиваемых/разворачиваемых UI элементов с GSAP анимациями.
  *
@@ -52,11 +61,5 @@ type PropsType<W extends HTMLElement, C extends HTMLElement> = {
  * - Элемент обёртки должен иметь overflow: hidden для предотвращения видимости контента при сворачивании
  * - Ref объекты должны быть созданы через useRef перед вызовом хука
  */
-export declare function useCollapsible<W extends HTMLElement, C extends HTMLElement>(props: PropsType<W, C>): {
-    elState: CollapseState;
-    getElState: () => CollapseState;
-    open: () => void;
-    close: () => void;
-    toggle: () => void;
-};
+export declare function useCollapsible<W extends HTMLElement, C extends HTMLElement>(props: PropsType<W, C>): FunReturnType;
 export {};

package/dist/types/src/types/mixins.d.ts

@@ -25,7 +25,7 @@ export type Undefinable<T> = undefined | (IsObject<T> extends true ? IsArray<T>
     [K in keyof T]?: T[K] | undefined;
 } : T);
 export type Merge<A extends Record<any, any>, B extends Record<any, any>> = Omit<A, keyof B> & B;
-export type AsProps<T extends ElementType, P extends Record<string, any> = {}> = Merge<React.ComponentProps<T>, {
+export type AsProps<T extends ElementType, P extends Record<string, any> = {}> = Merge<React.ComponentPropsWithoutRef<T>, {
     as?: T;
 } & P>;
 export {};

package/dist/types/src/ui/Collapse/hooks/useCollapse.d.ts

@@ -1,6 +1,7 @@
 import { CollapseState } from '../../../hooks';
 type PropsType = [
-    onUpdateState?: (state: CollapseState) => void
+    onUpdateState?: (state: CollapseState) => void,
+    initElState?: CollapseState
 ];
 export declare function useCollapse<WEl extends HTMLElement, CEl extends HTMLElement>(...args: PropsType): {
     actions: {
@@ -9,6 +10,8 @@ export declare function useCollapse<WEl extends HTMLElement, CEl extends HTMLEle
         open: () => void;
         close: () => void;
         toggle: () => void;
+        getContentInitStyle: () => import('react').CSSProperties;
+        getWrapperInitStyle: () => import('react').CSSProperties;
     };
     wrapperRef: import('react').MutableRefObject<WEl | null>;
     contentRef: import('react').MutableRefObject<CEl | null>;

package/dist/types/src/ui/Collapse/ui/Collapse.d.ts

@@ -7,6 +7,7 @@ type PropsType<C extends ElementType, W extends ElementType> = AsProps<C, {
     wrapperClassName?: string;
     wrapperStyle?: CSSProperties;
     onUpdateState?: (state: CollapseState) => void;
+    initialState?: CollapseState;
 }>;
 type RefType = CollapsibleReturnType;
 /**

package/package.json

@@ -11,7 +11,7 @@
     "react-components",
     "ui-kit"
   ],
-  "version": "1.0.8",
+  "version": "1.0.10",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",