fix bug with styles

pieter-berkel · Jan 17, 2024 · f4c2565 · f4c2565
1 parent 5128a35
commit f4c2565
Show file tree

Hide file tree

Showing 8 changed files with 49 additions and 11 deletions.
diff --git a/examples/next/CHANGELOG.md b/examples/next/CHANGELOG.md
@@ -1,5 +1,13 @@
 # next-example
 
+## 0.1.9
+
+### Patch Changes
+
+- Updated dependencies
+  - @simple-builder/react@1.0.8
+  - @simple-builder/server@1.0.8
+
 ## 0.1.8
 
 ### Patch Changes

diff --git a/examples/next/app/[[...slug]]/builder-registery.ts b/examples/next/app/[[...slug]]/builder-registery.ts
@@ -61,13 +61,22 @@ builder.register(
         defaultValue: "Hello World",
       },
     ],
-    // defaultStyles: {
-    //   container: false,
-    //   // desktop: {
-    //   //   color: "#ffffff",
-    //   //   background: "#000000",
-    //   // },
-    // },
+    defaultStyles: {
+      container: false,
+      desktop: {
+        color: "#ffffff",
+        background: "#cecece",
+        margin: "0 16px",
+        padding: "0 24px",
+        "border-radius": "25px",
+        overflow: "hidden",
+      },
+      mobile: {
+        "border-radius": "0px",
+        padding: "0px",
+        margin: "0px",
+      },
+    },
   },
 );
 

diff --git a/examples/next/package.json b/examples/next/package.json
@@ -1,6 +1,6 @@
 {
   "name": "next-example",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "private": true,
   "scripts": {
     "dev": "next dev",

diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @simple-builder/react
 
+## 1.0.8
+
+### Patch Changes
+
+- fix bug with styles
+- Updated dependencies
+  - @simple-builder/server@1.0.8
+
 ## 1.0.7
 
 ### Patch Changes

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@simple-builder/react",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "private": false,
   "description": "React package for the simple builder package.",
   "repository": "https://github.com/pieter-berkel/simple-builder.git",

diff --git a/packages/react/src/components/item-design-form.tsx b/packages/react/src/components/item-design-form.tsx
@@ -154,6 +154,13 @@ export const ItemDesignForm = (props: ItemDesignFormProps) => {
     const getPatchedDeviceValues = (
       device: "desktop" | "mobile" = "desktop",
     ) => {
+      const initital = Object.keys(item.styles?.[device] || {})
+        .filter((key) => !Object.keys(values[device]).includes(key))
+        .reduce(
+          (acc, key) => ({ ...acc, [key]: item.styles?.[device][key] }),
+          {},
+        );
+
       // @ts-expect-error TODO: fix this
       return Object.entries(values[device]).reduce((acc, [key, value]) => {
         let res = value;
@@ -177,7 +184,7 @@ export const ItemDesignForm = (props: ItemDesignFormProps) => {
           ...acc,
           ...(res ? { [key]: res } : {}),
         };
-      }, {});
+      }, initital);
     };
 
     const patchedDesktopValues = getPatchedDeviceValues();

diff --git a/packages/server/CHANGELOG.md b/packages/server/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @simple-builder/server
 
+## 1.0.8
+
+### Patch Changes
+
+- fix bug with styles
+
 ## 1.0.7
 
 ### Patch Changes

diff --git a/packages/server/package.json b/packages/server/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@simple-builder/server",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "private": false,
   "description": "Server package for the simple builder package.",
   "repository": "https://github.com/pieter-berkel/simple-builder.git",