@tamagui/use-controllable-state 1.0.1-beta.72 → 1.0.1-beta.75

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/useControllableState.js +2 -4
  2. package/dist/cjs/useControllableState.js.map +1 -1
  3. package/dist/esm/useControllableState.js +2 -5
  4. package/dist/esm/useControllableState.js.map +1 -1
  5. package/dist/jsx/useControllableState.js +2 -5
  6. package/package.json +2 -2
package/dist/cjs/useControllableState.js CHANGED
@@ -2,7 +2,6 @@ var __defProp = Object.defineProperty;
2
2
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
3
3
  var __getOwnPropNames = Object.getOwnPropertyNames;
4
4
  var __hasOwnProp = Object.prototype.hasOwnProperty;
5
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
6
5
  var __export = (target, all) => {
7
6
  for (var name in all)
8
7
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -49,14 +48,13 @@ function useControllableState({
49
48
  }, [setVal, propWins])
50
49
  ];
51
50
  }
52
- __name(useControllableState, "useControllableState");
53
- const getNextStateWithCallback = /* @__PURE__ */ __name((prev, next, handleChange) => {
51
+ const getNextStateWithCallback = (prev, next, handleChange) => {
54
52
  if (prev === next || next === void 0) {
55
53
  return prev;
56
54
  }
57
55
  handleChange(next);
58
56
  return next;
59
- }, "getNextStateWithCallback");
57
+ };
60
58
  // Annotate the CommonJS export names for ESM import in node:
61
59
  0 && (module.exports = {
62
60
  useControllableState
package/dist/cjs/useControllableState.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/useControllableState.ts"],
4
4
  "sourcesContent": ["import { useCallbackRef } from '@radix-ui/react-use-callback-ref'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\n// can configure to allow most-recent-wins or prop-wins\n// defaults to prop-wins\n\nexport function useControllableState<T>({\n prop,\n defaultProp,\n onChange,\n strategy = 'prop-wins',\n}: {\n prop?: T | undefined\n defaultProp: T\n onChange?: ((next: T) => void) | React.Dispatch<React.SetStateAction<T>>\n strategy?: 'prop-wins' | 'most-recent-wins'\n}): [T, React.Dispatch<React.SetStateAction<T>>] {\n const currentProp = useRef(prop)\n const handleChange = useCallbackRef(onChange)\n const [val, setVal] = useState(prop ?? defaultProp)\n const propWins = strategy === 'prop-wins'\n\n useEffect(() => {\n currentProp.current = prop\n setVal((prev) => getNextStateWithCallback(prev, prop, handleChange))\n }, [prop])\n\n return [\n val,\n useCallback(\n (next: any) => {\n if (propWins && currentProp.current !== undefined) {\n return\n }\n setVal((prev) => {\n return getNextStateWithCallback(\n prev,\n typeof next === 'function' ? next(prev) : next,\n handleChange\n )\n })\n },\n [setVal, propWins]\n ) as any,\n ]\n}\n\nconst getNextStateWithCallback = (prev: any, next: any, handleChange: any) => {\n if (prev === next || next === undefined) {\n return prev\n }\n handleChange(next)\n return next\n}\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAA+B;AAC/B,mBAAgE;AAKzD,8BAAiC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,GAMoC;AAC/C,QAAM,cAAc,yBAAO,IAAI;AAC/B,QAAM,eAAe,kDAAe,QAAQ;AAC5C,QAAM,CAAC,KAAK,UAAU,2BAAS,QAAQ,WAAW;AAClD,QAAM,WAAW,aAAa;AAE9B,8BAAU,MAAM;AACd,gBAAY,UAAU;AACtB,WAAO,CAAC,SAAS,yBAAyB,MAAM,MAAM,YAAY,CAAC;AAAA,EACrE,GAAG,CAAC,IAAI,CAAC;AAET,SAAO;AAAA,IACL;AAAA,IACA,8BACE,CAAC,SAAc;AACb,UAAI,YAAY,YAAY,YAAY,QAAW;AACjD;AAAA,MACF;AACA,aAAO,CAAC,SAAS;AACf,eAAO,yBACL,MACA,OAAO,SAAS,aAAa,KAAK,IAAI,IAAI,MAC1C,YACF;AAAA,MACF,CAAC;AAAA,IACH,GACA,CAAC,QAAQ,QAAQ,CACnB;AAAA,EACF;AACF;AAvCgB;AAyChB,MAAM,2BAA2B,wBAAC,MAAW,MAAW,iBAAsB;AAC5E,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,WAAO;AAAA,EACT;AACA,eAAa,IAAI;AACjB,SAAO;AACT,GANiC;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oCAA+B;AAC/B,mBAAgE;AAKzD,8BAAiC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,GAMoC;AAC/C,QAAM,cAAc,yBAAO,IAAI;AAC/B,QAAM,eAAe,kDAAe,QAAQ;AAC5C,QAAM,CAAC,KAAK,UAAU,2BAAS,QAAQ,WAAW;AAClD,QAAM,WAAW,aAAa;AAE9B,8BAAU,MAAM;AACd,gBAAY,UAAU;AACtB,WAAO,CAAC,SAAS,yBAAyB,MAAM,MAAM,YAAY,CAAC;AAAA,EACrE,GAAG,CAAC,IAAI,CAAC;AAET,SAAO;AAAA,IACL;AAAA,IACA,8BACE,CAAC,SAAc;AACb,UAAI,YAAY,YAAY,YAAY,QAAW;AACjD;AAAA,MACF;AACA,aAAO,CAAC,SAAS;AACf,eAAO,yBACL,MACA,OAAO,SAAS,aAAa,KAAK,IAAI,IAAI,MAC1C,YACF;AAAA,MACF,CAAC;AAAA,IACH,GACA,CAAC,QAAQ,QAAQ,CACnB;AAAA,EACF;AACF;AAEA,MAAM,2BAA2B,CAAC,MAAW,MAAW,iBAAsB;AAC5E,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,WAAO;AAAA,EACT;AACA,eAAa,IAAI;AACjB,SAAO;AACT;",
6
6
  "names": []
7
7
  }
package/dist/esm/useControllableState.js CHANGED
@@ -1,5 +1,3 @@
1
- var __defProp = Object.defineProperty;
2
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
1
  import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
4
2
  import { useCallback, useEffect, useRef, useState } from "react";
5
3
  function useControllableState({
@@ -28,14 +26,13 @@ function useControllableState({
28
26
  }, [setVal, propWins])
29
27
  ];
30
28
  }
31
- __name(useControllableState, "useControllableState");
32
- const getNextStateWithCallback = /* @__PURE__ */ __name((prev, next, handleChange) => {
29
+ const getNextStateWithCallback = (prev, next, handleChange) => {
33
30
  if (prev === next || next === void 0) {
34
31
  return prev;
35
32
  }
36
33
  handleChange(next);
37
34
  return next;
38
- }, "getNextStateWithCallback");
35
+ };
39
36
  export {
40
37
  useControllableState
41
38
  };
package/dist/esm/useControllableState.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/useControllableState.ts"],
4
4
  "sourcesContent": ["import { useCallbackRef } from '@radix-ui/react-use-callback-ref'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\n// can configure to allow most-recent-wins or prop-wins\n// defaults to prop-wins\n\nexport function useControllableState<T>({\n prop,\n defaultProp,\n onChange,\n strategy = 'prop-wins',\n}: {\n prop?: T | undefined\n defaultProp: T\n onChange?: ((next: T) => void) | React.Dispatch<React.SetStateAction<T>>\n strategy?: 'prop-wins' | 'most-recent-wins'\n}): [T, React.Dispatch<React.SetStateAction<T>>] {\n const currentProp = useRef(prop)\n const handleChange = useCallbackRef(onChange)\n const [val, setVal] = useState(prop ?? defaultProp)\n const propWins = strategy === 'prop-wins'\n\n useEffect(() => {\n currentProp.current = prop\n setVal((prev) => getNextStateWithCallback(prev, prop, handleChange))\n }, [prop])\n\n return [\n val,\n useCallback(\n (next: any) => {\n if (propWins && currentProp.current !== undefined) {\n return\n }\n setVal((prev) => {\n return getNextStateWithCallback(\n prev,\n typeof next === 'function' ? next(prev) : next,\n handleChange\n )\n })\n },\n [setVal, propWins]\n ) as any,\n ]\n}\n\nconst getNextStateWithCallback = (prev: any, next: any, handleChange: any) => {\n if (prev === next || next === undefined) {\n return prev\n }\n handleChange(next)\n return next\n}\n"],
5
- "mappings": ";;AAAA;AACA;AAKO,8BAAiC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,GAMoC;AAC/C,QAAM,cAAc,OAAO,IAAI;AAC/B,QAAM,eAAe,eAAe,QAAQ;AAC5C,QAAM,CAAC,KAAK,UAAU,SAAS,sBAAQ,WAAW;AAClD,QAAM,WAAW,aAAa;AAE9B,YAAU,MAAM;AACd,gBAAY,UAAU;AACtB,WAAO,CAAC,SAAS,yBAAyB,MAAM,MAAM,YAAY,CAAC;AAAA,EACrE,GAAG,CAAC,IAAI,CAAC;AAET,SAAO;AAAA,IACL;AAAA,IACA,YACE,CAAC,SAAc;AACb,UAAI,YAAY,YAAY,YAAY,QAAW;AACjD;AAAA,MACF;AACA,aAAO,CAAC,SAAS;AACf,eAAO,yBACL,MACA,OAAO,SAAS,aAAa,KAAK,IAAI,IAAI,MAC1C,YACF;AAAA,MACF,CAAC;AAAA,IACH,GACA,CAAC,QAAQ,QAAQ,CACnB;AAAA,EACF;AACF;AAvCgB;AAyChB,MAAM,2BAA2B,wBAAC,MAAW,MAAW,iBAAsB;AAC5E,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,WAAO;AAAA,EACT;AACA,eAAa,IAAI;AACjB,SAAO;AACT,GANiC;",
5
+ "mappings": "AAAA;AACA;AAKO,8BAAiC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,GAMoC;AAC/C,QAAM,cAAc,OAAO,IAAI;AAC/B,QAAM,eAAe,eAAe,QAAQ;AAC5C,QAAM,CAAC,KAAK,UAAU,SAAS,sBAAQ,WAAW;AAClD,QAAM,WAAW,aAAa;AAE9B,YAAU,MAAM;AACd,gBAAY,UAAU;AACtB,WAAO,CAAC,SAAS,yBAAyB,MAAM,MAAM,YAAY,CAAC;AAAA,EACrE,GAAG,CAAC,IAAI,CAAC;AAET,SAAO;AAAA,IACL;AAAA,IACA,YACE,CAAC,SAAc;AACb,UAAI,YAAY,YAAY,YAAY,QAAW;AACjD;AAAA,MACF;AACA,aAAO,CAAC,SAAS;AACf,eAAO,yBACL,MACA,OAAO,SAAS,aAAa,KAAK,IAAI,IAAI,MAC1C,YACF;AAAA,MACF,CAAC;AAAA,IACH,GACA,CAAC,QAAQ,QAAQ,CACnB;AAAA,EACF;AACF;AAEA,MAAM,2BAA2B,CAAC,MAAW,MAAW,iBAAsB;AAC5E,MAAI,SAAS,QAAQ,SAAS,QAAW;AACvC,WAAO;AAAA,EACT;AACA,eAAa,IAAI;AACjB,SAAO;AACT;",
6
6
  "names": []
7
7
  }
package/dist/jsx/useControllableState.js CHANGED
@@ -1,5 +1,3 @@
1
- var __defProp = Object.defineProperty;
2
- var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
3
1
  import { useCallbackRef } from "@radix-ui/react-use-callback-ref";
4
2
  import { useCallback, useEffect, useRef, useState } from "react";
5
3
  function useControllableState({
@@ -28,14 +26,13 @@ function useControllableState({
28
26
  }, [setVal, propWins])
29
27
  ];
30
28
  }
31
- __name(useControllableState, "useControllableState");
32
- const getNextStateWithCallback = /* @__PURE__ */ __name((prev, next, handleChange) => {
29
+ const getNextStateWithCallback = (prev, next, handleChange) => {
33
30
  if (prev === next || next === void 0) {
34
31
  return prev;
35
32
  }
36
33
  handleChange(next);
37
34
  return next;
38
- }, "getNextStateWithCallback");
35
+ };
39
36
  export {
40
37
  useControllableState
41
38
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/use-controllable-state",
3
- "version": "1.0.1-beta.72",
3
+ "version": "1.0.1-beta.75",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -26,7 +26,7 @@
26
26
  "react-dom": "*"
27
27
  },
28
28
  "devDependencies": {
29
- "@tamagui/build": "^1.0.1-beta.72",
29
+ "@tamagui/build": "^1.0.1-beta.75",
30
30
  "react": "*",
31
31
  "react-dom": "*"
32
32
  },