@tamagui/image 3.0.6 → 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/createImage.native.cjs +3 -5
- package/dist/cjs/createImage.native.js +3 -5
- package/dist/cjs/createImage.native.js.map +1 -1
- package/dist/esm/createImage.native.js +3 -5
- package/dist/esm/createImage.native.js.map +1 -1
- package/dist/jsx/createImage.native.cjs +3 -5
- package/dist/jsx/createImage.native.js +3 -5
- package/dist/jsx/createImage.native.js.map +1 -1
- package/package.json +7 -7
|
@@ -25,7 +25,7 @@ __export(createImage_exports, { createImage: () => createImage });
|
|
|
25
25
|
module.exports = __toCommonJS(createImage_exports);
|
|
26
26
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
27
27
|
var import_web = require("@tamagui/web");
|
|
28
|
-
var defaultObjectFitMap = function(objectFit) {
|
|
28
|
+
var defaultObjectFitMap = function defaultObjectFitMap2(objectFit) {
|
|
29
29
|
switch (objectFit) {
|
|
30
30
|
case "fill": return "stretch";
|
|
31
31
|
case "none": return "center";
|
|
@@ -34,7 +34,7 @@ var defaultObjectFitMap = function(objectFit) {
|
|
|
34
34
|
default: return "cover";
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
var defaultTransformSource = function(props) {
|
|
37
|
+
var defaultTransformSource = function defaultTransformSource2(props) {
|
|
38
38
|
var { src, source } = props;
|
|
39
39
|
if (typeof src === "string") {
|
|
40
40
|
return { uri: src };
|
|
@@ -65,11 +65,10 @@ function createImage(options) {
|
|
|
65
65
|
]);
|
|
66
66
|
var StyledImage = (0, import_web.styled)(Component, { displayName: "Image" }, { inlineProps: inlinePropsSet });
|
|
67
67
|
var ImageComponent = (0, import_web.createStyledHOC)(StyledImage, function(incomingProps, ref) {
|
|
68
|
+
var _getTokenValue, _getTokenValue1, _getTokenValue2;
|
|
68
69
|
var props = incomingProps;
|
|
69
70
|
var { src, source, width, height, borderRadius, objectFit, objectPosition, decoding, elementTiming, fetchpriority, isMap, loading, sizes, useMap, onLoad, onError, ...rest } = props;
|
|
70
|
-
var _getTokenValue;
|
|
71
71
|
var resolvedWidth = typeof width === "string" ? (_getTokenValue = (0, import_web.getTokenValue)(width, "size")) !== null && _getTokenValue !== void 0 ? _getTokenValue : width : width;
|
|
72
|
-
var _getTokenValue1;
|
|
73
72
|
var resolvedHeight = typeof height === "string" ? (_getTokenValue1 = (0, import_web.getTokenValue)(height, "size")) !== null && _getTokenValue1 !== void 0 ? _getTokenValue1 : height : height;
|
|
74
73
|
var finalSource = transformSource({
|
|
75
74
|
src,
|
|
@@ -78,7 +77,6 @@ function createImage(options) {
|
|
|
78
77
|
height: resolvedHeight
|
|
79
78
|
});
|
|
80
79
|
var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
|
|
81
|
-
var _getTokenValue2;
|
|
82
80
|
var resolvedBorderRadius = typeof borderRadius === "string" ? (_getTokenValue2 = (0, import_web.getTokenValue)(borderRadius, "radius")) !== null && _getTokenValue2 !== void 0 ? _getTokenValue2 : borderRadius : borderRadius;
|
|
83
81
|
var finalProps = {
|
|
84
82
|
...rest,
|
|
@@ -25,7 +25,7 @@ __export(createImage_exports, { createImage: () => createImage });
|
|
|
25
25
|
module.exports = __toCommonJS(createImage_exports);
|
|
26
26
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
27
27
|
var import_web = require("@tamagui/web");
|
|
28
|
-
var defaultObjectFitMap = function(objectFit) {
|
|
28
|
+
var defaultObjectFitMap = function defaultObjectFitMap2(objectFit) {
|
|
29
29
|
switch (objectFit) {
|
|
30
30
|
case "fill": return "stretch";
|
|
31
31
|
case "none": return "center";
|
|
@@ -34,7 +34,7 @@ var defaultObjectFitMap = function(objectFit) {
|
|
|
34
34
|
default: return "cover";
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
var defaultTransformSource = function(props) {
|
|
37
|
+
var defaultTransformSource = function defaultTransformSource2(props) {
|
|
38
38
|
var { src, source } = props;
|
|
39
39
|
if (typeof src === "string") {
|
|
40
40
|
return { uri: src };
|
|
@@ -65,11 +65,10 @@ function createImage(options) {
|
|
|
65
65
|
]);
|
|
66
66
|
var StyledImage = (0, import_web.styled)(Component, { displayName: "Image" }, { inlineProps: inlinePropsSet });
|
|
67
67
|
var ImageComponent = (0, import_web.createStyledHOC)(StyledImage, function(incomingProps, ref) {
|
|
68
|
+
var _getTokenValue, _getTokenValue1, _getTokenValue2;
|
|
68
69
|
var props = incomingProps;
|
|
69
70
|
var { src, source, width, height, borderRadius, objectFit, objectPosition, decoding, elementTiming, fetchpriority, isMap, loading, sizes, useMap, onLoad, onError, ...rest } = props;
|
|
70
|
-
var _getTokenValue;
|
|
71
71
|
var resolvedWidth = typeof width === "string" ? (_getTokenValue = (0, import_web.getTokenValue)(width, "size")) !== null && _getTokenValue !== void 0 ? _getTokenValue : width : width;
|
|
72
|
-
var _getTokenValue1;
|
|
73
72
|
var resolvedHeight = typeof height === "string" ? (_getTokenValue1 = (0, import_web.getTokenValue)(height, "size")) !== null && _getTokenValue1 !== void 0 ? _getTokenValue1 : height : height;
|
|
74
73
|
var finalSource = transformSource({
|
|
75
74
|
src,
|
|
@@ -78,7 +77,6 @@ function createImage(options) {
|
|
|
78
77
|
height: resolvedHeight
|
|
79
78
|
});
|
|
80
79
|
var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
|
|
81
|
-
var _getTokenValue2;
|
|
82
80
|
var resolvedBorderRadius = typeof borderRadius === "string" ? (_getTokenValue2 = (0, import_web.getTokenValue)(borderRadius, "radius")) !== null && _getTokenValue2 !== void 0 ? _getTokenValue2 : borderRadius : borderRadius;
|
|
83
81
|
var finalProps = {
|
|
84
82
|
...rest,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createImage.native.js","names":[],"sources":["cjs/createImage.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 createImage_exports = {};\n__export(createImage_exports, {\n createImage: () => createImage\n});\nmodule.exports = __toCommonJS(createImage_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_web = require(\"@tamagui/web\");\nvar defaultObjectFitMap = function(objectFit) {\n switch (objectFit) {\n case \"fill\":\n return \"stretch\";\n case \"none\":\n return \"center\";\n case \"scale-down\":\n return \"contain\";\n case \"contain\":\n return \"contain\";\n default:\n return \"cover\";\n }\n};\nvar defaultTransformSource = function(props) {\n var { src, source } = props;\n if (typeof src === \"string\") {\n return {\n uri: src\n };\n }\n if (source !== void 0 && source !== null) return source;\n if (src !== void 0 && src !== null) return src;\n return {\n uri: src\n };\n};\nfunction createImage(options) {\n var { Component, mapObjectFitToResizeMode = defaultObjectFitMap, resizeModePropName = \"resizeMode\", objectPositionPropName, transformSource = defaultTransformSource } = options;\n var inlinePropsSet = /* @__PURE__ */ new Set([\n \"source\",\n \"placeholder\",\n \"transition\",\n \"contentFit\",\n \"contentPosition\",\n \"cachePolicy\",\n \"recyclingKey\",\n \"allowDownscaling\",\n \"autoplay\",\n \"blurRadius\",\n \"priority\",\n \"placeholderContentFit\",\n \"responsivePolicy\",\n \"onLoadStart\",\n \"onProgress\",\n \"onLoadEnd\"\n ]);\n var StyledImage = (0, import_web.styled)(Component, {\n displayName: \"Image\"\n }, {\n inlineProps: inlinePropsSet\n });\n var ImageComponent = (0, import_web.createStyledHOC)(StyledImage, function(incomingProps, ref) {\n var props = incomingProps;\n var {\n src,\n source,\n width,\n height,\n borderRadius,\n objectFit,\n objectPosition,\n // web only props - filter out on native\n decoding,\n elementTiming,\n fetchpriority,\n isMap,\n loading,\n sizes,\n useMap,\n onLoad,\n onError,\n ...rest\n } = props;\n var
|
|
1
|
+
{"version":3,"file":"createImage.native.js","names":[],"sources":["cjs/createImage.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 createImage_exports = {};\n__export(createImage_exports, {\n createImage: () => createImage\n});\nmodule.exports = __toCommonJS(createImage_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_web = require(\"@tamagui/web\");\nvar defaultObjectFitMap = function defaultObjectFitMap2(objectFit) {\n switch (objectFit) {\n case \"fill\":\n return \"stretch\";\n case \"none\":\n return \"center\";\n case \"scale-down\":\n return \"contain\";\n case \"contain\":\n return \"contain\";\n default:\n return \"cover\";\n }\n};\nvar defaultTransformSource = function defaultTransformSource2(props) {\n var { src, source } = props;\n if (typeof src === \"string\") {\n return {\n uri: src\n };\n }\n if (source !== void 0 && source !== null) return source;\n if (src !== void 0 && src !== null) return src;\n return {\n uri: src\n };\n};\nfunction createImage(options) {\n var { Component, mapObjectFitToResizeMode = defaultObjectFitMap, resizeModePropName = \"resizeMode\", objectPositionPropName, transformSource = defaultTransformSource } = options;\n var inlinePropsSet = /* @__PURE__ */ new Set([\n \"source\",\n \"placeholder\",\n \"transition\",\n \"contentFit\",\n \"contentPosition\",\n \"cachePolicy\",\n \"recyclingKey\",\n \"allowDownscaling\",\n \"autoplay\",\n \"blurRadius\",\n \"priority\",\n \"placeholderContentFit\",\n \"responsivePolicy\",\n \"onLoadStart\",\n \"onProgress\",\n \"onLoadEnd\"\n ]);\n var StyledImage = (0, import_web.styled)(Component, {\n displayName: \"Image\"\n }, {\n inlineProps: inlinePropsSet\n });\n var ImageComponent = (0, import_web.createStyledHOC)(StyledImage, function(incomingProps, ref) {\n var _getTokenValue, _getTokenValue1, _getTokenValue2;\n var props = incomingProps;\n var {\n src,\n source,\n width,\n height,\n borderRadius,\n objectFit,\n objectPosition,\n // web only props - filter out on native\n decoding,\n elementTiming,\n fetchpriority,\n isMap,\n loading,\n sizes,\n useMap,\n onLoad,\n onError,\n ...rest\n } = props;\n var resolvedWidth = typeof width === \"string\" ? (_getTokenValue = (0, import_web.getTokenValue)(width, \"size\")) !== null && _getTokenValue !== void 0 ? _getTokenValue : width : width;\n var resolvedHeight = typeof height === \"string\" ? (_getTokenValue1 = (0, import_web.getTokenValue)(height, \"size\")) !== null && _getTokenValue1 !== void 0 ? _getTokenValue1 : height : height;\n var finalSource = transformSource({\n src,\n source,\n width: resolvedWidth,\n height: resolvedHeight\n });\n var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;\n var resolvedBorderRadius = typeof borderRadius === \"string\" ? (_getTokenValue2 = (0, import_web.getTokenValue)(borderRadius, \"radius\")) !== null && _getTokenValue2 !== void 0 ? _getTokenValue2 : borderRadius : borderRadius;\n var finalProps = {\n ...rest,\n source: finalSource,\n style: {\n ...incomingStyle,\n ...resolvedBorderRadius !== void 0 && {\n borderRadius: resolvedBorderRadius\n },\n ...resolvedWidth !== void 0 && {\n width: resolvedWidth\n },\n ...resolvedHeight !== void 0 && {\n height: resolvedHeight\n },\n // RN 0.76+ reads objectFit from style natively on Image; harmless on older.\n // Also forwarded to the resize-mode prop below for back-compat / non-RN components.\n ...objectFit !== void 0 && {\n objectFit\n },\n // RN doesn't currently read objectPosition from style; expo-image uses\n // contentPosition (handled via objectPositionPropName below). Forwarding\n // through style is a no-op there but matches CSS shape and is forward-compatible.\n ...objectPosition !== void 0 && {\n objectPosition\n }\n }\n };\n if (objectFit) {\n finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit);\n }\n if (objectPositionPropName && objectPosition) {\n finalProps[objectPositionPropName] = objectPosition;\n }\n if (onLoad) {\n finalProps.onLoad = function(e) {\n var _e_nativeEvent;\n var source2 = (e === null || e === void 0 ? void 0 : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || (e === null || e === void 0 ? void 0 : e.source) || {};\n onLoad({\n target: {\n naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,\n naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width\n },\n type: \"load\"\n });\n };\n }\n if (onError) {\n finalProps.onError = function() {\n onError({\n type: \"error\"\n });\n };\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledImage, {\n ref,\n ...finalProps\n });\n });\n var comp = Component;\n ImageComponent.getSize = comp.getSize || function() {\n };\n ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function() {\n };\n ImageComponent.prefetch = comp.prefetch || function() {\n };\n ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function() {\n };\n ImageComponent.abortPrefetch = comp.abortPrefetch || function() {\n };\n ImageComponent.queryCache = comp.queryCache || function() {\n };\n return ImageComponent;\n}\n//# sourceMappingURL=createImage.js.map\n"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import { createStyledHOC, getTokenValue, styled } from "@tamagui/web";
|
|
3
3
|
|
|
4
|
-
var defaultObjectFitMap = function(objectFit) {
|
|
4
|
+
var defaultObjectFitMap = function defaultObjectFitMap2(objectFit) {
|
|
5
5
|
switch (objectFit) {
|
|
6
6
|
case "fill": return "stretch";
|
|
7
7
|
case "none": return "center";
|
|
@@ -10,7 +10,7 @@ var defaultObjectFitMap = function(objectFit) {
|
|
|
10
10
|
default: return "cover";
|
|
11
11
|
}
|
|
12
12
|
};
|
|
13
|
-
var defaultTransformSource = function(props) {
|
|
13
|
+
var defaultTransformSource = function defaultTransformSource2(props) {
|
|
14
14
|
var { src, source } = props;
|
|
15
15
|
if (typeof src === "string") {
|
|
16
16
|
return { uri: src };
|
|
@@ -41,11 +41,10 @@ function createImage(options) {
|
|
|
41
41
|
]);
|
|
42
42
|
var StyledImage = styled(Component, { displayName: "Image" }, { inlineProps: inlinePropsSet });
|
|
43
43
|
var ImageComponent = createStyledHOC(StyledImage, function(incomingProps, ref) {
|
|
44
|
+
var _getTokenValue, _getTokenValue1, _getTokenValue2;
|
|
44
45
|
var props = incomingProps;
|
|
45
46
|
var { src, source, width, height, borderRadius, objectFit, objectPosition, decoding, elementTiming, fetchpriority, isMap, loading, sizes, useMap, onLoad, onError, ...rest } = props;
|
|
46
|
-
var _getTokenValue;
|
|
47
47
|
var resolvedWidth = typeof width === "string" ? (_getTokenValue = getTokenValue(width, "size")) !== null && _getTokenValue !== void 0 ? _getTokenValue : width : width;
|
|
48
|
-
var _getTokenValue1;
|
|
49
48
|
var resolvedHeight = typeof height === "string" ? (_getTokenValue1 = getTokenValue(height, "size")) !== null && _getTokenValue1 !== void 0 ? _getTokenValue1 : height : height;
|
|
50
49
|
var finalSource = transformSource({
|
|
51
50
|
src,
|
|
@@ -54,7 +53,6 @@ function createImage(options) {
|
|
|
54
53
|
height: resolvedHeight
|
|
55
54
|
});
|
|
56
55
|
var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
|
|
57
|
-
var _getTokenValue2;
|
|
58
56
|
var resolvedBorderRadius = typeof borderRadius === "string" ? (_getTokenValue2 = getTokenValue(borderRadius, "radius")) !== null && _getTokenValue2 !== void 0 ? _getTokenValue2 : borderRadius : borderRadius;
|
|
59
57
|
var finalProps = {
|
|
60
58
|
...rest,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createImage.native.js","names":[],"sources":["esm/createImage.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledHOC, getTokenValue, styled } from \"@tamagui/web\";\nvar defaultObjectFitMap = function(objectFit) {\n switch (objectFit) {\n case \"fill\":\n return \"stretch\";\n case \"none\":\n return \"center\";\n case \"scale-down\":\n return \"contain\";\n case \"contain\":\n return \"contain\";\n default:\n return \"cover\";\n }\n};\nvar defaultTransformSource = function(props) {\n var { src, source } = props;\n if (typeof src === \"string\") {\n return {\n uri: src\n };\n }\n if (source !== void 0 && source !== null) return source;\n if (src !== void 0 && src !== null) return src;\n return {\n uri: src\n };\n};\nfunction createImage(options) {\n var { Component, mapObjectFitToResizeMode = defaultObjectFitMap, resizeModePropName = \"resizeMode\", objectPositionPropName, transformSource = defaultTransformSource } = options;\n var inlinePropsSet = /* @__PURE__ */ new Set([\n \"source\",\n \"placeholder\",\n \"transition\",\n \"contentFit\",\n \"contentPosition\",\n \"cachePolicy\",\n \"recyclingKey\",\n \"allowDownscaling\",\n \"autoplay\",\n \"blurRadius\",\n \"priority\",\n \"placeholderContentFit\",\n \"responsivePolicy\",\n \"onLoadStart\",\n \"onProgress\",\n \"onLoadEnd\"\n ]);\n var StyledImage = styled(Component, {\n displayName: \"Image\"\n }, {\n inlineProps: inlinePropsSet\n });\n var ImageComponent = createStyledHOC(StyledImage, function(incomingProps, ref) {\n var props = incomingProps;\n var {\n src,\n source,\n width,\n height,\n borderRadius,\n objectFit,\n objectPosition,\n // web only props - filter out on native\n decoding,\n elementTiming,\n fetchpriority,\n isMap,\n loading,\n sizes,\n useMap,\n onLoad,\n onError,\n ...rest\n } = props;\n var
|
|
1
|
+
{"version":3,"file":"createImage.native.js","names":[],"sources":["esm/createImage.native.js"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { createStyledHOC, getTokenValue, styled } from \"@tamagui/web\";\nvar defaultObjectFitMap = function defaultObjectFitMap2(objectFit) {\n switch (objectFit) {\n case \"fill\":\n return \"stretch\";\n case \"none\":\n return \"center\";\n case \"scale-down\":\n return \"contain\";\n case \"contain\":\n return \"contain\";\n default:\n return \"cover\";\n }\n};\nvar defaultTransformSource = function defaultTransformSource2(props) {\n var { src, source } = props;\n if (typeof src === \"string\") {\n return {\n uri: src\n };\n }\n if (source !== void 0 && source !== null) return source;\n if (src !== void 0 && src !== null) return src;\n return {\n uri: src\n };\n};\nfunction createImage(options) {\n var { Component, mapObjectFitToResizeMode = defaultObjectFitMap, resizeModePropName = \"resizeMode\", objectPositionPropName, transformSource = defaultTransformSource } = options;\n var inlinePropsSet = /* @__PURE__ */ new Set([\n \"source\",\n \"placeholder\",\n \"transition\",\n \"contentFit\",\n \"contentPosition\",\n \"cachePolicy\",\n \"recyclingKey\",\n \"allowDownscaling\",\n \"autoplay\",\n \"blurRadius\",\n \"priority\",\n \"placeholderContentFit\",\n \"responsivePolicy\",\n \"onLoadStart\",\n \"onProgress\",\n \"onLoadEnd\"\n ]);\n var StyledImage = styled(Component, {\n displayName: \"Image\"\n }, {\n inlineProps: inlinePropsSet\n });\n var ImageComponent = createStyledHOC(StyledImage, function(incomingProps, ref) {\n var _getTokenValue, _getTokenValue1, _getTokenValue2;\n var props = incomingProps;\n var {\n src,\n source,\n width,\n height,\n borderRadius,\n objectFit,\n objectPosition,\n // web only props - filter out on native\n decoding,\n elementTiming,\n fetchpriority,\n isMap,\n loading,\n sizes,\n useMap,\n onLoad,\n onError,\n ...rest\n } = props;\n var resolvedWidth = typeof width === \"string\" ? (_getTokenValue = getTokenValue(width, \"size\")) !== null && _getTokenValue !== void 0 ? _getTokenValue : width : width;\n var resolvedHeight = typeof height === \"string\" ? (_getTokenValue1 = getTokenValue(height, \"size\")) !== null && _getTokenValue1 !== void 0 ? _getTokenValue1 : height : height;\n var finalSource = transformSource({\n src,\n source,\n width: resolvedWidth,\n height: resolvedHeight\n });\n var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;\n var resolvedBorderRadius = typeof borderRadius === \"string\" ? (_getTokenValue2 = getTokenValue(borderRadius, \"radius\")) !== null && _getTokenValue2 !== void 0 ? _getTokenValue2 : borderRadius : borderRadius;\n var finalProps = {\n ...rest,\n source: finalSource,\n style: {\n ...incomingStyle,\n ...resolvedBorderRadius !== void 0 && {\n borderRadius: resolvedBorderRadius\n },\n ...resolvedWidth !== void 0 && {\n width: resolvedWidth\n },\n ...resolvedHeight !== void 0 && {\n height: resolvedHeight\n },\n // RN 0.76+ reads objectFit from style natively on Image; harmless on older.\n // Also forwarded to the resize-mode prop below for back-compat / non-RN components.\n ...objectFit !== void 0 && {\n objectFit\n },\n // RN doesn't currently read objectPosition from style; expo-image uses\n // contentPosition (handled via objectPositionPropName below). Forwarding\n // through style is a no-op there but matches CSS shape and is forward-compatible.\n ...objectPosition !== void 0 && {\n objectPosition\n }\n }\n };\n if (objectFit) {\n finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit);\n }\n if (objectPositionPropName && objectPosition) {\n finalProps[objectPositionPropName] = objectPosition;\n }\n if (onLoad) {\n finalProps.onLoad = function(e) {\n var _e_nativeEvent;\n var source2 = (e === null || e === void 0 ? void 0 : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || (e === null || e === void 0 ? void 0 : e.source) || {};\n onLoad({\n target: {\n naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,\n naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width\n },\n type: \"load\"\n });\n };\n }\n if (onError) {\n finalProps.onError = function() {\n onError({\n type: \"error\"\n });\n };\n }\n return /* @__PURE__ */ _jsx(StyledImage, {\n ref,\n ...finalProps\n });\n });\n var comp = Component;\n ImageComponent.getSize = comp.getSize || function() {\n };\n ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function() {\n };\n ImageComponent.prefetch = comp.prefetch || function() {\n };\n ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function() {\n };\n ImageComponent.abortPrefetch = comp.abortPrefetch || function() {\n };\n ImageComponent.queryCache = comp.queryCache || function() {\n };\n return ImageComponent;\n}\nexport {\n createImage\n};\n//# sourceMappingURL=createImage.js.map\n"],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ __export(createImage_exports, { createImage: () => createImage });
|
|
|
25
25
|
module.exports = __toCommonJS(createImage_exports);
|
|
26
26
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
27
27
|
var import_web = require("@tamagui/web");
|
|
28
|
-
var defaultObjectFitMap = function(objectFit) {
|
|
28
|
+
var defaultObjectFitMap = function defaultObjectFitMap2(objectFit) {
|
|
29
29
|
switch (objectFit) {
|
|
30
30
|
case "fill": return "stretch";
|
|
31
31
|
case "none": return "center";
|
|
@@ -34,7 +34,7 @@ var defaultObjectFitMap = function(objectFit) {
|
|
|
34
34
|
default: return "cover";
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
var defaultTransformSource = function(props) {
|
|
37
|
+
var defaultTransformSource = function defaultTransformSource2(props) {
|
|
38
38
|
var { src, source } = props;
|
|
39
39
|
if (typeof src === "string") {
|
|
40
40
|
return { uri: src };
|
|
@@ -65,11 +65,10 @@ function createImage(options) {
|
|
|
65
65
|
]);
|
|
66
66
|
var StyledImage = (0, import_web.styled)(Component, { displayName: "Image" }, { inlineProps: inlinePropsSet });
|
|
67
67
|
var ImageComponent = (0, import_web.createStyledHOC)(StyledImage, function(incomingProps, ref) {
|
|
68
|
+
var _getTokenValue, _getTokenValue1, _getTokenValue2;
|
|
68
69
|
var props = incomingProps;
|
|
69
70
|
var { src, source, width, height, borderRadius, objectFit, objectPosition, decoding, elementTiming, fetchpriority, isMap, loading, sizes, useMap, onLoad, onError, ...rest } = props;
|
|
70
|
-
var _getTokenValue;
|
|
71
71
|
var resolvedWidth = typeof width === "string" ? (_getTokenValue = (0, import_web.getTokenValue)(width, "size")) !== null && _getTokenValue !== void 0 ? _getTokenValue : width : width;
|
|
72
|
-
var _getTokenValue1;
|
|
73
72
|
var resolvedHeight = typeof height === "string" ? (_getTokenValue1 = (0, import_web.getTokenValue)(height, "size")) !== null && _getTokenValue1 !== void 0 ? _getTokenValue1 : height : height;
|
|
74
73
|
var finalSource = transformSource({
|
|
75
74
|
src,
|
|
@@ -78,7 +77,6 @@ function createImage(options) {
|
|
|
78
77
|
height: resolvedHeight
|
|
79
78
|
});
|
|
80
79
|
var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
|
|
81
|
-
var _getTokenValue2;
|
|
82
80
|
var resolvedBorderRadius = typeof borderRadius === "string" ? (_getTokenValue2 = (0, import_web.getTokenValue)(borderRadius, "radius")) !== null && _getTokenValue2 !== void 0 ? _getTokenValue2 : borderRadius : borderRadius;
|
|
83
81
|
var finalProps = {
|
|
84
82
|
...rest,
|
|
@@ -25,7 +25,7 @@ __export(createImage_exports, { createImage: () => createImage });
|
|
|
25
25
|
module.exports = __toCommonJS(createImage_exports);
|
|
26
26
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
27
27
|
var import_web = require("@tamagui/web");
|
|
28
|
-
var defaultObjectFitMap = function(objectFit) {
|
|
28
|
+
var defaultObjectFitMap = function defaultObjectFitMap2(objectFit) {
|
|
29
29
|
switch (objectFit) {
|
|
30
30
|
case "fill": return "stretch";
|
|
31
31
|
case "none": return "center";
|
|
@@ -34,7 +34,7 @@ var defaultObjectFitMap = function(objectFit) {
|
|
|
34
34
|
default: return "cover";
|
|
35
35
|
}
|
|
36
36
|
};
|
|
37
|
-
var defaultTransformSource = function(props) {
|
|
37
|
+
var defaultTransformSource = function defaultTransformSource2(props) {
|
|
38
38
|
var { src, source } = props;
|
|
39
39
|
if (typeof src === "string") {
|
|
40
40
|
return { uri: src };
|
|
@@ -65,11 +65,10 @@ function createImage(options) {
|
|
|
65
65
|
]);
|
|
66
66
|
var StyledImage = (0, import_web.styled)(Component, { displayName: "Image" }, { inlineProps: inlinePropsSet });
|
|
67
67
|
var ImageComponent = (0, import_web.createStyledHOC)(StyledImage, function(incomingProps, ref) {
|
|
68
|
+
var _getTokenValue, _getTokenValue1, _getTokenValue2;
|
|
68
69
|
var props = incomingProps;
|
|
69
70
|
var { src, source, width, height, borderRadius, objectFit, objectPosition, decoding, elementTiming, fetchpriority, isMap, loading, sizes, useMap, onLoad, onError, ...rest } = props;
|
|
70
|
-
var _getTokenValue;
|
|
71
71
|
var resolvedWidth = typeof width === "string" ? (_getTokenValue = (0, import_web.getTokenValue)(width, "size")) !== null && _getTokenValue !== void 0 ? _getTokenValue : width : width;
|
|
72
|
-
var _getTokenValue1;
|
|
73
72
|
var resolvedHeight = typeof height === "string" ? (_getTokenValue1 = (0, import_web.getTokenValue)(height, "size")) !== null && _getTokenValue1 !== void 0 ? _getTokenValue1 : height : height;
|
|
74
73
|
var finalSource = transformSource({
|
|
75
74
|
src,
|
|
@@ -78,7 +77,6 @@ function createImage(options) {
|
|
|
78
77
|
height: resolvedHeight
|
|
79
78
|
});
|
|
80
79
|
var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
|
|
81
|
-
var _getTokenValue2;
|
|
82
80
|
var resolvedBorderRadius = typeof borderRadius === "string" ? (_getTokenValue2 = (0, import_web.getTokenValue)(borderRadius, "radius")) !== null && _getTokenValue2 !== void 0 ? _getTokenValue2 : borderRadius : borderRadius;
|
|
83
81
|
var finalProps = {
|
|
84
82
|
...rest,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createImage.native.js","names":[],"sources":["jsx/createImage.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 createImage_exports = {};\n__export(createImage_exports, {\n createImage: () => createImage\n});\nmodule.exports = __toCommonJS(createImage_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_web = require(\"@tamagui/web\");\nvar defaultObjectFitMap = function(objectFit) {\n switch (objectFit) {\n case \"fill\":\n return \"stretch\";\n case \"none\":\n return \"center\";\n case \"scale-down\":\n return \"contain\";\n case \"contain\":\n return \"contain\";\n default:\n return \"cover\";\n }\n};\nvar defaultTransformSource = function(props) {\n var { src, source } = props;\n if (typeof src === \"string\") {\n return {\n uri: src\n };\n }\n if (source !== void 0 && source !== null) return source;\n if (src !== void 0 && src !== null) return src;\n return {\n uri: src\n };\n};\nfunction createImage(options) {\n var { Component, mapObjectFitToResizeMode = defaultObjectFitMap, resizeModePropName = \"resizeMode\", objectPositionPropName, transformSource = defaultTransformSource } = options;\n var inlinePropsSet = /* @__PURE__ */ new Set([\n \"source\",\n \"placeholder\",\n \"transition\",\n \"contentFit\",\n \"contentPosition\",\n \"cachePolicy\",\n \"recyclingKey\",\n \"allowDownscaling\",\n \"autoplay\",\n \"blurRadius\",\n \"priority\",\n \"placeholderContentFit\",\n \"responsivePolicy\",\n \"onLoadStart\",\n \"onProgress\",\n \"onLoadEnd\"\n ]);\n var StyledImage = (0, import_web.styled)(Component, {\n displayName: \"Image\"\n }, {\n inlineProps: inlinePropsSet\n });\n var ImageComponent = (0, import_web.createStyledHOC)(StyledImage, function(incomingProps, ref) {\n var props = incomingProps;\n var {\n src,\n source,\n width,\n height,\n borderRadius,\n objectFit,\n objectPosition,\n // web only props - filter out on native\n decoding,\n elementTiming,\n fetchpriority,\n isMap,\n loading,\n sizes,\n useMap,\n onLoad,\n onError,\n ...rest\n } = props;\n var
|
|
1
|
+
{"version":3,"file":"createImage.native.js","names":[],"sources":["jsx/createImage.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 createImage_exports = {};\n__export(createImage_exports, {\n createImage: () => createImage\n});\nmodule.exports = __toCommonJS(createImage_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_web = require(\"@tamagui/web\");\nvar defaultObjectFitMap = function defaultObjectFitMap2(objectFit) {\n switch (objectFit) {\n case \"fill\":\n return \"stretch\";\n case \"none\":\n return \"center\";\n case \"scale-down\":\n return \"contain\";\n case \"contain\":\n return \"contain\";\n default:\n return \"cover\";\n }\n};\nvar defaultTransformSource = function defaultTransformSource2(props) {\n var { src, source } = props;\n if (typeof src === \"string\") {\n return {\n uri: src\n };\n }\n if (source !== void 0 && source !== null) return source;\n if (src !== void 0 && src !== null) return src;\n return {\n uri: src\n };\n};\nfunction createImage(options) {\n var { Component, mapObjectFitToResizeMode = defaultObjectFitMap, resizeModePropName = \"resizeMode\", objectPositionPropName, transformSource = defaultTransformSource } = options;\n var inlinePropsSet = /* @__PURE__ */ new Set([\n \"source\",\n \"placeholder\",\n \"transition\",\n \"contentFit\",\n \"contentPosition\",\n \"cachePolicy\",\n \"recyclingKey\",\n \"allowDownscaling\",\n \"autoplay\",\n \"blurRadius\",\n \"priority\",\n \"placeholderContentFit\",\n \"responsivePolicy\",\n \"onLoadStart\",\n \"onProgress\",\n \"onLoadEnd\"\n ]);\n var StyledImage = (0, import_web.styled)(Component, {\n displayName: \"Image\"\n }, {\n inlineProps: inlinePropsSet\n });\n var ImageComponent = (0, import_web.createStyledHOC)(StyledImage, function(incomingProps, ref) {\n var _getTokenValue, _getTokenValue1, _getTokenValue2;\n var props = incomingProps;\n var {\n src,\n source,\n width,\n height,\n borderRadius,\n objectFit,\n objectPosition,\n // web only props - filter out on native\n decoding,\n elementTiming,\n fetchpriority,\n isMap,\n loading,\n sizes,\n useMap,\n onLoad,\n onError,\n ...rest\n } = props;\n var resolvedWidth = typeof width === \"string\" ? (_getTokenValue = (0, import_web.getTokenValue)(width, \"size\")) !== null && _getTokenValue !== void 0 ? _getTokenValue : width : width;\n var resolvedHeight = typeof height === \"string\" ? (_getTokenValue1 = (0, import_web.getTokenValue)(height, \"size\")) !== null && _getTokenValue1 !== void 0 ? _getTokenValue1 : height : height;\n var finalSource = transformSource({\n src,\n source,\n width: resolvedWidth,\n height: resolvedHeight\n });\n var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;\n var resolvedBorderRadius = typeof borderRadius === \"string\" ? (_getTokenValue2 = (0, import_web.getTokenValue)(borderRadius, \"radius\")) !== null && _getTokenValue2 !== void 0 ? _getTokenValue2 : borderRadius : borderRadius;\n var finalProps = {\n ...rest,\n source: finalSource,\n style: {\n ...incomingStyle,\n ...resolvedBorderRadius !== void 0 && {\n borderRadius: resolvedBorderRadius\n },\n ...resolvedWidth !== void 0 && {\n width: resolvedWidth\n },\n ...resolvedHeight !== void 0 && {\n height: resolvedHeight\n },\n // RN 0.76+ reads objectFit from style natively on Image; harmless on older.\n // Also forwarded to the resize-mode prop below for back-compat / non-RN components.\n ...objectFit !== void 0 && {\n objectFit\n },\n // RN doesn't currently read objectPosition from style; expo-image uses\n // contentPosition (handled via objectPositionPropName below). Forwarding\n // through style is a no-op there but matches CSS shape and is forward-compatible.\n ...objectPosition !== void 0 && {\n objectPosition\n }\n }\n };\n if (objectFit) {\n finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit);\n }\n if (objectPositionPropName && objectPosition) {\n finalProps[objectPositionPropName] = objectPosition;\n }\n if (onLoad) {\n finalProps.onLoad = function(e) {\n var _e_nativeEvent;\n var source2 = (e === null || e === void 0 ? void 0 : (_e_nativeEvent = e.nativeEvent) === null || _e_nativeEvent === void 0 ? void 0 : _e_nativeEvent.source) || (e === null || e === void 0 ? void 0 : e.source) || {};\n onLoad({\n target: {\n naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,\n naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width\n },\n type: \"load\"\n });\n };\n }\n if (onError) {\n finalProps.onError = function() {\n onError({\n type: \"error\"\n });\n };\n }\n return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledImage, {\n ref,\n ...finalProps\n });\n });\n var comp = Component;\n ImageComponent.getSize = comp.getSize || function() {\n };\n ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function() {\n };\n ImageComponent.prefetch = comp.prefetch || function() {\n };\n ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function() {\n };\n ImageComponent.abortPrefetch = comp.abortPrefetch || function() {\n };\n ImageComponent.queryCache = comp.queryCache || function() {\n };\n return ImageComponent;\n}\n//# sourceMappingURL=createImage.js.map\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/image",
|
|
3
|
-
"version": "3.0.
|
|
3
|
+
"version": "3.0.8",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"files": [
|
|
@@ -35,13 +35,13 @@
|
|
|
35
35
|
"clean:build": "tamagui-build clean:build"
|
|
36
36
|
},
|
|
37
37
|
"dependencies": {
|
|
38
|
-
"@tamagui/constants": "3.0.
|
|
39
|
-
"@tamagui/core": "3.0.
|
|
40
|
-
"@tamagui/react-native-types": "3.0.
|
|
41
|
-
"@tamagui/web": "3.0.
|
|
38
|
+
"@tamagui/constants": "3.0.8",
|
|
39
|
+
"@tamagui/core": "3.0.8",
|
|
40
|
+
"@tamagui/react-native-types": "3.0.8",
|
|
41
|
+
"@tamagui/web": "3.0.8"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@tamagui/build": "3.0.
|
|
44
|
+
"@tamagui/build": "3.0.8",
|
|
45
45
|
"react": "19.2.3",
|
|
46
46
|
"react-native": "0.87.1"
|
|
47
47
|
},
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"url": "git+https://github.com/tamagui/tamagui.git",
|
|
56
56
|
"directory": "code/ui/image"
|
|
57
57
|
},
|
|
58
|
-
"releaseSourceCommit": "
|
|
58
|
+
"releaseSourceCommit": "b723356193510591d9ad15877b8937e8e6a31910"
|
|
59
59
|
}
|