@veracity/vui 1.2.0-beta.0 → 1.2.0-beta.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.
Files changed (19) hide show
  1. package/dist/cjs/dialog/showConfirm.js +1 -1
  2. package/dist/cjs/dialog/showPrompt.js +1 -1
  3. package/dist/cjs/toast/Toast.d.ts.map +1 -1
  4. package/dist/cjs/toast/Toast.js +1 -2
  5. package/dist/cjs/utils/react.d.ts +2 -2
  6. package/dist/cjs/utils/react.d.ts.map +1 -1
  7. package/dist/cjs/utils/react.js +6 -10
  8. package/dist/esm/dialog/showConfirm.js +1 -1
  9. package/dist/esm/dialog/showPrompt.js +1 -1
  10. package/dist/esm/toast/Toast.d.ts.map +1 -1
  11. package/dist/esm/toast/Toast.js +1 -2
  12. package/dist/esm/utils/react.d.ts +2 -2
  13. package/dist/esm/utils/react.d.ts.map +1 -1
  14. package/dist/esm/utils/react.js +6 -9
  15. package/package.json +1 -1
  16. package/src/dialog/showConfirm.tsx +1 -1
  17. package/src/dialog/showPrompt.tsx +1 -1
  18. package/src/toast/Toast.tsx +1 -2
  19. package/src/utils/react.ts +7 -9
package/dist/cjs/dialog/showConfirm.js CHANGED
@@ -31,7 +31,7 @@ const showConfirm = (title, message) => {
31
31
  },
32
32
  text: 'Confirm'
33
33
  }, title: title })));
34
- (0, utils_1.reactDomRender)(document.getElementById(consts_1.containerId), confirmDialog);
34
+ (0, utils_1.reactDomRender)(consts_1.containerId, confirmDialog);
35
35
  });
36
36
  };
37
37
  exports.showConfirm = showConfirm;
package/dist/cjs/dialog/showPrompt.js CHANGED
@@ -36,7 +36,7 @@ const showPrompt = (title, value = '') => {
36
36
  },
37
37
  text: 'Submit'
38
38
  }, title: title })));
39
- (0, utils_1.reactDomRender)(document.getElementById(consts_1.containerId), promptDialog);
39
+ (0, utils_1.reactDomRender)(consts_1.containerId, promptDialog);
40
40
  });
41
41
  };
42
42
  exports.showPrompt = showPrompt;
package/dist/cjs/toast/Toast.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,OAAO,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAoCxD,QAAA,MAAM,IAAI,OAAQ,MAAM,KAAG,IAG1B,CAAA;AAED,QAAA,MAAM,IAAI,0CAA6B,IAqCtC,CAAA;AAED,QAAA,MAAM,QAAQ,SAAU,SAAS,SAAmC,CAAA;AACpE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,SAAS,SAAU,SAAS,SAAoC,CAAA;AACtE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAE1E,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,IAAI,IAAI,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,OAAO,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAmCxD,QAAA,MAAM,IAAI,OAAQ,MAAM,KAAG,IAG1B,CAAA;AAED,QAAA,MAAM,IAAI,0CAA6B,IAqCtC,CAAA;AAED,QAAA,MAAM,QAAQ,SAAU,SAAS,SAAmC,CAAA;AACpE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,SAAS,SAAU,SAAS,SAAoC,CAAA;AACtE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAE1E,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,IAAI,IAAI,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}
package/dist/cjs/toast/Toast.js CHANGED
@@ -19,10 +19,9 @@ const setup = {
19
19
  componentList: []
20
20
  };
21
21
  const render = () => {
22
- const wrapper = document.getElementById(wrapperId);
23
22
  const content = (react_1.default.createElement(core_1.VuiProvider, null,
24
23
  react_1.default.createElement(box_1.Box, { bottom: "1rem", display: "block", maxW: "100%", minW: { md: 600, sm: 600, xs: '100%' }, p: { md: '16px', sm: '4px', xs: '2px' }, position: "fixed", right: { md: '1rem', sm: 0, xs: 0 }, zIndex: theme_1.zIndices.toast }, setup.componentList.map(item => (react_1.default.createElement("div", { key: item.id }, item.component))))));
25
- (0, utils_1.reactDomRender)(wrapper, content);
24
+ (0, utils_1.reactDomRender)(wrapperId, content);
26
25
  };
27
26
  const hide = (id) => {
28
27
  setup.componentList = setup.componentList.filter(i => i.id !== id);
package/dist/cjs/utils/react.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React, { DependencyList, ReactNode, RefObject } from 'react';
1
+ import React, { DependencyList, ReactElement, RefObject } from 'react';
2
2
  import { AnyFunction, CreateContextOptions, CreateContextReturn } from './types';
3
3
  declare type ReactRef<T> = React.Ref<T> | React.RefObject<T> | React.MutableRefObject<T>;
4
4
  /**
@@ -37,6 +37,6 @@ export declare function useIds(id: string, prefixes: string[]): string[];
37
37
  */
38
38
  export declare function useIsMounted(): () => boolean;
39
39
  /** A resolver to render a DOM node depending on React major version. */
40
- export declare function reactDomRender(wrapper: HTMLElement | null, content: ReactNode): void;
40
+ export declare function reactDomRender(id: string, content: ReactElement): void;
41
41
  export {};
42
42
  //# sourceMappingURL=react.d.ts.map
package/dist/cjs/utils/react.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,SAAS,EACT,SAAS,EAMV,MAAM,OAAO,CAAA;AAKd,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,aAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,QAoBjC;AAED,oBAAY,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,CAAA;CACV,CAAA;AAGD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;kBAwBzC,OAAO;WAAS,MAAM,IAAI;GAE7C;AAED,4GAA4G;AAC5G,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAEpD;AAGD;;GAEG;AACH,wBAAgB,YAAY,kBAY3B;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,OAAO,EAAE,SAAS,QAU7E"}
1
+ {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,YAAY,EACZ,SAAS,EAMV,MAAM,OAAO,CAAA;AAKd,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,aAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,QAoBjC;AAED,oBAAY,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,CAAA;CACV,CAAA;AAGD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;kBAwBzC,OAAO;WAAS,MAAM,IAAI;GAE7C;AAED,4GAA4G;AAC5G,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAEpD;AAGD;;GAEG;AACH,wBAAgB,YAAY,kBAY3B;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,QAQ/D"}
package/dist/cjs/utils/react.js CHANGED
@@ -149,19 +149,15 @@ function useIsMounted() {
149
149
  }
150
150
  exports.useIsMounted = useIsMounted;
151
151
  /** A resolver to render a DOM node depending on React major version. */
152
- function reactDomRender(wrapper, content) {
153
- var _a, _b, _c;
152
+ function reactDomRender(id, content) {
153
+ const wrapper = document.getElementById(id);
154
154
  if (!wrapper)
155
155
  return;
156
- if (react_dom_1.default === null || react_dom_1.default === void 0 ? void 0 : react_dom_1.default.createRoot) {
157
- // Rendering for React 18
158
- const root = (_a = react_dom_1.default === null || react_dom_1.default === void 0 ? void 0 : react_dom_1.default.createRoot) === null || _a === void 0 ? void 0 : _a.call(react_dom_1.default, wrapper);
159
- (_b = root === null || root === void 0 ? void 0 : root.render) === null || _b === void 0 ? void 0 : _b.call(root, content);
156
+ try {
157
+ react_dom_1.default.render(content, wrapper);
160
158
  }
161
- else {
162
- // Rendering for legacy React 17
163
- ;
164
- (_c = react_dom_1.default === null || react_dom_1.default === void 0 ? void 0 : react_dom_1.default.render) === null || _c === void 0 ? void 0 : _c.call(react_dom_1.default, content, wrapper);
159
+ catch (error) {
160
+ console.log(error);
165
161
  }
166
162
  }
167
163
  exports.reactDomRender = reactDomRender;
package/dist/esm/dialog/showConfirm.js CHANGED
@@ -25,6 +25,6 @@ export const showConfirm = (title, message) => {
25
25
  },
26
26
  text: 'Confirm'
27
27
  }, title: title })));
28
- reactDomRender(document.getElementById(containerId), confirmDialog);
28
+ reactDomRender(containerId, confirmDialog);
29
29
  });
30
30
  };
package/dist/esm/dialog/showPrompt.js CHANGED
@@ -30,6 +30,6 @@ export const showPrompt = (title, value = '') => {
30
30
  },
31
31
  text: 'Submit'
32
32
  }, title: title })));
33
- reactDomRender(document.getElementById(containerId), promptDialog);
33
+ reactDomRender(containerId, promptDialog);
34
34
  });
35
35
  };
package/dist/esm/toast/Toast.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,OAAO,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAoCxD,QAAA,MAAM,IAAI,OAAQ,MAAM,KAAG,IAG1B,CAAA;AAED,QAAA,MAAM,IAAI,0CAA6B,IAqCtC,CAAA;AAED,QAAA,MAAM,QAAQ,SAAU,SAAS,SAAmC,CAAA;AACpE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,SAAS,SAAU,SAAS,SAAoC,CAAA;AACtE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAE1E,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,IAAI,IAAI,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}
1
+ {"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,OAAO,EAAE,YAAY,EAAc,MAAM,eAAe,CAAA;AAmCxD,QAAA,MAAM,IAAI,OAAQ,MAAM,KAAG,IAG1B,CAAA;AAED,QAAA,MAAM,IAAI,0CAA6B,IAqCtC,CAAA;AAED,QAAA,MAAM,QAAQ,SAAU,SAAS,SAAmC,CAAA;AACpE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAC1E,QAAA,MAAM,SAAS,SAAU,SAAS,SAAoC,CAAA;AACtE,QAAA,MAAM,WAAW,SAAU,SAAS,SAAsC,CAAA;AAE1E,OAAO,EAAE,IAAI,IAAI,SAAS,EAAE,IAAI,IAAI,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}
package/dist/esm/toast/Toast.js CHANGED
@@ -13,10 +13,9 @@ const setup = {
13
13
  componentList: []
14
14
  };
15
15
  const render = () => {
16
- const wrapper = document.getElementById(wrapperId);
17
16
  const content = (React.createElement(VuiProvider, null,
18
17
  React.createElement(Box, { bottom: "1rem", display: "block", maxW: "100%", minW: { md: 600, sm: 600, xs: '100%' }, p: { md: '16px', sm: '4px', xs: '2px' }, position: "fixed", right: { md: '1rem', sm: 0, xs: 0 }, zIndex: zIndices.toast }, setup.componentList.map(item => (React.createElement("div", { key: item.id }, item.component))))));
19
- reactDomRender(wrapper, content);
18
+ reactDomRender(wrapperId, content);
20
19
  };
21
20
  const hide = (id) => {
22
21
  setup.componentList = setup.componentList.filter(i => i.id !== id);
package/dist/esm/utils/react.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React, { DependencyList, ReactNode, RefObject } from 'react';
1
+ import React, { DependencyList, ReactElement, RefObject } from 'react';
2
2
  import { AnyFunction, CreateContextOptions, CreateContextReturn } from './types';
3
3
  declare type ReactRef<T> = React.Ref<T> | React.RefObject<T> | React.MutableRefObject<T>;
4
4
  /**
@@ -37,6 +37,6 @@ export declare function useIds(id: string, prefixes: string[]): string[];
37
37
  */
38
38
  export declare function useIsMounted(): () => boolean;
39
39
  /** A resolver to render a DOM node depending on React major version. */
40
- export declare function reactDomRender(wrapper: HTMLElement | null, content: ReactNode): void;
40
+ export declare function reactDomRender(id: string, content: ReactElement): void;
41
41
  export {};
42
42
  //# sourceMappingURL=react.d.ts.map
package/dist/esm/utils/react.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,SAAS,EACT,SAAS,EAMV,MAAM,OAAO,CAAA;AAKd,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,aAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,QAoBjC;AAED,oBAAY,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,CAAA;CACV,CAAA;AAGD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;kBAwBzC,OAAO;WAAS,MAAM,IAAI;GAE7C;AAED,4GAA4G;AAC5G,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAEpD;AAGD;;GAEG;AACH,wBAAgB,YAAY,kBAY3B;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,EAAE,OAAO,EAAE,SAAS,QAU7E"}
1
+ {"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,YAAY,EACZ,SAAS,EAMV,MAAM,OAAO,CAAA;AAKd,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,aAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,QAoBjC;AAED,oBAAY,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,CAAA;CACV,CAAA;AAGD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;kBAwBzC,OAAO;WAAS,MAAM,IAAI;GAE7C;AAED,4GAA4G;AAC5G,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAEpD;AAGD;;GAEG;AACH,wBAAgB,YAAY,kBAY3B;AAED,wEAAwE;AACxE,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,QAQ/D"}
package/dist/esm/utils/react.js CHANGED
@@ -112,17 +112,14 @@ export function useIsMounted() {
112
112
  return useCallback(() => isMounted.current, []);
113
113
  }
114
114
  /** A resolver to render a DOM node depending on React major version. */
115
- export function reactDomRender(wrapper, content) {
115
+ export function reactDomRender(id, content) {
116
+ const wrapper = document.getElementById(id);
116
117
  if (!wrapper)
117
118
  return;
118
- if (ReactDOM?.createRoot) {
119
- // Rendering for React 18
120
- const root = ReactDOM?.createRoot?.(wrapper);
121
- root?.render?.(content);
119
+ try {
120
+ ReactDOM.render(content, wrapper);
122
121
  }
123
- else {
124
- // Rendering for legacy React 17
125
- ;
126
- ReactDOM?.render?.(content, wrapper);
122
+ catch (error) {
123
+ console.log(error);
127
124
  }
128
125
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veracity/vui",
3
- "version": "1.2.0-beta.0",
3
+ "version": "1.2.0-beta.1",
4
4
  "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
5
5
  "module": "./dist/esm/index.js",
6
6
  "main": "./dist/cjs/index.js",
package/src/dialog/showConfirm.tsx CHANGED
@@ -40,6 +40,6 @@ export const showConfirm = (title: string, message: string): Promise<boolean> =>
40
40
  </VuiProvider>
41
41
  )
42
42
 
43
- reactDomRender(document.getElementById(containerId), confirmDialog)
43
+ reactDomRender(containerId, confirmDialog)
44
44
  })
45
45
  }
package/src/dialog/showPrompt.tsx CHANGED
@@ -50,6 +50,6 @@ export const showPrompt = (title: string, value = ''): Promise<string | false> =
50
50
  </VuiProvider>
51
51
  )
52
52
 
53
- reactDomRender(document.getElementById(containerId), promptDialog)
53
+ reactDomRender(containerId, promptDialog)
54
54
  })
55
55
  }
package/src/toast/Toast.tsx CHANGED
@@ -18,7 +18,6 @@ const setup: ToastSetup = {
18
18
  }
19
19
 
20
20
  const render = (): void => {
21
- const wrapper = document.getElementById(wrapperId)
22
21
  const content = (
23
22
  <VuiProvider>
24
23
  <Box
@@ -38,7 +37,7 @@ const render = (): void => {
38
37
  </VuiProvider>
39
38
  )
40
39
 
41
- reactDomRender(wrapper, content)
40
+ reactDomRender(wrapperId, content)
42
41
  }
43
42
 
44
43
  const hide = (id: string): void => {
package/src/utils/react.ts CHANGED
@@ -3,7 +3,7 @@
3
3
  import React, {
4
4
  DependencyList,
5
5
  Dispatch,
6
- ReactNode,
6
+ ReactElement,
7
7
  RefObject,
8
8
  SetStateAction,
9
9
  useCallback,
@@ -174,14 +174,12 @@ export function useIsMounted() {
174
174
  }
175
175
 
176
176
  /** A resolver to render a DOM node depending on React major version. */
177
- export function reactDomRender(wrapper: HTMLElement | null, content: ReactNode) {
177
+ export function reactDomRender(id: string, content: ReactElement) {
178
+ const wrapper = document.getElementById(id)
178
179
  if (!wrapper) return
179
- if ((ReactDOM as any)?.createRoot) {
180
- // Rendering for React 18
181
- const root = (ReactDOM as any)?.createRoot?.(wrapper)
182
- root?.render?.(content)
183
- } else {
184
- // Rendering for legacy React 17
185
- ;(ReactDOM as any)?.render?.(content, wrapper)
180
+ try {
181
+ ReactDOM.render(content, wrapper)
182
+ } catch (error) {
183
+ console.log(error)
186
184
  }
187
185
  }