@blocklet/pages-kit 0.5.55 → 0.6.0

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 (27) hide show
  1. package/lib/cjs/builtin/color-picker.js +4 -3
  2. package/lib/cjs/builtin/components/LanguageField/index.js +2 -3
  3. package/lib/cjs/builtin/markdown/action-button.js +5 -3
  4. package/lib/cjs/builtin/markdown/loading-button.js +2 -2
  5. package/lib/cjs/builtin/markdown/markdown-renderer.js +9 -1
  6. package/lib/cjs/builtin/react-dom.js +30 -2
  7. package/lib/cjs/builtin/react.js +50 -59
  8. package/lib/cjs/components/CustomComponentRenderer/state.js +1 -1
  9. package/lib/cjs/tsconfig.tsbuildinfo +1 -1
  10. package/lib/cjs/utils/inject-global-components.js +4 -3
  11. package/lib/esm/builtin/color-picker.js +4 -4
  12. package/lib/esm/builtin/components/LanguageField/index.js +2 -3
  13. package/lib/esm/builtin/markdown/action-button.js +5 -3
  14. package/lib/esm/builtin/markdown/loading-button.js +3 -3
  15. package/lib/esm/builtin/markdown/markdown-renderer.js +9 -1
  16. package/lib/esm/builtin/react-dom.js +15 -1
  17. package/lib/esm/builtin/react.js +9 -2
  18. package/lib/esm/components/CustomComponentRenderer/state.js +1 -1
  19. package/lib/esm/tsconfig.tsbuildinfo +1 -1
  20. package/lib/esm/utils/inject-global-components.js +4 -3
  21. package/lib/types/builtin/color-picker.d.ts +3 -1
  22. package/lib/types/builtin/components/LanguageField/index.d.ts +1 -7
  23. package/lib/types/builtin/markdown/loading-button.d.ts +1 -1
  24. package/lib/types/builtin/react-dom.d.ts +5 -1
  25. package/lib/types/builtin/react.d.ts +3 -2
  26. package/lib/types/tsconfig.tsbuildinfo +1 -1
  27. package/package.json +22 -22
package/lib/cjs/builtin/color-picker.js CHANGED
@@ -44,7 +44,7 @@ const style_1 = require("../utils/style");
44
44
  const ColorPickerLib = (0, react_1.lazy)(() => Promise.resolve().then(() => __importStar(require('react-best-gradient-color-picker'))));
45
45
  const HEIGHT = 400;
46
46
  const WIDTH = 270;
47
- function AlternateColorIndicator({ value, sx = {} }) {
47
+ function AlternateColorIndicator({ value = '', sx = {} }) {
48
48
  if (!value)
49
49
  return null;
50
50
  return ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
@@ -153,7 +153,7 @@ function ColorItem({ color, sx = {}, ...props }) {
153
153
  ...styleMap,
154
154
  }, ...props }));
155
155
  }
156
- exports.ConfigColorDialog = (0, react_1.forwardRef)(function ConfigColorDialog({ onSave, enableMuiPalette = true }, ref) {
156
+ const ConfigColorDialog = function ConfigColorDialog({ ref, onSave, enableMuiPalette = true, }) {
157
157
  const state = (0, ahooks_1.useReactive)({
158
158
  value: '',
159
159
  originalMuiKey: null,
@@ -334,7 +334,8 @@ exports.ConfigColorDialog = (0, react_1.forwardRef)(function ConfigColorDialog({
334
334
  state.value = value;
335
335
  state.originalMuiKey = null;
336
336
  }, hidePresets: true, hideAdvancedSliders: true, hideColorGuide: true, hideInputType: true }) }) })) })] }), (0, jsx_runtime_1.jsxs)(material_1.DialogActions, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "outlined", size: "small", onClick: handleClose, children: t('common.cancel') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", size: "small", onClick: handleSave, children: t('maker.save') })] })] }));
337
- });
337
+ };
338
+ exports.ConfigColorDialog = ConfigColorDialog;
338
339
  function ColorPicker({ value, onChange, style = {}, sx = {} }) {
339
340
  const refDialog = (0, react_1.useRef)(null);
340
341
  return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ColorItem, { color: value || '', style: { width: '1rem', height: '1rem', padding: 0, marginRight: '0.25rem', ...style }, sx: { ...sx }, onClick: () => {
package/lib/cjs/builtin/components/LanguageField/index.js CHANGED
@@ -8,7 +8,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
8
8
  const context_1 = require("@arcblock/ux/lib/Locale/context");
9
9
  const material_1 = require("@mui/material");
10
10
  const pick_1 = __importDefault(require("lodash/pick"));
11
- const react_2 = require("react");
12
11
  const languages_1 = require("./languages");
13
12
  const filter = (options, state) => {
14
13
  return options.filter((o) => {
@@ -19,7 +18,7 @@ const filter = (options, state) => {
19
18
  return true;
20
19
  });
21
20
  };
22
- const LanguageField = (0, react_2.forwardRef)(({ readOnly, parameter, onChange, ...props }, ref) => {
21
+ const LanguageField = ({ ref, readOnly, parameter, onChange, ...props }) => {
23
22
  const { locale } = (0, context_1.useLocaleContext)();
24
23
  const value = props?.value ? languages_1.languages.find((o) => o.en === props.value) : null;
25
24
  return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { size: "small", ref: ref, ...(0, pick_1.default)(props, 'autoFocus', 'fullWidth', 'sx', 'className', 'style'), renderInput: (params) => ((0, jsx_runtime_1.jsx)(material_1.TextField, { ...(0, pick_1.default)(props, 'inputRef', 'size', 'hiddenLabel', 'helperText', 'error', 'placeholder', 'InputProps', 'inputProps'), ...params })), options: languages_1.languages, getOptionKey: (i) => i.en, getOptionLabel: (o) => {
@@ -31,5 +30,5 @@ const LanguageField = (0, react_2.forwardRef)(({ readOnly, parameter, onChange,
31
30
  (0, jsx_runtime_1.jsx)(material_1.ListItemIcon, { children: (0, jsx_runtime_1.jsx)(option.flag, {}) }),
32
31
  (0, jsx_runtime_1.jsx)(material_1.ListItemText, { primary: `${option.name} ${locale === 'zh' ? option.cn : option.en} (${option.abbr})` })));
33
32
  } }));
34
- });
33
+ };
35
34
  exports.default = LanguageField;
package/lib/cjs/builtin/markdown/action-button.js CHANGED
@@ -9,10 +9,10 @@ const react_1 = require("@iconify/react");
9
9
  const material_1 = require("@mui/material");
10
10
  const react_2 = require("react");
11
11
  const loading_button_1 = __importDefault(require("./loading-button"));
12
- function ActionButton({ tip, tipSucceed, title, titleSucceed, icon, iconSucceed, autoReset, placement = 'top', ...props }) {
12
+ function ActionButton({ tip = '', tipSucceed = '', title = '', titleSucceed = '', icon = '', iconSucceed = '', autoReset = false, placement = 'top', ...props }) {
13
13
  const [active, setActive] = (0, react_2.useState)(false);
14
14
  const [error, setError] = (0, react_2.useState)();
15
- const timer = (0, react_2.useRef)();
15
+ const timer = (0, react_2.useRef)(undefined);
16
16
  const onClose = () => {
17
17
  setError(undefined);
18
18
  if (autoReset) {
@@ -25,7 +25,9 @@ function ActionButton({ tip, tipSucceed, title, titleSucceed, icon, iconSucceed,
25
25
  clearTimeout(timer.current);
26
26
  };
27
27
  const realIcon = active ? iconSucceed : icon;
28
- const toolTipTitleText = error ? (0, jsx_runtime_1.jsx)(material_1.Box, { color: "error", children: error.message }) : (active && tipSucceed) || tip;
28
+ const toolTipTitleText = error ? ((0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
29
+ color: 'error',
30
+ }, children: error.message })) : ((active && tipSucceed) || tip);
29
31
  const buttonText = active ? titleSucceed : title;
30
32
  return ((0, jsx_runtime_1.jsx)(material_1.Tooltip, { title: toolTipTitleText, disableInteractive: true, placement: placement, onClose: onClose, onOpen: onOpen, children: (0, jsx_runtime_1.jsx)("span", { children: (0, jsx_runtime_1.jsx)(loading_button_1.default, { startIcon: realIcon && (typeof realIcon === 'string' ? (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: realIcon }) : realIcon), loadingPosition: realIcon ? 'start' : undefined, ...props, onClick: async (e) => {
31
33
  if (!props.onClick)
package/lib/cjs/builtin/markdown/loading-button.js CHANGED
@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const jsx_runtime_1 = require("react/jsx-runtime");
4
4
  const lab_1 = require("@mui/lab");
5
5
  const react_1 = require("react");
6
- const LoadingButton = (0, react_1.forwardRef)(({ onClick, ...props }, ref) => {
6
+ const LoadingButton = ({ ref = undefined, onClick, ...props }) => {
7
7
  const [loading, setLoading] = (0, react_1.useState)(false);
8
8
  const handleClick = (0, react_1.useCallback)(async (e) => {
9
9
  try {
@@ -15,5 +15,5 @@ const LoadingButton = (0, react_1.forwardRef)(({ onClick, ...props }, ref) => {
15
15
  }
16
16
  }, [onClick]);
17
17
  return (0, jsx_runtime_1.jsx)(lab_1.LoadingButton, { ref: ref, ...props, loading: props.loading || loading, onClick: handleClick });
18
- });
18
+ };
19
19
  exports.default = LoadingButton;
package/lib/cjs/builtin/markdown/markdown-renderer.js CHANGED
@@ -66,7 +66,15 @@ function MarkdownPre({ children }) {
66
66
  borderRadius: 1,
67
67
  bgcolor: 'rgb(245, 242, 240)',
68
68
  '> pre': { mt: '0 !important' },
69
- }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", alignItems: "center", p: 0.5, pl: 1.5, borderBottom: 1, borderColor: "grey.200", children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: language }), (0, jsx_runtime_1.jsx)(material_1.Box, { flex: 1 }), (0, jsx_runtime_1.jsx)(action_button_1.default, { autoReset: true, title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:copy" }), titleSucceed: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:copy-check" }), sx: { minWidth: 32, minHeight: 32, p: 0, fontSize: 18 }, onClick: () => {
69
+ }, children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { direction: "row", sx: {
70
+ alignItems: 'center',
71
+ p: 0.5,
72
+ pl: 1.5,
73
+ borderBottom: 1,
74
+ borderColor: 'grey.200',
75
+ }, children: [(0, jsx_runtime_1.jsx)(material_1.Box, { children: language }), (0, jsx_runtime_1.jsx)(material_1.Box, { sx: {
76
+ flex: 1,
77
+ } }), (0, jsx_runtime_1.jsx)(action_button_1.default, { autoReset: true, title: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:copy" }), titleSucceed: (0, jsx_runtime_1.jsx)(react_1.Icon, { icon: "tabler:copy-check" }), sx: { minWidth: 32, minHeight: 32, p: 0, fontSize: 18 }, onClick: () => {
70
78
  window.navigator.clipboard.writeText(childrenProps.children);
71
79
  } })] }), children] }));
72
80
  }
package/lib/cjs/builtin/react-dom.js CHANGED
@@ -22,6 +22,34 @@ var __importStar = (this && this.__importStar) || function (mod) {
22
22
  __setModuleDefault(result, mod);
23
23
  return result;
24
24
  };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
25
28
  Object.defineProperty(exports, "__esModule", { value: true });
26
- const ReactDOM = __importStar(require("react-dom"));
27
- exports.default = ReactDOM;
29
+ exports.client = exports.prerenderToNodeStream = exports.prerender = exports.hydrateRoot = exports.createRoot = exports.prefetchDNS = exports.preconnect = exports.preinit = exports.preload = exports.requestFormReset = exports.useFormStatus = exports.flushSync = exports.createPortal = void 0;
30
+ // React DOM 19
31
+ // Re-export ReactDOM
32
+ const react_dom_1 = __importDefault(require("react-dom"));
33
+ exports.default = react_dom_1.default;
34
+ // Re-export all ReactDOM APIs
35
+ var react_dom_2 = require("react-dom");
36
+ Object.defineProperty(exports, "createPortal", { enumerable: true, get: function () { return react_dom_2.createPortal; } });
37
+ Object.defineProperty(exports, "flushSync", { enumerable: true, get: function () { return react_dom_2.flushSync; } });
38
+ // React 19 form APIs
39
+ Object.defineProperty(exports, "useFormStatus", { enumerable: true, get: function () { return react_dom_2.useFormStatus; } });
40
+ Object.defineProperty(exports, "requestFormReset", { enumerable: true, get: function () { return react_dom_2.requestFormReset; } });
41
+ // React 19 resource preloading APIs
42
+ Object.defineProperty(exports, "preload", { enumerable: true, get: function () { return react_dom_2.preload; } });
43
+ Object.defineProperty(exports, "preinit", { enumerable: true, get: function () { return react_dom_2.preinit; } });
44
+ Object.defineProperty(exports, "preconnect", { enumerable: true, get: function () { return react_dom_2.preconnect; } });
45
+ Object.defineProperty(exports, "prefetchDNS", { enumerable: true, get: function () { return react_dom_2.prefetchDNS; } });
46
+ // Re-export React 18+ client APIs
47
+ var client_1 = require("react-dom/client");
48
+ Object.defineProperty(exports, "createRoot", { enumerable: true, get: function () { return client_1.createRoot; } });
49
+ Object.defineProperty(exports, "hydrateRoot", { enumerable: true, get: function () { return client_1.hydrateRoot; } });
50
+ // Re-export React 19 static APIs
51
+ var static_1 = require("react-dom/static");
52
+ Object.defineProperty(exports, "prerender", { enumerable: true, get: function () { return static_1.prerender; } });
53
+ Object.defineProperty(exports, "prerenderToNodeStream", { enumerable: true, get: function () { return static_1.prerenderToNodeStream; } });
54
+ // Export client object for compatibility
55
+ exports.client = __importStar(require("react-dom/client"));
package/lib/cjs/builtin/react.js CHANGED
@@ -1,62 +1,53 @@
1
1
  "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
24
4
  };
25
5
  Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.version = exports.useTransition = exports.useSyncExternalStore = exports.useState = exports.useRef = exports.useReducer = exports.useMemo = exports.useLayoutEffect = exports.useInsertionEffect = exports.useImperativeHandle = exports.useId = exports.useEffect = exports.useDeferredValue = exports.useDebugValue = exports.useContext = exports.useCallback = exports.startTransition = exports.memo = exports.lazy = exports.isValidElement = exports.forwardRef = exports.createRef = exports.createFactory = exports.createElement = exports.createContext = exports.cloneElement = exports.Suspense = exports.StrictMode = exports.PureComponent = exports.Profiler = exports.Fragment = exports.Component = exports.Children = void 0;
27
- const React = __importStar(require("react"));
28
- exports.default = React;
29
- var react_1 = require("react");
30
- Object.defineProperty(exports, "Children", { enumerable: true, get: function () { return react_1.Children; } });
31
- Object.defineProperty(exports, "Component", { enumerable: true, get: function () { return react_1.Component; } });
32
- Object.defineProperty(exports, "Fragment", { enumerable: true, get: function () { return react_1.Fragment; } });
33
- Object.defineProperty(exports, "Profiler", { enumerable: true, get: function () { return react_1.Profiler; } });
34
- Object.defineProperty(exports, "PureComponent", { enumerable: true, get: function () { return react_1.PureComponent; } });
35
- Object.defineProperty(exports, "StrictMode", { enumerable: true, get: function () { return react_1.StrictMode; } });
36
- Object.defineProperty(exports, "Suspense", { enumerable: true, get: function () { return react_1.Suspense; } });
37
- Object.defineProperty(exports, "cloneElement", { enumerable: true, get: function () { return react_1.cloneElement; } });
38
- Object.defineProperty(exports, "createContext", { enumerable: true, get: function () { return react_1.createContext; } });
39
- Object.defineProperty(exports, "createElement", { enumerable: true, get: function () { return react_1.createElement; } });
40
- Object.defineProperty(exports, "createFactory", { enumerable: true, get: function () { return react_1.createFactory; } });
41
- Object.defineProperty(exports, "createRef", { enumerable: true, get: function () { return react_1.createRef; } });
42
- Object.defineProperty(exports, "forwardRef", { enumerable: true, get: function () { return react_1.forwardRef; } });
43
- Object.defineProperty(exports, "isValidElement", { enumerable: true, get: function () { return react_1.isValidElement; } });
44
- Object.defineProperty(exports, "lazy", { enumerable: true, get: function () { return react_1.lazy; } });
45
- Object.defineProperty(exports, "memo", { enumerable: true, get: function () { return react_1.memo; } });
46
- Object.defineProperty(exports, "startTransition", { enumerable: true, get: function () { return react_1.startTransition; } });
47
- Object.defineProperty(exports, "useCallback", { enumerable: true, get: function () { return react_1.useCallback; } });
48
- Object.defineProperty(exports, "useContext", { enumerable: true, get: function () { return react_1.useContext; } });
49
- Object.defineProperty(exports, "useDebugValue", { enumerable: true, get: function () { return react_1.useDebugValue; } });
50
- Object.defineProperty(exports, "useDeferredValue", { enumerable: true, get: function () { return react_1.useDeferredValue; } });
51
- Object.defineProperty(exports, "useEffect", { enumerable: true, get: function () { return react_1.useEffect; } });
52
- Object.defineProperty(exports, "useId", { enumerable: true, get: function () { return react_1.useId; } });
53
- Object.defineProperty(exports, "useImperativeHandle", { enumerable: true, get: function () { return react_1.useImperativeHandle; } });
54
- Object.defineProperty(exports, "useInsertionEffect", { enumerable: true, get: function () { return react_1.useInsertionEffect; } });
55
- Object.defineProperty(exports, "useLayoutEffect", { enumerable: true, get: function () { return react_1.useLayoutEffect; } });
56
- Object.defineProperty(exports, "useMemo", { enumerable: true, get: function () { return react_1.useMemo; } });
57
- Object.defineProperty(exports, "useReducer", { enumerable: true, get: function () { return react_1.useReducer; } });
58
- Object.defineProperty(exports, "useRef", { enumerable: true, get: function () { return react_1.useRef; } });
59
- Object.defineProperty(exports, "useState", { enumerable: true, get: function () { return react_1.useState; } });
60
- Object.defineProperty(exports, "useSyncExternalStore", { enumerable: true, get: function () { return react_1.useSyncExternalStore; } });
61
- Object.defineProperty(exports, "useTransition", { enumerable: true, get: function () { return react_1.useTransition; } });
62
- Object.defineProperty(exports, "version", { enumerable: true, get: function () { return react_1.version; } });
6
+ exports.JSXFragment = exports.jsxs = exports.jsx = exports.use = exports.useOptimistic = exports.useActionState = exports.version = exports.useTransition = exports.useSyncExternalStore = exports.useState = exports.useRef = exports.useReducer = exports.useMemo = exports.useLayoutEffect = exports.useInsertionEffect = exports.useImperativeHandle = exports.useId = exports.useEffect = exports.useDeferredValue = exports.useDebugValue = exports.useContext = exports.useCallback = exports.startTransition = exports.memo = exports.lazy = exports.isValidElement = exports.forwardRef = exports.createRef = exports.createElement = exports.createContext = exports.cloneElement = exports.Suspense = exports.StrictMode = exports.PureComponent = exports.Profiler = exports.Fragment = exports.Component = exports.Children = void 0;
7
+ // React 19
8
+ // Re-export React (avoiding TypeScript export conflicts)
9
+ const react_1 = __importDefault(require("react"));
10
+ exports.default = react_1.default;
11
+ // Re-export all React named exports
12
+ var react_2 = require("react");
13
+ Object.defineProperty(exports, "Children", { enumerable: true, get: function () { return react_2.Children; } });
14
+ Object.defineProperty(exports, "Component", { enumerable: true, get: function () { return react_2.Component; } });
15
+ Object.defineProperty(exports, "Fragment", { enumerable: true, get: function () { return react_2.Fragment; } });
16
+ Object.defineProperty(exports, "Profiler", { enumerable: true, get: function () { return react_2.Profiler; } });
17
+ Object.defineProperty(exports, "PureComponent", { enumerable: true, get: function () { return react_2.PureComponent; } });
18
+ Object.defineProperty(exports, "StrictMode", { enumerable: true, get: function () { return react_2.StrictMode; } });
19
+ Object.defineProperty(exports, "Suspense", { enumerable: true, get: function () { return react_2.Suspense; } });
20
+ Object.defineProperty(exports, "cloneElement", { enumerable: true, get: function () { return react_2.cloneElement; } });
21
+ Object.defineProperty(exports, "createContext", { enumerable: true, get: function () { return react_2.createContext; } });
22
+ Object.defineProperty(exports, "createElement", { enumerable: true, get: function () { return react_2.createElement; } });
23
+ Object.defineProperty(exports, "createRef", { enumerable: true, get: function () { return react_2.createRef; } });
24
+ Object.defineProperty(exports, "forwardRef", { enumerable: true, get: function () { return react_2.forwardRef; } });
25
+ Object.defineProperty(exports, "isValidElement", { enumerable: true, get: function () { return react_2.isValidElement; } });
26
+ Object.defineProperty(exports, "lazy", { enumerable: true, get: function () { return react_2.lazy; } });
27
+ Object.defineProperty(exports, "memo", { enumerable: true, get: function () { return react_2.memo; } });
28
+ Object.defineProperty(exports, "startTransition", { enumerable: true, get: function () { return react_2.startTransition; } });
29
+ Object.defineProperty(exports, "useCallback", { enumerable: true, get: function () { return react_2.useCallback; } });
30
+ Object.defineProperty(exports, "useContext", { enumerable: true, get: function () { return react_2.useContext; } });
31
+ Object.defineProperty(exports, "useDebugValue", { enumerable: true, get: function () { return react_2.useDebugValue; } });
32
+ Object.defineProperty(exports, "useDeferredValue", { enumerable: true, get: function () { return react_2.useDeferredValue; } });
33
+ Object.defineProperty(exports, "useEffect", { enumerable: true, get: function () { return react_2.useEffect; } });
34
+ Object.defineProperty(exports, "useId", { enumerable: true, get: function () { return react_2.useId; } });
35
+ Object.defineProperty(exports, "useImperativeHandle", { enumerable: true, get: function () { return react_2.useImperativeHandle; } });
36
+ Object.defineProperty(exports, "useInsertionEffect", { enumerable: true, get: function () { return react_2.useInsertionEffect; } });
37
+ Object.defineProperty(exports, "useLayoutEffect", { enumerable: true, get: function () { return react_2.useLayoutEffect; } });
38
+ Object.defineProperty(exports, "useMemo", { enumerable: true, get: function () { return react_2.useMemo; } });
39
+ Object.defineProperty(exports, "useReducer", { enumerable: true, get: function () { return react_2.useReducer; } });
40
+ Object.defineProperty(exports, "useRef", { enumerable: true, get: function () { return react_2.useRef; } });
41
+ Object.defineProperty(exports, "useState", { enumerable: true, get: function () { return react_2.useState; } });
42
+ Object.defineProperty(exports, "useSyncExternalStore", { enumerable: true, get: function () { return react_2.useSyncExternalStore; } });
43
+ Object.defineProperty(exports, "useTransition", { enumerable: true, get: function () { return react_2.useTransition; } });
44
+ Object.defineProperty(exports, "version", { enumerable: true, get: function () { return react_2.version; } });
45
+ // React 19 APIs
46
+ Object.defineProperty(exports, "useActionState", { enumerable: true, get: function () { return react_2.useActionState; } });
47
+ Object.defineProperty(exports, "useOptimistic", { enumerable: true, get: function () { return react_2.useOptimistic; } });
48
+ Object.defineProperty(exports, "use", { enumerable: true, get: function () { return react_2.use; } });
49
+ // Re-export JSX runtime
50
+ var jsx_runtime_1 = require("react/jsx-runtime");
51
+ Object.defineProperty(exports, "jsx", { enumerable: true, get: function () { return jsx_runtime_1.jsx; } });
52
+ Object.defineProperty(exports, "jsxs", { enumerable: true, get: function () { return jsx_runtime_1.jsxs; } });
53
+ Object.defineProperty(exports, "JSXFragment", { enumerable: true, get: function () { return jsx_runtime_1.Fragment; } });
package/lib/cjs/components/CustomComponentRenderer/state.js CHANGED
@@ -320,7 +320,7 @@ const getComponentByComponentId = ({ componentId, locale, instanceId, }) => {
320
320
  return result;
321
321
  };
322
322
  function usePreloadComponent({ instanceId, componentId, properties, locale, dev }) {
323
- const previousRef = (0, react_1.useRef)();
323
+ const previousRef = (0, react_1.useRef)(undefined);
324
324
  const realLocale = getRealLocale(locale);
325
325
  const result = getComponentByComponentId({ componentId, locale: realLocale, instanceId });
326
326
  if (result) {