@depict-ai/react-ui 1.5.17 → 1.5.19

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.
Files changed (13) hide show
  1. package/ES10/index.cjs +143 -143
  2. package/ES10/index.d.ts +1 -1
  3. package/ES10/index.js +143 -143
  4. package/latest/index.cjs +143 -143
  5. package/latest/index.d.ts +1 -1
  6. package/latest/index.js +143 -143
  7. package/package.json +6 -6
  8. package/server/ES10/index.cjs +14 -14
  9. package/server/ES10/index.d.ts +1 -1
  10. package/server/ES10/index.js +14 -14
  11. package/server/latest/index.cjs +14 -14
  12. package/server/latest/index.d.ts +1 -1
  13. package/server/latest/index.js +14 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@depict-ai/react-ui",
3
- "version": "1.5.17",
3
+ "version": "1.5.19",
4
4
  "packageManager": "yarn@3.2.2",
5
5
  "source": "src/index.ts",
6
6
  "types": "ES10/index.d.ts",
@@ -135,10 +135,10 @@
135
135
  "@babel/plugin-transform-typescript": "^7.22.9",
136
136
  "@babel/runtime": "latest",
137
137
  "@babel/runtime-corejs3": "latest",
138
- "@depict-ai/dpc": "^1.0.36",
139
- "@depict-ai/plp-styling": "^1.1.0",
140
- "@depict-ai/ui": "^1.4.17",
141
- "@depict-ai/utilishared": "^1.0.35",
138
+ "@depict-ai/dpc": "^1.0.38",
139
+ "@depict-ai/plp-styling": "^1.1.2",
140
+ "@depict-ai/ui": "^1.4.19",
141
+ "@depict-ai/utilishared": "^1.0.38",
142
142
  "solid-js": "^1.7.3"
143
143
  },
144
144
  "peerDependencies": {
@@ -150,7 +150,7 @@
150
150
  "@babel/core": "latest",
151
151
  "@babel/preset-env": "latest",
152
152
  "@babel/preset-typescript": "latest",
153
- "@depict-ai/plp-styling": "^1.1.0",
153
+ "@depict-ai/plp-styling": "^1.1.2",
154
154
  "@jest/globals": "^29.3.1",
155
155
  "@parcel/babel-preset-env": "latest",
156
156
  "@parcel/transformer-sass": "latest",
package/server/ES10/index.cjs CHANGED
@@ -31,10 +31,10 @@ function $f144be06c518d0ac$export$4b564d7f5a1b1d43(_ref) {
31
31
  wrapper_type = "div",
32
32
  wrapper_style = {}
33
33
  } = _ref;
34
- const wrapper_element_ref = (0, $aNCHr$react.useRef)();
34
+ const wrapper_element_ref = $aNCHr$react.useRef();
35
35
  // 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
36
- const rendered_html = (0, $aNCHr$solidjsweb.renderToString)(() => solid_component(props, () => {})) + (0, $aNCHr$solidjsweb.generateHydrationScript)();
37
- return (0, $aNCHr$react.createElement)((0, $aNCHr$react.Fragment), null, (0, $aNCHr$react.createElement)(wrapper_type, {
36
+ const rendered_html = $aNCHr$solidjsweb.renderToString(() => solid_component(props, () => {})) + $aNCHr$solidjsweb.generateHydrationScript();
37
+ return $aNCHr$react.createElement((0, $aNCHr$react.Fragment), null, $aNCHr$react.createElement(wrapper_type, {
38
38
  ref: wrapper_element_ref,
39
39
  style: wrapper_style,
40
40
  dangerouslySetInnerHTML: {
@@ -42,32 +42,32 @@ function $f144be06c518d0ac$export$4b564d7f5a1b1d43(_ref) {
42
42
  }
43
43
  }));
44
44
  }
45
- const $efbdd2dab4314170$export$83d89fbfd8236492 = "1.5.17";
45
+ const $efbdd2dab4314170$export$83d89fbfd8236492 = "1.5.19";
46
46
  function $202459d454907b31$export$9fac37a9c21c2f3b(props) {
47
47
  return props.children;
48
48
  }
49
49
  function $202459d454907b31$export$a54ec244c8863715() {
50
- return (0, $aNCHr$react.createElement)("div", {
50
+ return $aNCHr$react.createElement("div", {
51
51
  children: []
52
52
  });
53
53
  }
54
54
  function $202459d454907b31$export$f7d2f673fc2f091d() {
55
- return (0, $aNCHr$react.createElement)("div", {
55
+ return $aNCHr$react.createElement("div", {
56
56
  children: []
57
57
  });
58
58
  }
59
59
  function $202459d454907b31$export$5646050d516e06bc() {
60
- return (0, $aNCHr$react.createElement)("div", {
60
+ return $aNCHr$react.createElement("div", {
61
61
  children: []
62
62
  });
63
63
  }
64
64
  function $202459d454907b31$export$466cdc317043f6cb() {
65
- return (0, $aNCHr$react.createElement)("div", {
65
+ return $aNCHr$react.createElement("div", {
66
66
  children: []
67
67
  });
68
68
  }
69
69
  function $202459d454907b31$export$80e99ee6b29cadd2() {
70
- return (0, $aNCHr$react.createElement)("div", {
70
+ return $aNCHr$react.createElement("div", {
71
71
  className: "depict aligner",
72
72
  style: {
73
73
  height: "100%"
@@ -79,8 +79,8 @@ function $202459d454907b31$export$3f37af283f8fb843(raw_react_props) {
79
79
  class: raw_react_props.className,
80
80
  ...raw_react_props
81
81
  };
82
- return (0, $f144be06c518d0ac$export$4b564d7f5a1b1d43)({
83
- solid_component: props_store => (0, $aNCHr$depictaiui.ImagePlaceholder)(props_store),
82
+ return $f144be06c518d0ac$export$4b564d7f5a1b1d43({
83
+ solid_component: props_store => $aNCHr$depictaiui.ImagePlaceholder(props_store),
84
84
  props: react_props,
85
85
  wrapper_type: "span"
86
86
  });
@@ -90,8 +90,8 @@ function $202459d454907b31$export$89c6019e4baa40b1(raw_react_props) {
90
90
  ...raw_react_props,
91
91
  class: raw_react_props.className
92
92
  };
93
- return (0, $f144be06c518d0ac$export$4b564d7f5a1b1d43)({
94
- solid_component: props_store => (0, $aNCHr$depictaiui.TextPlaceholder)(props_store),
93
+ return $f144be06c518d0ac$export$4b564d7f5a1b1d43({
94
+ solid_component: props_store => $aNCHr$depictaiui.TextPlaceholder(props_store),
95
95
  props: react_props,
96
96
  wrapper_type: "span",
97
97
  wrapper_style: {
@@ -101,7 +101,7 @@ function $202459d454907b31$export$89c6019e4baa40b1(raw_react_props) {
101
101
  }
102
102
  function $202459d454907b31$export$9bb30bbe003b82e0() {
103
103
  return {
104
- SearchField: () => (0, $aNCHr$react.createElement)("div", {
104
+ SearchField: () => $aNCHr$react.createElement("div", {
105
105
  children: []
106
106
  })
107
107
  };
package/server/ES10/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import { Display, ModernDisplay } from "@depict-ai/utilishared/ES10";
3
3
  import React, { ReactNode, PropsWithChildren, ReactElement } from "react";
4
4
  import { DPC } from "@depict-ai/dpc/ES10";
5
5
  import { Locale } from "@depict-ai/ui/locales/ES10";
6
- export const version = "1.5.17";
6
+ export const version = "1.5.19";
7
7
  interface PLPConfig<T extends Display> extends BaseProductListingConfig {
8
8
  /**
9
9
  * The product card to use for rendering products.
package/server/ES10/index.js CHANGED
@@ -10,10 +10,10 @@ function $e8e755ef02e716bf$export$4b564d7f5a1b1d43(_ref) {
10
10
  wrapper_type = "div",
11
11
  wrapper_style = {}
12
12
  } = _ref;
13
- const wrapper_element_ref = (0, $7h5e1$useRef)();
13
+ const wrapper_element_ref = $7h5e1$useRef();
14
14
  // 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
15
- const rendered_html = (0, $7h5e1$renderToString)(() => solid_component(props, () => {})) + (0, $7h5e1$generateHydrationScript)();
16
- return (0, $7h5e1$createElement)((0, $7h5e1$Fragment), null, (0, $7h5e1$createElement)(wrapper_type, {
15
+ const rendered_html = $7h5e1$renderToString(() => solid_component(props, () => {})) + $7h5e1$generateHydrationScript();
16
+ return $7h5e1$createElement((0, $7h5e1$Fragment), null, $7h5e1$createElement(wrapper_type, {
17
17
  ref: wrapper_element_ref,
18
18
  style: wrapper_style,
19
19
  dangerouslySetInnerHTML: {
@@ -21,32 +21,32 @@ function $e8e755ef02e716bf$export$4b564d7f5a1b1d43(_ref) {
21
21
  }
22
22
  }));
23
23
  }
24
- const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "1.5.17";
24
+ const $9bd9bb8700ab2ada$export$83d89fbfd8236492 = "1.5.19";
25
25
  function $5c4add0a8fe94894$export$9fac37a9c21c2f3b(props) {
26
26
  return props.children;
27
27
  }
28
28
  function $5c4add0a8fe94894$export$a54ec244c8863715() {
29
- return (0, $7h5e1$createElement)("div", {
29
+ return $7h5e1$createElement("div", {
30
30
  children: []
31
31
  });
32
32
  }
33
33
  function $5c4add0a8fe94894$export$f7d2f673fc2f091d() {
34
- return (0, $7h5e1$createElement)("div", {
34
+ return $7h5e1$createElement("div", {
35
35
  children: []
36
36
  });
37
37
  }
38
38
  function $5c4add0a8fe94894$export$5646050d516e06bc() {
39
- return (0, $7h5e1$createElement)("div", {
39
+ return $7h5e1$createElement("div", {
40
40
  children: []
41
41
  });
42
42
  }
43
43
  function $5c4add0a8fe94894$export$466cdc317043f6cb() {
44
- return (0, $7h5e1$createElement)("div", {
44
+ return $7h5e1$createElement("div", {
45
45
  children: []
46
46
  });
47
47
  }
48
48
  function $5c4add0a8fe94894$export$80e99ee6b29cadd2() {
49
- return (0, $7h5e1$createElement)("div", {
49
+ return $7h5e1$createElement("div", {
50
50
  className: "depict aligner",
51
51
  style: {
52
52
  height: "100%"
@@ -58,8 +58,8 @@ function $5c4add0a8fe94894$export$3f37af283f8fb843(raw_react_props) {
58
58
  class: raw_react_props.className,
59
59
  ...raw_react_props
60
60
  };
61
- return (0, $e8e755ef02e716bf$export$4b564d7f5a1b1d43)({
62
- solid_component: props_store => (0, $7h5e1$ImagePlaceholder)(props_store),
61
+ return $e8e755ef02e716bf$export$4b564d7f5a1b1d43({
62
+ solid_component: props_store => $7h5e1$ImagePlaceholder(props_store),
63
63
  props: react_props,
64
64
  wrapper_type: "span"
65
65
  });
@@ -69,8 +69,8 @@ function $5c4add0a8fe94894$export$89c6019e4baa40b1(raw_react_props) {
69
69
  ...raw_react_props,
70
70
  class: raw_react_props.className
71
71
  };
72
- return (0, $e8e755ef02e716bf$export$4b564d7f5a1b1d43)({
73
- solid_component: props_store => (0, $7h5e1$TextPlaceholder)(props_store),
72
+ return $e8e755ef02e716bf$export$4b564d7f5a1b1d43({
73
+ solid_component: props_store => $7h5e1$TextPlaceholder(props_store),
74
74
  props: react_props,
75
75
  wrapper_type: "span",
76
76
  wrapper_style: {
@@ -80,7 +80,7 @@ function $5c4add0a8fe94894$export$89c6019e4baa40b1(raw_react_props) {
80
80
  }
81
81
  function $5c4add0a8fe94894$export$9bb30bbe003b82e0() {
82
82
  return {
83
- SearchField: () => (0, $7h5e1$createElement)("div", {
83
+ SearchField: () => $7h5e1$createElement("div", {
84
84
  children: []
85
85
  })
86
86
  };
package/server/latest/index.cjs CHANGED
@@ -30,10 +30,10 @@ function $35dfe83eec81954c$export$4b564d7f5a1b1d43({
30
30
  wrapper_type = "div",
31
31
  wrapper_style = {}
32
32
  }) {
33
- const wrapper_element_ref = (0, $7QqFM$react.useRef)();
33
+ const wrapper_element_ref = $7QqFM$react.useRef();
34
34
  // 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
35
- const rendered_html = (0, $7QqFM$solidjsweb.renderToString)(() => solid_component(props, () => {})) + (0, $7QqFM$solidjsweb.generateHydrationScript)();
36
- return (0, $7QqFM$react.createElement)((0, $7QqFM$react.Fragment), null, (0, $7QqFM$react.createElement)(wrapper_type, {
35
+ const rendered_html = $7QqFM$solidjsweb.renderToString(() => solid_component(props, () => {})) + $7QqFM$solidjsweb.generateHydrationScript();
36
+ return $7QqFM$react.createElement((0, $7QqFM$react.Fragment), null, $7QqFM$react.createElement(wrapper_type, {
37
37
  ref: wrapper_element_ref,
38
38
  style: wrapper_style,
39
39
  dangerouslySetInnerHTML: {
@@ -41,32 +41,32 @@ function $35dfe83eec81954c$export$4b564d7f5a1b1d43({
41
41
  }
42
42
  }));
43
43
  }
44
- const $db7b67857900028b$export$83d89fbfd8236492 = "1.5.17";
44
+ const $db7b67857900028b$export$83d89fbfd8236492 = "1.5.19";
45
45
  function $41e7e5d85b5e0d49$export$9fac37a9c21c2f3b(props) {
46
46
  return props.children;
47
47
  }
48
48
  function $41e7e5d85b5e0d49$export$a54ec244c8863715() {
49
- return (0, $7QqFM$react.createElement)("div", {
49
+ return $7QqFM$react.createElement("div", {
50
50
  children: []
51
51
  });
52
52
  }
53
53
  function $41e7e5d85b5e0d49$export$f7d2f673fc2f091d() {
54
- return (0, $7QqFM$react.createElement)("div", {
54
+ return $7QqFM$react.createElement("div", {
55
55
  children: []
56
56
  });
57
57
  }
58
58
  function $41e7e5d85b5e0d49$export$5646050d516e06bc() {
59
- return (0, $7QqFM$react.createElement)("div", {
59
+ return $7QqFM$react.createElement("div", {
60
60
  children: []
61
61
  });
62
62
  }
63
63
  function $41e7e5d85b5e0d49$export$466cdc317043f6cb() {
64
- return (0, $7QqFM$react.createElement)("div", {
64
+ return $7QqFM$react.createElement("div", {
65
65
  children: []
66
66
  });
67
67
  }
68
68
  function $41e7e5d85b5e0d49$export$80e99ee6b29cadd2() {
69
- return (0, $7QqFM$react.createElement)("div", {
69
+ return $7QqFM$react.createElement("div", {
70
70
  className: "depict aligner",
71
71
  style: {
72
72
  height: "100%"
@@ -78,8 +78,8 @@ function $41e7e5d85b5e0d49$export$3f37af283f8fb843(raw_react_props) {
78
78
  class: raw_react_props.className,
79
79
  ...raw_react_props
80
80
  };
81
- return (0, $35dfe83eec81954c$export$4b564d7f5a1b1d43)({
82
- solid_component: props_store => (0, $7QqFM$depictaiui.ImagePlaceholder)(props_store),
81
+ return $35dfe83eec81954c$export$4b564d7f5a1b1d43({
82
+ solid_component: props_store => $7QqFM$depictaiui.ImagePlaceholder(props_store),
83
83
  props: react_props,
84
84
  wrapper_type: "span"
85
85
  });
@@ -89,8 +89,8 @@ function $41e7e5d85b5e0d49$export$89c6019e4baa40b1(raw_react_props) {
89
89
  ...raw_react_props,
90
90
  class: raw_react_props.className
91
91
  };
92
- return (0, $35dfe83eec81954c$export$4b564d7f5a1b1d43)({
93
- solid_component: props_store => (0, $7QqFM$depictaiui.TextPlaceholder)(props_store),
92
+ return $35dfe83eec81954c$export$4b564d7f5a1b1d43({
93
+ solid_component: props_store => $7QqFM$depictaiui.TextPlaceholder(props_store),
94
94
  props: react_props,
95
95
  wrapper_type: "span",
96
96
  wrapper_style: {
@@ -100,7 +100,7 @@ function $41e7e5d85b5e0d49$export$89c6019e4baa40b1(raw_react_props) {
100
100
  }
101
101
  function $41e7e5d85b5e0d49$export$9bb30bbe003b82e0() {
102
102
  return {
103
- SearchField: () => (0, $7QqFM$react.createElement)("div", {
103
+ SearchField: () => $7QqFM$react.createElement("div", {
104
104
  children: []
105
105
  })
106
106
  };
package/server/latest/index.d.ts CHANGED
@@ -3,7 +3,7 @@ import { Display, ModernDisplay } from "@depict-ai/utilishared/latest";
3
3
  import React, { ReactNode, PropsWithChildren, ReactElement } from "react";
4
4
  import { DPC } from "@depict-ai/dpc/latest";
5
5
  import { Locale } from "@depict-ai/ui/locales/latest";
6
- export const version = "1.5.17";
6
+ export const version = "1.5.19";
7
7
  interface PLPConfig<T extends Display> extends BaseProductListingConfig {
8
8
  /**
9
9
  * The product card to use for rendering products.
package/server/latest/index.js CHANGED
@@ -9,10 +9,10 @@ function $4568c09979447ab1$export$4b564d7f5a1b1d43({
9
9
  wrapper_type = "div",
10
10
  wrapper_style = {}
11
11
  }) {
12
- const wrapper_element_ref = (0, $eOXet$useRef)();
12
+ const wrapper_element_ref = $eOXet$useRef();
13
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, $eOXet$renderToString)(() => solid_component(props, () => {})) + (0, $eOXet$generateHydrationScript)();
15
- return (0, $eOXet$createElement)((0, $eOXet$Fragment), null, (0, $eOXet$createElement)(wrapper_type, {
14
+ const rendered_html = $eOXet$renderToString(() => solid_component(props, () => {})) + $eOXet$generateHydrationScript();
15
+ return $eOXet$createElement((0, $eOXet$Fragment), null, $eOXet$createElement(wrapper_type, {
16
16
  ref: wrapper_element_ref,
17
17
  style: wrapper_style,
18
18
  dangerouslySetInnerHTML: {
@@ -20,32 +20,32 @@ function $4568c09979447ab1$export$4b564d7f5a1b1d43({
20
20
  }
21
21
  }));
22
22
  }
23
- const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.5.17";
23
+ const $c9c4d066f9a5b51b$export$83d89fbfd8236492 = "1.5.19";
24
24
  function $2b1fdeb83610500f$export$9fac37a9c21c2f3b(props) {
25
25
  return props.children;
26
26
  }
27
27
  function $2b1fdeb83610500f$export$a54ec244c8863715() {
28
- return (0, $eOXet$createElement)("div", {
28
+ return $eOXet$createElement("div", {
29
29
  children: []
30
30
  });
31
31
  }
32
32
  function $2b1fdeb83610500f$export$f7d2f673fc2f091d() {
33
- return (0, $eOXet$createElement)("div", {
33
+ return $eOXet$createElement("div", {
34
34
  children: []
35
35
  });
36
36
  }
37
37
  function $2b1fdeb83610500f$export$5646050d516e06bc() {
38
- return (0, $eOXet$createElement)("div", {
38
+ return $eOXet$createElement("div", {
39
39
  children: []
40
40
  });
41
41
  }
42
42
  function $2b1fdeb83610500f$export$466cdc317043f6cb() {
43
- return (0, $eOXet$createElement)("div", {
43
+ return $eOXet$createElement("div", {
44
44
  children: []
45
45
  });
46
46
  }
47
47
  function $2b1fdeb83610500f$export$80e99ee6b29cadd2() {
48
- return (0, $eOXet$createElement)("div", {
48
+ return $eOXet$createElement("div", {
49
49
  className: "depict aligner",
50
50
  style: {
51
51
  height: "100%"
@@ -57,8 +57,8 @@ function $2b1fdeb83610500f$export$3f37af283f8fb843(raw_react_props) {
57
57
  class: raw_react_props.className,
58
58
  ...raw_react_props
59
59
  };
60
- return (0, $4568c09979447ab1$export$4b564d7f5a1b1d43)({
61
- solid_component: props_store => (0, $eOXet$ImagePlaceholder)(props_store),
60
+ return $4568c09979447ab1$export$4b564d7f5a1b1d43({
61
+ solid_component: props_store => $eOXet$ImagePlaceholder(props_store),
62
62
  props: react_props,
63
63
  wrapper_type: "span"
64
64
  });
@@ -68,8 +68,8 @@ function $2b1fdeb83610500f$export$89c6019e4baa40b1(raw_react_props) {
68
68
  ...raw_react_props,
69
69
  class: raw_react_props.className
70
70
  };
71
- return (0, $4568c09979447ab1$export$4b564d7f5a1b1d43)({
72
- solid_component: props_store => (0, $eOXet$TextPlaceholder)(props_store),
71
+ return $4568c09979447ab1$export$4b564d7f5a1b1d43({
72
+ solid_component: props_store => $eOXet$TextPlaceholder(props_store),
73
73
  props: react_props,
74
74
  wrapper_type: "span",
75
75
  wrapper_style: {
@@ -79,7 +79,7 @@ function $2b1fdeb83610500f$export$89c6019e4baa40b1(raw_react_props) {
79
79
  }
80
80
  function $2b1fdeb83610500f$export$9bb30bbe003b82e0() {
81
81
  return {
82
- SearchField: () => (0, $eOXet$createElement)("div", {
82
+ SearchField: () => $eOXet$createElement("div", {
83
83
  children: []
84
84
  })
85
85
  };