@adara-cs/hooks 1.1.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Adara Cloud
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# @adara-cs/hooks
+
+Hooks for Adara UI Kit Web

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from './useResize';
+export * from './useIsomophicLayoutEffect';
+export * from './useLatest';
+export * from './useControlledState';

package/dist/index.js

@@ -0,0 +1,11 @@
+import { useResize as t } from "./useResize.js";
+import { useIsomorphicLayoutEffect as s } from "./useIsomophicLayoutEffect.js";
+import { useLatest as m } from "./useLatest.js";
+import { useControlledState as u } from "./useControlledState.js";
+export {
+  u as useControlledState,
+  s as useIsomorphicLayoutEffect,
+  m as useLatest,
+  t as useResize
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/useControlledState.d.ts

@@ -0,0 +1,2 @@
+export type UseControlled = <T>(value: T | undefined, defaultValue: T, onChange?: ((v: T, ...args: never[]) => void) | undefined) => [T, (value: T) => void];
+export declare const useControlledState: UseControlled;

package/dist/useControlledState.js

@@ -0,0 +1,18 @@
+import { useState as a, useCallback as l } from "react";
+import { useLatest as f } from "./useLatest.js";
+const S = (t, n, c) => {
+  const [u, d] = a(
+    t !== void 0 ? t : n
+  ), s = t !== void 0, e = f(c), i = l(
+    (o) => {
+      var r;
+      s || d(o), (r = e.current) == null || r.call(e, o);
+    },
+    [s, e]
+  );
+  return [s ? t : u, i];
+};
+export {
+  S as useControlledState
+};
+//# sourceMappingURL=useControlledState.js.map

package/dist/useControlledState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledState.js","sources":["../src/useControlledState.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\r\nimport { useLatest } from './useLatest';\r\n\r\nexport type UseControlled = <T>(\r\n  value: T | undefined,\r\n  defaultValue: T,\r\n  onChange?: ((v: T, ...args: never[]) => void) | undefined\r\n) => [T, (value: T) => void]\r\n\r\nexport const useControlledState: UseControlled = <T>(\r\n  value: T | undefined,\r\n  defaultValue: T,\r\n  onChange?: (v: T, ...args: never[]) => void,\r\n): [T, (value: T) => void] => {\r\n  const [stateValue, setStateValue] = useState(\r\n    value !== undefined ? value : defaultValue,\r\n  )\r\n  const isControlled = value !== undefined\r\n\r\n  const onChangeRef = useLatest(onChange)\r\n  const setValue = useCallback(\r\n    (newValue: T) => {\r\n      if (!isControlled) {\r\n        setStateValue(newValue)\r\n      }\r\n      onChangeRef.current?.(newValue)\r\n    },\r\n    [isControlled, onChangeRef],\r\n  )\r\n\r\n  return [isControlled ? value : stateValue, setValue]\r\n}\r\n"],"names":["useControlledState","value","defaultValue","onChange","stateValue","setStateValue","useState","isControlled","onChangeRef","useLatest","setValue","useCallback","newValue","_a"],"mappings":";;AASO,MAAMA,IAAoC,CAC/CC,GACAC,GACAC,MAC4B;AACtB,QAAA,CAACC,GAAYC,CAAa,IAAIC;AAAA,IAClCL,MAAU,SAAYA,IAAQC;AAAA,EAChC,GACMK,IAAeN,MAAU,QAEzBO,IAAcC,EAAUN,CAAQ,GAChCO,IAAWC;AAAA,IACf,CAACC,MAAgB;;AACf,MAAKL,KACHF,EAAcO,CAAQ,IAExBC,IAAAL,EAAY,YAAZ,QAAAK,EAAA,KAAAL,GAAsBI;AAAA,IACxB;AAAA,IACA,CAACL,GAAcC,CAAW;AAAA,EAC5B;AAEA,SAAO,CAACD,IAAeN,IAAQG,GAAYM,CAAQ;AACrD;"}

package/dist/useIsomophicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useEffect;

package/dist/useIsomophicLayoutEffect.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect as e, useEffect as o } from "react";
+const t = typeof window > "u" ? e : o;
+export {
+  t as useIsomorphicLayoutEffect
+};
+//# sourceMappingURL=useIsomophicLayoutEffect.js.map

package/dist/useIsomophicLayoutEffect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsomophicLayoutEffect.js","sources":["../src/useIsomophicLayoutEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from 'react';\r\n\r\nexport const useIsomorphicLayoutEffect = typeof window === 'undefined' ? useLayoutEffect : useEffect"],"names":["useIsomorphicLayoutEffect","useLayoutEffect","useEffect"],"mappings":";AAEO,MAAMA,IAA4B,OAAO,SAAW,MAAcC,IAAkBC;"}

package/dist/useLatest.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare const useLatest: <T>(value: T) => MutableRefObject<T>;

package/dist/useLatest.js

@@ -0,0 +1,12 @@
+import { useRef as o } from "react";
+import { useIsomorphicLayoutEffect as e } from "./useIsomophicLayoutEffect.js";
+const c = (r) => {
+  const t = o(r);
+  return e(() => {
+    t.current = r;
+  }, [r]), t;
+};
+export {
+  c as useLatest
+};
+//# sourceMappingURL=useLatest.js.map

package/dist/useLatest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLatest.js","sources":["../src/useLatest.ts"],"sourcesContent":["import type { MutableRefObject } from 'react'\r\nimport { useRef } from 'react'\r\nimport { useIsomorphicLayoutEffect } from './useIsomophicLayoutEffect.ts'\r\n\r\nexport const useLatest = <T>(value: T): MutableRefObject<T> => {\r\n  const ref = useRef(value)\r\n\r\n  useIsomorphicLayoutEffect(() => {\r\n    ref.current = value\r\n  }, [value])\r\n\r\n  return ref\r\n}"],"names":["useLatest","value","ref","useRef","useIsomorphicLayoutEffect"],"mappings":";;AAIa,MAAAA,IAAY,CAAIC,MAAkC;AACvD,QAAAC,IAAMC,EAAOF,CAAK;AAExB,SAAAG,EAA0B,MAAM;AAC9B,IAAAF,EAAI,UAAUD;AAAA,EAAA,GACb,CAACA,CAAK,CAAC,GAEHC;AACT;"}

package/dist/useResize.d.ts

@@ -0,0 +1,4 @@
+export declare const useResize: () => {
+    height: number;
+    width: number;
+};

package/dist/useResize.js

@@ -0,0 +1,16 @@
+import { useState as o, useEffect as w } from "react";
+const h = () => {
+  const [e, r] = o(typeof window < "u" ? window.innerHeight : 0), [n, d] = o(typeof window < "u" ? window.innerWidth : 0);
+  return w(() => {
+    const t = new AbortController(), i = () => {
+      d(window.innerWidth), r(window.innerHeight);
+    };
+    return (e === 0 || n === 0) && i(), window.addEventListener("resize", i, { signal: t.signal }), () => {
+      t.abort();
+    };
+  }, []), { height: e, width: n };
+};
+export {
+  h as useResize
+};
+//# sourceMappingURL=useResize.js.map

package/dist/useResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResize.js","sources":["../src/useResize.ts"],"sourcesContent":["import { useEffect, useState } from 'react';\r\n\r\nexport const useResize = () => {\r\n  const [height, setHeight] = useState<number>(typeof window !== 'undefined' ? window.innerHeight : 0);\r\n  const [width, setWidth] = useState<number>(typeof window !== 'undefined' ? window.innerWidth : 0)\r\n\r\n  useEffect(() => {\r\n    const controller = new AbortController()\r\n\r\n    const onChange = () => {\r\n      setWidth(window.innerWidth)\r\n      setHeight(window.innerHeight)\r\n    }\r\n\r\n    if (height === 0 || width === 0) onChange()\r\n\r\n    window.addEventListener('resize', onChange, { signal: controller.signal })\r\n\r\n    return () => {\r\n      controller.abort()\r\n    }\r\n  }, [])\r\n\r\n  return { height, width }\r\n}"],"names":["useResize","height","setHeight","useState","width","setWidth","useEffect","controller","onChange"],"mappings":";AAEO,MAAMA,IAAY,MAAM;AACvB,QAAA,CAACC,GAAQC,CAAS,IAAIC,EAAiB,OAAO,SAAW,MAAc,OAAO,cAAc,CAAC,GAC7F,CAACC,GAAOC,CAAQ,IAAIF,EAAiB,OAAO,SAAW,MAAc,OAAO,aAAa,CAAC;AAEhG,SAAAG,EAAU,MAAM;AACR,UAAAC,IAAa,IAAI,gBAAgB,GAEjCC,IAAW,MAAM;AACrB,MAAAH,EAAS,OAAO,UAAU,GAC1BH,EAAU,OAAO,WAAW;AAAA,IAC9B;AAEA,YAAID,MAAW,KAAKG,MAAU,MAAYI,EAAA,GAE1C,OAAO,iBAAiB,UAAUA,GAAU,EAAE,QAAQD,EAAW,QAAQ,GAElE,MAAM;AACX,MAAAA,EAAW,MAAM;AAAA,IACnB;AAAA,EACF,GAAG,EAAE,GAEE,EAAE,QAAAN,GAAQ,OAAAG,EAAM;AACzB;"}

package/package.json

@@ -0,0 +1,68 @@
+{
+  "name": "@adara-cs/hooks",
+  "version": "1.1.1",
+  "description": "AdaraCloud UI Kit for Web",
+  "license": "MIT",
+  "keywords": [
+    "ui-kit",
+    "ui",
+    "ts",
+    "typescript",
+    "js"
+  ],
+  "author": "adara-cs",
+  "bugs": {
+    "url": "https://github.com/adara-cs/ui-kit-web/issues"
+  },
+  "homepage": "https://github.com/adara-cs/ui-kit-web#readme",
+  "type": "module",
+  "main": "./src/index.ts",
+  "types": "./src/index.d.ts",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
+  },
+  "files": [
+    "dist/*"
+  ],
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "dependencies": {
+    "react": "^18.3.1"
+  },
+  "devDependencies": {
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "fast-glob": "^3.3.3",
+    "rollup-preserve-directives": "^1.1.3",
+    "vite": "^6.0.1",
+    "vite-plugin-dts": "^4.3.0",
+    "vite-plugin-svgr": "^4.3.0",
+    "@vitejs/plugin-react": "^4.3.4"
+  },
+  "config": {
+    "commitizen": {
+      "path": "git-cz"
+    }
+  },
+  "eslintConfig": {
+    "extends": [
+      "plugin:storybook/recommended"
+    ]
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "vite build",
+    "check-types": "tsc --noEmit"
+  }
+}

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from './useResize'
+export * from './useIsomophicLayoutEffect'
+export * from './useLatest'
+export * from './useControlledState'