@tamagui/focusable 1.62.3 → 1.64.0

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 (7) hide show
  1. package/dist/cjs/focusableInputHOC.js +7 -4
  2. package/dist/cjs/focusableInputHOC.js.map +1 -1
  3. package/dist/cjs/focusableInputHOC.native.js +7 -4
  4. package/dist/cjs/focusableInputHOC.native.js.map +1 -1
  5. package/dist/jsx/focusableInputHOC.native.js +7 -4
  6. package/dist/jsx/focusableInputHOC.native.js.map +1 -1
  7. package/package.json +4 -4
package/dist/cjs/focusableInputHOC.js CHANGED
@@ -26,7 +26,8 @@ function useFocusable({
26
26
  }) {
27
27
  const { id, onChangeText, value, defaultValue } = props, inputValue = (0, import_react.useRef)(value || defaultValue || ""), unregisterFocusable = (0, import_react.useRef)(), inputRef = (0, import_react.useCallback)(
28
28
  (input) => {
29
- id && input && (unregisterFocusable.current?.(), unregisterFocusable.current = (0, import_registerFocusable.registerFocusable)(id, {
29
+ var _a;
30
+ id && input && ((_a = unregisterFocusable.current) == null || _a.call(unregisterFocusable), unregisterFocusable.current = (0, import_registerFocusable.registerFocusable)(id, {
30
31
  focus: input.focus,
31
32
  ...isInput && {
32
33
  // react-native doesn't support programmatic .select()
@@ -39,17 +40,19 @@ function useFocusable({
39
40
  [isInput, id]
40
41
  ), combinedRefs = (0, import_compose_refs.composeRefs)(ref, inputRef);
41
42
  return (0, import_react.useEffect)(() => () => {
42
- unregisterFocusable.current?.();
43
+ var _a;
44
+ (_a = unregisterFocusable.current) == null || _a.call(unregisterFocusable);
43
45
  }, []), {
44
46
  ref: combinedRefs,
45
47
  onChangeText: (0, import_web.useEvent)((value2) => {
46
- inputValue.current = value2, onChangeText?.(value2);
48
+ inputValue.current = value2, onChangeText == null || onChangeText(value2);
47
49
  })
48
50
  };
49
51
  }
50
52
  function focusableInputHOC(Component) {
51
53
  return Component.styleable((props, ref) => {
52
- const isInput = Component.staticConfig?.isInput, { ref: combinedRef, onChangeText } = useFocusable({
54
+ var _a;
55
+ const isInput = (_a = Component.staticConfig) == null ? void 0 : _a.isInput, { ref: combinedRef, onChangeText } = useFocusable({
53
56
  ref,
54
57
  props,
55
58
  isInput
package/dist/cjs/focusableInputHOC.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/focusableInputHOC.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,aAA2C,yBAC3C,eAAsD,kBAEtD,2BAAkC,gCA6EvB;AApEJ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,IAAI,cAAc,OAAO,aAAa,IAAI,OAC5C,iBAAa,qBAAO,SAAS,gBAAgB,EAAE,GAC/C,0BAAsB,qBAA+B,GAErD,eAAW;AAAA,IACf,CAAC,UAAU;AACT,MAAK,MACA,UACL,oBAAoB,UAAU,GAC9B,oBAAoB,cAAU,4CAAkB,IAAI;AAAA,QAClD,OAAO,MAAM;AAAA,QAEb,GAAI,WAAW;AAAA;AAAA,UAEb,iBAAiB;AACf,kBAAM,MAAM,GACR,MAAM,gBAAgB,OAAO,WAAW,WAAY,YACtD,MAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,UAEnD;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,EAAE;AAAA,EACd,GAEM,mBAAe,iCAAY,KAAK,QAAQ;AAE9C,qCAAU,MACD,MAAM;AACX,wBAAoB,UAAU;AAAA,EAChC,GACC,CAAC,CAAC,GAEE;AAAA,IACL,KAAK;AAAA,IACL,kBAAc,qBAAS,CAACA,WAAU;AAChC,iBAAW,UAAUA,QACrB,eAAeA,MAAK;AAAA,IACtB,CAAC;AAAA,EACH;AACF;AAEO,SAAS,kBAA8C,WAAiB;AAC7E,SAAO,UAAU,UAAU,CAAC,OAAuB,QAAQ;AACzD,UAAM,UAAU,UAAU,cAAc,SAClC,EAAE,KAAK,aAAa,aAAa,IAAI,aAAa;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,GACK,aAAa,UACf;AAAA,MACE,GAAG;AAAA,MACH;AAAA,IACF,IACA;AAGJ,WAAO,4CAAC,aAAU,KAAK,aAAc,GAAG,YAAY;AAAA,EACtD,CAAC;AACH;",
4
+ "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,aAA2C,yBAC3C,eAAsD,kBAEtD,2BAAkC,gCA6EvB;AApEJ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,IAAI,cAAc,OAAO,aAAa,IAAI,OAC5C,iBAAa,qBAAO,SAAS,gBAAgB,EAAE,GAC/C,0BAAsB,qBAA+B,GAErD,eAAW;AAAA,IACf,CAAC,UAAU;AA3Bf;AA4BM,MAAK,MACA,WACL,yBAAoB,YAApB,sCACA,oBAAoB,cAAU,4CAAkB,IAAI;AAAA,QAClD,OAAO,MAAM;AAAA,QAEb,GAAI,WAAW;AAAA;AAAA,UAEb,iBAAiB;AACf,kBAAM,MAAM,GACR,MAAM,gBAAgB,OAAO,WAAW,WAAY,YACtD,MAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,UAEnD;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,EAAE;AAAA,EACd,GAEM,mBAAe,iCAAY,KAAK,QAAQ;AAE9C,qCAAU,MACD,MAAM;AAnDjB;AAoDM,8BAAoB,YAApB;AAAA,EACF,GACC,CAAC,CAAC,GAEE;AAAA,IACL,KAAK;AAAA,IACL,kBAAc,qBAAS,CAACA,WAAU;AAChC,iBAAW,UAAUA,QACrB,qCAAeA;AAAA,IACjB,CAAC;AAAA,EACH;AACF;AAEO,SAAS,kBAA8C,WAAiB;AAC7E,SAAO,UAAU,UAAU,CAAC,OAAuB,QAAQ;AAlE7D;AAmEI,UAAM,WAAU,eAAU,iBAAV,mBAAwB,SAClC,EAAE,KAAK,aAAa,aAAa,IAAI,aAAa;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,GACK,aAAa,UACf;AAAA,MACE,GAAG;AAAA,MACH;AAAA,IACF,IACA;AAGJ,WAAO,4CAAC,aAAU,KAAK,aAAc,GAAG,YAAY;AAAA,EACtD,CAAC;AACH;",
5
5
  "names": ["value"]
6
6
  }
package/dist/cjs/focusableInputHOC.native.js CHANGED
@@ -27,7 +27,8 @@ function useFocusable({
27
27
  }) {
28
28
  const { id, onChangeText, value, defaultValue } = props, inputValue = (0, import_react.useRef)(value || defaultValue || ""), unregisterFocusable = (0, import_react.useRef)(), inputRef = (0, import_react.useCallback)(
29
29
  (input) => {
30
- id && input && (unregisterFocusable.current?.(), unregisterFocusable.current = (0, import_registerFocusable.registerFocusable)(id, {
30
+ var _a;
31
+ id && input && ((_a = unregisterFocusable.current) == null || _a.call(unregisterFocusable), unregisterFocusable.current = (0, import_registerFocusable.registerFocusable)(id, {
31
32
  focus: input.focus,
32
33
  ...isInput && {
33
34
  // react-native doesn't support programmatic .select()
@@ -40,17 +41,19 @@ function useFocusable({
40
41
  [isInput, id]
41
42
  ), combinedRefs = (0, import_compose_refs.composeRefs)(ref, inputRef);
42
43
  return (0, import_react.useEffect)(() => () => {
43
- unregisterFocusable.current?.();
44
+ var _a;
45
+ (_a = unregisterFocusable.current) == null || _a.call(unregisterFocusable);
44
46
  }, []), {
45
47
  ref: combinedRefs,
46
48
  onChangeText: (0, import_web.useEvent)((value2) => {
47
- inputValue.current = value2, onChangeText?.(value2);
49
+ inputValue.current = value2, onChangeText == null || onChangeText(value2);
48
50
  })
49
51
  };
50
52
  }
51
53
  function focusableInputHOC(Component) {
52
54
  return Component.styleable((props, ref) => {
53
- const isInput = Component.staticConfig?.isInput, { ref: combinedRef, onChangeText } = useFocusable({
55
+ var _a;
56
+ const isInput = (_a = Component.staticConfig) == null ? void 0 : _a.isInput, { ref: combinedRef, onChangeText } = useFocusable({
54
57
  ref,
55
58
  props,
56
59
  isInput
package/dist/cjs/focusableInputHOC.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/focusableInputHOC.tsx"],
4
- "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,aAA2C,yBAC3C,eAAsD,kBAEtD,2BAAkC,gCA6EvB;AApEJ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,IAAI,cAAc,OAAO,aAAa,IAAI,OAC5C,iBAAa,qBAAO,SAAS,gBAAgB,EAAE,GAC/C,0BAAsB,qBAA+B,GAErD,eAAW;AAAA,IACf,CAAC,UAAU;AACT,MAAK,MACA,UACL,oBAAoB,UAAU,GAC9B,oBAAoB,cAAU,4CAAkB,IAAI;AAAA,QAClD,OAAO,MAAM;AAAA,QAEb,GAAI,WAAW;AAAA;AAAA,UAEb,iBAAiB;AACf,kBAAM,MAAM,GACR,MAAM,gBAAgB,OAAO,WAAW,WAAY,YACtD,MAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,UAEnD;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,EAAE;AAAA,EACd,GAEM,mBAAe,iCAAY,KAAK,QAAQ;AAE9C,qCAAU,MACD,MAAM;AACX,wBAAoB,UAAU;AAAA,EAChC,GACC,CAAC,CAAC,GAEE;AAAA,IACL,KAAK;AAAA,IACL,kBAAc,qBAAS,CAACA,WAAU;AAChC,iBAAW,UAAUA,QACrB,eAAeA,MAAK;AAAA,IACtB,CAAC;AAAA,EACH;AACF;AAEO,SAAS,kBAA8C,WAAiB;AAC7E,SAAO,UAAU,UAAU,CAAC,OAAuB,QAAQ;AACzD,UAAM,UAAU,UAAU,cAAc,SAClC,EAAE,KAAK,aAAa,aAAa,IAAI,aAAa;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,GACK,aAAa,UACf;AAAA,MACE,GAAG;AAAA,MACH;AAAA,IACF,IACA;AAGJ,WAAO,4CAAC,aAAU,KAAK,aAAc,GAAG,YAAY;AAAA,EACtD,CAAC;AACH;",
4
+ "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAA4B,kCAC5B,aAA2C,yBAC3C,eAAsD,kBAEtD,2BAAkC,gCA6EvB;AApEJ,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,IAAI,cAAc,OAAO,aAAa,IAAI,OAC5C,iBAAa,qBAAO,SAAS,gBAAgB,EAAE,GAC/C,0BAAsB,qBAA+B,GAErD,eAAW;AAAA,IACf,CAAC,UAAU;AA3Bf;AA4BM,MAAK,MACA,WACL,yBAAoB,YAApB,sCACA,oBAAoB,cAAU,4CAAkB,IAAI;AAAA,QAClD,OAAO,MAAM;AAAA,QAEb,GAAI,WAAW;AAAA;AAAA,UAEb,iBAAiB;AACf,kBAAM,MAAM,GACR,MAAM,gBAAgB,OAAO,WAAW,WAAY,YACtD,MAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,UAEnD;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,EAAE;AAAA,EACd,GAEM,mBAAe,iCAAY,KAAK,QAAQ;AAE9C,qCAAU,MACD,MAAM;AAnDjB;AAoDM,8BAAoB,YAApB;AAAA,EACF,GACC,CAAC,CAAC,GAEE;AAAA,IACL,KAAK;AAAA,IACL,kBAAc,qBAAS,CAACA,WAAU;AAChC,iBAAW,UAAUA,QACrB,qCAAeA;AAAA,IACjB,CAAC;AAAA,EACH;AACF;AAEO,SAAS,kBAA8C,WAAiB;AAC7E,SAAO,UAAU,UAAU,CAAC,OAAuB,QAAQ;AAlE7D;AAmEI,UAAM,WAAU,eAAU,iBAAV,mBAAwB,SAClC,EAAE,KAAK,aAAa,aAAa,IAAI,aAAa;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,GACK,aAAa,UACf;AAAA,MACE,GAAG;AAAA,MACH;AAAA,IACF,IACA;AAGJ,WAAO,4CAAC,aAAU,KAAK,aAAc,GAAG,YAAY;AAAA,EACtD,CAAC;AACH;",
5
5
  "names": ["value"]
6
6
  }
package/dist/jsx/focusableInputHOC.native.js CHANGED
@@ -9,7 +9,8 @@ function useFocusable({
9
9
  }) {
10
10
  const { id, onChangeText, value, defaultValue } = props, inputValue = useRef(value || defaultValue || ""), unregisterFocusable = useRef(), inputRef = useCallback(
11
11
  (input) => {
12
- id && input && (unregisterFocusable.current?.(), unregisterFocusable.current = registerFocusable(id, {
12
+ var _a;
13
+ id && input && ((_a = unregisterFocusable.current) == null || _a.call(unregisterFocusable), unregisterFocusable.current = registerFocusable(id, {
13
14
  focus: input.focus,
14
15
  ...isInput && {
15
16
  // react-native doesn't support programmatic .select()
@@ -22,17 +23,19 @@ function useFocusable({
22
23
  [isInput, id]
23
24
  ), combinedRefs = composeRefs(ref, inputRef);
24
25
  return useEffect(() => () => {
25
- unregisterFocusable.current?.();
26
+ var _a;
27
+ (_a = unregisterFocusable.current) == null || _a.call(unregisterFocusable);
26
28
  }, []), {
27
29
  ref: combinedRefs,
28
30
  onChangeText: useEvent((value2) => {
29
- inputValue.current = value2, onChangeText?.(value2);
31
+ inputValue.current = value2, onChangeText == null || onChangeText(value2);
30
32
  })
31
33
  };
32
34
  }
33
35
  function focusableInputHOC(Component) {
34
36
  return Component.styleable((props, ref) => {
35
- const isInput = Component.staticConfig?.isInput, { ref: combinedRef, onChangeText } = useFocusable({
37
+ var _a;
38
+ const isInput = (_a = Component.staticConfig) == null ? void 0 : _a.isInput, { ref: combinedRef, onChangeText } = useFocusable({
36
39
  ref,
37
40
  props,
38
41
  isInput
package/dist/jsx/focusableInputHOC.native.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/focusableInputHOC.tsx"],
4
- "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAA2B,gBAAgB;AAC3C,SAAgB,aAAa,WAAW,cAAc;AAEtD,SAAS,yBAAyB;AAS3B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,IAAI,cAAc,OAAO,aAAa,IAAI,OAC5C,aAAa,OAAO,SAAS,gBAAgB,EAAE,GAC/C,sBAAsB,OAA+B,GAErD,WAAW;AAAA,IACf,CAAC,UAAU;AACT,MAAK,MACA,UACL,oBAAoB,UAAU,GAC9B,oBAAoB,UAAU,kBAAkB,IAAI;AAAA,QAClD,OAAO,MAAM;AAAA,QAEb,GAAI,WAAW;AAAA;AAAA,UAEb,iBAAiB;AACf,kBAAM,MAAM,GACR,MAAM,gBAAgB,OAAO,WAAW,WAAY,YACtD,MAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,UAEnD;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,EAAE;AAAA,EACd,GAEM,eAAe,YAAY,KAAK,QAAQ;AAE9C,mBAAU,MACD,MAAM;AACX,wBAAoB,UAAU;AAAA,EAChC,GACC,CAAC,CAAC,GAEE;AAAA,IACL,KAAK;AAAA,IACL,cAAc,SAAS,CAACA,WAAU;AAChC,iBAAW,UAAUA,QACrB,eAAeA,MAAK;AAAA,IACtB,CAAC;AAAA,EACH;AACF;AAEO,SAAS,kBAA8C,WAAiB;AAC7E,SAAO,UAAU,UAAU,CAAC,OAAuB,QAAQ;AACzD,UAAM,UAAU,UAAU,cAAc,SAClC,EAAE,KAAK,aAAa,aAAa,IAAI,aAAa;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,GACK,aAAa,UACf;AAAA,MACE,GAAG;AAAA,MACH;AAAA,IACF,IACA;AAGJ,WAAO,CAAC,UAAU,KAAK,iBAAiB,YAAY;AAAA,EACtD,CAAC;AACH;",
4
+ "mappings": "AAAA,SAAS,mBAAmB;AAC5B,SAA2B,gBAAgB;AAC3C,SAAgB,aAAa,WAAW,cAAc;AAEtD,SAAS,yBAAyB;AAS3B,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,EAAE,IAAI,cAAc,OAAO,aAAa,IAAI,OAC5C,aAAa,OAAO,SAAS,gBAAgB,EAAE,GAC/C,sBAAsB,OAA+B,GAErD,WAAW;AAAA,IACf,CAAC,UAAU;AA3Bf;AA4BM,MAAK,MACA,WACL,yBAAoB,YAApB,sCACA,oBAAoB,UAAU,kBAAkB,IAAI;AAAA,QAClD,OAAO,MAAM;AAAA,QAEb,GAAI,WAAW;AAAA;AAAA,UAEb,iBAAiB;AACf,kBAAM,MAAM,GACR,MAAM,gBAAgB,OAAO,WAAW,WAAY,YACtD,MAAM,aAAa,GAAG,WAAW,QAAQ,MAAM;AAAA,UAEnD;AAAA,QACF;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,EAAE;AAAA,EACd,GAEM,eAAe,YAAY,KAAK,QAAQ;AAE9C,mBAAU,MACD,MAAM;AAnDjB;AAoDM,8BAAoB,YAApB;AAAA,EACF,GACC,CAAC,CAAC,GAEE;AAAA,IACL,KAAK;AAAA,IACL,cAAc,SAAS,CAACA,WAAU;AAChC,iBAAW,UAAUA,QACrB,qCAAeA;AAAA,IACjB,CAAC;AAAA,EACH;AACF;AAEO,SAAS,kBAA8C,WAAiB;AAC7E,SAAO,UAAU,UAAU,CAAC,OAAuB,QAAQ;AAlE7D;AAmEI,UAAM,WAAU,eAAU,iBAAV,mBAAwB,SAClC,EAAE,KAAK,aAAa,aAAa,IAAI,aAAa;AAAA,MACtD;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,GACK,aAAa,UACf;AAAA,MACE,GAAG;AAAA,MACH;AAAA,IACF,IACA;AAGJ,WAAO,CAAC,UAAU,KAAK,iBAAiB,YAAY;AAAA,EACtD,CAAC;AACH;",
5
5
  "names": ["value"]
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/focusable",
3
- "version": "1.62.3",
3
+ "version": "1.64.0",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -22,14 +22,14 @@
22
22
  "clean:build": "tamagui-build clean:build"
23
23
  },
24
24
  "dependencies": {
25
- "@tamagui/compose-refs": "1.62.3",
26
- "@tamagui/web": "1.62.3"
25
+ "@tamagui/compose-refs": "1.64.0",
26
+ "@tamagui/web": "1.64.0"
27
27
  },
28
28
  "peerDependencies": {
29
29
  "react": "*"
30
30
  },
31
31
  "devDependencies": {
32
- "@tamagui/build": "1.62.3",
32
+ "@tamagui/build": "1.64.0",
33
33
  "react": "^18.2.0"
34
34
  },
35
35
  "publishConfig": {