@hanzogui/image 8.3.0 → 8.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Image.js +27 -0
- package/dist/cjs/Image.js.map +1 -0
- package/dist/cjs/createImage.js +158 -0
- package/dist/cjs/createImage.js.map +1 -0
- package/dist/cjs/index.js +6 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/package.json +1 -0
- package/dist/cjs/types.js +3 -0
- package/dist/cjs/types.js.map +1 -0
- package/dist/cjs/v1/Image.js +86 -0
- package/dist/cjs/v1/Image.js.map +1 -0
- package/dist/cjs/v1/index.js +5 -0
- package/dist/cjs/v1/index.js.map +1 -0
- package/dist/esm/Image.js +24 -0
- package/dist/esm/Image.js.map +1 -0
- package/dist/esm/createImage.js +155 -0
- package/dist/esm/createImage.js.map +1 -0
- package/dist/esm/index.js +3 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types.js +2 -0
- package/dist/esm/types.js.map +1 -0
- package/dist/esm/v1/Image.js +82 -0
- package/dist/esm/v1/Image.js.map +1 -0
- package/dist/esm/v1/index.js +2 -0
- package/dist/esm/v1/index.js.map +1 -0
- package/dist/native/Image.js +6 -0
- package/dist/native/Image.js.map +1 -0
- package/dist/native/createImage.js +155 -0
- package/dist/native/createImage.js.map +1 -0
- package/dist/native/index.js +3 -0
- package/dist/native/index.js.map +1 -0
- package/dist/native/types.js +2 -0
- package/dist/native/types.js.map +1 -0
- package/dist/native/v1/Image.js +82 -0
- package/dist/native/v1/Image.js.map +1 -0
- package/dist/native/v1/index.js +2 -0
- package/dist/native/v1/index.js.map +1 -0
- package/package.json +16 -16
- package/src/Image.native.tsx +1 -1
- package/src/Image.tsx +1 -1
- package/src/createImage.tsx +1 -1
- package/src/index.ts +3 -3
- package/src/v1/index.ts +1 -1
- package/types/Image.d.ts +1 -1
- package/types/Image.d.ts.map +1 -1
- package/types/Image.native.d.ts +5 -5
- package/types/createImage.d.ts +5 -5
- package/types/createImage.d.ts.map +1 -1
- package/types/index.d.ts +3 -3
- package/types/index.d.ts.map +1 -1
- package/types/v1/index.d.ts +1 -1
- package/types/v1/index.d.ts.map +1 -1
- package/dist/cjs/Image.cjs +0 -64
- package/dist/cjs/Image.native.js +0 -35
- package/dist/cjs/Image.native.js.map +0 -1
- package/dist/cjs/createImage.cjs +0 -160
- package/dist/cjs/createImage.native.js +0 -164
- package/dist/cjs/createImage.native.js.map +0 -1
- package/dist/cjs/index.cjs +0 -21
- package/dist/cjs/index.native.js +0 -24
- package/dist/cjs/index.native.js.map +0 -1
- package/dist/cjs/types.cjs +0 -18
- package/dist/cjs/types.native.js +0 -21
- package/dist/cjs/types.native.js.map +0 -1
- package/dist/cjs/v1/Image.cjs +0 -101
- package/dist/cjs/v1/Image.native.js +0 -123
- package/dist/cjs/v1/Image.native.js.map +0 -1
- package/dist/cjs/v1/index.cjs +0 -20
- package/dist/cjs/v1/index.native.js +0 -23
- package/dist/cjs/v1/index.native.js.map +0 -1
- package/dist/esm/Image.mjs +0 -39
- package/dist/esm/Image.mjs.map +0 -1
- package/dist/esm/Image.native.js +0 -7
- package/dist/esm/Image.native.js.map +0 -1
- package/dist/esm/createImage.mjs +0 -135
- package/dist/esm/createImage.mjs.map +0 -1
- package/dist/esm/createImage.native.js +0 -136
- package/dist/esm/createImage.native.js.map +0 -1
- package/dist/esm/index.mjs +0 -3
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js +0 -3
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/types.mjs +0 -2
- package/dist/esm/types.mjs.map +0 -1
- package/dist/esm/types.native.js +0 -2
- package/dist/esm/types.native.js.map +0 -1
- package/dist/esm/v1/Image.mjs +0 -65
- package/dist/esm/v1/Image.mjs.map +0 -1
- package/dist/esm/v1/Image.native.js +0 -84
- package/dist/esm/v1/Image.native.js.map +0 -1
- package/dist/esm/v1/index.mjs +0 -2
- package/dist/esm/v1/index.mjs.map +0 -1
- package/dist/esm/v1/index.native.js +0 -2
- package/dist/esm/v1/index.native.js.map +0 -1
- package/dist/jsx/Image.mjs +0 -39
- package/dist/jsx/Image.mjs.map +0 -1
- package/dist/jsx/Image.native.js +0 -35
- package/dist/jsx/Image.native.js.map +0 -1
- package/dist/jsx/createImage.mjs +0 -135
- package/dist/jsx/createImage.mjs.map +0 -1
- package/dist/jsx/createImage.native.js +0 -164
- package/dist/jsx/createImage.native.js.map +0 -1
- package/dist/jsx/index.js +0 -3
- package/dist/jsx/index.js.map +0 -1
- package/dist/jsx/index.mjs +0 -3
- package/dist/jsx/index.mjs.map +0 -1
- package/dist/jsx/index.native.js +0 -24
- package/dist/jsx/index.native.js.map +0 -1
- package/dist/jsx/types.mjs +0 -2
- package/dist/jsx/types.mjs.map +0 -1
- package/dist/jsx/types.native.js +0 -21
- package/dist/jsx/types.native.js.map +0 -1
- package/dist/jsx/v1/Image.mjs +0 -65
- package/dist/jsx/v1/Image.mjs.map +0 -1
- package/dist/jsx/v1/Image.native.js +0 -123
- package/dist/jsx/v1/Image.native.js.map +0 -1
- package/dist/jsx/v1/index.mjs +0 -2
- package/dist/jsx/v1/index.mjs.map +0 -1
- package/dist/jsx/v1/index.native.js +0 -23
- package/dist/jsx/v1/index.native.js.map +0 -1
package/dist/cjs/Image.cjs
DELETED
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all) __defProp(target, name, {
|
|
7
|
-
get: all[name],
|
|
8
|
-
enumerable: true
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
-
get: () => from[key],
|
|
15
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value: true
|
|
22
|
-
}), mod);
|
|
23
|
-
var Image_exports = {};
|
|
24
|
-
__export(Image_exports, {
|
|
25
|
-
Image: () => Image
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(Image_exports);
|
|
28
|
-
var import_web = require("@hanzogui/web");
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
-
const StyledImage = (0, import_web.styled)(import_web.View, {
|
|
31
|
-
name: "Image",
|
|
32
|
-
render: "img"
|
|
33
|
-
});
|
|
34
|
-
const Image = StyledImage.styleable((inProps, ref) => {
|
|
35
|
-
const {
|
|
36
|
-
// exclude native only props
|
|
37
|
-
blurRadius,
|
|
38
|
-
capInsets,
|
|
39
|
-
defaultSource,
|
|
40
|
-
fadeDuration,
|
|
41
|
-
loadingIndicatorSource,
|
|
42
|
-
onLoadEnd,
|
|
43
|
-
onPartialLoad,
|
|
44
|
-
progressiveRenderingEnabled,
|
|
45
|
-
resizeMethod,
|
|
46
|
-
tintColor,
|
|
47
|
-
...rest
|
|
48
|
-
} = inProps;
|
|
49
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
|
|
50
|
-
ref,
|
|
51
|
-
...rest
|
|
52
|
-
});
|
|
53
|
-
}, {
|
|
54
|
-
staticConfig: {
|
|
55
|
-
memo: true
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
|
-
const func = () => {};
|
|
59
|
-
Image.getSize = func;
|
|
60
|
-
Image.getSizeWithHeaders = func;
|
|
61
|
-
Image.prefetch = func;
|
|
62
|
-
Image.prefetchWithMetadata = func;
|
|
63
|
-
Image.abortPrefetch = func;
|
|
64
|
-
Image.queryCache = func;
|
package/dist/cjs/Image.native.js
DELETED
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: true
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
-
value: true
|
|
24
|
-
}), mod);
|
|
25
|
-
var Image_native_exports = {};
|
|
26
|
-
__export(Image_native_exports, {
|
|
27
|
-
Image: () => Image
|
|
28
|
-
});
|
|
29
|
-
module.exports = __toCommonJS(Image_native_exports);
|
|
30
|
-
var import_react_native = require("react-native");
|
|
31
|
-
var import_createImage = require("./createImage.native.js");
|
|
32
|
-
var Image = (0, import_createImage.createImage)({
|
|
33
|
-
Component: import_react_native.Image
|
|
34
|
-
});
|
|
35
|
-
//# sourceMappingURL=Image.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["Image_native_exports","__export","Image","module","exports","__toCommonJS","import_react_native","require","import_createImage","createImage","Component"],"sources":["../../src/Image.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,oBAAA;AAAA,IAAAM,mBAAA,GAAiCC,OAAA;AACjC,IAAAC,kBAAA,GAA4BD,OAAA;AACrB,IAAIL,KAAA,OAAQM,kBAAA,CAAAC,WAAA,EAAY;EAC3BC,SAAA,EAAWJ,mBAAA,CAAAJ;AACf,CAAC","ignoreList":[]}
|
package/dist/cjs/createImage.cjs
DELETED
|
@@ -1,160 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __export = (target, all) => {
|
|
6
|
-
for (var name in all) __defProp(target, name, {
|
|
7
|
-
get: all[name],
|
|
8
|
-
enumerable: true
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
var __copyProps = (to, from, except, desc) => {
|
|
12
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
13
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
14
|
-
get: () => from[key],
|
|
15
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
16
|
-
});
|
|
17
|
-
}
|
|
18
|
-
return to;
|
|
19
|
-
};
|
|
20
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
21
|
-
value: true
|
|
22
|
-
}), mod);
|
|
23
|
-
var createImage_exports = {};
|
|
24
|
-
__export(createImage_exports, {
|
|
25
|
-
createImage: () => createImage
|
|
26
|
-
});
|
|
27
|
-
module.exports = __toCommonJS(createImage_exports);
|
|
28
|
-
var import_web = require("@hanzogui/web");
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
30
|
-
const defaultObjectFitMap = objectFit => {
|
|
31
|
-
switch (objectFit) {
|
|
32
|
-
case "fill":
|
|
33
|
-
return "stretch";
|
|
34
|
-
case "none":
|
|
35
|
-
return "center";
|
|
36
|
-
case "scale-down":
|
|
37
|
-
return "contain";
|
|
38
|
-
case "contain":
|
|
39
|
-
return "contain";
|
|
40
|
-
default:
|
|
41
|
-
return "cover";
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
const defaultTransformSource = props => {
|
|
45
|
-
const {
|
|
46
|
-
src,
|
|
47
|
-
source
|
|
48
|
-
} = props;
|
|
49
|
-
if (typeof src === "string") {
|
|
50
|
-
return {
|
|
51
|
-
uri: src
|
|
52
|
-
};
|
|
53
|
-
}
|
|
54
|
-
if (source !== void 0 && source !== null) return source;
|
|
55
|
-
if (src !== void 0 && src !== null) return src;
|
|
56
|
-
return {
|
|
57
|
-
uri: src
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
function createImage(options) {
|
|
61
|
-
const {
|
|
62
|
-
Component,
|
|
63
|
-
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
64
|
-
resizeModePropName = "resizeMode",
|
|
65
|
-
objectPositionPropName,
|
|
66
|
-
transformSource = defaultTransformSource
|
|
67
|
-
} = options;
|
|
68
|
-
const inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]);
|
|
69
|
-
const StyledImage = (0, import_web.styled)(Component, {
|
|
70
|
-
name: "Image"
|
|
71
|
-
}, {
|
|
72
|
-
inlineProps: inlinePropsSet
|
|
73
|
-
});
|
|
74
|
-
const ImageComponent = StyledImage.styleable((incomingProps, ref) => {
|
|
75
|
-
const props = incomingProps;
|
|
76
|
-
const {
|
|
77
|
-
src,
|
|
78
|
-
source,
|
|
79
|
-
width,
|
|
80
|
-
height,
|
|
81
|
-
borderRadius,
|
|
82
|
-
objectFit,
|
|
83
|
-
objectPosition,
|
|
84
|
-
// web only props - filter out on native
|
|
85
|
-
decoding,
|
|
86
|
-
elementTiming,
|
|
87
|
-
fetchpriority,
|
|
88
|
-
isMap,
|
|
89
|
-
loading,
|
|
90
|
-
sizes,
|
|
91
|
-
useMap,
|
|
92
|
-
onLoad,
|
|
93
|
-
onError,
|
|
94
|
-
...rest
|
|
95
|
-
} = props;
|
|
96
|
-
const resolvedWidth = typeof width === "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width, "size") : width;
|
|
97
|
-
const resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
|
|
98
|
-
const finalSource = transformSource({
|
|
99
|
-
src,
|
|
100
|
-
source,
|
|
101
|
-
width: resolvedWidth,
|
|
102
|
-
height: resolvedHeight
|
|
103
|
-
});
|
|
104
|
-
const incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
|
|
105
|
-
const resolvedBorderRadius = typeof borderRadius === "string" && borderRadius[0] === "$" ? (0, import_web.getTokenValue)(borderRadius, "radius") : borderRadius;
|
|
106
|
-
const finalProps = {
|
|
107
|
-
...rest,
|
|
108
|
-
source: finalSource,
|
|
109
|
-
style: {
|
|
110
|
-
...incomingStyle,
|
|
111
|
-
...(resolvedBorderRadius !== void 0 && {
|
|
112
|
-
borderRadius: resolvedBorderRadius
|
|
113
|
-
}),
|
|
114
|
-
...(resolvedWidth !== void 0 && {
|
|
115
|
-
width: resolvedWidth
|
|
116
|
-
}),
|
|
117
|
-
...(resolvedHeight !== void 0 && {
|
|
118
|
-
height: resolvedHeight
|
|
119
|
-
})
|
|
120
|
-
}
|
|
121
|
-
};
|
|
122
|
-
if (objectFit) {
|
|
123
|
-
finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit);
|
|
124
|
-
}
|
|
125
|
-
if (objectPositionPropName && objectPosition) {
|
|
126
|
-
finalProps[objectPositionPropName] = objectPosition;
|
|
127
|
-
}
|
|
128
|
-
if (onLoad) {
|
|
129
|
-
finalProps.onLoad = e => {
|
|
130
|
-
const source2 = e?.nativeEvent?.source || e?.source || {};
|
|
131
|
-
onLoad({
|
|
132
|
-
target: {
|
|
133
|
-
naturalHeight: source2?.height,
|
|
134
|
-
naturalWidth: source2?.width
|
|
135
|
-
},
|
|
136
|
-
type: "load"
|
|
137
|
-
});
|
|
138
|
-
};
|
|
139
|
-
}
|
|
140
|
-
if (onError) {
|
|
141
|
-
finalProps.onError = () => {
|
|
142
|
-
onError({
|
|
143
|
-
type: "error"
|
|
144
|
-
});
|
|
145
|
-
};
|
|
146
|
-
}
|
|
147
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
|
|
148
|
-
ref,
|
|
149
|
-
...finalProps
|
|
150
|
-
});
|
|
151
|
-
});
|
|
152
|
-
const comp = Component;
|
|
153
|
-
ImageComponent.getSize = comp.getSize || (() => {});
|
|
154
|
-
ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || (() => {});
|
|
155
|
-
ImageComponent.prefetch = comp.prefetch || (() => {});
|
|
156
|
-
ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || (() => {});
|
|
157
|
-
ImageComponent.abortPrefetch = comp.abortPrefetch || (() => {});
|
|
158
|
-
ImageComponent.queryCache = comp.queryCache || (() => {});
|
|
159
|
-
return ImageComponent;
|
|
160
|
-
}
|
|
@@ -1,164 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: true
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
23
|
-
value: true
|
|
24
|
-
}), mod);
|
|
25
|
-
var createImage_exports = {};
|
|
26
|
-
__export(createImage_exports, {
|
|
27
|
-
createImage: () => createImage
|
|
28
|
-
});
|
|
29
|
-
module.exports = __toCommonJS(createImage_exports);
|
|
30
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
31
|
-
var import_web = require("@hanzogui/web");
|
|
32
|
-
var defaultObjectFitMap = function (objectFit) {
|
|
33
|
-
switch (objectFit) {
|
|
34
|
-
case "fill":
|
|
35
|
-
return "stretch";
|
|
36
|
-
case "none":
|
|
37
|
-
return "center";
|
|
38
|
-
case "scale-down":
|
|
39
|
-
return "contain";
|
|
40
|
-
case "contain":
|
|
41
|
-
return "contain";
|
|
42
|
-
default:
|
|
43
|
-
return "cover";
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
var defaultTransformSource = function (props) {
|
|
47
|
-
var {
|
|
48
|
-
src,
|
|
49
|
-
source
|
|
50
|
-
} = props;
|
|
51
|
-
if (typeof src === "string") {
|
|
52
|
-
return {
|
|
53
|
-
uri: src
|
|
54
|
-
};
|
|
55
|
-
}
|
|
56
|
-
if (source !== void 0 && source !== null) return source;
|
|
57
|
-
if (src !== void 0 && src !== null) return src;
|
|
58
|
-
return {
|
|
59
|
-
uri: src
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
function createImage(options) {
|
|
63
|
-
var {
|
|
64
|
-
Component,
|
|
65
|
-
mapObjectFitToResizeMode = defaultObjectFitMap,
|
|
66
|
-
resizeModePropName = "resizeMode",
|
|
67
|
-
objectPositionPropName,
|
|
68
|
-
transformSource = defaultTransformSource
|
|
69
|
-
} = options;
|
|
70
|
-
var inlinePropsSet = /* @__PURE__ */new Set(["source", "placeholder", "transition", "contentFit", "contentPosition", "cachePolicy", "recyclingKey", "allowDownscaling", "autoplay", "blurRadius", "priority", "placeholderContentFit", "responsivePolicy", "onLoadStart", "onProgress", "onLoadEnd"]);
|
|
71
|
-
var StyledImage = (0, import_web.styled)(Component, {
|
|
72
|
-
name: "Image"
|
|
73
|
-
}, {
|
|
74
|
-
inlineProps: inlinePropsSet
|
|
75
|
-
});
|
|
76
|
-
var ImageComponent = StyledImage.styleable(function (incomingProps, ref) {
|
|
77
|
-
var props = incomingProps;
|
|
78
|
-
var {
|
|
79
|
-
src,
|
|
80
|
-
source,
|
|
81
|
-
width,
|
|
82
|
-
height,
|
|
83
|
-
borderRadius,
|
|
84
|
-
objectFit,
|
|
85
|
-
objectPosition,
|
|
86
|
-
// web only props - filter out on native
|
|
87
|
-
decoding,
|
|
88
|
-
elementTiming,
|
|
89
|
-
fetchpriority,
|
|
90
|
-
isMap,
|
|
91
|
-
loading,
|
|
92
|
-
sizes,
|
|
93
|
-
useMap,
|
|
94
|
-
onLoad,
|
|
95
|
-
onError,
|
|
96
|
-
...rest
|
|
97
|
-
} = props;
|
|
98
|
-
var resolvedWidth = typeof width === "string" && width[0] === "$" ? (0, import_web.getTokenValue)(width, "size") : width;
|
|
99
|
-
var resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
|
|
100
|
-
var finalSource = transformSource({
|
|
101
|
-
src,
|
|
102
|
-
source,
|
|
103
|
-
width: resolvedWidth,
|
|
104
|
-
height: resolvedHeight
|
|
105
|
-
});
|
|
106
|
-
var incomingStyle = Array.isArray(rest.style) ? Object.assign({}, ...rest.style.flat()) : rest.style;
|
|
107
|
-
var resolvedBorderRadius = typeof borderRadius === "string" && borderRadius[0] === "$" ? (0, import_web.getTokenValue)(borderRadius, "radius") : borderRadius;
|
|
108
|
-
var finalProps = {
|
|
109
|
-
...rest,
|
|
110
|
-
source: finalSource,
|
|
111
|
-
style: {
|
|
112
|
-
...incomingStyle,
|
|
113
|
-
...(resolvedBorderRadius !== void 0 && {
|
|
114
|
-
borderRadius: resolvedBorderRadius
|
|
115
|
-
}),
|
|
116
|
-
...(resolvedWidth !== void 0 && {
|
|
117
|
-
width: resolvedWidth
|
|
118
|
-
}),
|
|
119
|
-
...(resolvedHeight !== void 0 && {
|
|
120
|
-
height: resolvedHeight
|
|
121
|
-
})
|
|
122
|
-
}
|
|
123
|
-
};
|
|
124
|
-
if (objectFit) {
|
|
125
|
-
finalProps[resizeModePropName] = mapObjectFitToResizeMode(objectFit);
|
|
126
|
-
}
|
|
127
|
-
if (objectPositionPropName && objectPosition) {
|
|
128
|
-
finalProps[objectPositionPropName] = objectPosition;
|
|
129
|
-
}
|
|
130
|
-
if (onLoad) {
|
|
131
|
-
finalProps.onLoad = function (e) {
|
|
132
|
-
var _e_nativeEvent;
|
|
133
|
-
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) || {};
|
|
134
|
-
onLoad({
|
|
135
|
-
target: {
|
|
136
|
-
naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,
|
|
137
|
-
naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width
|
|
138
|
-
},
|
|
139
|
-
type: "load"
|
|
140
|
-
});
|
|
141
|
-
};
|
|
142
|
-
}
|
|
143
|
-
if (onError) {
|
|
144
|
-
finalProps.onError = function () {
|
|
145
|
-
onError({
|
|
146
|
-
type: "error"
|
|
147
|
-
});
|
|
148
|
-
};
|
|
149
|
-
}
|
|
150
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
|
|
151
|
-
ref,
|
|
152
|
-
...finalProps
|
|
153
|
-
});
|
|
154
|
-
});
|
|
155
|
-
var comp = Component;
|
|
156
|
-
ImageComponent.getSize = comp.getSize || function () {};
|
|
157
|
-
ImageComponent.getSizeWithHeaders = comp.getSizeWithHeaders || function () {};
|
|
158
|
-
ImageComponent.prefetch = comp.prefetch || function () {};
|
|
159
|
-
ImageComponent.prefetchWithMetadata = comp.prefetchWithMetadata || function () {};
|
|
160
|
-
ImageComponent.abortPrefetch = comp.abortPrefetch || function () {};
|
|
161
|
-
ImageComponent.queryCache = comp.queryCache || function () {};
|
|
162
|
-
return ImageComponent;
|
|
163
|
-
}
|
|
164
|
-
//# sourceMappingURL=createImage.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","createImage_exports","__export","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","styled","name","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","getTokenValue","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","Object","assign","flat","resolvedBorderRadius","finalProps","e","_e_nativeEvent","source2","nativeEvent","target","naturalHeight","naturalWidth","type","jsx","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAsCT,YAAA,CAAAK,mBAAA;AA2O3B,IAAAK,kBAAA,GAAAC,OAAA;AAjMX,IAAAC,UAAM,GAAAD,OAAA,gBAAuB;AAC3B,IAAAE,mBAAmB,YAAAA,CAAAC,SAAA;EAAA,QACZA,SAAA;IACH,WAAO;MACT,OAAK;IACH,WAAO;MACT,OAAK;IACH,iBAAO;MACT,OAAK;IACH,cAAO;MACT;IACE;MACJ;EACF;AAEA;AAME,IAAAC,sBAAwB,YAAAA,CAAAC,KAAA;EACxB,IAAI;IAAAC,GAAA;IAAOC;EAAA,CAAQ,GAAAF,KAAA;EACjB,WAAOC,GAAA;IAAA,OACA;MACPE,GAAA,EAAAF;IACF;EACA;EACA,IAAIC,MAAA,KAAQ,UAAaA,MAAQ,KAAM,aAAOA,MAAA;EAC9C,IAAAD,GAAO,eAAAA,GAAA,kBAAAA,GAAA;EAAA,OACA;IACPE,GAAA,EAAAF;EACF;AAyBO;AAGL,SAAMV,YAAAa,OAAA;EAAA,IACJ;IAAAC,SAAA;IAAAC,wBAAA,GAAAT,mBAAA;IAAAU,kBAAA;IAAAC,sBAAA;IAAAC,eAAA,GAAAV;EAAA,IAAAK,OAAA;EAAA,IACAM,cAAA,kBAA2B,IAAAC,GAAA,EAC3B,UACA,eACA,cACF,YAAI,EAGJ,iBAAM,EACJ,eACA,gBACA,oBACA,YACA,cACA,YACA,yBACA,oBACA,eACA,cACA,aACA;EAAA,IACAC,WAAA,OAAAhB,UAAA,CAAAiB,MAAA,EAAAR,SAAA;IACAS,IAAA;EAAA,GACA;IACAC,WAAA,EAAAL;EACF,CAAC;EAED,IAAAM,cAAM,GAAAJ,WAAc,CAAAK,SAAA,WAAAC,aAAA,EAAAC,GAAA;IAClB,IAAAnB,KAAA,GAAAkB,aAAA;IACA;MACEjB,GAAA;MACFC,MAAA;MACAkB,KAAA;MACEC,MAAA;MACFC,YAAA;MACFxB,SAAA;MAKAyB,cAAM;MACJ;MACAC,QAAM;MACJC,aAAA;MACAC,aAAA;MACAC,KAAA;MACAC,OAAA;MACAC,KAAA;MACAC,MAAA;MACAC,MAAA;MAAAC,OAAA;MAEA,GAAAC;IAAA,IACAjC,KAAA;IAAA,IACAkC,aAAA,UAAAd,KAAA,iBAAAA,KAAA,kBAAAxB,UAAA,CAAAuC,aAAA,EAAAf,KAAA,YAAAA,KAAA;IAAA,IACAgB,cAAA,UAAAf,MAAA,iBAAAA,MAAA,kBAAAzB,UAAA,CAAAuC,aAAA,EAAAd,MAAA,YAAAA,MAAA;IAAA,IACAgB,WAAA,GAAA5B,eAAA;MACAR,GAAA;MACAC,MAAA;MACAkB,KAAA,EAAAc,aAAA;MACAb,MAAA,EAAAe;IAAA,EACA;IACF,IAAIE,aAAA,GAAAC,KAAA,CAAAC,OAAA,CAAAP,IAAA,CAAAQ,KAAA,IAAAC,MAAA,CAAAC,MAAA,QAAAV,IAAA,CAAAQ,KAAA,CAAAG,IAAA,MAAAX,IAAA,CAAAQ,KAAA;IAEJ,IAAAI,oBACE,UAAOvB,YAAU,KAAY,QAAO,IAAAA,YAChC,kBAAA1B,UAAc,CAAAuC,aACd,EAAAb,YAAA,cAAAA,YAAA;IACN,IAAAwB,UAAM;MAKN,GAAAb,IAAM;MACJ/B,MAAA,EAAAmC,WAAA;MACAI,KAAA;QACA,GAAAH,aAAO;QACP,IAAAO,oBAAQ;UACTvB,YAAA,EAAAuB;QAED;QAIA,IAAMX,aAAA,UACJ;UAIId,KAAA,EAAAc;QACJ,CAAG;QACH,IAAAE,cAAQ;UACRf,MAAO,EAAAe;QACL;MAAG;IAC4E;IACrB,IAC1DtC,SAAI;MACNgD,UAAA,CAAAvC,kBAAA,IAAAD,wBAAA,CAAAR,SAAA;IACF;IAGA,IAAIU,sBAAW,IAAAe,cAAA;MACbuB,UAAA,CAAWtC,sBAAsB,IAAAe,cAAA;IACnC;IAGA,IAAIQ,MAAA;MACFe,UAAA,CAAWf,MAAA,aAAAgB,CAAA;QACb,IAAAC,cAAA;QAGI,IAAAC,OAAQ,IAAAF,CAAA,aAAAA,CAAA,wBAAAC,cAAA,GAAAD,CAAA,CAAAG,WAAA,cAAAF,cAAA,uBAAAA,cAAA,CAAA9C,MAAA,MAAA6C,CAAA,aAAAA,CAAA,uBAAAA,CAAA,CAAA7C,MAAA;QACV6B,MAAA;UACEoB,MAAM;YACNC,aAAO,EAAAH,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAA5B,MAAA;YACLgC,YAAQ,EAAAJ,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAA7B;UAAA;UACiBkC,IACvB;QAAsB,EACxB;MAAA;IACM;IACA,IACVtB,OAAA;MACFc,UAAA,CAAAd,OAAA;QAGIA,OAAA;UACFsB,IAAA;QACE;MAAQ;IACA;IACA,OACV,mBAAA5D,kBAAA,CAAA6D,GAAA,EAAA3C,WAAA;MACFO,GAAA;MAEA,GAAA2B;IACD;EAGD;EACA,IAAAU,IAAA,GAAAnD,SAAe;EAAkCW,cAAA,CAAAyC,OAAA,GAAAD,IAAA,CAAAC,OAAA,iBACjD;EAAuEzC,cAAA,CAAA0C,kBAAA,GAAAF,IAAA,CAAAE,kBAAA,iBACvE;EAAmD1C,cAAA,CAAA2C,QAAA,GAAAH,IAAA,CAAAG,QAAA,iBACnD;EAA2E3C,cAAA,CAAA4C,oBAAA,GAAAJ,IAAA,CAAAI,oBAAA,iBAC3E;EAA6D5C,cAAA,CAAA6C,aAAA,GAAAL,IAAA,CAAAK,aAAA,iBAC7D;EAAuD7C,cAAA,CAAA8C,UAAA,GAAAN,IAAA,CAAAM,UAAA,iBAEvD;EACF,OAAA9C,cAAA","ignoreList":[]}
|
package/dist/cjs/index.cjs
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
8
|
-
get: () => from[key],
|
|
9
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
15
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
16
|
-
value: true
|
|
17
|
-
}), mod);
|
|
18
|
-
var index_exports = {};
|
|
19
|
-
module.exports = __toCommonJS(index_exports);
|
|
20
|
-
__reExport(index_exports, require("./Image.cjs"), module.exports);
|
|
21
|
-
__reExport(index_exports, require("./createImage.cjs"), module.exports);
|
package/dist/cjs/index.native.js
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
10
|
-
get: () => from[key],
|
|
11
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
return to;
|
|
15
|
-
};
|
|
16
|
-
var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
|
|
17
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
18
|
-
value: true
|
|
19
|
-
}), mod);
|
|
20
|
-
var index_exports = {};
|
|
21
|
-
module.exports = __toCommonJS(index_exports);
|
|
22
|
-
__reExport(index_exports, require("./Image.native.js"), module.exports);
|
|
23
|
-
__reExport(index_exports, require("./createImage.native.js"), module.exports);
|
|
24
|
-
//# sourceMappingURL=index.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","module","exports","__reExport","require"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAP,YAAc,CAAAK,aAAA;AACdG,UAAA,CAAAH,aAAA,EAAcI,OAAA,uBAAAH,MADd,CAAAC,OAAA","ignoreList":[]}
|
package/dist/cjs/types.cjs
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
var __defProp = Object.defineProperty;
|
|
2
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
3
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
4
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
5
|
-
var __copyProps = (to, from, except, desc) => {
|
|
6
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
7
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
8
|
-
get: () => from[key],
|
|
9
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
10
|
-
});
|
|
11
|
-
}
|
|
12
|
-
return to;
|
|
13
|
-
};
|
|
14
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
15
|
-
value: true
|
|
16
|
-
}), mod);
|
|
17
|
-
var types_exports = {};
|
|
18
|
-
module.exports = __toCommonJS(types_exports);
|
package/dist/cjs/types.native.js
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var __defProp = Object.defineProperty;
|
|
4
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __copyProps = (to, from, except, desc) => {
|
|
8
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
9
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
10
|
-
get: () => from[key],
|
|
11
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
return to;
|
|
15
|
-
};
|
|
16
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
17
|
-
value: true
|
|
18
|
-
}), mod);
|
|
19
|
-
var types_exports = {};
|
|
20
|
-
module.exports = __toCommonJS(types_exports);
|
|
21
|
-
//# sourceMappingURL=types.native.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","types_exports"],"sources":["../../src/types.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA","ignoreList":[]}
|
package/dist/cjs/v1/Image.cjs
DELETED
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
|
-
var __defProp = Object.defineProperty;
|
|
3
|
-
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
-
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
-
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
-
var __export = (target, all) => {
|
|
8
|
-
for (var name in all) __defProp(target, name, {
|
|
9
|
-
get: all[name],
|
|
10
|
-
enumerable: true
|
|
11
|
-
});
|
|
12
|
-
};
|
|
13
|
-
var __copyProps = (to, from, except, desc) => {
|
|
14
|
-
if (from && typeof from === "object" || typeof from === "function") {
|
|
15
|
-
for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
|
|
16
|
-
get: () => from[key],
|
|
17
|
-
enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
|
|
18
|
-
});
|
|
19
|
-
}
|
|
20
|
-
return to;
|
|
21
|
-
};
|
|
22
|
-
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
23
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
24
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
25
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
26
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
27
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
28
|
-
value: mod,
|
|
29
|
-
enumerable: true
|
|
30
|
-
}) : target, mod));
|
|
31
|
-
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
32
|
-
value: true
|
|
33
|
-
}), mod);
|
|
34
|
-
var Image_exports = {};
|
|
35
|
-
__export(Image_exports, {
|
|
36
|
-
Image: () => Image
|
|
37
|
-
});
|
|
38
|
-
module.exports = __toCommonJS(Image_exports);
|
|
39
|
-
var import_react = __toESM(require("react"), 1);
|
|
40
|
-
var import_constants = require("@hanzogui/constants");
|
|
41
|
-
var import_web = require("@hanzogui/web");
|
|
42
|
-
var import_react_native = require("react-native-web");
|
|
43
|
-
var import_jsx_runtime = require("react/jsx-runtime");
|
|
44
|
-
const StyledImage = (0, import_web.styled)(import_react_native.Image, {
|
|
45
|
-
name: "Image"
|
|
46
|
-
});
|
|
47
|
-
let hasWarned = false;
|
|
48
|
-
const Image = StyledImage.styleable((inProps, ref) => {
|
|
49
|
-
const [props, style] = (0, import_web.usePropsAndStyle)(inProps);
|
|
50
|
-
const {
|
|
51
|
-
src,
|
|
52
|
-
source,
|
|
53
|
-
objectFit,
|
|
54
|
-
...rest
|
|
55
|
-
} = props;
|
|
56
|
-
if (process.env.NODE_ENV === "development") {
|
|
57
|
-
if (typeof src === "string") {
|
|
58
|
-
if (typeof props.width === "string" && props.width[0] !== "$" || typeof props.height === "string" && props.height[0] !== "$") {
|
|
59
|
-
if (!hasWarned) {
|
|
60
|
-
hasWarned = true;
|
|
61
|
-
console.warn(`React Native expects a numerical width/height. If you want to use a percent you must define the "source" prop with width, height, and uri.`);
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
let finalSource = typeof src === "string" ? {
|
|
67
|
-
uri: src,
|
|
68
|
-
...(import_constants.isWeb && {
|
|
69
|
-
width: props.width || style?.width,
|
|
70
|
-
height: props.height || style?.height
|
|
71
|
-
})
|
|
72
|
-
} : source ?? src;
|
|
73
|
-
if (finalSource && typeof finalSource === "object") {
|
|
74
|
-
if (process.env.NODE_ENV === "development" && process.env.GUI_IMAGE_CHECK_ERROR) import_react.default.useEffect(() => {
|
|
75
|
-
async function run() {
|
|
76
|
-
if (typeof src === "string") try {
|
|
77
|
-
await fetch(src).then(res => res.text());
|
|
78
|
-
} catch (err) {
|
|
79
|
-
console.error(`Error loading image: ${src}`, {
|
|
80
|
-
props
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
run();
|
|
85
|
-
}, [src]);
|
|
86
|
-
if (finalSource["default"]) finalSource = finalSource["default"];
|
|
87
|
-
}
|
|
88
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_react_native.Image, {
|
|
89
|
-
resizeMode: objectFit,
|
|
90
|
-
ref,
|
|
91
|
-
source: finalSource,
|
|
92
|
-
style,
|
|
93
|
-
...rest
|
|
94
|
-
});
|
|
95
|
-
});
|
|
96
|
-
Image.getSize = import_react_native.Image.getSize;
|
|
97
|
-
Image.getSizeWithHeaders = import_react_native.Image.getSizeWithHeaders;
|
|
98
|
-
Image.prefetch = import_react_native.Image.prefetch;
|
|
99
|
-
Image.prefetchWithMetadata = import_react_native.Image.prefetchWithMetadata;
|
|
100
|
-
Image.abortPrefetch = import_react_native.Image.abortPrefetch;
|
|
101
|
-
Image.queryCache = import_react_native.Image.queryCache;
|