@tamagui/helpers-tamagui 1.108.0 → 1.108.2
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.
- package/dist/cjs/useGetThemedIcon.js +13 -5
- package/dist/cjs/useGetThemedIcon.js.map +2 -2
- package/dist/cjs/useGetThemedIcon.native.js +13 -5
- package/dist/cjs/useGetThemedIcon.native.js.map +2 -2
- package/dist/esm/useGetThemedIcon.js +3 -3
- package/dist/esm/useGetThemedIcon.js.map +1 -1
- package/dist/esm/useGetThemedIcon.mjs +3 -3
- package/dist/esm/useGetThemedIcon.mjs.map +1 -1
- package/dist/esm/useGetThemedIcon.native.js +3 -3
- package/dist/esm/useGetThemedIcon.native.js.map +2 -2
- package/package.json +4 -4
- package/src/useGetThemedIcon.tsx +4 -4
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
var __create = Object.create;
|
|
1
2
|
var __defProp = Object.defineProperty;
|
|
2
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
6
|
var __export = (target, all) => {
|
|
6
7
|
for (var name in all)
|
|
7
8
|
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
@@ -11,20 +12,27 @@ var __export = (target, all) => {
|
|
|
11
12
|
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
12
13
|
return to;
|
|
13
14
|
};
|
|
14
|
-
var
|
|
15
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
16
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
+
mod
|
|
22
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
23
|
var useGetThemedIcon_exports = {};
|
|
16
24
|
__export(useGetThemedIcon_exports, {
|
|
17
25
|
useGetThemedIcon: () => useGetThemedIcon
|
|
18
26
|
});
|
|
19
27
|
module.exports = __toCommonJS(useGetThemedIcon_exports);
|
|
20
|
-
var import_react = require("react"), import_useCurrentColor = require("./useCurrentColor");
|
|
28
|
+
var import_react = __toESM(require("react")), import_useCurrentColor = require("./useCurrentColor");
|
|
21
29
|
const useGetThemedIcon = (props) => {
|
|
22
30
|
const color = (0, import_useCurrentColor.useCurrentColor)(props.color);
|
|
23
|
-
return (el) => el && (
|
|
31
|
+
return (el) => el && (import_react.default.isValidElement(el) ? import_react.default.cloneElement(el, {
|
|
24
32
|
...props,
|
|
25
33
|
color,
|
|
26
34
|
// @ts-expect-error
|
|
27
35
|
...el.props
|
|
28
|
-
}) :
|
|
36
|
+
}) : import_react.default.createElement(el, props));
|
|
29
37
|
};
|
|
30
38
|
//# sourceMappingURL=useGetThemedIcon.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useGetThemedIcon.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": []
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAGlB,yBAAgC;AAEzB,MAAM,mBAAmB,CAAC,UAA8C;AAC7E,QAAM,YAAQ,wCAAgB,MAAM,KAAK;AACzC,SAAO,CAAC,OACD,OACD,aAAAA,QAAM,eAAe,EAAE,IAClB,aAAAA,QAAM,aAAa,IAAI;AAAA,IAC5B,GAAG;AAAA,IACH;AAAA;AAAA,IAEA,GAAG,GAAG;AAAA,EACR,CAAC,IAEI,aAAAA,QAAM,cAAc,IAAI,KAAK;AAExC;",
|
|
5
|
+
"names": ["React"]
|
|
6
6
|
}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
5
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __getProtoOf = Object.getPrototypeOf, __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
7
|
var __export = (target, all) => {
|
|
7
8
|
for (var name in all)
|
|
8
9
|
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
@@ -12,13 +13,20 @@ var __export = (target, all) => {
|
|
|
12
13
|
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
14
|
return to;
|
|
14
15
|
};
|
|
15
|
-
var
|
|
16
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
17
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
+
mod
|
|
23
|
+
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
16
24
|
var useGetThemedIcon_exports = {};
|
|
17
25
|
__export(useGetThemedIcon_exports, {
|
|
18
26
|
useGetThemedIcon: () => useGetThemedIcon
|
|
19
27
|
});
|
|
20
28
|
module.exports = __toCommonJS(useGetThemedIcon_exports);
|
|
21
|
-
var import_react = require("react"), import_useCurrentColor = require("./useCurrentColor");
|
|
29
|
+
var import_react = __toESM(require("react")), import_useCurrentColor = require("./useCurrentColor");
|
|
22
30
|
function _define_property(obj, key, value) {
|
|
23
31
|
return key in obj ? Object.defineProperty(obj, key, {
|
|
24
32
|
value,
|
|
@@ -56,13 +64,13 @@ function _object_spread_props(target, source) {
|
|
|
56
64
|
var useGetThemedIcon = function(props) {
|
|
57
65
|
var color = (0, import_useCurrentColor.useCurrentColor)(props.color);
|
|
58
66
|
return function(el) {
|
|
59
|
-
return el && (/* @__PURE__ */
|
|
67
|
+
return el && (/* @__PURE__ */ import_react.default.isValidElement(el) ? /* @__PURE__ */ import_react.default.cloneElement(el, _object_spread(
|
|
60
68
|
_object_spread_props(_object_spread({}, props), {
|
|
61
69
|
color
|
|
62
70
|
}),
|
|
63
71
|
// @ts-expect-error
|
|
64
72
|
el.props
|
|
65
|
-
)) : /* @__PURE__ */
|
|
73
|
+
)) : /* @__PURE__ */ import_react.default.createElement(el, props));
|
|
66
74
|
};
|
|
67
75
|
};
|
|
68
76
|
// Annotate the CommonJS export names for ESM import in node:
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/core/helpers-tamagui/src/useGetThemedIcon.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["useGetThemedIcon", "props", "color", "useCurrentColor", "el", "isValidElement", "cloneElement", "createElement"]
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mBAAkB,2BAGlB,yBAAgC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEzB,IAAMA,mBAAmB,SAACC,OAAAA;AAC/B,MAAMC,YAAQC,wCAAgBF,MAAMC,KAAK;AACzC,SAAO,SAACE,IAAAA;AACN,WAAKA,OACDC,6BAAAA,QAAMC,eAAeF,EAAAA,IAChBC,6BAAAA,QAAME,aAAaH,IAAI;MAAA,qBAAA,eAAA,CAAA,GACzBH,KAAAA,GAAAA;QACHC;;;MAEGE,GAAGH;IAAK,CAAA,IAGRI,6BAAAA,QAAMG,cAAcJ,IAAIH,KAAAA;EACjC;AACF;",
|
|
5
|
+
"names": ["useGetThemedIcon", "props", "color", "useCurrentColor", "el", "React", "isValidElement", "cloneElement", "createElement"]
|
|
6
6
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { useCurrentColor } from "./useCurrentColor";
|
|
3
3
|
const useGetThemedIcon = (props) => {
|
|
4
4
|
const color = useCurrentColor(props.color);
|
|
5
|
-
return (el) => el && (isValidElement(el) ? cloneElement(el, {
|
|
5
|
+
return (el) => el && (React.isValidElement(el) ? React.cloneElement(el, {
|
|
6
6
|
...props,
|
|
7
7
|
color,
|
|
8
8
|
// @ts-expect-error
|
|
9
9
|
...el.props
|
|
10
|
-
}) : createElement(el, props));
|
|
10
|
+
}) : React.createElement(el, props));
|
|
11
11
|
};
|
|
12
12
|
export {
|
|
13
13
|
useGetThemedIcon
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/useGetThemedIcon.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
4
|
+
"mappings": "AAAA,OAAO,WAAW;AAGlB,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,CAAC,UAA8C;AAC7E,QAAM,QAAQ,gBAAgB,MAAM,KAAK;AACzC,SAAO,CAAC,OACD,OACD,MAAM,eAAe,EAAE,IAClB,MAAM,aAAa,IAAI;AAAA,IAC5B,GAAG;AAAA,IACH;AAAA;AAAA,IAEA,GAAG,GAAG;AAAA,EACR,CAAC,IAEI,MAAM,cAAc,IAAI,KAAK;AAExC;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { useCurrentColor } from "./useCurrentColor.mjs";
|
|
3
3
|
const useGetThemedIcon = props => {
|
|
4
4
|
const color = useCurrentColor(props.color);
|
|
5
|
-
return el => el && (isValidElement(el) ? cloneElement(el, {
|
|
5
|
+
return el => el && (React.isValidElement(el) ? React.cloneElement(el, {
|
|
6
6
|
...props,
|
|
7
7
|
color,
|
|
8
8
|
// @ts-expect-error
|
|
9
9
|
...el.props
|
|
10
|
-
}) : createElement(el, props));
|
|
10
|
+
}) : React.createElement(el, props));
|
|
11
11
|
};
|
|
12
12
|
export { useGetThemedIcon };
|
|
13
13
|
//# sourceMappingURL=useGetThemedIcon.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["
|
|
1
|
+
{"version":3,"names":["React","useCurrentColor","useGetThemedIcon","props","color","el","isValidElement","cloneElement","createElement"],"sources":["../../src/useGetThemedIcon.tsx"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAGlB,SAASC,eAAA,QAAuB;AAEzB,MAAMC,gBAAA,GAAoBC,KAAA,IAA8C;EAC7E,MAAMC,KAAA,GAAQH,eAAA,CAAgBE,KAAA,CAAMC,KAAK;EACzC,OAAQC,EAAA,IACDA,EAAA,KACDL,KAAA,CAAMM,cAAA,CAAeD,EAAE,IAClBL,KAAA,CAAMO,YAAA,CAAaF,EAAA,EAAI;IAC5B,GAAGF,KAAA;IACHC,KAAA;IAAA;IAEA,GAAGC,EAAA,CAAGF;EACR,CAAC,IAEIH,KAAA,CAAMQ,aAAA,CAAcH,EAAA,EAAIF,KAAK;AAExC","ignoreList":[]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { useCurrentColor } from "./useCurrentColor";
|
|
3
3
|
function _define_property(obj, key, value) {
|
|
4
4
|
return key in obj ? Object.defineProperty(obj, key, {
|
|
@@ -37,13 +37,13 @@ function _object_spread_props(target, source) {
|
|
|
37
37
|
var useGetThemedIcon = function(props) {
|
|
38
38
|
var color = useCurrentColor(props.color);
|
|
39
39
|
return function(el) {
|
|
40
|
-
return el && (/* @__PURE__ */ isValidElement(el) ? /* @__PURE__ */ cloneElement(el, _object_spread(
|
|
40
|
+
return el && (/* @__PURE__ */ React.isValidElement(el) ? /* @__PURE__ */ React.cloneElement(el, _object_spread(
|
|
41
41
|
_object_spread_props(_object_spread({}, props), {
|
|
42
42
|
color
|
|
43
43
|
}),
|
|
44
44
|
// @ts-expect-error
|
|
45
45
|
el.props
|
|
46
|
-
)) : /* @__PURE__ */ createElement(el, props));
|
|
46
|
+
)) : /* @__PURE__ */ React.createElement(el, props));
|
|
47
47
|
};
|
|
48
48
|
};
|
|
49
49
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/code/core/helpers-tamagui/src/useGetThemedIcon.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": "AAAA,OAAOA,WAAW;AAGlB,SAASC,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEzB,IAAMC,mBAAmB,SAACC,OAAAA;AAC/B,MAAMC,QAAQH,gBAAgBE,MAAMC,KAAK;AACzC,SAAO,SAACC,IAAAA;AACN,WAAKA,OACDL,sBAAMM,eAAeD,EAAAA,IAChBL,sBAAMO,aAAaF,IAAI;MAAA,qBAAA,eAAA,CAAA,GACzBF,KAAAA,GAAAA;QACHC;;;MAEGC,GAAGF;IAAK,CAAA,IAGRH,sBAAMQ,cAAcH,IAAIF,KAAAA;EACjC;AACF;",
|
|
5
|
+
"names": ["React", "useCurrentColor", "useGetThemedIcon", "props", "color", "el", "isValidElement", "cloneElement", "createElement"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/helpers-tamagui",
|
|
3
|
-
"version": "1.108.
|
|
3
|
+
"version": "1.108.2",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"types": "./types/index.d.ts",
|
|
6
6
|
"main": "dist/cjs",
|
|
@@ -28,11 +28,11 @@
|
|
|
28
28
|
}
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@tamagui/helpers": "1.108.
|
|
32
|
-
"@tamagui/web": "1.108.
|
|
31
|
+
"@tamagui/helpers": "1.108.2",
|
|
32
|
+
"@tamagui/web": "1.108.2"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
|
-
"@tamagui/build": "1.108.
|
|
35
|
+
"@tamagui/build": "1.108.2",
|
|
36
36
|
"react": "^18.2.0 || ^19.0.0",
|
|
37
37
|
"vitest": "^0.34.3"
|
|
38
38
|
},
|
package/src/useGetThemedIcon.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react'
|
|
2
2
|
|
|
3
3
|
import type { ColorProp } from './useCurrentColor'
|
|
4
4
|
import { useCurrentColor } from './useCurrentColor'
|
|
@@ -7,14 +7,14 @@ export const useGetThemedIcon = (props: { color: ColorProp; size: number }) => {
|
|
|
7
7
|
const color = useCurrentColor(props.color)
|
|
8
8
|
return (el: any) => {
|
|
9
9
|
if (!el) return el
|
|
10
|
-
if (isValidElement(el)) {
|
|
11
|
-
return cloneElement(el, {
|
|
10
|
+
if (React.isValidElement(el)) {
|
|
11
|
+
return React.cloneElement(el, {
|
|
12
12
|
...props,
|
|
13
13
|
color,
|
|
14
14
|
// @ts-expect-error
|
|
15
15
|
...el.props,
|
|
16
16
|
})
|
|
17
17
|
}
|
|
18
|
-
return createElement(el, props)
|
|
18
|
+
return React.createElement(el, props)
|
|
19
19
|
}
|
|
20
20
|
}
|