@etus/design-system 1.0.4 → 2.0.1

package/lib/hooks/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * forwardRef Pattern (FOUND-05):
+ *
+ * All form input components must use forwardRef to expose the underlying
+ * DOM element to consumers:
+ *
+ *   export const Input = forwardRef<HTMLInputElement, InputProps>(
+ *     function Input({ value, defaultValue, onChange, className, ...rest }, ref) {
+ *       const [val, setVal] = useControllable({ value, defaultValue, onChange });
+ *       return <input ref={ref} value={val} onChange={e => setVal(e.target.value)} className={className} {...rest} />;
+ *     }
+ *   );
+ *
+ * React 19 ref-as-prop (ENH-02) is deferred to v2.
+ */
+export { useControllable } from './useControllable';
+export type { UseControllableOptions } from './useControllable';
+export { useTransition } from './useTransition';
+export type { UseTransitionOptions } from './useTransition';
+export { useClickOutside } from './useClickOutside';

package/lib/hooks/useClickOutside.cjs.js

@@ -0,0 +1 @@
+"use strict";require("react");

package/lib/hooks/useClickOutside.d.ts

@@ -0,0 +1 @@
+export declare function useClickOutside(refs: React.RefObject<HTMLElement | null>[], callback: () => void, enabled?: boolean): void;

package/lib/hooks/useClickOutside.es.js

@@ -0,0 +1 @@
+import"react";

package/lib/hooks/useControllable.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react");function c(u){const{value:l,defaultValue:o,onChange:a}=u,e=l!==void 0;t.useRef(e);const[r,s]=t.useState(o);return t.useEffect(()=>{}),[e?l:r,n=>{e||s(n),a?.(n)}]}exports.useControllable=c;

package/lib/hooks/useControllable.d.ts

@@ -0,0 +1,6 @@
+export interface UseControllableOptions<T> {
+    value?: T;
+    defaultValue?: T;
+    onChange?: (value: T) => void;
+}
+export declare function useControllable<T>(options: UseControllableOptions<T>): [T | undefined, (value: T) => void];

package/lib/hooks/useControllable.es.js

@@ -0,0 +1 @@
+import{useRef as s,useState as c,useEffect as f}from"react";function C(n){const{value:t,defaultValue:u,onChange:o}=n,e=t!==void 0;s(e);const[a,r]=c(u);return f(()=>{}),[e?t:a,l=>{e||r(l),o?.(l)}]}export{C as u};

package/lib/hooks/useTransition.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react");function l(n,r){const[i,u]=e.useState(!1),[c,s]=e.useState(!1),t=e.useRef(null),a=e.useRef(null);return e.useEffect(()=>{if(n){u(!0);const o=requestAnimationFrame(()=>{const f=requestAnimationFrame(()=>{s(!0)});a.current=()=>cancelAnimationFrame(f)});return()=>{cancelAnimationFrame(o),a.current?.()}}else return s(!1),t.current=setTimeout(()=>{u(!1)},r.duration),()=>{t.current&&clearTimeout(t.current)}},[n,r.duration]),{isMounted:i,isActive:c}}exports.useTransition=l;

package/lib/hooks/useTransition.d.ts

@@ -0,0 +1,7 @@
+export interface UseTransitionOptions {
+    duration: number;
+}
+export declare function useTransition(open: boolean, options: UseTransitionOptions): {
+    isMounted: boolean;
+    isActive: boolean;
+};

package/lib/hooks/useTransition.es.js

@@ -0,0 +1 @@
+import{useState as a,useRef as i,useEffect as m}from"react";function d(t,r){const[c,n]=a(!1),[o,u]=a(!1),e=i(null),s=i(null);return m(()=>{if(t){n(!0);const f=requestAnimationFrame(()=>{const l=requestAnimationFrame(()=>{u(!0)});s.current=()=>cancelAnimationFrame(l)});return()=>{cancelAnimationFrame(f),s.current?.()}}else return u(!1),e.current=setTimeout(()=>{n(!1)},r.duration),()=>{e.current&&clearTimeout(e.current)}},[t,r.duration]),{isMounted:c,isActive:o}}export{d as u};