@tamagui/linear-gradient 3.0.7 → 3.0.8
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/LinearGradient.native.cjs +2 -2
- package/dist/cjs/LinearGradient.native.js +2 -2
- package/dist/cjs/LinearGradient.native.js.map +1 -1
- package/dist/cjs/linear-gradient.native.cjs +5 -6
- package/dist/cjs/linear-gradient.native.js +5 -6
- package/dist/cjs/linear-gradient.native.js.map +1 -1
- package/dist/esm/LinearGradient.native.js +2 -2
- package/dist/esm/LinearGradient.native.js.map +1 -1
- package/dist/esm/linear-gradient.native.js +5 -6
- package/dist/esm/linear-gradient.native.js.map +1 -1
- package/dist/jsx/LinearGradient.native.cjs +2 -2
- package/dist/jsx/LinearGradient.native.js +2 -2
- package/dist/jsx/LinearGradient.native.js.map +1 -1
- package/dist/jsx/linear-gradient.native.cjs +5 -6
- package/dist/jsx/linear-gradient.native.js +5 -6
- package/dist/jsx/linear-gradient.native.js.map +1 -1
- package/package.json +6 -6
|
@@ -37,9 +37,9 @@ var LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, funct
|
|
|
37
37
|
var theme = (0, import_core.useTheme)();
|
|
38
38
|
var colorTokens = (0, import_core.getTokens)().color;
|
|
39
39
|
var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {
|
|
40
|
+
var _ref, _ref1;
|
|
40
41
|
var _theme_c;
|
|
41
|
-
|
|
42
|
-
return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
42
|
+
return (_ref = (_ref1 = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _ref1 !== void 0 ? _ref1 : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
43
43
|
})) || [];
|
|
44
44
|
if (process.env.NODE_ENV !== "production") {
|
|
45
45
|
if (colors.some(function(c) {
|
|
@@ -37,9 +37,9 @@ var LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, funct
|
|
|
37
37
|
var theme = (0, import_core.useTheme)();
|
|
38
38
|
var colorTokens = (0, import_core.getTokens)().color;
|
|
39
39
|
var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {
|
|
40
|
+
var _ref, _ref1;
|
|
40
41
|
var _theme_c;
|
|
41
|
-
|
|
42
|
-
return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
42
|
+
return (_ref = (_ref1 = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _ref1 !== void 0 ? _ref1 : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
43
43
|
})) || [];
|
|
44
44
|
if (process.env.NODE_ENV !== "production") {
|
|
45
45
|
if (colors.some(function(c) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradient.native.js","names":[],"sources":["cjs/LinearGradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar LinearGradient_exports = {};\n__export(LinearGradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(LinearGradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_linear_gradient = require(\"./linear-gradient\");\nvar LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {\n var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n var theme = (0, import_core.useTheme)();\n var colorTokens = (0, import_core.getTokens)().color;\n var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n var
|
|
1
|
+
{"version":3,"file":"LinearGradient.native.js","names":[],"sources":["cjs/LinearGradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar LinearGradient_exports = {};\n__export(LinearGradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(LinearGradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_linear_gradient = require(\"./linear-gradient\");\nvar LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {\n var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n var theme = (0, import_core.useTheme)();\n var colorTokens = (0, import_core.getTokens)().color;\n var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n var _ref, _ref1;\n var _theme_c;\n return (_ref = (_ref1 = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get(\"web\")) !== null && _ref1 !== void 0 ? _ref1 : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;\n })) || [];\n if (process.env.NODE_ENV !== \"production\") {\n if (colors.some(function(c) {\n var normalized = (0, import_core.normalizeColor)(c);\n if (!normalized) {\n return true;\n }\n })) {\n console.error(`LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`);\n colors = [\n \"#000\",\n \"#fff\"\n ];\n }\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LinearGradientFrame, {\n ref,\n ...stackProps,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {\n start,\n end,\n colors,\n locations,\n style: gradientStyle\n }),\n children\n ]\n });\n});\nvar gradientStyle = {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,yBAAyB,CAAC;AAC9B,SAAS,wBAAwB,EAC/B,sBAAsB,eACxB,CAAC;AACD,OAAO,UAAU,aAAa,sBAAsB;AACpD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,yBAAyB,QAAQ,6BAAmB;AACxD,IAAI,uBAAuB,GAAG,YAAY,OAAM,CAAE,cAAc,QAAQ;CACtE,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,gBAAe,CAAE,qBAAqB,SAAS,SAAS,KAAK;CAChG,IAAI,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC7E,IAAI,SAAS,GAAG,YAAY,SAAQ,CAAE;CACtC,IAAI,eAAe,GAAG,YAAY,UAAS,CAAE,CAAC,CAAC;CAC/C,IAAI,UAAU,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,IAAI,SAAS,GAAG;EAC/F,IAAI,MAAM;EACV,IAAI;EACJ,QAAQ,QAAQ,SAAS,WAAW,MAAM,QAAQ,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,OAAO,QAAQ,UAAU,KAAK,IAAI,SAAS,GAAG,YAAY,iBAAgB,CAAE,YAAY,EAAE,OAAO,QAAQ,SAAS,KAAK,IAAI,OAAO;CAC/O,CAAC,MAAM,CAAC;CACR,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,IAAI,cAAc,GAAG,YAAY,eAAc,CAAE,CAAC;GAClD,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MAAM,gEAAgE,OAAO,8CAA8C;GACnI,SAAS,CACP,QACA,MACF;EACF;CACF;CACA,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,qBAAqB;EACvE;EACA,GAAG;EACH,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,uBAAuB,gBAAgB;GACjF;GACA;GACA;GACA;GACA,OAAO;EACT,CAAC,GACD,QACF;CACF,CAAC;AACH,CAAC;AACD,IAAI,gBAAgB;CAClB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
|
|
@@ -34,11 +34,10 @@ var import_core = require("@tamagui/core");
|
|
|
34
34
|
var React = __toESM(require("react"), 1);
|
|
35
35
|
var GradientView = import_core.View;
|
|
36
36
|
function needsDimensionAwareAngle(start, end) {
|
|
37
|
+
var _ref, _ref1;
|
|
37
38
|
if (!start && !end) return false;
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var _end_;
|
|
41
|
-
var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : .5;
|
|
39
|
+
var startX = (_ref = start === null || start === void 0 ? void 0 : start[0]) !== null && _ref !== void 0 ? _ref : .5;
|
|
40
|
+
var endX = (_ref1 = end === null || end === void 0 ? void 0 : end[0]) !== null && _ref1 !== void 0 ? _ref1 : .5;
|
|
42
41
|
return startX !== endX;
|
|
43
42
|
}
|
|
44
43
|
function LinearGradient(param) {
|
|
@@ -69,7 +68,7 @@ function LinearGradient(param) {
|
|
|
69
68
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
|
|
70
69
|
...props,
|
|
71
70
|
backgroundImage: linearGradientBackgroundImage,
|
|
72
|
-
onLayout: function(event) {
|
|
71
|
+
onLayout: function onLayout(event) {
|
|
73
72
|
var { width: width2, height: height2 } = event.nativeEvent.layout;
|
|
74
73
|
setLayout(function(oldLayout) {
|
|
75
74
|
if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
|
|
@@ -93,7 +92,7 @@ function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoin
|
|
|
93
92
|
return `linear-gradient(${angle}deg, ${gradientColors.join(", ")})`;
|
|
94
93
|
}
|
|
95
94
|
function calculatePseudoAngle(width, height, startPoint, endPoint) {
|
|
96
|
-
var getControlPoints = function() {
|
|
95
|
+
var getControlPoints = function getControlPoints2() {
|
|
97
96
|
var correctedStartPoint = [0, 0];
|
|
98
97
|
if (Array.isArray(startPoint)) {
|
|
99
98
|
correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0];
|
|
@@ -34,11 +34,10 @@ var import_core = require("@tamagui/core");
|
|
|
34
34
|
var React = __toESM(require("react"), 1);
|
|
35
35
|
var GradientView = import_core.View;
|
|
36
36
|
function needsDimensionAwareAngle(start, end) {
|
|
37
|
+
var _ref, _ref1;
|
|
37
38
|
if (!start && !end) return false;
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var _end_;
|
|
41
|
-
var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : .5;
|
|
39
|
+
var startX = (_ref = start === null || start === void 0 ? void 0 : start[0]) !== null && _ref !== void 0 ? _ref : .5;
|
|
40
|
+
var endX = (_ref1 = end === null || end === void 0 ? void 0 : end[0]) !== null && _ref1 !== void 0 ? _ref1 : .5;
|
|
42
41
|
return startX !== endX;
|
|
43
42
|
}
|
|
44
43
|
function LinearGradient(param) {
|
|
@@ -69,7 +68,7 @@ function LinearGradient(param) {
|
|
|
69
68
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
|
|
70
69
|
...props,
|
|
71
70
|
backgroundImage: linearGradientBackgroundImage,
|
|
72
|
-
onLayout: function(event) {
|
|
71
|
+
onLayout: function onLayout(event) {
|
|
73
72
|
var { width: width2, height: height2 } = event.nativeEvent.layout;
|
|
74
73
|
setLayout(function(oldLayout) {
|
|
75
74
|
if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
|
|
@@ -93,7 +92,7 @@ function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoin
|
|
|
93
92
|
return `linear-gradient(${angle}deg, ${gradientColors.join(", ")})`;
|
|
94
93
|
}
|
|
95
94
|
function calculatePseudoAngle(width, height, startPoint, endPoint) {
|
|
96
|
-
var getControlPoints = function() {
|
|
95
|
+
var getControlPoints = function getControlPoints2() {
|
|
97
96
|
var correctedStartPoint = [0, 0];
|
|
98
97
|
if (Array.isArray(startPoint)) {
|
|
99
98
|
correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["cjs/linear-gradient.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar linear_gradient_exports = {};\n__export(linear_gradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(linear_gradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar React = __toESM(require(\"react\"), 1);\nvar GradientView = import_core.View;\nfunction needsDimensionAwareAngle(start, end) {\n if (!start && !end) return false;\n var
|
|
1
|
+
{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["cjs/linear-gradient.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar linear_gradient_exports = {};\n__export(linear_gradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(linear_gradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar React = __toESM(require(\"react\"), 1);\nvar GradientView = import_core.View;\nfunction needsDimensionAwareAngle(start, end) {\n var _ref, _ref1;\n if (!start && !end) return false;\n var startX = (_ref = start === null || start === void 0 ? void 0 : start[0]) !== null && _ref !== void 0 ? _ref : 0.5;\n var endX = (_ref1 = end === null || end === void 0 ? void 0 : end[0]) !== null && _ref1 !== void 0 ? _ref1 : 0.5;\n return startX !== endX;\n}\nfunction LinearGradient(param) {\n var { colors, locations, start, end, ...props } = param;\n var normalizedStart = start ? Array.isArray(start) ? start : [\n start.x,\n start.y\n ] : void 0;\n var normalizedEnd = end ? Array.isArray(end) ? end : [\n end.x,\n end.y\n ] : void 0;\n var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);\n var [{ height, width }, setLayout] = React.useState({\n height: 1,\n width: 1\n });\n var linearGradientBackgroundImage = React.useMemo(function() {\n return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);\n }, [\n colors,\n locations,\n normalizedStart,\n normalizedEnd,\n width,\n height\n ]);\n if (!needsLayout) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {\n ...props,\n backgroundImage: linearGradientBackgroundImage\n });\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {\n ...props,\n backgroundImage: linearGradientBackgroundImage,\n onLayout: function onLayout(event) {\n var { width: width2, height: height2 } = event.nativeEvent.layout;\n setLayout(function(oldLayout) {\n if (width2 !== oldLayout.width || height2 !== oldLayout.height) {\n return {\n height: height2,\n width: width2\n };\n }\n return oldLayout;\n });\n if (props.onLayout) {\n props.onLayout(event);\n }\n }\n });\n}\nfunction getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {\n var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;\n var gradientColors = calculateGradientColors(colors, locations);\n var angle = calculatePseudoAngle(width, height, startPoint, endPoint);\n return `linear-gradient(${angle}deg, ${gradientColors.join(\", \")})`;\n}\nfunction calculatePseudoAngle(width, height, startPoint, endPoint) {\n var getControlPoints = function getControlPoints2() {\n var correctedStartPoint = [\n 0,\n 0\n ];\n if (Array.isArray(startPoint)) {\n correctedStartPoint = [\n startPoint[0] != null ? startPoint[0] : 0,\n startPoint[1] != null ? startPoint[1] : 0\n ];\n }\n var correctedEndPoint = [\n 0,\n 1\n ];\n if (Array.isArray(endPoint)) {\n correctedEndPoint = [\n endPoint[0] != null ? endPoint[0] : 0,\n endPoint[1] != null ? endPoint[1] : 1\n ];\n }\n return [\n correctedStartPoint,\n correctedEndPoint\n ];\n };\n var [start, end] = getControlPoints();\n start[0] *= width;\n end[0] *= width;\n start[1] *= height;\n end[1] *= height;\n var py = end[1] - start[1];\n var px = end[0] - start[0];\n return 90 + Math.atan2(py, px) * 180 / Math.PI;\n}\nfunction calculateGradientColors(colors, locations) {\n return colors.map(function(color, index) {\n var output = (0, import_core.normalizeColor)(color);\n if (locations && locations[index] !== void 0) {\n var location = Math.max(0, Math.min(1, locations[index]));\n var percentage = location * 100;\n return `${output} ${percentage}%`;\n }\n return output;\n });\n}\n//# sourceMappingURL=linear-gradient.js.map\n"],"mappings":"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"}
|
|
@@ -13,9 +13,9 @@ var LinearGradient = createStyledHOC(LinearGradientFrame, function(propsIn, ref)
|
|
|
13
13
|
var theme = useTheme();
|
|
14
14
|
var colorTokens = getTokens().color;
|
|
15
15
|
var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {
|
|
16
|
+
var _ref, _ref1;
|
|
16
17
|
var _theme_c;
|
|
17
|
-
|
|
18
|
-
return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : getVariableValue(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
18
|
+
return (_ref = (_ref1 = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _ref1 !== void 0 ? _ref1 : getVariableValue(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
19
19
|
})) || [];
|
|
20
20
|
if (process.env.NODE_ENV !== "production") {
|
|
21
21
|
if (colors.some(function(c) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradient.native.js","names":["GradientBackground"],"sources":["esm/LinearGradient.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createStyledHOC, getTokens, getVariableValue, normalizeColor, styled, useTheme } from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as GradientBackground } from \"./linear-gradient\";\nvar LinearGradientFrame = styled(YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = createStyledHOC(LinearGradientFrame, function(propsIn, ref) {\n var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n var theme = useTheme();\n var colorTokens = getTokens().color;\n var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n var
|
|
1
|
+
{"version":3,"file":"LinearGradient.native.js","names":["GradientBackground"],"sources":["esm/LinearGradient.native.js"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { createStyledHOC, getTokens, getVariableValue, normalizeColor, styled, useTheme } from \"@tamagui/core\";\nimport { YStack } from \"@tamagui/stacks\";\nimport { LinearGradient as GradientBackground } from \"./linear-gradient\";\nvar LinearGradientFrame = styled(YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = createStyledHOC(LinearGradientFrame, function(propsIn, ref) {\n var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n var theme = useTheme();\n var colorTokens = getTokens().color;\n var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n var _ref, _ref1;\n var _theme_c;\n return (_ref = (_ref1 = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get(\"web\")) !== null && _ref1 !== void 0 ? _ref1 : getVariableValue(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;\n })) || [];\n if (process.env.NODE_ENV !== \"production\") {\n if (colors.some(function(c) {\n var normalized = normalizeColor(c);\n if (!normalized) {\n return true;\n }\n })) {\n console.error(`LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`);\n colors = [\n \"#000\",\n \"#fff\"\n ];\n }\n }\n return /* @__PURE__ */ _jsxs(LinearGradientFrame, {\n ref,\n ...stackProps,\n children: [\n /* @__PURE__ */ _jsx(GradientBackground, {\n start,\n end,\n colors,\n locations,\n style: gradientStyle\n }),\n children\n ]\n });\n});\nvar gradientStyle = {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0\n};\nexport {\n LinearGradient\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;;;;AAIA,IAAI,sBAAsB,OAAO,QAAQ;CACvC,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,IAAI,iBAAiB,gBAAgB,qBAAqB,SAAS,SAAS,KAAK;CAC/E,IAAI,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC7E,IAAI,QAAQ,SAAS;CACrB,IAAI,cAAc,UAAU,CAAC,CAAC;CAC9B,IAAI,UAAU,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,IAAI,SAAS,GAAG;EAC/F,IAAI,MAAM;EACV,IAAI;EACJ,QAAQ,QAAQ,SAAS,WAAW,MAAM,QAAQ,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,OAAO,QAAQ,UAAU,KAAK,IAAI,QAAQ,iBAAiB,YAAY,EAAE,OAAO,QAAQ,SAAS,KAAK,IAAI,OAAO;CAC9N,CAAC,MAAM,CAAC;CACR,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,IAAI,aAAa,eAAe,CAAC;GACjC,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MAAM,gEAAgE,OAAO,8CAA8C;GACnI,SAAS,CACP,QACA,MACF;EACF;CACF;CACA,OAAuB,qBAAM,qBAAqB;EAChD;EACA,GAAG;EACH,UAAU,CACQ,oBAAKA,kBAAoB;GACvC;GACA;GACA;GACA;GACA,OAAO;EACT,CAAC,GACD,QACF;CACF,CAAC;AACH,CAAC;AACD,IAAI,gBAAgB;CAClB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
|
|
@@ -4,11 +4,10 @@ import * as React from "react";
|
|
|
4
4
|
|
|
5
5
|
var GradientView = View;
|
|
6
6
|
function needsDimensionAwareAngle(start, end) {
|
|
7
|
+
var _ref, _ref1;
|
|
7
8
|
if (!start && !end) return false;
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var _end_;
|
|
11
|
-
var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : .5;
|
|
9
|
+
var startX = (_ref = start === null || start === void 0 ? void 0 : start[0]) !== null && _ref !== void 0 ? _ref : .5;
|
|
10
|
+
var endX = (_ref1 = end === null || end === void 0 ? void 0 : end[0]) !== null && _ref1 !== void 0 ? _ref1 : .5;
|
|
12
11
|
return startX !== endX;
|
|
13
12
|
}
|
|
14
13
|
function LinearGradient(param) {
|
|
@@ -39,7 +38,7 @@ function LinearGradient(param) {
|
|
|
39
38
|
return /* @__PURE__ */ jsx(GradientView, {
|
|
40
39
|
...props,
|
|
41
40
|
backgroundImage: linearGradientBackgroundImage,
|
|
42
|
-
onLayout: function(event) {
|
|
41
|
+
onLayout: function onLayout(event) {
|
|
43
42
|
var { width: width2, height: height2 } = event.nativeEvent.layout;
|
|
44
43
|
setLayout(function(oldLayout) {
|
|
45
44
|
if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
|
|
@@ -63,7 +62,7 @@ function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoin
|
|
|
63
62
|
return `linear-gradient(${angle}deg, ${gradientColors.join(", ")})`;
|
|
64
63
|
}
|
|
65
64
|
function calculatePseudoAngle(width, height, startPoint, endPoint) {
|
|
66
|
-
var getControlPoints = function() {
|
|
65
|
+
var getControlPoints = function getControlPoints2() {
|
|
67
66
|
var correctedStartPoint = [0, 0];
|
|
68
67
|
if (Array.isArray(startPoint)) {
|
|
69
68
|
correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["esm/linear-gradient.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { View, normalizeColor } from \"@tamagui/core\";\nimport * as React from \"react\";\nvar GradientView = View;\nfunction needsDimensionAwareAngle(start, end) {\n if (!start && !end) return false;\n var
|
|
1
|
+
{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["esm/linear-gradient.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { View, normalizeColor } from \"@tamagui/core\";\nimport * as React from \"react\";\nvar GradientView = View;\nfunction needsDimensionAwareAngle(start, end) {\n var _ref, _ref1;\n if (!start && !end) return false;\n var startX = (_ref = start === null || start === void 0 ? void 0 : start[0]) !== null && _ref !== void 0 ? _ref : 0.5;\n var endX = (_ref1 = end === null || end === void 0 ? void 0 : end[0]) !== null && _ref1 !== void 0 ? _ref1 : 0.5;\n return startX !== endX;\n}\nfunction LinearGradient(param) {\n var { colors, locations, start, end, ...props } = param;\n var normalizedStart = start ? Array.isArray(start) ? start : [\n start.x,\n start.y\n ] : void 0;\n var normalizedEnd = end ? Array.isArray(end) ? end : [\n end.x,\n end.y\n ] : void 0;\n var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);\n var [{ height, width }, setLayout] = React.useState({\n height: 1,\n width: 1\n });\n var linearGradientBackgroundImage = React.useMemo(function() {\n return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);\n }, [\n colors,\n locations,\n normalizedStart,\n normalizedEnd,\n width,\n height\n ]);\n if (!needsLayout) {\n return /* @__PURE__ */ _jsx(GradientView, {\n ...props,\n backgroundImage: linearGradientBackgroundImage\n });\n }\n return /* @__PURE__ */ _jsx(GradientView, {\n ...props,\n backgroundImage: linearGradientBackgroundImage,\n onLayout: function onLayout(event) {\n var { width: width2, height: height2 } = event.nativeEvent.layout;\n setLayout(function(oldLayout) {\n if (width2 !== oldLayout.width || height2 !== oldLayout.height) {\n return {\n height: height2,\n width: width2\n };\n }\n return oldLayout;\n });\n if (props.onLayout) {\n props.onLayout(event);\n }\n }\n });\n}\nfunction getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {\n var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;\n var gradientColors = calculateGradientColors(colors, locations);\n var angle = calculatePseudoAngle(width, height, startPoint, endPoint);\n return `linear-gradient(${angle}deg, ${gradientColors.join(\", \")})`;\n}\nfunction calculatePseudoAngle(width, height, startPoint, endPoint) {\n var getControlPoints = function getControlPoints2() {\n var correctedStartPoint = [\n 0,\n 0\n ];\n if (Array.isArray(startPoint)) {\n correctedStartPoint = [\n startPoint[0] != null ? startPoint[0] : 0,\n startPoint[1] != null ? startPoint[1] : 0\n ];\n }\n var correctedEndPoint = [\n 0,\n 1\n ];\n if (Array.isArray(endPoint)) {\n correctedEndPoint = [\n endPoint[0] != null ? endPoint[0] : 0,\n endPoint[1] != null ? endPoint[1] : 1\n ];\n }\n return [\n correctedStartPoint,\n correctedEndPoint\n ];\n };\n var [start, end] = getControlPoints();\n start[0] *= width;\n end[0] *= width;\n start[1] *= height;\n end[1] *= height;\n var py = end[1] - start[1];\n var px = end[0] - start[0];\n return 90 + Math.atan2(py, px) * 180 / Math.PI;\n}\nfunction calculateGradientColors(colors, locations) {\n return colors.map(function(color, index) {\n var output = normalizeColor(color);\n if (locations && locations[index] !== void 0) {\n var location = Math.max(0, Math.min(1, locations[index]));\n var percentage = location * 100;\n return `${output} ${percentage}%`;\n }\n return output;\n });\n}\nexport {\n LinearGradient\n};\n//# sourceMappingURL=linear-gradient.js.map\n"],"mappings":"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"}
|
|
@@ -37,9 +37,9 @@ var LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, funct
|
|
|
37
37
|
var theme = (0, import_core.useTheme)();
|
|
38
38
|
var colorTokens = (0, import_core.getTokens)().color;
|
|
39
39
|
var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {
|
|
40
|
+
var _ref, _ref1;
|
|
40
41
|
var _theme_c;
|
|
41
|
-
|
|
42
|
-
return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
42
|
+
return (_ref = (_ref1 = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _ref1 !== void 0 ? _ref1 : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
43
43
|
})) || [];
|
|
44
44
|
if (process.env.NODE_ENV !== "production") {
|
|
45
45
|
if (colors.some(function(c) {
|
|
@@ -37,9 +37,9 @@ var LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, funct
|
|
|
37
37
|
var theme = (0, import_core.useTheme)();
|
|
38
38
|
var colorTokens = (0, import_core.getTokens)().color;
|
|
39
39
|
var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {
|
|
40
|
+
var _ref, _ref1;
|
|
40
41
|
var _theme_c;
|
|
41
|
-
|
|
42
|
-
return (_ref = (_theme_c_get = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _theme_c_get !== void 0 ? _theme_c_get : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
42
|
+
return (_ref = (_ref1 = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get("web")) !== null && _ref1 !== void 0 ? _ref1 : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;
|
|
43
43
|
})) || [];
|
|
44
44
|
if (process.env.NODE_ENV !== "production") {
|
|
45
45
|
if (colors.some(function(c) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LinearGradient.native.js","names":[],"sources":["jsx/LinearGradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar LinearGradient_exports = {};\n__export(LinearGradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(LinearGradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_linear_gradient = require(\"./linear-gradient\");\nvar LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {\n var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n var theme = (0, import_core.useTheme)();\n var colorTokens = (0, import_core.getTokens)().color;\n var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n var
|
|
1
|
+
{"version":3,"file":"LinearGradient.native.js","names":[],"sources":["jsx/LinearGradient.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar LinearGradient_exports = {};\n__export(LinearGradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(LinearGradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar import_stacks = require(\"@tamagui/stacks\");\nvar import_linear_gradient = require(\"./linear-gradient\");\nvar LinearGradientFrame = (0, import_core.styled)(import_stacks.YStack, {\n displayName: \"LinearGradient\",\n overflow: \"hidden\",\n position: \"relative\"\n});\nvar LinearGradient = (0, import_core.createStyledHOC)(LinearGradientFrame, function(propsIn, ref) {\n var { start, end, colors: colorsProp, locations, children, ...stackProps } = propsIn;\n var theme = (0, import_core.useTheme)();\n var colorTokens = (0, import_core.getTokens)().color;\n var colors = (colorsProp === null || colorsProp === void 0 ? void 0 : colorsProp.map(function(c) {\n var _ref, _ref1;\n var _theme_c;\n return (_ref = (_ref1 = (_theme_c = theme[c]) === null || _theme_c === void 0 ? void 0 : _theme_c.get(\"web\")) !== null && _ref1 !== void 0 ? _ref1 : (0, import_core.getVariableValue)(colorTokens[c])) !== null && _ref !== void 0 ? _ref : c;\n })) || [];\n if (process.env.NODE_ENV !== \"production\") {\n if (colors.some(function(c) {\n var normalized = (0, import_core.normalizeColor)(c);\n if (!normalized) {\n return true;\n }\n })) {\n console.error(`LinearGradient: \"colors\" prop contains invalid color tokens: ${colors} fallback to default colors: [\"#000\", \"#fff\"]`);\n colors = [\n \"#000\",\n \"#fff\"\n ];\n }\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LinearGradientFrame, {\n ref,\n ...stackProps,\n children: [\n /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_linear_gradient.LinearGradient, {\n start,\n end,\n colors,\n locations,\n style: gradientStyle\n }),\n children\n ]\n });\n});\nvar gradientStyle = {\n position: \"absolute\",\n top: 0,\n left: 0,\n right: 0,\n bottom: 0,\n zIndex: 0\n};\n//# sourceMappingURL=LinearGradient.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,yBAAyB,CAAC;AAC9B,SAAS,wBAAwB,EAC/B,sBAAsB,eACxB,CAAC;AACD,OAAO,UAAU,aAAa,sBAAsB;AACpD,IAAI,qBAAqB,QAAQ,mBAAmB;AACpD,IAAI,cAAc,QAAQ,eAAe;AACzC,IAAI,gBAAgB,QAAQ,iBAAiB;AAC7C,IAAI,yBAAyB,QAAQ,6BAAmB;AACxD,IAAI,uBAAuB,GAAG,YAAY,OAAM,CAAE,cAAc,QAAQ;CACtE,aAAa;CACb,UAAU;CACV,UAAU;AACZ,CAAC;AACD,IAAI,kBAAkB,GAAG,YAAY,gBAAe,CAAE,qBAAqB,SAAS,SAAS,KAAK;CAChG,IAAI,EAAE,OAAO,KAAK,QAAQ,YAAY,WAAW,UAAU,GAAG,eAAe;CAC7E,IAAI,SAAS,GAAG,YAAY,SAAQ,CAAE;CACtC,IAAI,eAAe,GAAG,YAAY,UAAS,CAAE,CAAC,CAAC;CAC/C,IAAI,UAAU,eAAe,QAAQ,eAAe,KAAK,IAAI,KAAK,IAAI,WAAW,IAAI,SAAS,GAAG;EAC/F,IAAI,MAAM;EACV,IAAI;EACJ,QAAQ,QAAQ,SAAS,WAAW,MAAM,QAAQ,QAAQ,aAAa,KAAK,IAAI,KAAK,IAAI,SAAS,IAAI,KAAK,OAAO,QAAQ,UAAU,KAAK,IAAI,SAAS,GAAG,YAAY,iBAAgB,CAAE,YAAY,EAAE,OAAO,QAAQ,SAAS,KAAK,IAAI,OAAO;CAC/O,CAAC,MAAM,CAAC;CACR,IAAI,QAAQ,IAAI,aAAa,cAAc;EACzC,IAAI,OAAO,KAAK,SAAS,GAAG;GAC1B,IAAI,cAAc,GAAG,YAAY,eAAc,CAAE,CAAC;GAClD,IAAI,CAAC,YAAY;IACf,OAAO;GACT;EACF,CAAC,GAAG;GACF,QAAQ,MAAM,gEAAgE,OAAO,8CAA8C;GACnI,SAAS,CACP,QACA,MACF;EACF;CACF;CACA,OAAuB,iBAAC,GAAG,mBAAmB,KAAI,CAAE,qBAAqB;EACvE;EACA,GAAG;EACH,UAAU,CACQ,iBAAC,GAAG,mBAAmB,IAAG,CAAE,uBAAuB,gBAAgB;GACjF;GACA;GACA;GACA;GACA,OAAO;EACT,CAAC,GACD,QACF;CACF,CAAC;AACH,CAAC;AACD,IAAI,gBAAgB;CAClB,UAAU;CACV,KAAK;CACL,MAAM;CACN,OAAO;CACP,QAAQ;CACR,QAAQ;AACV"}
|
|
@@ -34,11 +34,10 @@ var import_core = require("@tamagui/core");
|
|
|
34
34
|
var React = __toESM(require("react"), 1);
|
|
35
35
|
var GradientView = import_core.View;
|
|
36
36
|
function needsDimensionAwareAngle(start, end) {
|
|
37
|
+
var _ref, _ref1;
|
|
37
38
|
if (!start && !end) return false;
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var _end_;
|
|
41
|
-
var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : .5;
|
|
39
|
+
var startX = (_ref = start === null || start === void 0 ? void 0 : start[0]) !== null && _ref !== void 0 ? _ref : .5;
|
|
40
|
+
var endX = (_ref1 = end === null || end === void 0 ? void 0 : end[0]) !== null && _ref1 !== void 0 ? _ref1 : .5;
|
|
42
41
|
return startX !== endX;
|
|
43
42
|
}
|
|
44
43
|
function LinearGradient(param) {
|
|
@@ -69,7 +68,7 @@ function LinearGradient(param) {
|
|
|
69
68
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
|
|
70
69
|
...props,
|
|
71
70
|
backgroundImage: linearGradientBackgroundImage,
|
|
72
|
-
onLayout: function(event) {
|
|
71
|
+
onLayout: function onLayout(event) {
|
|
73
72
|
var { width: width2, height: height2 } = event.nativeEvent.layout;
|
|
74
73
|
setLayout(function(oldLayout) {
|
|
75
74
|
if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
|
|
@@ -93,7 +92,7 @@ function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoin
|
|
|
93
92
|
return `linear-gradient(${angle}deg, ${gradientColors.join(", ")})`;
|
|
94
93
|
}
|
|
95
94
|
function calculatePseudoAngle(width, height, startPoint, endPoint) {
|
|
96
|
-
var getControlPoints = function() {
|
|
95
|
+
var getControlPoints = function getControlPoints2() {
|
|
97
96
|
var correctedStartPoint = [0, 0];
|
|
98
97
|
if (Array.isArray(startPoint)) {
|
|
99
98
|
correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0];
|
|
@@ -34,11 +34,10 @@ var import_core = require("@tamagui/core");
|
|
|
34
34
|
var React = __toESM(require("react"), 1);
|
|
35
35
|
var GradientView = import_core.View;
|
|
36
36
|
function needsDimensionAwareAngle(start, end) {
|
|
37
|
+
var _ref, _ref1;
|
|
37
38
|
if (!start && !end) return false;
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var _end_;
|
|
41
|
-
var endX = (_end_ = end === null || end === void 0 ? void 0 : end[0]) !== null && _end_ !== void 0 ? _end_ : .5;
|
|
39
|
+
var startX = (_ref = start === null || start === void 0 ? void 0 : start[0]) !== null && _ref !== void 0 ? _ref : .5;
|
|
40
|
+
var endX = (_ref1 = end === null || end === void 0 ? void 0 : end[0]) !== null && _ref1 !== void 0 ? _ref1 : .5;
|
|
42
41
|
return startX !== endX;
|
|
43
42
|
}
|
|
44
43
|
function LinearGradient(param) {
|
|
@@ -69,7 +68,7 @@ function LinearGradient(param) {
|
|
|
69
68
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {
|
|
70
69
|
...props,
|
|
71
70
|
backgroundImage: linearGradientBackgroundImage,
|
|
72
|
-
onLayout: function(event) {
|
|
71
|
+
onLayout: function onLayout(event) {
|
|
73
72
|
var { width: width2, height: height2 } = event.nativeEvent.layout;
|
|
74
73
|
setLayout(function(oldLayout) {
|
|
75
74
|
if (width2 !== oldLayout.width || height2 !== oldLayout.height) {
|
|
@@ -93,7 +92,7 @@ function getLinearGradientBackgroundImage(colors, locations, startPoint, endPoin
|
|
|
93
92
|
return `linear-gradient(${angle}deg, ${gradientColors.join(", ")})`;
|
|
94
93
|
}
|
|
95
94
|
function calculatePseudoAngle(width, height, startPoint, endPoint) {
|
|
96
|
-
var getControlPoints = function() {
|
|
95
|
+
var getControlPoints = function getControlPoints2() {
|
|
97
96
|
var correctedStartPoint = [0, 0];
|
|
98
97
|
if (Array.isArray(startPoint)) {
|
|
99
98
|
correctedStartPoint = [startPoint[0] != null ? startPoint[0] : 0, startPoint[1] != null ? startPoint[1] : 0];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["jsx/linear-gradient.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar linear_gradient_exports = {};\n__export(linear_gradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(linear_gradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar React = __toESM(require(\"react\"), 1);\nvar GradientView = import_core.View;\nfunction needsDimensionAwareAngle(start, end) {\n if (!start && !end) return false;\n var
|
|
1
|
+
{"version":3,"file":"linear-gradient.native.js","names":[],"sources":["jsx/linear-gradient.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n // If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar linear_gradient_exports = {};\n__export(linear_gradient_exports, {\n LinearGradient: () => LinearGradient\n});\nmodule.exports = __toCommonJS(linear_gradient_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_core = require(\"@tamagui/core\");\nvar React = __toESM(require(\"react\"), 1);\nvar GradientView = import_core.View;\nfunction needsDimensionAwareAngle(start, end) {\n var _ref, _ref1;\n if (!start && !end) return false;\n var startX = (_ref = start === null || start === void 0 ? void 0 : start[0]) !== null && _ref !== void 0 ? _ref : 0.5;\n var endX = (_ref1 = end === null || end === void 0 ? void 0 : end[0]) !== null && _ref1 !== void 0 ? _ref1 : 0.5;\n return startX !== endX;\n}\nfunction LinearGradient(param) {\n var { colors, locations, start, end, ...props } = param;\n var normalizedStart = start ? Array.isArray(start) ? start : [\n start.x,\n start.y\n ] : void 0;\n var normalizedEnd = end ? Array.isArray(end) ? end : [\n end.x,\n end.y\n ] : void 0;\n var needsLayout = needsDimensionAwareAngle(normalizedStart, normalizedEnd);\n var [{ height, width }, setLayout] = React.useState({\n height: 1,\n width: 1\n });\n var linearGradientBackgroundImage = React.useMemo(function() {\n return getLinearGradientBackgroundImage(colors, locations, normalizedStart, normalizedEnd, width, height);\n }, [\n colors,\n locations,\n normalizedStart,\n normalizedEnd,\n width,\n height\n ]);\n if (!needsLayout) {\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {\n ...props,\n backgroundImage: linearGradientBackgroundImage\n });\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GradientView, {\n ...props,\n backgroundImage: linearGradientBackgroundImage,\n onLayout: function onLayout(event) {\n var { width: width2, height: height2 } = event.nativeEvent.layout;\n setLayout(function(oldLayout) {\n if (width2 !== oldLayout.width || height2 !== oldLayout.height) {\n return {\n height: height2,\n width: width2\n };\n }\n return oldLayout;\n });\n if (props.onLayout) {\n props.onLayout(event);\n }\n }\n });\n}\nfunction getLinearGradientBackgroundImage(colors, locations, startPoint, endPoint) {\n var width = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : 1, height = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 1;\n var gradientColors = calculateGradientColors(colors, locations);\n var angle = calculatePseudoAngle(width, height, startPoint, endPoint);\n return `linear-gradient(${angle}deg, ${gradientColors.join(\", \")})`;\n}\nfunction calculatePseudoAngle(width, height, startPoint, endPoint) {\n var getControlPoints = function getControlPoints2() {\n var correctedStartPoint = [\n 0,\n 0\n ];\n if (Array.isArray(startPoint)) {\n correctedStartPoint = [\n startPoint[0] != null ? startPoint[0] : 0,\n startPoint[1] != null ? startPoint[1] : 0\n ];\n }\n var correctedEndPoint = [\n 0,\n 1\n ];\n if (Array.isArray(endPoint)) {\n correctedEndPoint = [\n endPoint[0] != null ? endPoint[0] : 0,\n endPoint[1] != null ? endPoint[1] : 1\n ];\n }\n return [\n correctedStartPoint,\n correctedEndPoint\n ];\n };\n var [start, end] = getControlPoints();\n start[0] *= width;\n end[0] *= width;\n start[1] *= height;\n end[1] *= height;\n var py = end[1] - start[1];\n var px = end[0] - start[0];\n return 90 + Math.atan2(py, px) * 180 / Math.PI;\n}\nfunction calculateGradientColors(colors, locations) {\n return colors.map(function(color, index) {\n var output = (0, import_core.normalizeColor)(color);\n if (locations && locations[index] !== void 0) {\n var location = Math.max(0, Math.min(1, locations[index]));\n var percentage = location * 100;\n return `${output} ${percentage}%`;\n }\n return output;\n });\n}\n//# sourceMappingURL=linear-gradient.js.map\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/linear-gradient",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.8",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"files": [
|
|
@@ -35,12 +35,12 @@
|
|
|
35
35
|
"clean:build": "tamagui-build clean:build"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@tamagui/core": "3.0.
|
|
39
|
-
"@tamagui/react-native-types": "3.0.
|
|
40
|
-
"@tamagui/stacks": "3.0.
|
|
38
|
+
"@tamagui/core": "3.0.8",
|
|
39
|
+
"@tamagui/react-native-types": "3.0.8",
|
|
40
|
+
"@tamagui/stacks": "3.0.8"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@tamagui/build": "3.0.
|
|
43
|
+
"@tamagui/build": "3.0.8",
|
|
44
44
|
"react": "19.2.3",
|
|
45
45
|
"react-native": "0.87.1"
|
|
46
46
|
},
|
|
@@ -54,5 +54,5 @@
|
|
|
54
54
|
"url": "git+https://github.com/tamagui/tamagui.git",
|
|
55
55
|
"directory": "code/ui/linear-gradient"
|
|
56
56
|
},
|
|
57
|
-
"releaseSourceCommit": "
|
|
57
|
+
"releaseSourceCommit": "b723356193510591d9ad15877b8937e8e6a31910"
|
|
58
58
|
}
|