@os-design/use-forwarded-state 1.0.8 → 1.0.10

package/dist/cjs/index.js

@@ -4,36 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = require("react");
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/ban-types
 var isFunction = function isFunction(value) {
   return typeof value === 'function';
 };
-
 var useForwardedState = function useForwardedState(_ref) {
   var value = _ref.value,
-      defaultValue = _ref.defaultValue,
-      onChange = _ref.onChange;
-
+    defaultValue = _ref.defaultValue,
+    onChange = _ref.onChange;
   var _useState = (0, _react.useState)(defaultValue),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerValue = _useState2[0],
-      setInnerValue = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    innerValue = _useState2[0],
+    setInnerValue = _useState2[1];
   var onChangeRef = (0, _react.useRef)(onChange);
   (0, _react.useEffect)(function () {
     onChangeRef.current = onChange;
@@ -51,7 +40,6 @@ var useForwardedState = function useForwardedState(_ref) {
   }, [forwardedValue, shouldUseInnerValue]);
   return [forwardedValue, setForwardedValue];
 };
-
 var _default = useForwardedState;
 exports["default"] = _default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["isFunction","value","useForwardedState","defaultValue","onChange","useState","innerValue","setInnerValue","onChangeRef","useRef","useEffect","current","shouldUseInnerValue","useMemo","undefined","forwardedValue","setForwardedValue","useCallback","v","nextValue"],"sources":["../../src/index.ts"],"sourcesContent":["import {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\ninterface UseForwardedStateProps<T> {\n  value?: T;\n  defaultValue?: T | (() => T);\n  onChange?: (value: T) => void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/ban-types\nconst isFunction = (value: any): value is Function =>\n  typeof value === 'function';\n\nconst useForwardedState = <T>({\n  value,\n  defaultValue,\n  onChange,\n}: UseForwardedStateProps<T>): [\n  T | undefined,\n  Dispatch<SetStateAction<T | undefined>>\n] => {\n  const [innerValue, setInnerValue] = useState(defaultValue);\n  const onChangeRef = useRef(onChange);\n\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  const shouldUseInnerValue = useMemo(() => value === undefined, [value]);\n  const forwardedValue = useMemo(\n    () => (shouldUseInnerValue ? innerValue : value),\n    [shouldUseInnerValue, innerValue, value]\n  );\n\n  const setForwardedValue = useCallback<\n    Dispatch<SetStateAction<T | undefined>>\n  >(\n    (v) => {\n      const nextValue = isFunction(v) ? v(forwardedValue) : v;\n      if (shouldUseInnerValue) setInnerValue(nextValue);\n      if (onChangeRef.current && nextValue !== undefined)\n        onChangeRef.current(nextValue);\n    },\n    [forwardedValue, shouldUseInnerValue]\n  );\n\n  return [forwardedValue, setForwardedValue];\n};\n\nexport default useForwardedState;\n"],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;AAgBA;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD;EAAA,OACjB,OAAOA,KAAP,KAAiB,UADA;AAAA,CAAnB;;AAGA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,OAOrB;EAAA,IANHD,KAMG,QANHA,KAMG;EAAA,IALHE,YAKG,QALHA,YAKG;EAAA,IAJHC,QAIG,QAJHA,QAIG;;EACH,gBAAoC,IAAAC,eAAA,EAASF,YAAT,CAApC;EAAA;EAAA,IAAOG,UAAP;EAAA,IAAmBC,aAAnB;;EACA,IAAMC,WAAW,GAAG,IAAAC,aAAA,EAAOL,QAAP,CAApB;EAEA,IAAAM,gBAAA,EAAU,YAAM;IACdF,WAAW,CAACG,OAAZ,GAAsBP,QAAtB;EACD,CAFD,EAEG,CAACA,QAAD,CAFH;EAIA,IAAMQ,mBAAmB,GAAG,IAAAC,cAAA,EAAQ;IAAA,OAAMZ,KAAK,KAAKa,SAAhB;EAAA,CAAR,EAAmC,CAACb,KAAD,CAAnC,CAA5B;EACA,IAAMc,cAAc,GAAG,IAAAF,cAAA,EACrB;IAAA,OAAOD,mBAAmB,GAAGN,UAAH,GAAgBL,KAA1C;EAAA,CADqB,EAErB,CAACW,mBAAD,EAAsBN,UAAtB,EAAkCL,KAAlC,CAFqB,CAAvB;EAKA,IAAMe,iBAAiB,GAAG,IAAAC,kBAAA,EAGxB,UAACC,CAAD,EAAO;IACL,IAAMC,SAAS,GAAGnB,UAAU,CAACkB,CAAD,CAAV,GAAgBA,CAAC,CAACH,cAAD,CAAjB,GAAoCG,CAAtD;IACA,IAAIN,mBAAJ,EAAyBL,aAAa,CAACY,SAAD,CAAb;IACzB,IAAIX,WAAW,CAACG,OAAZ,IAAuBQ,SAAS,KAAKL,SAAzC,EACEN,WAAW,CAACG,OAAZ,CAAoBQ,SAApB;EACH,CARuB,EASxB,CAACJ,cAAD,EAAiBH,mBAAjB,CATwB,CAA1B;EAYA,OAAO,CAACG,cAAD,EAAiBC,iBAAjB,CAAP;AACD,CAlCD;;eAoCed,iB"}
+{"version":3,"file":"index.js","names":["isFunction","value","useForwardedState","defaultValue","onChange","useState","innerValue","setInnerValue","onChangeRef","useRef","useEffect","current","shouldUseInnerValue","useMemo","undefined","forwardedValue","setForwardedValue","useCallback","v","nextValue"],"sources":["../../src/index.ts"],"sourcesContent":["import {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\ninterface UseForwardedStateProps<T> {\n  value?: T;\n  defaultValue?: T | (() => T);\n  onChange?: (value: T) => void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/ban-types\nconst isFunction = (value: any): value is Function =>\n  typeof value === 'function';\n\nconst useForwardedState = <T>({\n  value,\n  defaultValue,\n  onChange,\n}: UseForwardedStateProps<T>): [\n  T | undefined,\n  Dispatch<SetStateAction<T | undefined>>\n] => {\n  const [innerValue, setInnerValue] = useState(defaultValue);\n  const onChangeRef = useRef(onChange);\n\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  const shouldUseInnerValue = useMemo(() => value === undefined, [value]);\n  const forwardedValue = useMemo(\n    () => (shouldUseInnerValue ? innerValue : value),\n    [shouldUseInnerValue, innerValue, value]\n  );\n\n  const setForwardedValue = useCallback<\n    Dispatch<SetStateAction<T | undefined>>\n  >(\n    (v) => {\n      const nextValue = isFunction(v) ? v(forwardedValue) : v;\n      if (shouldUseInnerValue) setInnerValue(nextValue);\n      if (onChangeRef.current && nextValue !== undefined)\n        onChangeRef.current(nextValue);\n    },\n    [forwardedValue, shouldUseInnerValue]\n  );\n\n  return [forwardedValue, setForwardedValue];\n};\n\nexport default useForwardedState;\n"],"mappings":";;;;;;AAAA;AAQe;AAAA;AAAA;AAAA;AAAA;AAAA;AAQf;AACA,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,KAAU;EAAA,OAC5B,OAAOA,KAAK,KAAK,UAAU;AAAA;AAE7B,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiB,OAOlB;EAAA,IANHD,KAAK,QAALA,KAAK;IACLE,YAAY,QAAZA,YAAY;IACZC,QAAQ,QAARA,QAAQ;EAKR,gBAAoC,IAAAC,eAAQ,EAACF,YAAY,CAAC;IAAA;IAAnDG,UAAU;IAAEC,aAAa;EAChC,IAAMC,WAAW,GAAG,IAAAC,aAAM,EAACL,QAAQ,CAAC;EAEpC,IAAAM,gBAAS,EAAC,YAAM;IACdF,WAAW,CAACG,OAAO,GAAGP,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,IAAMQ,mBAAmB,GAAG,IAAAC,cAAO,EAAC;IAAA,OAAMZ,KAAK,KAAKa,SAAS;EAAA,GAAE,CAACb,KAAK,CAAC,CAAC;EACvE,IAAMc,cAAc,GAAG,IAAAF,cAAO,EAC5B;IAAA,OAAOD,mBAAmB,GAAGN,UAAU,GAAGL,KAAK;EAAA,CAAC,EAChD,CAACW,mBAAmB,EAAEN,UAAU,EAAEL,KAAK,CAAC,CACzC;EAED,IAAMe,iBAAiB,GAAG,IAAAC,kBAAW,EAGnC,UAACC,CAAC,EAAK;IACL,IAAMC,SAAS,GAAGnB,UAAU,CAACkB,CAAC,CAAC,GAAGA,CAAC,CAACH,cAAc,CAAC,GAAGG,CAAC;IACvD,IAAIN,mBAAmB,EAAEL,aAAa,CAACY,SAAS,CAAC;IACjD,IAAIX,WAAW,CAACG,OAAO,IAAIQ,SAAS,KAAKL,SAAS,EAChDN,WAAW,CAACG,OAAO,CAACQ,SAAS,CAAC;EAClC,CAAC,EACD,CAACJ,cAAc,EAAEH,mBAAmB,CAAC,CACtC;EAED,OAAO,CAACG,cAAc,EAAEC,iBAAiB,CAAC;AAC5C,CAAC;AAAC,eAEad,iBAAiB;AAAA"}

package/dist/esm/index.js

@@ -1,8 +1,6 @@
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-
 // eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/ban-types
 const isFunction = value => typeof value === 'function';
-
 const useForwardedState = ({
   value,
   defaultValue,
@@ -22,6 +20,5 @@ const useForwardedState = ({
   }, [forwardedValue, shouldUseInnerValue]);
   return [forwardedValue, setForwardedValue];
 };
-
 export default useForwardedState;
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["useCallback","useEffect","useMemo","useRef","useState","isFunction","value","useForwardedState","defaultValue","onChange","innerValue","setInnerValue","onChangeRef","current","shouldUseInnerValue","undefined","forwardedValue","setForwardedValue","v","nextValue"],"sources":["../../src/index.ts"],"sourcesContent":["import {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\ninterface UseForwardedStateProps<T> {\n  value?: T;\n  defaultValue?: T | (() => T);\n  onChange?: (value: T) => void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/ban-types\nconst isFunction = (value: any): value is Function =>\n  typeof value === 'function';\n\nconst useForwardedState = <T>({\n  value,\n  defaultValue,\n  onChange,\n}: UseForwardedStateProps<T>): [\n  T | undefined,\n  Dispatch<SetStateAction<T | undefined>>\n] => {\n  const [innerValue, setInnerValue] = useState(defaultValue);\n  const onChangeRef = useRef(onChange);\n\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  const shouldUseInnerValue = useMemo(() => value === undefined, [value]);\n  const forwardedValue = useMemo(\n    () => (shouldUseInnerValue ? innerValue : value),\n    [shouldUseInnerValue, innerValue, value]\n  );\n\n  const setForwardedValue = useCallback<\n    Dispatch<SetStateAction<T | undefined>>\n  >(\n    (v) => {\n      const nextValue = isFunction(v) ? v(forwardedValue) : v;\n      if (shouldUseInnerValue) setInnerValue(nextValue);\n      if (onChangeRef.current && nextValue !== undefined)\n        onChangeRef.current(nextValue);\n    },\n    [forwardedValue, shouldUseInnerValue]\n  );\n\n  return [forwardedValue, setForwardedValue];\n};\n\nexport default useForwardedState;\n"],"mappings":"AAAA,SAGEA,WAHF,EAIEC,SAJF,EAKEC,OALF,EAMEC,MANF,EAOEC,QAPF,QAQO,OARP;;AAgBA;AACA,MAAMC,UAAU,GAAIC,KAAD,IACjB,OAAOA,KAAP,KAAiB,UADnB;;AAGA,MAAMC,iBAAiB,GAAG,CAAI;EAC5BD,KAD4B;EAE5BE,YAF4B;EAG5BC;AAH4B,CAAJ,KAOrB;EACH,MAAM,CAACC,UAAD,EAAaC,aAAb,IAA8BP,QAAQ,CAACI,YAAD,CAA5C;EACA,MAAMI,WAAW,GAAGT,MAAM,CAACM,QAAD,CAA1B;EAEAR,SAAS,CAAC,MAAM;IACdW,WAAW,CAACC,OAAZ,GAAsBJ,QAAtB;EACD,CAFQ,EAEN,CAACA,QAAD,CAFM,CAAT;EAIA,MAAMK,mBAAmB,GAAGZ,OAAO,CAAC,MAAMI,KAAK,KAAKS,SAAjB,EAA4B,CAACT,KAAD,CAA5B,CAAnC;EACA,MAAMU,cAAc,GAAGd,OAAO,CAC5B,MAAOY,mBAAmB,GAAGJ,UAAH,GAAgBJ,KADd,EAE5B,CAACQ,mBAAD,EAAsBJ,UAAtB,EAAkCJ,KAAlC,CAF4B,CAA9B;EAKA,MAAMW,iBAAiB,GAAGjB,WAAW,CAGlCkB,CAAD,IAAO;IACL,MAAMC,SAAS,GAAGd,UAAU,CAACa,CAAD,CAAV,GAAgBA,CAAC,CAACF,cAAD,CAAjB,GAAoCE,CAAtD;IACA,IAAIJ,mBAAJ,EAAyBH,aAAa,CAACQ,SAAD,CAAb;IACzB,IAAIP,WAAW,CAACC,OAAZ,IAAuBM,SAAS,KAAKJ,SAAzC,EACEH,WAAW,CAACC,OAAZ,CAAoBM,SAApB;EACH,CARkC,EASnC,CAACH,cAAD,EAAiBF,mBAAjB,CATmC,CAArC;EAYA,OAAO,CAACE,cAAD,EAAiBC,iBAAjB,CAAP;AACD,CAlCD;;AAoCA,eAAeV,iBAAf"}
+{"version":3,"file":"index.js","names":["useCallback","useEffect","useMemo","useRef","useState","isFunction","value","useForwardedState","defaultValue","onChange","innerValue","setInnerValue","onChangeRef","current","shouldUseInnerValue","undefined","forwardedValue","setForwardedValue","v","nextValue"],"sources":["../../src/index.ts"],"sourcesContent":["import {\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\n\ninterface UseForwardedStateProps<T> {\n  value?: T;\n  defaultValue?: T | (() => T);\n  onChange?: (value: T) => void;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/ban-types\nconst isFunction = (value: any): value is Function =>\n  typeof value === 'function';\n\nconst useForwardedState = <T>({\n  value,\n  defaultValue,\n  onChange,\n}: UseForwardedStateProps<T>): [\n  T | undefined,\n  Dispatch<SetStateAction<T | undefined>>\n] => {\n  const [innerValue, setInnerValue] = useState(defaultValue);\n  const onChangeRef = useRef(onChange);\n\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  const shouldUseInnerValue = useMemo(() => value === undefined, [value]);\n  const forwardedValue = useMemo(\n    () => (shouldUseInnerValue ? innerValue : value),\n    [shouldUseInnerValue, innerValue, value]\n  );\n\n  const setForwardedValue = useCallback<\n    Dispatch<SetStateAction<T | undefined>>\n  >(\n    (v) => {\n      const nextValue = isFunction(v) ? v(forwardedValue) : v;\n      if (shouldUseInnerValue) setInnerValue(nextValue);\n      if (onChangeRef.current && nextValue !== undefined)\n        onChangeRef.current(nextValue);\n    },\n    [forwardedValue, shouldUseInnerValue]\n  );\n\n  return [forwardedValue, setForwardedValue];\n};\n\nexport default useForwardedState;\n"],"mappings":"AAAA,SAGEA,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AAQd;AACA,MAAMC,UAAU,GAAIC,KAAU,IAC5B,OAAOA,KAAK,KAAK,UAAU;AAE7B,MAAMC,iBAAiB,GAAG,CAAI;EAC5BD,KAAK;EACLE,YAAY;EACZC;AACyB,CAAC,KAGvB;EACH,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGP,QAAQ,CAACI,YAAY,CAAC;EAC1D,MAAMI,WAAW,GAAGT,MAAM,CAACM,QAAQ,CAAC;EAEpCR,SAAS,CAAC,MAAM;IACdW,WAAW,CAACC,OAAO,GAAGJ,QAAQ;EAChC,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMK,mBAAmB,GAAGZ,OAAO,CAAC,MAAMI,KAAK,KAAKS,SAAS,EAAE,CAACT,KAAK,CAAC,CAAC;EACvE,MAAMU,cAAc,GAAGd,OAAO,CAC5B,MAAOY,mBAAmB,GAAGJ,UAAU,GAAGJ,KAAM,EAChD,CAACQ,mBAAmB,EAAEJ,UAAU,EAAEJ,KAAK,CAAC,CACzC;EAED,MAAMW,iBAAiB,GAAGjB,WAAW,CAGlCkB,CAAC,IAAK;IACL,MAAMC,SAAS,GAAGd,UAAU,CAACa,CAAC,CAAC,GAAGA,CAAC,CAACF,cAAc,CAAC,GAAGE,CAAC;IACvD,IAAIJ,mBAAmB,EAAEH,aAAa,CAACQ,SAAS,CAAC;IACjD,IAAIP,WAAW,CAACC,OAAO,IAAIM,SAAS,KAAKJ,SAAS,EAChDH,WAAW,CAACC,OAAO,CAACM,SAAS,CAAC;EAClC,CAAC,EACD,CAACH,cAAc,EAAEF,mBAAmB,CAAC,CACtC;EAED,OAAO,CAACE,cAAc,EAAEC,iBAAiB,CAAC;AAC5C,CAAC;AAED,eAAeV,iBAAiB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@os-design/use-forwarded-state",
-  "version": "1.0.8",
+  "version": "1.0.10",
   "license": "UNLICENSED",
   "repository": "git@gitlab.com:os-team/libs/os-design.git",
   "main": "dist/cjs/index.js",
@@ -31,5 +31,5 @@
   "peerDependencies": {
     "react": ">=18"
   },
-  "gitHead": "bf790a74d01c9745a6cd8bae8ac6ad650ae42b62"
+  "gitHead": "8cb28f6719d699c014fbce91d832a9ff06abe515"
 }