@simple-builder/react 1.0.2 → 1.0.3

package/dist/{chunk-7K7IGTF3.mjs → chunk-FGQSJAOO.mjs}

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { createElement } from 'react';
 
 // src/lib/builder.ts
@@ -36,5 +37,16 @@ var builder = /* @__PURE__ */ (() => {
     }
   };
 })();
+var BuildContainerInner = React.lazy(
+  () => import('./build-container-client-R2FNJHPM.mjs')
+);
+var BuildContainer = (props) => {
+  const { content, edit, name } = props;
+  const items = Array.isArray(content) ? content : content?.[name] || [];
+  if (!edit) {
+    return items.map((item) => builder.bindComponent(item));
+  }
+  return /* @__PURE__ */ React.createElement(React.Suspense, { fallback: /* @__PURE__ */ React.createElement("div", null, "Loading...") }, /* @__PURE__ */ React.createElement(BuildContainerInner, { ...props }));
+};
 
-export { builder };
+export { BuildContainer, builder };

package/dist/{chunk-3S4FFEHM.js → chunk-GSOMMLCG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVMHWPKU4_js = require('./chunk-VMHWPKU4.js');
+var chunkUZFAGH6G_js = require('./chunk-UZFAGH6G.js');
 var React = require('react');
 var clsx = require('clsx');
 var tailwindMerge = require('tailwind-merge');
@@ -92,7 +92,7 @@ var BuilderProvider = (props) => {
   );
   const addContent = React__namespace.useCallback(
     (name, container, parent, index = 0) => {
-      const component = chunkVMHWPKU4_js.builder.getComponent(name);
+      const component = chunkUZFAGH6G_js.builder.getComponent(name);
       if (!component) {
         throw new Error(`[simple-builder]: Component "${name}" not found`);
       }

package/dist/chunk-IVFWYNC3.mjs

@@ -0,0 +1,20 @@
+import { BuildContainer } from './chunk-FGQSJAOO.mjs';
+import * as React from 'react';
+import { lazy } from 'react';
+
+var StaticContent = (props) => {
+  return /* @__PURE__ */ React.createElement(
+    BuildContainer,
+    {
+      name: "root",
+      edit: false,
+      multiple: true,
+      content: props.content || []
+    }
+  );
+};
+
+// src/index.ts
+var BuilderContent = lazy(() => import('./builder-content-MNCJZTFS.mjs'));
+
+export { BuilderContent, StaticContent };

package/dist/{chunk-BXL6F5AB.mjs → chunk-LPIHSXYO.mjs}

@@ -1,4 +1,4 @@
-import { builder } from './chunk-7K7IGTF3.mjs';
+import { builder } from './chunk-FGQSJAOO.mjs';
 import * as React from 'react';
 import { clsx } from 'clsx';
 import { extendTailwindMerge } from 'tailwind-merge';

package/dist/{chunk-5ZDNACOH.js → chunk-N2X3IJBG.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVMHWPKU4_js = require('./chunk-VMHWPKU4.js');
+var chunkUZFAGH6G_js = require('./chunk-UZFAGH6G.js');
 var React = require('react');
 
 function _interopNamespace(e) {
@@ -23,16 +23,20 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var BuildContainerInner = React__namespace.lazy(
-  () => import('./build-container-client-LHGW2FFR.js')
-);
-var BuildContainer = (props) => {
-  const { content, edit, name } = props;
-  const items = Array.isArray(content) ? content : content?.[name] || [];
-  if (!edit) {
-    return items.map((item) => chunkVMHWPKU4_js.builder.bindComponent(item));
-  }
-  return /* @__PURE__ */ React__namespace.createElement(BuildContainerInner, { ...props });
+var StaticContent = (props) => {
+  return /* @__PURE__ */ React__namespace.createElement(
+    chunkUZFAGH6G_js.BuildContainer,
+    {
+      name: "root",
+      edit: false,
+      multiple: true,
+      content: props.content || []
+    }
+  );
 };
 
-exports.BuildContainer = BuildContainer;
+// src/index.ts
+var BuilderContent = React.lazy(() => import('./builder-content-BOQEXOAK.js'));
+
+exports.BuilderContent = BuilderContent;
+exports.StaticContent = StaticContent;

package/dist/chunk-UZFAGH6G.js

@@ -0,0 +1,74 @@
+'use strict';
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/lib/builder.ts
+var builder = /* @__PURE__ */ (() => {
+  const components = [];
+  return {
+    register: (component, config) => {
+      if (components.find(({ name }) => name === config.name)) {
+        console.log(
+          `[simple-builder]: Component ${config.name} already registered.`
+        );
+        return;
+      }
+      components.push({
+        component,
+        ...config
+      });
+    },
+    getComponents: () => components,
+    getComponent: (name) => {
+      return components.find((c) => c.name === name);
+    },
+    bindComponent: ({ content, ...block }, edit) => {
+      const component = components.find(({ name }) => name === block.component);
+      if (!component) {
+        throw new Error(
+          `[simple-builder]: Component ${block.component} not found`
+        );
+      }
+      const Element = React.createElement(component.component, {
+        key: block.id,
+        builder: { id: block.id, content, edit },
+        ...block.props
+      });
+      return Element;
+    }
+  };
+})();
+var BuildContainerInner = React__namespace.lazy(
+  () => import('./build-container-client-MHVIH442.js')
+);
+var BuildContainer = (props) => {
+  const { content, edit, name } = props;
+  const items = Array.isArray(content) ? content : content?.[name] || [];
+  if (!edit) {
+    return items.map((item) => builder.bindComponent(item));
+  }
+  return /* @__PURE__ */ React__namespace.createElement(React__namespace.Suspense, { fallback: /* @__PURE__ */ React__namespace.createElement("div", null, "Loading...") }, /* @__PURE__ */ React__namespace.createElement(BuildContainerInner, { ...props }));
+};
+
+exports.BuildContainer = BuildContainer;
+exports.builder = builder;

package/dist/index.js

@@ -1,51 +1,23 @@
 'use strict';
 
-var chunk5ZDNACOH_js = require('./chunk-5ZDNACOH.js');
-var chunkVMHWPKU4_js = require('./chunk-VMHWPKU4.js');
-var React = require('react');
+var chunkN2X3IJBG_js = require('./chunk-N2X3IJBG.js');
+var chunkUZFAGH6G_js = require('./chunk-UZFAGH6G.js');
 
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
-
-var StaticContent = (props) => {
-  return /* @__PURE__ */ React__namespace.createElement(
-    chunk5ZDNACOH_js.BuildContainer,
-    {
-      name: "root",
-      edit: false,
-      multiple: true,
-      content: props.content || []
-    }
-  );
-};
-
-// src/index.ts
-var BuilderContent = React.lazy(() => import('./builder-content-66LHSBUX.js'));
 
+Object.defineProperty(exports, "BuilderContent", {
+  enumerable: true,
+  get: function () { return chunkN2X3IJBG_js.BuilderContent; }
+});
+Object.defineProperty(exports, "StaticContent", {
+  enumerable: true,
+  get: function () { return chunkN2X3IJBG_js.StaticContent; }
+});
 Object.defineProperty(exports, "BuildContainer", {
   enumerable: true,
-  get: function () { return chunk5ZDNACOH_js.BuildContainer; }
+  get: function () { return chunkUZFAGH6G_js.BuildContainer; }
 });
 Object.defineProperty(exports, "builder", {
   enumerable: true,
-  get: function () { return chunkVMHWPKU4_js.builder; }
+  get: function () { return chunkUZFAGH6G_js.builder; }
 });
-exports.BuilderContent = BuilderContent;
-exports.StaticContent = StaticContent;

package/dist/index.mjs

@@ -1,22 +1,2 @@
-import { BuildContainer } from './chunk-NROQCSBF.mjs';
-export { BuildContainer } from './chunk-NROQCSBF.mjs';
-export { builder } from './chunk-7K7IGTF3.mjs';
-import * as React from 'react';
-import { lazy } from 'react';
-
-var StaticContent = (props) => {
-  return /* @__PURE__ */ React.createElement(
-    BuildContainer,
-    {
-      name: "root",
-      edit: false,
-      multiple: true,
-      content: props.content || []
-    }
-  );
-};
-
-// src/index.ts
-var BuilderContent = lazy(() => import('./builder-content-FCQHSHSY.mjs'));
-
-export { BuilderContent, StaticContent };
+export { BuilderContent, StaticContent } from './chunk-IVFWYNC3.mjs';
+export { BuildContainer, builder } from './chunk-FGQSJAOO.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@simple-builder/react",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "private": false,
   "description": "React package for the simple builder package.",
   "repository": "https://github.com/pieter-berkel/simple-builder.git",
@@ -26,7 +26,7 @@
     "dist"
   ],
   "dependencies": {
-    "@hookform/resolvers": "^3.3.3",
+    "@hookform/resolvers": "^3.3.4",
     "@radix-ui/react-alert-dialog": "^1.0.5",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-label": "^2.0.2",
@@ -36,29 +36,29 @@
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toggle": "^1.0.3",
     "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
-    "date-fns": "^3.0.6",
-    "lucide-react": "^0.303.0",
+    "clsx": "^2.1.0",
+    "date-fns": "^3.2.0",
+    "lucide-react": "^0.309.0",
     "react-day-picker": "^8.10.0",
-    "react-hook-form": "^7.49.2",
+    "react-hook-form": "^7.49.3",
     "server-only": "^0.0.1",
     "tailwind-merge": "^2.2.0",
     "zod": "^3.22.4",
-    "@simple-builder/server": "1.0.2"
+    "@simple-builder/server": "1.0.3"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
-    "@types/node": "^20.10.5",
-    "@types/react": "^18.2.46",
+    "@types/node": "^20.11.0",
+    "@types/react": "^18.2.47",
     "@types/react-dom": "^18.2.18",
     "autoprefixer": "^10.4.16",
-    "postcss": "^8.4.32",
+    "postcss": "^8.4.33",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "tailwindcss": "^3.4.0",
+    "tailwindcss": "^3.4.1",
     "tailwindcss-animate": "^1.0.7",
     "tsup": "^8.0.1",
     "typescript": "5.3.3"

package/dist/chunk-NROQCSBF.mjs

@@ -1,16 +0,0 @@
-import { builder } from './chunk-7K7IGTF3.mjs';
-import * as React from 'react';
-
-var BuildContainerInner = React.lazy(
-  () => import('./build-container-client-SL4TZBOD.mjs')
-);
-var BuildContainer = (props) => {
-  const { content, edit, name } = props;
-  const items = Array.isArray(content) ? content : content?.[name] || [];
-  if (!edit) {
-    return items.map((item) => builder.bindComponent(item));
-  }
-  return /* @__PURE__ */ React.createElement(BuildContainerInner, { ...props });
-};
-
-export { BuildContainer };

package/dist/chunk-VMHWPKU4.js

@@ -1,42 +0,0 @@
-'use strict';
-
-var react = require('react');
-
-// src/lib/builder.ts
-var builder = /* @__PURE__ */ (() => {
-  const components = [];
-  return {
-    register: (component, config) => {
-      if (components.find(({ name }) => name === config.name)) {
-        console.log(
-          `[simple-builder]: Component ${config.name} already registered.`
-        );
-        return;
-      }
-      components.push({
-        component,
-        ...config
-      });
-    },
-    getComponents: () => components,
-    getComponent: (name) => {
-      return components.find((c) => c.name === name);
-    },
-    bindComponent: ({ content, ...block }, edit) => {
-      const component = components.find(({ name }) => name === block.component);
-      if (!component) {
-        throw new Error(
-          `[simple-builder]: Component ${block.component} not found`
-        );
-      }
-      const Element = react.createElement(component.component, {
-        key: block.id,
-        builder: { id: block.id, content, edit },
-        ...block.props
-      });
-      return Element;
-    }
-  };
-})();
-
-exports.builder = builder;