@hanzogui/image 7.3.1 → 8.0.1
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.cjs +15 -12
- package/dist/cjs/createImage.native.js +15 -12
- package/dist/cjs/createImage.native.js.map +1 -1
- package/dist/esm/createImage.mjs +15 -12
- package/dist/esm/createImage.mjs.map +1 -1
- package/dist/esm/createImage.native.js +15 -12
- package/dist/esm/createImage.native.js.map +1 -1
- package/dist/esm/v1/Image.mjs +9 -9
- package/dist/esm/v1/Image.mjs.map +1 -1
- package/dist/esm/v1/Image.native.js +10 -10
- package/dist/esm/v1/Image.native.js.map +1 -1
- package/dist/jsx/createImage.mjs +15 -12
- package/dist/jsx/createImage.mjs.map +1 -1
- package/dist/jsx/createImage.native.js +15 -12
- package/dist/jsx/createImage.native.js.map +1 -1
- package/dist/jsx/v1/Image.mjs +9 -9
- package/dist/jsx/v1/Image.mjs.map +1 -1
- package/package.json +12 -24
- package/src/createImage.tsx +11 -7
- package/src/v1/Image.tsx +1 -1
- package/types/Image.native.d.ts +2 -2
- package/types/Image.native.d.ts.map +1 -1
- package/types/createImage.d.ts +2 -2
- package/types/createImage.d.ts.map +1 -1
- package/types/v1/Image.d.ts +1 -1
- package/LICENSE +0 -42
package/dist/cjs/createImage.cjs
CHANGED
|
@@ -44,16 +44,17 @@ const defaultObjectFitMap = objectFit => {
|
|
|
44
44
|
const defaultTransformSource = props => {
|
|
45
45
|
const {
|
|
46
46
|
src,
|
|
47
|
-
source
|
|
48
|
-
width,
|
|
49
|
-
height
|
|
47
|
+
source
|
|
50
48
|
} = props;
|
|
51
|
-
if (
|
|
52
|
-
|
|
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;
|
|
53
56
|
return {
|
|
54
|
-
uri: src
|
|
55
|
-
width,
|
|
56
|
-
height
|
|
57
|
+
uri: src
|
|
57
58
|
};
|
|
58
59
|
};
|
|
59
60
|
function createImage(options) {
|
|
@@ -74,6 +75,7 @@ function createImage(options) {
|
|
|
74
75
|
const props = incomingProps;
|
|
75
76
|
const {
|
|
76
77
|
src,
|
|
78
|
+
source,
|
|
77
79
|
width,
|
|
78
80
|
height,
|
|
79
81
|
borderRadius,
|
|
@@ -95,6 +97,7 @@ function createImage(options) {
|
|
|
95
97
|
const resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
|
|
96
98
|
const finalSource = transformSource({
|
|
97
99
|
src,
|
|
100
|
+
source,
|
|
98
101
|
width: resolvedWidth,
|
|
99
102
|
height: resolvedHeight
|
|
100
103
|
});
|
|
@@ -124,11 +127,11 @@ function createImage(options) {
|
|
|
124
127
|
}
|
|
125
128
|
if (onLoad) {
|
|
126
129
|
finalProps.onLoad = e => {
|
|
127
|
-
const
|
|
130
|
+
const source2 = e?.nativeEvent?.source || e?.source || {};
|
|
128
131
|
onLoad({
|
|
129
132
|
target: {
|
|
130
|
-
naturalHeight:
|
|
131
|
-
naturalWidth:
|
|
133
|
+
naturalHeight: source2?.height,
|
|
134
|
+
naturalWidth: source2?.width
|
|
132
135
|
},
|
|
133
136
|
type: "load"
|
|
134
137
|
});
|
|
@@ -141,7 +144,7 @@ function createImage(options) {
|
|
|
141
144
|
});
|
|
142
145
|
};
|
|
143
146
|
}
|
|
144
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
147
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
|
|
145
148
|
ref,
|
|
146
149
|
...finalProps
|
|
147
150
|
});
|
|
@@ -46,16 +46,17 @@ var defaultObjectFitMap = function (objectFit) {
|
|
|
46
46
|
var defaultTransformSource = function (props) {
|
|
47
47
|
var {
|
|
48
48
|
src,
|
|
49
|
-
source
|
|
50
|
-
width,
|
|
51
|
-
height
|
|
49
|
+
source
|
|
52
50
|
} = props;
|
|
53
|
-
if (
|
|
54
|
-
|
|
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;
|
|
55
58
|
return {
|
|
56
|
-
uri: src
|
|
57
|
-
width,
|
|
58
|
-
height
|
|
59
|
+
uri: src
|
|
59
60
|
};
|
|
60
61
|
};
|
|
61
62
|
function createImage(options) {
|
|
@@ -76,6 +77,7 @@ function createImage(options) {
|
|
|
76
77
|
var props = incomingProps;
|
|
77
78
|
var {
|
|
78
79
|
src,
|
|
80
|
+
source,
|
|
79
81
|
width,
|
|
80
82
|
height,
|
|
81
83
|
borderRadius,
|
|
@@ -97,6 +99,7 @@ function createImage(options) {
|
|
|
97
99
|
var resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
|
|
98
100
|
var finalSource = transformSource({
|
|
99
101
|
src,
|
|
102
|
+
source,
|
|
100
103
|
width: resolvedWidth,
|
|
101
104
|
height: resolvedHeight
|
|
102
105
|
});
|
|
@@ -127,11 +130,11 @@ function createImage(options) {
|
|
|
127
130
|
if (onLoad) {
|
|
128
131
|
finalProps.onLoad = function (e) {
|
|
129
132
|
var _e_nativeEvent;
|
|
130
|
-
var
|
|
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) || {};
|
|
131
134
|
onLoad({
|
|
132
135
|
target: {
|
|
133
|
-
naturalHeight:
|
|
134
|
-
naturalWidth:
|
|
136
|
+
naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,
|
|
137
|
+
naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width
|
|
135
138
|
},
|
|
136
139
|
type: "load"
|
|
137
140
|
});
|
|
@@ -144,7 +147,7 @@ function createImage(options) {
|
|
|
144
147
|
});
|
|
145
148
|
};
|
|
146
149
|
}
|
|
147
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
150
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
|
|
148
151
|
ref,
|
|
149
152
|
...finalProps
|
|
150
153
|
});
|
|
@@ -1 +1 @@
|
|
|
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","
|
|
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":"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","ignoreList":[]}
|
package/dist/esm/createImage.mjs
CHANGED
|
@@ -17,16 +17,17 @@ const defaultObjectFitMap = objectFit => {
|
|
|
17
17
|
const defaultTransformSource = props => {
|
|
18
18
|
const {
|
|
19
19
|
src,
|
|
20
|
-
source
|
|
21
|
-
width,
|
|
22
|
-
height
|
|
20
|
+
source
|
|
23
21
|
} = props;
|
|
24
|
-
if (
|
|
25
|
-
|
|
22
|
+
if (typeof src === "string") {
|
|
23
|
+
return {
|
|
24
|
+
uri: src
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
if (source !== void 0 && source !== null) return source;
|
|
28
|
+
if (src !== void 0 && src !== null) return src;
|
|
26
29
|
return {
|
|
27
|
-
uri: src
|
|
28
|
-
width,
|
|
29
|
-
height
|
|
30
|
+
uri: src
|
|
30
31
|
};
|
|
31
32
|
};
|
|
32
33
|
function createImage(options) {
|
|
@@ -47,6 +48,7 @@ function createImage(options) {
|
|
|
47
48
|
const props = incomingProps;
|
|
48
49
|
const {
|
|
49
50
|
src,
|
|
51
|
+
source,
|
|
50
52
|
width,
|
|
51
53
|
height,
|
|
52
54
|
borderRadius,
|
|
@@ -68,6 +70,7 @@ function createImage(options) {
|
|
|
68
70
|
const resolvedHeight = typeof height === "string" && height[0] === "$" ? getTokenValue(height, "size") : height;
|
|
69
71
|
const finalSource = transformSource({
|
|
70
72
|
src,
|
|
73
|
+
source,
|
|
71
74
|
width: resolvedWidth,
|
|
72
75
|
height: resolvedHeight
|
|
73
76
|
});
|
|
@@ -97,11 +100,11 @@ function createImage(options) {
|
|
|
97
100
|
}
|
|
98
101
|
if (onLoad) {
|
|
99
102
|
finalProps.onLoad = e => {
|
|
100
|
-
const
|
|
103
|
+
const source2 = e?.nativeEvent?.source || e?.source || {};
|
|
101
104
|
onLoad({
|
|
102
105
|
target: {
|
|
103
|
-
naturalHeight:
|
|
104
|
-
naturalWidth:
|
|
106
|
+
naturalHeight: source2?.height,
|
|
107
|
+
naturalWidth: source2?.width
|
|
105
108
|
},
|
|
106
109
|
type: "load"
|
|
107
110
|
});
|
|
@@ -114,7 +117,7 @@ function createImage(options) {
|
|
|
114
117
|
});
|
|
115
118
|
};
|
|
116
119
|
}
|
|
117
|
-
return /* @__PURE__ */jsx(
|
|
120
|
+
return /* @__PURE__ */jsx(StyledImage, {
|
|
118
121
|
ref,
|
|
119
122
|
...finalProps
|
|
120
123
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","
|
|
1
|
+
{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","createImage","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","name","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","Object","assign","flat","resolvedBorderRadius","finalProps","e","nativeEvent","target","naturalHeight","naturalWidth","type","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -17,16 +17,17 @@ var defaultObjectFitMap = function (objectFit) {
|
|
|
17
17
|
var defaultTransformSource = function (props) {
|
|
18
18
|
var {
|
|
19
19
|
src,
|
|
20
|
-
source
|
|
21
|
-
width,
|
|
22
|
-
height
|
|
20
|
+
source
|
|
23
21
|
} = props;
|
|
24
|
-
if (
|
|
25
|
-
|
|
22
|
+
if (typeof src === "string") {
|
|
23
|
+
return {
|
|
24
|
+
uri: src
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
if (source !== void 0 && source !== null) return source;
|
|
28
|
+
if (src !== void 0 && src !== null) return src;
|
|
26
29
|
return {
|
|
27
|
-
uri: src
|
|
28
|
-
width,
|
|
29
|
-
height
|
|
30
|
+
uri: src
|
|
30
31
|
};
|
|
31
32
|
};
|
|
32
33
|
function createImage(options) {
|
|
@@ -47,6 +48,7 @@ function createImage(options) {
|
|
|
47
48
|
var props = incomingProps;
|
|
48
49
|
var {
|
|
49
50
|
src,
|
|
51
|
+
source,
|
|
50
52
|
width,
|
|
51
53
|
height,
|
|
52
54
|
borderRadius,
|
|
@@ -68,6 +70,7 @@ function createImage(options) {
|
|
|
68
70
|
var resolvedHeight = typeof height === "string" && height[0] === "$" ? getTokenValue(height, "size") : height;
|
|
69
71
|
var finalSource = transformSource({
|
|
70
72
|
src,
|
|
73
|
+
source,
|
|
71
74
|
width: resolvedWidth,
|
|
72
75
|
height: resolvedHeight
|
|
73
76
|
});
|
|
@@ -98,11 +101,11 @@ function createImage(options) {
|
|
|
98
101
|
if (onLoad) {
|
|
99
102
|
finalProps.onLoad = function (e) {
|
|
100
103
|
var _e_nativeEvent;
|
|
101
|
-
var
|
|
104
|
+
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) || {};
|
|
102
105
|
onLoad({
|
|
103
106
|
target: {
|
|
104
|
-
naturalHeight:
|
|
105
|
-
naturalWidth:
|
|
107
|
+
naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,
|
|
108
|
+
naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width
|
|
106
109
|
},
|
|
107
110
|
type: "load"
|
|
108
111
|
});
|
|
@@ -115,7 +118,7 @@ function createImage(options) {
|
|
|
115
118
|
});
|
|
116
119
|
};
|
|
117
120
|
}
|
|
118
|
-
return /* @__PURE__ */_jsx(
|
|
121
|
+
return /* @__PURE__ */_jsx(StyledImage, {
|
|
119
122
|
ref,
|
|
120
123
|
...finalProps
|
|
121
124
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","_jsx","getTokenValue","styled","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","
|
|
1
|
+
{"version":3,"names":["jsx","_jsx","getTokenValue","styled","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","createImage","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","name","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","Object","assign","flat","resolvedBorderRadius","finalProps","e","_e_nativeEvent","source2","nativeEvent","target","naturalHeight","naturalWidth","type","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
package/dist/esm/v1/Image.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { isWeb } from "@hanzogui/constants";
|
|
3
3
|
import { styled, usePropsAndStyle } from "@hanzogui/web";
|
|
4
|
-
import { Image as
|
|
4
|
+
import { Image as Image$1 } from "react-native-web";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
const StyledImage = styled(
|
|
6
|
+
const StyledImage = styled(Image$1, {
|
|
7
7
|
name: "Image"
|
|
8
8
|
});
|
|
9
9
|
let hasWarned = false;
|
|
@@ -47,7 +47,7 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
47
47
|
}, [src]);
|
|
48
48
|
if (finalSource["default"]) finalSource = finalSource["default"];
|
|
49
49
|
}
|
|
50
|
-
return /* @__PURE__ */jsx(
|
|
50
|
+
return /* @__PURE__ */jsx(Image$1, {
|
|
51
51
|
resizeMode: objectFit,
|
|
52
52
|
ref,
|
|
53
53
|
source: finalSource,
|
|
@@ -55,11 +55,11 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
55
55
|
...rest
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
|
-
Image.getSize =
|
|
59
|
-
Image.getSizeWithHeaders =
|
|
60
|
-
Image.prefetch =
|
|
61
|
-
Image.prefetchWithMetadata =
|
|
62
|
-
Image.abortPrefetch =
|
|
63
|
-
Image.queryCache =
|
|
58
|
+
Image.getSize = Image$1.getSize;
|
|
59
|
+
Image.getSizeWithHeaders = Image$1.getSizeWithHeaders;
|
|
60
|
+
Image.prefetch = Image$1.prefetch;
|
|
61
|
+
Image.prefetchWithMetadata = Image$1.prefetchWithMetadata;
|
|
62
|
+
Image.abortPrefetch = Image$1.abortPrefetch;
|
|
63
|
+
Image.queryCache = Image$1.queryCache;
|
|
64
64
|
export { Image };
|
|
65
65
|
//# sourceMappingURL=Image.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","isWeb","styled","usePropsAndStyle","Image","
|
|
1
|
+
{"version":3,"names":["React","isWeb","styled","usePropsAndStyle","Image","Image$1","jsx","StyledImage","name","hasWarned","styleable","inProps","ref","props","style","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","GUI_IMAGE_CHECK_ERROR","useEffect","run","fetch","then","res","text","err","error","resizeMode","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["Image.mjs"],"sourcesContent":["import React from \"react\";\nimport { isWeb } from \"@hanzogui/constants\";\nimport { styled, usePropsAndStyle } from \"@hanzogui/web\";\nimport { Image as Image$1 } from \"react-native-web\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst StyledImage = styled(Image$1, { name: \"Image\" });\nlet hasWarned = false;\nconst Image = StyledImage.styleable((inProps, ref) => {\n\tconst [props, style] = usePropsAndStyle(inProps);\n\tconst { src, source, objectFit, ...rest } = props;\n\tif (process.env.NODE_ENV === \"development\") {\n\t\tif (typeof src === \"string\") {\n\t\t\tif (typeof props.width === \"string\" && props.width[0] !== \"$\" || typeof props.height === \"string\" && props.height[0] !== \"$\") {\n\t\t\t\tif (!hasWarned) {\n\t\t\t\t\thasWarned = true;\n\t\t\t\t\tconsole.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.`);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tlet finalSource = typeof src === \"string\" ? {\n\t\turi: src,\n\t\t...isWeb && {\n\t\t\twidth: props.width || style?.width,\n\t\t\theight: props.height || style?.height\n\t\t}\n\t} : source ?? src;\n\tif (finalSource && typeof finalSource === \"object\") {\n\t\tif (process.env.NODE_ENV === \"development\" && process.env.GUI_IMAGE_CHECK_ERROR) React.useEffect(() => {\n\t\t\tasync function run() {\n\t\t\t\tif (typeof src === \"string\") try {\n\t\t\t\t\tawait fetch(src).then((res) => res.text());\n\t\t\t\t} catch (err) {\n\t\t\t\t\tconsole.error(`Error loading image: ${src}`, { props });\n\t\t\t\t}\n\t\t\t}\n\t\t\trun();\n\t\t}, [src]);\n\t\tif (finalSource[\"default\"]) finalSource = finalSource[\"default\"];\n\t}\n\treturn /* @__PURE__ */ jsx(Image$1, {\n\t\tresizeMode: objectFit,\n\t\tref,\n\t\tsource: finalSource,\n\t\tstyle,\n\t\t...rest\n\t});\n});\nImage.getSize = Image$1.getSize;\nImage.getSizeWithHeaders = Image$1.getSizeWithHeaders;\nImage.prefetch = Image$1.prefetch;\nImage.prefetchWithMetadata = Image$1.prefetchWithMetadata;\nImage.abortPrefetch = Image$1.abortPrefetch;\nImage.queryCache = Image$1.queryCache;\n\nexport { Image };"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import { jsx
|
|
1
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { isWeb } from "@hanzogui/constants";
|
|
4
4
|
import { styled, usePropsAndStyle } from "@hanzogui/web";
|
|
5
|
-
import { Image as
|
|
5
|
+
import { Image as Image$1 } from "react-native";
|
|
6
6
|
function _type_of(obj) {
|
|
7
7
|
"@swc/helpers - typeof";
|
|
8
8
|
|
|
9
9
|
return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
|
|
10
10
|
}
|
|
11
|
-
var StyledImage = styled(
|
|
11
|
+
var StyledImage = styled(Image$1, {
|
|
12
12
|
name: "Image"
|
|
13
13
|
});
|
|
14
14
|
var hasWarned = false;
|
|
@@ -66,7 +66,7 @@ var Image = StyledImage.styleable(function (inProps, ref) {
|
|
|
66
66
|
}, [src]);
|
|
67
67
|
if (finalSource["default"]) finalSource = finalSource["default"];
|
|
68
68
|
}
|
|
69
|
-
return /* @__PURE__ */
|
|
69
|
+
return /* @__PURE__ */jsx(Image$1, {
|
|
70
70
|
resizeMode: objectFit,
|
|
71
71
|
ref,
|
|
72
72
|
source: finalSource,
|
|
@@ -74,11 +74,11 @@ var Image = StyledImage.styleable(function (inProps, ref) {
|
|
|
74
74
|
...rest
|
|
75
75
|
});
|
|
76
76
|
});
|
|
77
|
-
Image.getSize =
|
|
78
|
-
Image.getSizeWithHeaders =
|
|
79
|
-
Image.prefetch =
|
|
80
|
-
Image.prefetchWithMetadata =
|
|
81
|
-
Image.abortPrefetch =
|
|
82
|
-
Image.queryCache =
|
|
77
|
+
Image.getSize = Image$1.getSize;
|
|
78
|
+
Image.getSizeWithHeaders = Image$1.getSizeWithHeaders;
|
|
79
|
+
Image.prefetch = Image$1.prefetch;
|
|
80
|
+
Image.prefetchWithMetadata = Image$1.prefetchWithMetadata;
|
|
81
|
+
Image.abortPrefetch = Image$1.abortPrefetch;
|
|
82
|
+
Image.queryCache = Image$1.queryCache;
|
|
83
83
|
export { Image };
|
|
84
84
|
//# sourceMappingURL=Image.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["jsx","
|
|
1
|
+
{"version":3,"names":["jsx","React","isWeb","styled","usePropsAndStyle","Image","Image$1","_type_of","obj","Symbol","constructor","StyledImage","name","hasWarned","styleable","inProps","ref","props","style","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","Array","isArray","_style","_style1","_width","_height","GUI_IMAGE_CHECK_ERROR","useEffect","run","fetch","then","res","text","err","error","resizeMode","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["Image.native.js"],"sourcesContent":["import { jsx } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { isWeb } from \"@hanzogui/constants\";\nimport { styled, usePropsAndStyle } from \"@hanzogui/web\";\nimport { Image as Image$1 } from \"react-native\";\n\nfunction _type_of(obj) {\n\t\"@swc/helpers - typeof\";\n\treturn obj && typeof Symbol !== \"undefined\" && obj.constructor === Symbol ? \"symbol\" : typeof obj;\n}\nvar StyledImage = styled(Image$1, { name: \"Image\" });\nvar hasWarned = false;\nvar Image = StyledImage.styleable(function(inProps, ref) {\n\tvar [props, style] = usePropsAndStyle(inProps);\n\tvar { src, source, objectFit, ...rest } = props;\n\tif (process.env.NODE_ENV === \"development\") {\n\t\tif (typeof src === \"string\") {\n\t\t\tif (typeof props.width === \"string\" && props.width[0] !== \"$\" || typeof props.height === \"string\" && props.height[0] !== \"$\") {\n\t\t\t\tif (!hasWarned) {\n\t\t\t\t\thasWarned = true;\n\t\t\t\t\tconsole.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.`);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tvar finalSource = typeof src === \"string\" ? {\n\t\turi: src,\n\t\t...isWeb && {\n\t\t\twidth: props.width || (style === null || style === void 0 ? void 0 : style.width),\n\t\t\theight: props.height || (style === null || style === void 0 ? void 0 : style.height)\n\t\t}\n\t} : source !== null && source !== void 0 ? source : src;\n\tif (finalSource && (typeof finalSource === \"undefined\" ? \"undefined\" : _type_of(finalSource)) === \"object\") {\n\t\tif (!Array.isArray(finalSource)) {\n\t\t\tif (typeof finalSource.uri === \"number\") {\n\t\t\t\tfinalSource = finalSource.uri;\n\t\t\t\tif (source && (typeof source === \"undefined\" ? \"undefined\" : _type_of(source)) === \"object\" && !Array.isArray(source)) {\n\t\t\t\t\tvar _style, _style1;\n\t\t\t\t\tvar _width;\n\t\t\t\t\t(_width = (_style = style).width) !== null && _width !== void 0 || (_style.width = source.width);\n\t\t\t\t\tvar _height;\n\t\t\t\t\t(_height = (_style1 = style).height) !== null && _height !== void 0 || (_style1.height = source.height);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tif (process.env.NODE_ENV === \"development\" && process.env.GUI_IMAGE_CHECK_ERROR) React.useEffect(function() {\n\t\t\tasync function run() {\n\t\t\t\tif (typeof src === \"string\") try {\n\t\t\t\t\tawait fetch(src).then(function(res) {\n\t\t\t\t\t\treturn res.text();\n\t\t\t\t\t});\n\t\t\t\t} catch (err) {\n\t\t\t\t\tconsole.error(`Error loading image: ${src}`, { props });\n\t\t\t\t}\n\t\t\t}\n\t\t\trun();\n\t\t}, [src]);\n\t\tif (finalSource[\"default\"]) finalSource = finalSource[\"default\"];\n\t}\n\treturn /* @__PURE__ */ jsx(Image$1, {\n\t\tresizeMode: objectFit,\n\t\tref,\n\t\tsource: finalSource,\n\t\tstyle,\n\t\t...rest\n\t});\n});\nImage.getSize = Image$1.getSize;\nImage.getSizeWithHeaders = Image$1.getSizeWithHeaders;\nImage.prefetch = Image$1.prefetch;\nImage.prefetchWithMetadata = Image$1.prefetchWithMetadata;\nImage.abortPrefetch = Image$1.abortPrefetch;\nImage.queryCache = Image$1.queryCache;\n\nexport { Image };"],"mappings":"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","ignoreList":[]}
|
package/dist/jsx/createImage.mjs
CHANGED
|
@@ -17,16 +17,17 @@ const defaultObjectFitMap = objectFit => {
|
|
|
17
17
|
const defaultTransformSource = props => {
|
|
18
18
|
const {
|
|
19
19
|
src,
|
|
20
|
-
source
|
|
21
|
-
width,
|
|
22
|
-
height
|
|
20
|
+
source
|
|
23
21
|
} = props;
|
|
24
|
-
if (
|
|
25
|
-
|
|
22
|
+
if (typeof src === "string") {
|
|
23
|
+
return {
|
|
24
|
+
uri: src
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
if (source !== void 0 && source !== null) return source;
|
|
28
|
+
if (src !== void 0 && src !== null) return src;
|
|
26
29
|
return {
|
|
27
|
-
uri: src
|
|
28
|
-
width,
|
|
29
|
-
height
|
|
30
|
+
uri: src
|
|
30
31
|
};
|
|
31
32
|
};
|
|
32
33
|
function createImage(options) {
|
|
@@ -47,6 +48,7 @@ function createImage(options) {
|
|
|
47
48
|
const props = incomingProps;
|
|
48
49
|
const {
|
|
49
50
|
src,
|
|
51
|
+
source,
|
|
50
52
|
width,
|
|
51
53
|
height,
|
|
52
54
|
borderRadius,
|
|
@@ -68,6 +70,7 @@ function createImage(options) {
|
|
|
68
70
|
const resolvedHeight = typeof height === "string" && height[0] === "$" ? getTokenValue(height, "size") : height;
|
|
69
71
|
const finalSource = transformSource({
|
|
70
72
|
src,
|
|
73
|
+
source,
|
|
71
74
|
width: resolvedWidth,
|
|
72
75
|
height: resolvedHeight
|
|
73
76
|
});
|
|
@@ -97,11 +100,11 @@ function createImage(options) {
|
|
|
97
100
|
}
|
|
98
101
|
if (onLoad) {
|
|
99
102
|
finalProps.onLoad = e => {
|
|
100
|
-
const
|
|
103
|
+
const source2 = e?.nativeEvent?.source || e?.source || {};
|
|
101
104
|
onLoad({
|
|
102
105
|
target: {
|
|
103
|
-
naturalHeight:
|
|
104
|
-
naturalWidth:
|
|
106
|
+
naturalHeight: source2?.height,
|
|
107
|
+
naturalWidth: source2?.width
|
|
105
108
|
},
|
|
106
109
|
type: "load"
|
|
107
110
|
});
|
|
@@ -114,7 +117,7 @@ function createImage(options) {
|
|
|
114
117
|
});
|
|
115
118
|
};
|
|
116
119
|
}
|
|
117
|
-
return /* @__PURE__ */jsx(
|
|
120
|
+
return /* @__PURE__ */jsx(StyledImage, {
|
|
118
121
|
ref,
|
|
119
122
|
...finalProps
|
|
120
123
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","
|
|
1
|
+
{"version":3,"names":["getTokenValue","styled","jsx","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","uri","createImage","options","Component","mapObjectFitToResizeMode","resizeModePropName","objectPositionPropName","transformSource","inlinePropsSet","Set","StyledImage","name","inlineProps","ImageComponent","styleable","incomingProps","ref","width","height","borderRadius","objectPosition","decoding","elementTiming","fetchpriority","isMap","loading","sizes","useMap","onLoad","onError","rest","resolvedWidth","resolvedHeight","finalSource","incomingStyle","Array","isArray","style","Object","assign","flat","resolvedBorderRadius","finalProps","e","nativeEvent","target","naturalHeight","naturalWidth","type","comp","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
@@ -46,16 +46,17 @@ var defaultObjectFitMap = function (objectFit) {
|
|
|
46
46
|
var defaultTransformSource = function (props) {
|
|
47
47
|
var {
|
|
48
48
|
src,
|
|
49
|
-
source
|
|
50
|
-
width,
|
|
51
|
-
height
|
|
49
|
+
source
|
|
52
50
|
} = props;
|
|
53
|
-
if (
|
|
54
|
-
|
|
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;
|
|
55
58
|
return {
|
|
56
|
-
uri: src
|
|
57
|
-
width,
|
|
58
|
-
height
|
|
59
|
+
uri: src
|
|
59
60
|
};
|
|
60
61
|
};
|
|
61
62
|
function createImage(options) {
|
|
@@ -76,6 +77,7 @@ function createImage(options) {
|
|
|
76
77
|
var props = incomingProps;
|
|
77
78
|
var {
|
|
78
79
|
src,
|
|
80
|
+
source,
|
|
79
81
|
width,
|
|
80
82
|
height,
|
|
81
83
|
borderRadius,
|
|
@@ -97,6 +99,7 @@ function createImage(options) {
|
|
|
97
99
|
var resolvedHeight = typeof height === "string" && height[0] === "$" ? (0, import_web.getTokenValue)(height, "size") : height;
|
|
98
100
|
var finalSource = transformSource({
|
|
99
101
|
src,
|
|
102
|
+
source,
|
|
100
103
|
width: resolvedWidth,
|
|
101
104
|
height: resolvedHeight
|
|
102
105
|
});
|
|
@@ -127,11 +130,11 @@ function createImage(options) {
|
|
|
127
130
|
if (onLoad) {
|
|
128
131
|
finalProps.onLoad = function (e) {
|
|
129
132
|
var _e_nativeEvent;
|
|
130
|
-
var
|
|
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) || {};
|
|
131
134
|
onLoad({
|
|
132
135
|
target: {
|
|
133
|
-
naturalHeight:
|
|
134
|
-
naturalWidth:
|
|
136
|
+
naturalHeight: source2 === null || source2 === void 0 ? void 0 : source2.height,
|
|
137
|
+
naturalWidth: source2 === null || source2 === void 0 ? void 0 : source2.width
|
|
135
138
|
},
|
|
136
139
|
type: "load"
|
|
137
140
|
});
|
|
@@ -144,7 +147,7 @@ function createImage(options) {
|
|
|
144
147
|
});
|
|
145
148
|
};
|
|
146
149
|
}
|
|
147
|
-
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(
|
|
150
|
+
return /* @__PURE__ */(0, import_jsx_runtime.jsx)(StyledImage, {
|
|
148
151
|
ref,
|
|
149
152
|
...finalProps
|
|
150
153
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","createImage_exports","createImage","module","exports","import_jsx_runtime","require","import_web","defaultObjectFitMap","objectFit","defaultTransformSource","props","src","source","
|
|
1
|
+
{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","createImage_exports","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","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","assign","flat","resolvedBorderRadius","finalProps","e","_e_nativeEvent","source2","nativeEvent","naturalHeight","naturalWidth","type"],"sources":["../../src/createImage.tsx"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AA2OE,IAAAA,SAAA,GAAAC,MAAA,CAAAC,cAAA;AAjMX,IAAAC,gBAAM,GAAAF,MAAuB,CAAAG,wBAAuC;AAClE,IAAAC,iBAAmB,GAAAJ,MAAA,CAAAK,mBAAA;AAAA,IACjBC,YAAK,GAAAN,MAAA,CAAAO,SAAA,CAAAC,cAAA;AACH,IAAAC,QAAA,GAAOA,CAAAC,MAAA,EAAAC,GAAA;EAAA,KACT,IAAKC,IAAA,IAAAD,GAAA,EACHZ,SAAO,CAAAW,MAAA,EAAAE,IAAA;IAAAC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAAA;AAEP,IAAAC,WAAO,GAAAA,CAAAC,EAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,IAAA;EAAA,IACTF,IAAK,WAAAA,IAAA,wBAAAA,IAAA;IACH,SAAOG,GAAA,IAAAhB,iBAAA,CAAAa,IAAA,GACT,KAAAX,YAAA,CAAAe,IAAA,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACEnB,SAAO,CAAAiB,EAAA,EAAAI,GAAA;MAAAP,GAAA,EAAAA,CAAA,KAAAI,IAAA,CAAAG,GAAA;MAAAN,UAAA,IAAAK,IAAA,GAAAjB,gBAAA,CAAAe,IAAA,EAAAG,GAAA,MAAAD,IAAA,CAAAL;IAAA;EACX;EACF,OAAAE,EAAA;AAEA;AAME,IAAAM,YAAa,GAAAC,GAAO,IAAIR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AACxB,IAAAE,mBAAmB;AACjBhB,QAAA,CAAAgB,mBAAO;EAAAC,WACA,EAAAA,CAAA,KAAAA;AAAA;AACPC,MACF,CAAAC,OAAA,GAAAN,YAAA,CAAAG,mBAAA;AACA,IAAAI,kBAAe,GAAAC,OAAa,oBAAwB;AACpD,IAAAC,UAAY,GAAAD,OAAa,gBAAc;AACvC,IAAAE,mBAAO,YAAAA,CAAAC,SAAA;EAAA,QACAA,SAAA;IACP;MACF;IAyBO,KAAS;MAGd,OAAM;IACJ;MACA;IACA;MACA;IACA;MACE;EAGJ;AAA+B;AAC7B,IACAC,sBAAA,YAAAA,CAAAC,KAAA;EAAA,IACA;IAAAC,GAAA;IAAAC;EAAA,IAAAF,KAAA;EAAA,IACA,OAAAC,GAAA;IACA;MACAE,GAAA,EAAAF;IACA;EAAA;EACA,IACAC,MAAA,eAAAA,MAAA,kBAAAA,MAAA;EAAA,IACAD,GAAA,eAAAA,GAAA,kBAAAA,GAAA;EAAA,OACA;IACAE,GAAA,EAAAF;EAAA;AACA;AACA,SACAV,YAAAa,OAAA;EAAA,IACA;IAAAC,SAAA;IAAAC,wBAAA,GAAAT,mBAAA;IAAAU,kBAAA;IAAAC,sBAAA;IAAAC,eAAA,GAAAV;EAAA,IAAAK,OAAA;EACF,IAACM,cAAA,sBAAAC,GAAA,EAED,QAAM,EACJ,eACA,0BACQ,EACR,mBACA,6BACE,EACF,oBACF,YAKA,YAAM,EACJ,UAAM,EACN,uBAAM,oBACJ,eACA,cACA,aACA;EACA,IACAC,WAAA,OAAAhB,UAAA,CAAAiB,MAAA,EAAAR,SAAA;IAAA5B,IACA;EAAA;IAAAqC,WAEA,EAAAJ;EAAA;EACA,IACAK,cAAA,GAAAH,WAAA,CAAAI,SAAA,WAAAC,aAAA,EAAAC,GAAA;IAAA,IACAlB,KAAA,GAAAiB,aAAA;IAAA,IACA;MACAhB,GAAA;MACAC,MAAA;MACAiB,KAAA;MACAC,MAAA;MACAC,YAAG;MACLvB,SAAI;MAEJwB,cAAM;MAIN;MAKAC,QAAM;MACJC,aAAA;MACAC,aAAA;MACAC,KAAA;MACAC,OAAA;MACDC,KAAA;MAEDC,MAAM;MAINC,MAAM;MAKNC,OAAM;MACJ,GAAGC;IAAA,IACHhC,KAAA;IAAQ,IACRiC,aAAO,UAAAd,KAAA,iBAAAA,KAAA,kBAAAvB,UAAA,CAAAsC,aAAA,EAAAf,KAAA,YAAAA,KAAA;IAAA,IACLgB,cAAG,UAAAf,MAAA,iBAAAA,MAAA,kBAAAxB,UAAA,CAAAsC,aAAA,EAAAd,MAAA,YAAAA,MAAA;IAAA,IACHgB,WAAI,GAAA3B,eAAyB;MAAkDR,GAC/E;MAA0DC,MACtD;MACNiB,KAAA,EAAAc,aAAA;MACFb,MAAA,EAAAe;IAGA;IACE,IAAAE,aAAW,GAAAC,KAAA,CAAAC,OAAkB,CAAAP,IAAI,CAAAQ,KAAA,IAAA3E,MAAA,CAAA4E,MAAyB,QAAST,IAAA,CAAAQ,KAAA,CAAAE,IAAA,MAAAV,IAAA,CAAAQ,KAAA;IACrE,IAAAG,oBAAA,UAAAtB,YAAA,iBAAAA,YAAA,kBAAAzB,UAAA,CAAAsC,aAAA,EAAAb,YAAA,cAAAA,YAAA;IAGA,IAAIuB,UAAA;MACF,GAAAZ,IAAA;MACF9B,MAAA,EAAAkC,WAAA;MAGAI,KAAI;QACF,GAAAH,aAAW;QACT,IAAAM,oBAAkB,UAAa;UAC/BtB,YAAO,EAAAsB;QAAA;QACG,IAAAV,aACN,KAAe,UAAQ;UAAAd,KACvB,EAAAc;QAAsB;QACxB,IACAE,cAAM;UACAf,MAAA,EAAAe;QACV;MACF;IAGA;IACE,IAAArC,SAAW;MACT8C,UAAQ,CAAArC,kBAAA,IAAAD,wBAAA,CAAAR,SAAA;IAAA;IACA,IACRU,sBAAQ,IAAAc,cAAA;MACVsB,UAAA,CAAApC,sBAAA,IAAAc,cAAA;IACF;IAEA,IAAAQ,MAAO;MACRc,UAAA,CAAAd,MAAA,aAAAe,CAAA;QAGK,IAAAC,cAAO;QACb,IAAAC,OAAe,IAAAF,CAAA,KAAU,IAAK,IAAAA,CAAA,UAAY,IAAM,UAAAC,cAAA,GAAAD,CAAA,CAAAG,WAAA,cAAAF,cAAA,uBAAAA,cAAA,CAAA5C,MAAA,MAAA2C,CAAA,aAAAA,CAAA,uBAAAA,CAAA,CAAA3C,MAAA;QAAC4B,MAAA;UACjDvD,MAAA,EAAe;YAAwD0E,aAAA,EAAAF,OAAA,aAAAA,OAAA,uBAAAA,OAAA,CAAA3B,MAAA;YACvE8B,YAAe,EAAAH,OAAgB,aAAaA,OAAM,uBAAAA,OAAA,CAAA5B;UAAC;UACnDgC,IAAA;QAA2E;MAC3E;IAA6D;IAC7D,IAAApB,OAAA,EAAe;MAAwCa,UAAA,CAAAb,OAAA;QAEvDA,OAAO;UACToB,IAAA","ignoreList":[]}
|
package/dist/jsx/v1/Image.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { isWeb } from "@hanzogui/constants";
|
|
3
3
|
import { styled, usePropsAndStyle } from "@hanzogui/web";
|
|
4
|
-
import { Image as
|
|
4
|
+
import { Image as Image$1 } from "react-native-web";
|
|
5
5
|
import { jsx } from "react/jsx-runtime";
|
|
6
|
-
const StyledImage = styled(
|
|
6
|
+
const StyledImage = styled(Image$1, {
|
|
7
7
|
name: "Image"
|
|
8
8
|
});
|
|
9
9
|
let hasWarned = false;
|
|
@@ -47,7 +47,7 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
47
47
|
}, [src]);
|
|
48
48
|
if (finalSource["default"]) finalSource = finalSource["default"];
|
|
49
49
|
}
|
|
50
|
-
return /* @__PURE__ */jsx(
|
|
50
|
+
return /* @__PURE__ */jsx(Image$1, {
|
|
51
51
|
resizeMode: objectFit,
|
|
52
52
|
ref,
|
|
53
53
|
source: finalSource,
|
|
@@ -55,11 +55,11 @@ const Image = StyledImage.styleable((inProps, ref) => {
|
|
|
55
55
|
...rest
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
|
-
Image.getSize =
|
|
59
|
-
Image.getSizeWithHeaders =
|
|
60
|
-
Image.prefetch =
|
|
61
|
-
Image.prefetchWithMetadata =
|
|
62
|
-
Image.abortPrefetch =
|
|
63
|
-
Image.queryCache =
|
|
58
|
+
Image.getSize = Image$1.getSize;
|
|
59
|
+
Image.getSizeWithHeaders = Image$1.getSizeWithHeaders;
|
|
60
|
+
Image.prefetch = Image$1.prefetch;
|
|
61
|
+
Image.prefetchWithMetadata = Image$1.prefetchWithMetadata;
|
|
62
|
+
Image.abortPrefetch = Image$1.abortPrefetch;
|
|
63
|
+
Image.queryCache = Image$1.queryCache;
|
|
64
64
|
export { Image };
|
|
65
65
|
//# sourceMappingURL=Image.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","isWeb","styled","usePropsAndStyle","Image","
|
|
1
|
+
{"version":3,"names":["React","isWeb","styled","usePropsAndStyle","Image","Image$1","jsx","StyledImage","name","hasWarned","styleable","inProps","ref","props","style","src","source","objectFit","rest","process","env","NODE_ENV","width","height","console","warn","finalSource","uri","GUI_IMAGE_CHECK_ERROR","useEffect","run","fetch","then","res","text","err","error","resizeMode","getSize","getSizeWithHeaders","prefetch","prefetchWithMetadata","abortPrefetch","queryCache"],"sources":["Image.mjs"],"sourcesContent":["import React from \"react\";\nimport { isWeb } from \"@hanzogui/constants\";\nimport { styled, usePropsAndStyle } from \"@hanzogui/web\";\nimport { Image as Image$1 } from \"react-native-web\";\nimport { jsx } from \"react/jsx-runtime\";\n\nconst StyledImage = styled(Image$1, { name: \"Image\" });\nlet hasWarned = false;\nconst Image = StyledImage.styleable((inProps, ref) => {\n\tconst [props, style] = usePropsAndStyle(inProps);\n\tconst { src, source, objectFit, ...rest } = props;\n\tif (process.env.NODE_ENV === \"development\") {\n\t\tif (typeof src === \"string\") {\n\t\t\tif (typeof props.width === \"string\" && props.width[0] !== \"$\" || typeof props.height === \"string\" && props.height[0] !== \"$\") {\n\t\t\t\tif (!hasWarned) {\n\t\t\t\t\thasWarned = true;\n\t\t\t\t\tconsole.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.`);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tlet finalSource = typeof src === \"string\" ? {\n\t\turi: src,\n\t\t...isWeb && {\n\t\t\twidth: props.width || style?.width,\n\t\t\theight: props.height || style?.height\n\t\t}\n\t} : source ?? src;\n\tif (finalSource && typeof finalSource === \"object\") {\n\t\tif (process.env.NODE_ENV === \"development\" && process.env.GUI_IMAGE_CHECK_ERROR) React.useEffect(() => {\n\t\t\tasync function run() {\n\t\t\t\tif (typeof src === \"string\") try {\n\t\t\t\t\tawait fetch(src).then((res) => res.text());\n\t\t\t\t} catch (err) {\n\t\t\t\t\tconsole.error(`Error loading image: ${src}`, { props });\n\t\t\t\t}\n\t\t\t}\n\t\t\trun();\n\t\t}, [src]);\n\t\tif (finalSource[\"default\"]) finalSource = finalSource[\"default\"];\n\t}\n\treturn /* @__PURE__ */ jsx(Image$1, {\n\t\tresizeMode: objectFit,\n\t\tref,\n\t\tsource: finalSource,\n\t\tstyle,\n\t\t...rest\n\t});\n});\nImage.getSize = Image$1.getSize;\nImage.getSizeWithHeaders = Image$1.getSizeWithHeaders;\nImage.prefetch = Image$1.prefetch;\nImage.prefetchWithMetadata = Image$1.prefetchWithMetadata;\nImage.abortPrefetch = Image$1.abortPrefetch;\nImage.queryCache = Image$1.queryCache;\n\nexport { Image };"],"mappings":"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","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzogui/image",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "8.0.1",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"files": [
|
|
6
6
|
"src",
|
|
@@ -8,9 +8,7 @@
|
|
|
8
8
|
"dist"
|
|
9
9
|
],
|
|
10
10
|
"type": "module",
|
|
11
|
-
"sideEffects":
|
|
12
|
-
"*.css"
|
|
13
|
-
],
|
|
11
|
+
"sideEffects": false,
|
|
14
12
|
"main": "dist/cjs",
|
|
15
13
|
"module": "dist/esm",
|
|
16
14
|
"types": "./types/index.d.ts",
|
|
@@ -30,33 +28,23 @@
|
|
|
30
28
|
"access": "public"
|
|
31
29
|
},
|
|
32
30
|
"scripts": {
|
|
33
|
-
"build": "
|
|
34
|
-
"watch": "
|
|
35
|
-
"clean": "
|
|
36
|
-
"clean:build": "
|
|
31
|
+
"build": "hanzogui-build",
|
|
32
|
+
"watch": "hanzogui-build --watch",
|
|
33
|
+
"clean": "hanzogui-build clean",
|
|
34
|
+
"clean:build": "hanzogui-build clean:build"
|
|
37
35
|
},
|
|
38
36
|
"dependencies": {
|
|
39
|
-
"@hanzogui/constants": "
|
|
40
|
-
"@hanzogui/core": "
|
|
41
|
-
"@hanzogui/web": "
|
|
42
|
-
"expo-image": "^55.0.11",
|
|
43
|
-
"react-native-web": "^0.21.0"
|
|
37
|
+
"@hanzogui/constants": "8.0.0",
|
|
38
|
+
"@hanzogui/core": "8.0.1",
|
|
39
|
+
"@hanzogui/web": "8.0.0"
|
|
44
40
|
},
|
|
45
41
|
"devDependencies": {
|
|
46
|
-
"@hanzogui/build": "
|
|
42
|
+
"@hanzogui/build": "8.0.0",
|
|
47
43
|
"react": ">=19",
|
|
48
44
|
"react-native": "0.83.2"
|
|
49
45
|
},
|
|
50
46
|
"peerDependencies": {
|
|
51
|
-
"react": ">=19"
|
|
52
|
-
"react-native": "*"
|
|
47
|
+
"react": ">=19"
|
|
53
48
|
},
|
|
54
|
-
"module:jsx": "dist/jsx"
|
|
55
|
-
"license": "BSD-3-Clause",
|
|
56
|
-
"author": "Hanzo AI <dev@hanzo.ai>",
|
|
57
|
-
"peerDependenciesMeta": {
|
|
58
|
-
"react-native": {
|
|
59
|
-
"optional": true
|
|
60
|
-
}
|
|
61
|
-
}
|
|
49
|
+
"module:jsx": "dist/jsx"
|
|
62
50
|
}
|
package/src/createImage.tsx
CHANGED
|
@@ -61,13 +61,16 @@ const defaultTransformSource = (props: {
|
|
|
61
61
|
width?: any
|
|
62
62
|
height?: any
|
|
63
63
|
}) => {
|
|
64
|
-
const { src, source
|
|
65
|
-
if (
|
|
66
|
-
|
|
64
|
+
const { src, source } = props
|
|
65
|
+
if (typeof src === 'string') {
|
|
66
|
+
return {
|
|
67
|
+
uri: src,
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
if (source !== undefined && source !== null) return source
|
|
71
|
+
if (src !== undefined && src !== null) return src
|
|
67
72
|
return {
|
|
68
73
|
uri: src,
|
|
69
|
-
width,
|
|
70
|
-
height,
|
|
71
74
|
}
|
|
72
75
|
}
|
|
73
76
|
|
|
@@ -142,6 +145,7 @@ export function createImage<C extends ComponentType<any>>(
|
|
|
142
145
|
const props = incomingProps as any
|
|
143
146
|
const {
|
|
144
147
|
src,
|
|
148
|
+
source,
|
|
145
149
|
width,
|
|
146
150
|
height,
|
|
147
151
|
borderRadius,
|
|
@@ -171,6 +175,7 @@ export function createImage<C extends ComponentType<any>>(
|
|
|
171
175
|
|
|
172
176
|
const finalSource = transformSource({
|
|
173
177
|
src,
|
|
178
|
+
source,
|
|
174
179
|
width: resolvedWidth,
|
|
175
180
|
height: resolvedHeight,
|
|
176
181
|
})
|
|
@@ -228,8 +233,7 @@ export function createImage<C extends ComponentType<any>>(
|
|
|
228
233
|
}
|
|
229
234
|
}
|
|
230
235
|
|
|
231
|
-
|
|
232
|
-
return <Component ref={ref} {...finalProps} />
|
|
236
|
+
return <StyledImage ref={ref} {...finalProps} />
|
|
233
237
|
}) as unknown as ImageType & React.FC<CombinedProps>
|
|
234
238
|
|
|
235
239
|
// Add static methods if the component has them
|
package/src/v1/Image.tsx
CHANGED
|
@@ -52,7 +52,7 @@ let hasWarned = false
|
|
|
52
52
|
|
|
53
53
|
/**
|
|
54
54
|
* @summary An image is a component that displays an image.
|
|
55
|
-
* @see — Docs https://
|
|
55
|
+
* @see — Docs https://hanzogui.dev/ui/image
|
|
56
56
|
*/
|
|
57
57
|
export const Image = StyledImage.styleable<ImageProps>((inProps, ref) => {
|
|
58
58
|
const [props, style] = usePropsAndStyle(inProps)
|
package/types/Image.native.d.ts
CHANGED
|
@@ -6,11 +6,11 @@ export declare const Image: import("react").FC<Partial<import("./types").ImagePr
|
|
|
6
6
|
prefetchWithMetadata: typeof RNImage.prefetchWithMetadata;
|
|
7
7
|
abortPrefetch: typeof RNImage.abortPrefetch | undefined;
|
|
8
8
|
queryCache: typeof RNImage.queryCache | undefined;
|
|
9
|
-
} & import("react").FC<import("@hanzogui/web").StackNonStyleProps & import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>> & import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> & import("@hanzogui/web").WithMediaProps<import("@hanzogui/web").WithThemeShorthandsAndPseudos<import("@hanzogui/web").StackStyleBase, {}>> & Omit<import("react-native").ImageProps, `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys |
|
|
9
|
+
} & import("react").FC<import("@hanzogui/web").StackNonStyleProps & import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>> & import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> & import("@hanzogui/web").WithMediaProps<import("@hanzogui/web").WithThemeShorthandsAndPseudos<import("@hanzogui/web").StackStyleBase, {}>> & Omit<import("react-native").ImageProps, `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys | keyof import("@hanzogui/web").StackStyleBase | keyof import("@hanzogui/web").StackNonStyleProps | keyof import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> | "source" | "resizeMode"> & {
|
|
10
10
|
src?: string | number;
|
|
11
11
|
source?: import("react-native").ImageSourcePropType;
|
|
12
12
|
resizeMode?: import("react-native").ImageResizeMode;
|
|
13
13
|
objectFit?: React.CSSProperties["objectFit"];
|
|
14
14
|
objectPosition?: React.CSSProperties["objectPosition"];
|
|
15
|
-
} & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys |
|
|
15
|
+
} & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys | keyof import("@hanzogui/web").StackStyleBase | keyof import("@hanzogui/web").StackNonStyleProps | keyof import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> | "src"> & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "style" | "height" | "width" | "src"> & Omit<import("react-native").ImageProps, `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys | "onLayout" | "rel" | "dir" | keyof import("@hanzogui/web").StackStyleBase | keyof import("@hanzogui/web").StackNonStyleProps | keyof import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> | "source" | "resizeMode" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "tintColor" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "resizeMethod" | "fadeDuration" | "objectPosition" | "decoding" | "fetchPriority" | "loading" | "sizes" | "useMap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "title" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture">>;
|
|
16
16
|
//# sourceMappingURL=Image.native.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Image.native.d.ts","sourceRoot":"","sources":["../src/Image.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAG/C,eAAO,MAAM,KAAK;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Image.native.d.ts","sourceRoot":"","sources":["../src/Image.native.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,IAAI,OAAO,EAAE,MAAM,cAAc,CAAA;AAG/C,eAAO,MAAM,KAAK;;;;;;;;;;;;;8wKAEhB,CAAA"}
|
package/types/createImage.d.ts
CHANGED
|
@@ -66,12 +66,12 @@ export declare function createImage<C extends ComponentType<any>>(options: Creat
|
|
|
66
66
|
prefetchWithMetadata: typeof import("react-native").Image.prefetchWithMetadata;
|
|
67
67
|
abortPrefetch: typeof import("react-native").Image.abortPrefetch | undefined;
|
|
68
68
|
queryCache: typeof import("react-native").Image.queryCache | undefined;
|
|
69
|
-
} & import("react").FC<import("@hanzogui/web").StackNonStyleProps & import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>> & import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> & import("@hanzogui/web").WithMediaProps<import("@hanzogui/web").WithThemeShorthandsAndPseudos<import("@hanzogui/web").StackStyleBase, {}>> & Omit<import("react-native").ImageProps, `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys |
|
|
69
|
+
} & import("react").FC<import("@hanzogui/web").StackNonStyleProps & import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>> & import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> & import("@hanzogui/web").WithMediaProps<import("@hanzogui/web").WithThemeShorthandsAndPseudos<import("@hanzogui/web").StackStyleBase, {}>> & Omit<import("react-native").ImageProps, `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys | keyof import("@hanzogui/web").StackStyleBase | keyof import("@hanzogui/web").StackNonStyleProps | keyof import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> | "source" | "resizeMode"> & {
|
|
70
70
|
src?: string | number;
|
|
71
71
|
source?: import("react-native").ImageSourcePropType;
|
|
72
72
|
resizeMode?: ImageResizeMode;
|
|
73
73
|
objectFit?: React.CSSProperties["objectFit"];
|
|
74
74
|
objectPosition?: React.CSSProperties["objectPosition"];
|
|
75
|
-
} & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys |
|
|
75
|
+
} & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys | keyof import("@hanzogui/web").StackStyleBase | keyof import("@hanzogui/web").StackNonStyleProps | keyof import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> | "src"> & Omit<import("react").ImgHTMLAttributes<HTMLImageElement>, "style" | "height" | "width" | "src"> & Omit<GetProps<C>, `$${string}` | `$${number}` | import("@hanzogui/web").GroupMediaKeys | "onLayout" | "rel" | "dir" | keyof import("@hanzogui/web").StackStyleBase | keyof import("@hanzogui/web").StackNonStyleProps | keyof import("@hanzogui/web").WithPseudoProps<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase> & import("@hanzogui/web").WithShorthands<import("@hanzogui/web").WithThemeValues<import("@hanzogui/web").StackStyleBase>>> | "source" | "resizeMode" | "onError" | "onLoad" | "onLoadEnd" | "onLoadStart" | "progressiveRenderingEnabled" | "src" | "srcSet" | "loadingIndicatorSource" | "defaultSource" | "alt" | "crossOrigin" | "tintColor" | "referrerPolicy" | "blurRadius" | "capInsets" | "onProgress" | "onPartialLoad" | "resizeMethod" | "fadeDuration" | "objectPosition" | "decoding" | "fetchPriority" | "loading" | "sizes" | "useMap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "draggable" | "enterKeyHint" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "title" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-dropeffect" | "aria-errormessage" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-setsize" | "aria-sort" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture">>;
|
|
76
76
|
export {};
|
|
77
77
|
//# sourceMappingURL=createImage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createImage.d.ts","sourceRoot":"","sources":["../src/createImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,SAAS,CAAA;AAEpD,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI;IAC7D;;;OAGG;IACH,SAAS,EAAE,CAAC,CAAA;IACZ;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACrB,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,KAAK,GAAG,CAAA;CACV,CAAA;
|
|
1
|
+
{"version":3,"file":"createImage.d.ts","sourceRoot":"","sources":["../src/createImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,UAAU,EAAa,MAAM,SAAS,CAAA;AAEpD,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAA;AAE/D,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,IAAI;IAC7D;;;OAGG;IACH,SAAS,EAAE,CAAC,CAAA;IACZ;;;OAGG;IACH,wBAAwB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAA;IACxD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;;;OAIG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAA;IAC/B;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACrB,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,KAAK,GAAG,CAAA;CACV,CAAA;AAoCD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,WAAW,CAAC,CAAC,SAAS,aAAa,CAAC,GAAG,CAAC,EACtD,OAAO,EAAE,kBAAkB,CAAC,CAAC,CAAC;;;;;;;;;;;;;yvKAoJ/B"}
|
package/types/v1/Image.d.ts
CHANGED
|
@@ -29,7 +29,7 @@ type ImageType = FC<ImageProps> & {
|
|
|
29
29
|
};
|
|
30
30
|
/**
|
|
31
31
|
* @summary An image is a component that displays an image.
|
|
32
|
-
* @see — Docs https://
|
|
32
|
+
* @see — Docs https://hanzogui.dev/ui/image
|
|
33
33
|
*/
|
|
34
34
|
export declare const Image: ImageType;
|
|
35
35
|
export {};
|
package/LICENSE
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
BSD 3-Clause License
|
|
2
|
-
|
|
3
|
-
Copyright (c) 2026-present, Hanzo AI, Inc.
|
|
4
|
-
|
|
5
|
-
Portions of this software are derived from upstream code originally licensed under
|
|
6
|
-
the MIT License, with the following copyright notices retained per its terms:
|
|
7
|
-
|
|
8
|
-
Copyright (c) 2020 Nate Wienert
|
|
9
|
-
Copyright (c) 2015-present, Nicolas Gallagher.
|
|
10
|
-
Copyright (c) 2015-present, Facebook, Inc.
|
|
11
|
-
Copyright (c) 2021 Radix
|
|
12
|
-
Copyright (c) 2017 Carmelo Pullara
|
|
13
|
-
Copyright (c) 2018 Framer B.V.
|
|
14
|
-
Copyright (c) 2022 WorkOS
|
|
15
|
-
|
|
16
|
-
All rights reserved.
|
|
17
|
-
|
|
18
|
-
Redistribution and use in source and binary forms, with or without
|
|
19
|
-
modification, are permitted provided that the following conditions are met:
|
|
20
|
-
|
|
21
|
-
1. Redistributions of source code must retain the above copyright notice, this
|
|
22
|
-
list of conditions and the following disclaimer.
|
|
23
|
-
|
|
24
|
-
2. Redistributions in binary form must reproduce the above copyright notice,
|
|
25
|
-
this list of conditions and the following disclaimer in the documentation
|
|
26
|
-
and/or other materials provided with the distribution.
|
|
27
|
-
|
|
28
|
-
3. Neither the name of the copyright holder nor the names of its contributors
|
|
29
|
-
may be used to endorse or promote products derived from this software
|
|
30
|
-
without specific prior written permission.
|
|
31
|
-
|
|
32
|
-
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
|
|
33
|
-
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
|
|
34
|
-
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
|
|
35
|
-
ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE
|
|
36
|
-
LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
|
|
37
|
-
CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
|
|
38
|
-
SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
|
|
39
|
-
INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
|
|
40
|
-
CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
|
|
41
|
-
ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
|
|
42
|
-
POSSIBILITY OF SUCH DAMAGE.
|