@depict-ai/react-ui 1.0.9 → 1.0.11
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/README.md +2 -2
- package/dist/index.d.ts +489 -505
- package/dist/main.js +29 -70
- package/dist/module.js +32 -73
- package/dist/styles/plain-css-fallback-styling.css +1 -1
- package/dist-server/dist/index.d.ts +54 -0
- package/dist-server/dist/main.js +102 -0
- package/dist-server/dist/module.js +85 -0
- package/dist-server/index.d.ts +28 -59
- package/dist-server/main.js +7 -64
- package/dist-server/module.js +9 -64
- package/locales/index.d.ts +2 -2
- package/locales/index.js +1 -1
- package/locales/require.js +1 -1
- package/package.json +6 -6
package/dist-server/main.js
CHANGED
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
var $5efvh$react = require("react");
|
|
2
2
|
var $5efvh$reactjsxruntime = require("react/jsx-runtime");
|
|
3
|
-
var $5efvh$depictaiuissr = require("@depict-ai/ui/ssr");
|
|
4
|
-
var $5efvh$solidjsweb = require("solid-js/web");
|
|
5
3
|
|
|
6
4
|
function $parcel$export(e, n, v, s) {
|
|
7
5
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
@@ -18,30 +16,10 @@ $parcel$export(module.exports, "TextPlaceholder", () => $41e7e5d85b5e0d49$export
|
|
|
18
16
|
$parcel$export(module.exports, "useSearchField", () => $41e7e5d85b5e0d49$export$9bb30bbe003b82e0);
|
|
19
17
|
$parcel$export(module.exports, "openModal", () => $41e7e5d85b5e0d49$export$a7f6cffb6b8ba11c);
|
|
20
18
|
$parcel$export(module.exports, "useSearchModal", () => $41e7e5d85b5e0d49$export$912994940e660d32);
|
|
21
|
-
$parcel$export(module.exports, "usePerformanceClient", () => $41e7e5d85b5e0d49$export$38b98fae14bd1f64);
|
|
22
|
-
$parcel$export(module.exports, "useFetchRecommendations", () => $41e7e5d85b5e0d49$export$6501da23a2770fc);
|
|
23
19
|
$parcel$export(module.exports, "version", () => $db7b67857900028b$export$83d89fbfd8236492);
|
|
24
20
|
|
|
25
21
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
function $35dfe83eec81954c$export$4b564d7f5a1b1d43({ solid_component: solid_component , props: props , wrapper_type: wrapper_type = "div" , wrapper_style: wrapper_style = {} }) {
|
|
30
|
-
const wrapper_element_ref = (0, $5efvh$react.useRef)();
|
|
31
|
-
// The worst thing that can happen by multiple generateHydrationScript's is that events dispatched before the hydration are duplicated in solid's shared context which leads to them being deduplicated again here https://github.com/ryansolid/dom-expressions/blob/21fdba5bcab25986a2b93003aaace100b2231cdc/packages/dom-expressions/src/client.js#L280
|
|
32
|
-
const rendered_html = (0, $5efvh$solidjsweb.renderToString)(()=>solid_component(props, ()=>{})) + (0, $5efvh$solidjsweb.generateHydrationScript)();
|
|
33
|
-
return (0, $5efvh$react.createElement)((0, $5efvh$react.Fragment), null, (0, $5efvh$react.createElement)(wrapper_type, {
|
|
34
|
-
ref: wrapper_element_ref,
|
|
35
|
-
style: wrapper_style,
|
|
36
|
-
dangerouslySetInnerHTML: {
|
|
37
|
-
__html: rendered_html
|
|
38
|
-
}
|
|
39
|
-
}));
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
const $db7b67857900028b$export$83d89fbfd8236492 = "1.0.9";
|
|
22
|
+
const $db7b67857900028b$export$83d89fbfd8236492 = "0.0.92";
|
|
45
23
|
|
|
46
24
|
|
|
47
25
|
function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
|
|
@@ -75,29 +53,14 @@ function $41e7e5d85b5e0d49$export$80e99ee6b29cadd2() {
|
|
|
75
53
|
}
|
|
76
54
|
});
|
|
77
55
|
}
|
|
78
|
-
function $41e7e5d85b5e0d49$export$3f37af283f8fb843(
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
...raw_react_props
|
|
82
|
-
};
|
|
83
|
-
return (0, $35dfe83eec81954c$export$4b564d7f5a1b1d43)({
|
|
84
|
-
solid_component: (props_store)=>(0, $5efvh$depictaiuissr.ImagePlaceholder)(props_store),
|
|
85
|
-
props: react_props,
|
|
86
|
-
wrapper_type: "span"
|
|
56
|
+
function $41e7e5d85b5e0d49$export$3f37af283f8fb843() {
|
|
57
|
+
return (0, $5efvh$reactjsxruntime.jsx)("div", {
|
|
58
|
+
children: []
|
|
87
59
|
});
|
|
88
60
|
}
|
|
89
|
-
function $41e7e5d85b5e0d49$export$89c6019e4baa40b1(
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
class: raw_react_props.className
|
|
93
|
-
};
|
|
94
|
-
return (0, $35dfe83eec81954c$export$4b564d7f5a1b1d43)({
|
|
95
|
-
solid_component: (props_store)=>(0, $5efvh$depictaiuissr.TextPlaceholder)(props_store),
|
|
96
|
-
props: react_props,
|
|
97
|
-
wrapper_type: "span",
|
|
98
|
-
wrapper_style: {
|
|
99
|
-
"height": "100%"
|
|
100
|
-
}
|
|
61
|
+
function $41e7e5d85b5e0d49$export$89c6019e4baa40b1() {
|
|
62
|
+
return (0, $5efvh$reactjsxruntime.jsx)("div", {
|
|
63
|
+
children: []
|
|
101
64
|
});
|
|
102
65
|
}
|
|
103
66
|
function $41e7e5d85b5e0d49$export$9bb30bbe003b82e0() {
|
|
@@ -113,25 +76,5 @@ function $41e7e5d85b5e0d49$export$912994940e660d32() {
|
|
|
113
76
|
open: ()=>{}
|
|
114
77
|
};
|
|
115
78
|
}
|
|
116
|
-
function $41e7e5d85b5e0d49$export$38b98fae14bd1f64() {
|
|
117
|
-
const mock = {
|
|
118
|
-
get: function(target, property) {
|
|
119
|
-
if (typeof target[property] === "undefined") return ()=>{
|
|
120
|
-
throw new Error("Depict Performance Client is currently not available on the server. Please wrap your call in a useEffect hook or user event handler.");
|
|
121
|
-
};
|
|
122
|
-
return target[property];
|
|
123
|
-
}
|
|
124
|
-
};
|
|
125
|
-
return {
|
|
126
|
-
dpc: new Proxy({}, mock)
|
|
127
|
-
};
|
|
128
|
-
}
|
|
129
|
-
function $41e7e5d85b5e0d49$export$6501da23a2770fc() {
|
|
130
|
-
return {
|
|
131
|
-
fetchRecommendations: ()=>{
|
|
132
|
-
throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
|
|
133
|
-
}
|
|
134
|
-
};
|
|
135
|
-
}
|
|
136
79
|
|
|
137
80
|
|
package/dist-server/module.js
CHANGED
|
@@ -1,29 +1,9 @@
|
|
|
1
|
-
import {createElement as $1RlIW$createElement
|
|
1
|
+
import {createElement as $1RlIW$createElement} from "react";
|
|
2
2
|
import {jsx as $1RlIW$jsx} from "react/jsx-runtime";
|
|
3
|
-
import {ImagePlaceholder as $1RlIW$ImagePlaceholder, TextPlaceholder as $1RlIW$TextPlaceholder} from "@depict-ai/ui/ssr";
|
|
4
|
-
import {renderToString as $1RlIW$renderToString, generateHydrationScript as $1RlIW$generateHydrationScript} from "solid-js/web";
|
|
5
3
|
|
|
6
4
|
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
function $4568c09979447ab1$export$4b564d7f5a1b1d43({ solid_component: solid_component , props: props , wrapper_type: wrapper_type = "div" , wrapper_style: wrapper_style = {} }) {
|
|
12
|
-
const wrapper_element_ref = (0, $1RlIW$useRef)();
|
|
13
|
-
// The worst thing that can happen by multiple generateHydrationScript's is that events dispatched before the hydration are duplicated in solid's shared context which leads to them being deduplicated again here https://github.com/ryansolid/dom-expressions/blob/21fdba5bcab25986a2b93003aaace100b2231cdc/packages/dom-expressions/src/client.js#L280
|
|
14
|
-
const rendered_html = (0, $1RlIW$renderToString)(()=>solid_component(props, ()=>{})) + (0, $1RlIW$generateHydrationScript)();
|
|
15
|
-
return (0, $1RlIW$createElement)((0, $1RlIW$Fragment), null, (0, $1RlIW$createElement)(wrapper_type, {
|
|
16
|
-
ref: wrapper_element_ref,
|
|
17
|
-
style: wrapper_style,
|
|
18
|
-
dangerouslySetInnerHTML: {
|
|
19
|
-
__html: rendered_html
|
|
20
|
-
}
|
|
21
|
-
}));
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.0.9";
|
|
6
|
+
const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "0.0.92";
|
|
27
7
|
|
|
28
8
|
|
|
29
9
|
function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
|
|
@@ -57,29 +37,14 @@ function $2b1fdeb83610500f$export$80e99ee6b29cadd2() {
|
|
|
57
37
|
}
|
|
58
38
|
});
|
|
59
39
|
}
|
|
60
|
-
function $2b1fdeb83610500f$export$3f37af283f8fb843(
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
...raw_react_props
|
|
64
|
-
};
|
|
65
|
-
return (0, $4568c09979447ab1$export$4b564d7f5a1b1d43)({
|
|
66
|
-
solid_component: (props_store)=>(0, $1RlIW$ImagePlaceholder)(props_store),
|
|
67
|
-
props: react_props,
|
|
68
|
-
wrapper_type: "span"
|
|
40
|
+
function $2b1fdeb83610500f$export$3f37af283f8fb843() {
|
|
41
|
+
return (0, $1RlIW$jsx)("div", {
|
|
42
|
+
children: []
|
|
69
43
|
});
|
|
70
44
|
}
|
|
71
|
-
function $2b1fdeb83610500f$export$89c6019e4baa40b1(
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
class: raw_react_props.className
|
|
75
|
-
};
|
|
76
|
-
return (0, $4568c09979447ab1$export$4b564d7f5a1b1d43)({
|
|
77
|
-
solid_component: (props_store)=>(0, $1RlIW$TextPlaceholder)(props_store),
|
|
78
|
-
props: react_props,
|
|
79
|
-
wrapper_type: "span",
|
|
80
|
-
wrapper_style: {
|
|
81
|
-
"height": "100%"
|
|
82
|
-
}
|
|
45
|
+
function $2b1fdeb83610500f$export$89c6019e4baa40b1() {
|
|
46
|
+
return (0, $1RlIW$jsx)("div", {
|
|
47
|
+
children: []
|
|
83
48
|
});
|
|
84
49
|
}
|
|
85
50
|
function $2b1fdeb83610500f$export$9bb30bbe003b82e0() {
|
|
@@ -95,26 +60,6 @@ function $2b1fdeb83610500f$export$912994940e660d32() {
|
|
|
95
60
|
open: ()=>{}
|
|
96
61
|
};
|
|
97
62
|
}
|
|
98
|
-
function $2b1fdeb83610500f$export$38b98fae14bd1f64() {
|
|
99
|
-
const mock = {
|
|
100
|
-
get: function(target, property) {
|
|
101
|
-
if (typeof target[property] === "undefined") return ()=>{
|
|
102
|
-
throw new Error("Depict Performance Client is currently not available on the server. Please wrap your call in a useEffect hook or user event handler.");
|
|
103
|
-
};
|
|
104
|
-
return target[property];
|
|
105
|
-
}
|
|
106
|
-
};
|
|
107
|
-
return {
|
|
108
|
-
dpc: new Proxy({}, mock)
|
|
109
|
-
};
|
|
110
|
-
}
|
|
111
|
-
function $2b1fdeb83610500f$export$6501da23a2770fc() {
|
|
112
|
-
return {
|
|
113
|
-
fetchRecommendations: ()=>{
|
|
114
|
-
throw new Error("fetchRecommendations is currently not available on the server due to personalisation/user_id related issues. Please only call it on the client.");
|
|
115
|
-
}
|
|
116
|
-
};
|
|
117
|
-
}
|
|
118
63
|
|
|
119
64
|
|
|
120
|
-
export {$2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $
|
|
65
|
+
export {$2b1fdeb83610500f$export$9fac37a9c21c2f3b as DepictProvider, $2b1fdeb83610500f$export$a54ec244c8863715 as SearchPage, $2b1fdeb83610500f$export$f7d2f673fc2f091d as CategoryPage, $2b1fdeb83610500f$export$5646050d516e06bc as BreadCrumbs, $2b1fdeb83610500f$export$466cdc317043f6cb as QuickLinks, $2b1fdeb83610500f$export$80e99ee6b29cadd2 as ComponentAligner, $2b1fdeb83610500f$export$3f37af283f8fb843 as ImagePlaceholder, $2b1fdeb83610500f$export$89c6019e4baa40b1 as TextPlaceholder, $2b1fdeb83610500f$export$9bb30bbe003b82e0 as useSearchField, $2b1fdeb83610500f$export$a7f6cffb6b8ba11c as openModal, $2b1fdeb83610500f$export$912994940e660d32 as useSearchModal, $c9c4d066f9a5b51b$export$83d89fbfd8236492 as version};
|
package/locales/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/ui/locales";
|
|
2
|
-
export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/ui/locales";
|
|
1
|
+
export type { plp_shared_i18n, search_i18n, category_i18n, Locale } from "@depict-ai/ui/locales";
|
|
2
|
+
export { cz, de, en, da, fi, pl, fr, sv, pt, no, nl, es, it } from "@depict-ai/ui/locales";
|
package/locales/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "@depict-ai/ui/locales";
|
|
1
|
+
export * from "@depict-ai/ui/locales";
|
package/locales/require.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
module.exports = require("@depict-ai/ui/locales");
|
|
1
|
+
module.exports = require("@depict-ai/ui/locales");
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@depict-ai/react-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.11",
|
|
4
4
|
"packageManager": "yarn@3.2.2",
|
|
5
5
|
"source": "src/index.ts",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -97,10 +97,10 @@
|
|
|
97
97
|
"README.md"
|
|
98
98
|
],
|
|
99
99
|
"dependencies": {
|
|
100
|
-
"@depict-ai/dpc": "^1.0.
|
|
101
|
-
"@depict-ai/plp-styling": "^1.0.
|
|
102
|
-
"@depict-ai/ui": "^1.0.
|
|
103
|
-
"@depict-ai/utilishared": "^1.0.
|
|
100
|
+
"@depict-ai/dpc": "^1.0.12",
|
|
101
|
+
"@depict-ai/plp-styling": "^1.0.13",
|
|
102
|
+
"@depict-ai/ui": "^1.0.15",
|
|
103
|
+
"@depict-ai/utilishared": "^1.0.12",
|
|
104
104
|
"solid-js": "^1.7.3"
|
|
105
105
|
},
|
|
106
106
|
"peerDependencies": {
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
"@babel/preset-typescript": "latest",
|
|
115
115
|
"@babel/runtime": "latest",
|
|
116
116
|
"@babel/runtime-corejs3": "latest",
|
|
117
|
-
"@depict-ai/plp-styling": "^1.0.
|
|
117
|
+
"@depict-ai/plp-styling": "^1.0.13",
|
|
118
118
|
"@jest/globals": "^29.3.1",
|
|
119
119
|
"@parcel/babel-preset-env": "latest",
|
|
120
120
|
"@parcel/resolver-default": "^2.8.0",
|