@simple-builder/react 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import * as _simple_builder_server from '@simple-builder/server';
+import { BuilderContent as BuilderContent$1, ContentItem } from '@simple-builder/server';
+
+type InputType = "string" | "number" | "boolean" | "longText" | "richText" | "file" | "color" | "date";
+type ComponentInput<T extends InputType> = {
+    type: T;
+    name: string;
+    friendlyName?: string;
+    helperText?: string;
+    defaultValue?: any;
+} & (T extends "string" ? {
+    enum?: string[] | {
+        label: string;
+        value: any;
+    };
+} : {});
+type Component = {
+    component: (props?: any) => JSX.Element;
+    name: string;
+    friendlyName?: string;
+    icon?: any;
+    description?: string;
+    inputs?: ComponentInput<any>[];
+    defaults?: Record<string, unknown>;
+    defaultStyles?: ContentItem["styles"];
+};
+type BuildContainerProps$1 = {
+    builder: {
+        id?: string;
+        content: BuilderContent$1;
+        edit: boolean;
+    };
+};
+
+declare const builder: {
+    register: (component: any, config: Omit<Component, "component">) => void;
+    getComponents: () => Component[];
+    getComponent: (name: string) => Component | undefined;
+    bindComponent: ({ content, ...block }: ContentItem, edit?: boolean) => React.FunctionComponentElement<any>;
+};
+
+type StaticContentProps = {
+    content?: BuilderContent$1;
+};
+declare const StaticContent: (props: StaticContentProps) => React.JSX.Element;
+
+type BuildContainerProps = {
+    id?: string;
+    name: string;
+    content: BuilderContent$1;
+    multiple?: boolean;
+    edit: boolean;
+};
+declare const BuildContainer: (props: BuildContainerProps) => React.JSX.Element | React.FunctionComponentElement<any>[];
+
+declare const BuilderContent: React.LazyExoticComponent<(props: {
+    content?: _simple_builder_server.BuilderContent | undefined;
+}) => React.JSX.Element>;
+
+export { BuildContainer, type BuildContainerProps$1 as BuildContainerProps, BuilderContent, StaticContent, builder };

package/dist/index.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import * as _simple_builder_server from '@simple-builder/server';
+import { BuilderContent as BuilderContent$1, ContentItem } from '@simple-builder/server';
+
+type InputType = "string" | "number" | "boolean" | "longText" | "richText" | "file" | "color" | "date";
+type ComponentInput<T extends InputType> = {
+    type: T;
+    name: string;
+    friendlyName?: string;
+    helperText?: string;
+    defaultValue?: any;
+} & (T extends "string" ? {
+    enum?: string[] | {
+        label: string;
+        value: any;
+    };
+} : {});
+type Component = {
+    component: (props?: any) => JSX.Element;
+    name: string;
+    friendlyName?: string;
+    icon?: any;
+    description?: string;
+    inputs?: ComponentInput<any>[];
+    defaults?: Record<string, unknown>;
+    defaultStyles?: ContentItem["styles"];
+};
+type BuildContainerProps$1 = {
+    builder: {
+        id?: string;
+        content: BuilderContent$1;
+        edit: boolean;
+    };
+};
+
+declare const builder: {
+    register: (component: any, config: Omit<Component, "component">) => void;
+    getComponents: () => Component[];
+    getComponent: (name: string) => Component | undefined;
+    bindComponent: ({ content, ...block }: ContentItem, edit?: boolean) => React.FunctionComponentElement<any>;
+};
+
+type StaticContentProps = {
+    content?: BuilderContent$1;
+};
+declare const StaticContent: (props: StaticContentProps) => React.JSX.Element;
+
+type BuildContainerProps = {
+    id?: string;
+    name: string;
+    content: BuilderContent$1;
+    multiple?: boolean;
+    edit: boolean;
+};
+declare const BuildContainer: (props: BuildContainerProps) => React.JSX.Element | React.FunctionComponentElement<any>[];
+
+declare const BuilderContent: React.LazyExoticComponent<(props: {
+    content?: _simple_builder_server.BuilderContent | undefined;
+}) => React.JSX.Element>;
+
+export { BuildContainer, type BuildContainerProps$1 as BuildContainerProps, BuilderContent, StaticContent, builder };

package/dist/index.js

@@ -0,0 +1,51 @@
+'use strict';
+
+var chunk4CD23J5W_js = require('./chunk-4CD23J5W.js');
+var chunkVMHWPKU4_js = require('./chunk-VMHWPKU4.js');
+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);
+
+var StaticContent = (props) => {
+  return /* @__PURE__ */ React__namespace.createElement(
+    chunk4CD23J5W_js.BuildContainer,
+    {
+      name: "root",
+      edit: false,
+      multiple: true,
+      content: props.content || []
+    }
+  );
+};
+
+// src/index.ts
+var BuilderContent = React.lazy(() => import('./builder-content-XP2KWHHT.js'));
+
+Object.defineProperty(exports, "BuildContainer", {
+  enumerable: true,
+  get: function () { return chunk4CD23J5W_js.BuildContainer; }
+});
+Object.defineProperty(exports, "builder", {
+  enumerable: true,
+  get: function () { return chunkVMHWPKU4_js.builder; }
+});
+exports.BuilderContent = BuilderContent;
+exports.StaticContent = StaticContent;

package/dist/index.mjs

@@ -0,0 +1,22 @@
+import { BuildContainer } from './chunk-LKNRLBTK.mjs';
+export { BuildContainer } from './chunk-LKNRLBTK.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-I65E3YF2.mjs'));
+
+export { BuilderContent, StaticContent };

package/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "@simple-builder/react",
+  "version": "1.0.0",
+  "private": false,
+  "description": "React package for the simple builder package.",
+  "repository": "https://github.com/pieter-berkel/simple-builder.git",
+  "author": "Pieter Berkel <perkamentus@codetovenaars.nl>",
+  "license": "MIT",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "default": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./client": {
+      "import": "./dist/client.mjs",
+      "require": "./dist/client.js",
+      "default": "./dist/client.js",
+      "types": "./dist/client.d.ts"
+    },
+    "./styles": "./dist/index.css"
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@hookform/resolvers": "^3.3.3",
+    "@radix-ui/react-alert-dialog": "^1.0.5",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-popover": "^1.0.7",
+    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@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",
+    "react-day-picker": "^8.10.0",
+    "react-hook-form": "^7.49.2",
+    "server-only": "^0.0.1",
+    "tailwind-merge": "^2.2.0",
+    "zod": "^3.22.4",
+    "@simple-builder/server": "1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@types/node": "^20.10.5",
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
+    "autoprefixer": "^10.4.16",
+    "postcss": "^8.4.32",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "tailwindcss": "^3.4.0",
+    "tailwindcss-animate": "^1.0.7",
+    "tsup": "^8.0.1",
+    "typescript": "5.3.3"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "npm run build -- --watch",
+    "lint": "eslint --ext \".js,.jsx,.ts,.tsx\" --ignore-path ../../.gitignore src",
+    "clean": "git clean -xdf .turbo node_modules dist"
+  }
+}