poe-svelte-ui-lib 1.2.8 → 1.2.9

package/dist/Tabs/TabsProps.svelte

@@ -56,19 +56,6 @@
     } else if (width.class.includes('w-auto')) return 1
     else return 2
   })
-
-  const handleImageUpload = (event: Event) => {
-    const input = event.target as HTMLInputElement
-    if (!input.files || input.files.length === 0) return
-
-    const file = input.files[0]
-    const reader = new FileReader()
-    reader.onload = (e) => {
-      const base64String = e.target?.result as string
-      updateProperty('image', base64String, component, onPropertyChange)
-    }
-    reader.readAsDataURL(file)
-  }
 </script>
 
 {#if forConstructor}
@@ -121,19 +108,11 @@
         }}
         value={initialWidth()}
         onChange={(value) => {
-          if (value === 2) {
-            component.properties.items.forEach((_item: any, index: number) => {
-              const items = [...(component.properties?.items || [])]
-              items[index]['class'] = twMerge(items[index].class, `w-[${(1 / items.length) * 100}%]`)
-              updateProperty('items', items, component, onPropertyChange)
-            })
-          } else {
-            component.properties.items.forEach((_item: any, index: number) => {
-              const items = [...(component.properties?.items || [])]
-              items[index]['class'] = twMerge(items[index].class, 'w-auto')
-              updateProperty('items', items, component, onPropertyChange)
-            })
-          }
+          component.properties.items.forEach((_item: any, index: number) => {
+            const items = [...(component.properties?.items || [])]
+            items[index]['class'] = twMerge(items[index].class, value === 2 ? `w-[${(1 / items.length) * 100}%]` : 'w-auto')
+            updateProperty('items', items, component, onPropertyChange)
+          })
         }}
       />
     </div>
@@ -146,14 +125,16 @@
         wrapperClass="w-8"
         content={{ icon: ButtonAdd }}
         onClick={() => {
-          let tabWidth = Math.max(...Array.from(document.body.querySelectorAll('.tab')).map((item) => (item as HTMLElement).offsetWidth))
           const newItem: { name: string; icon: string; class: string } = {
             name: `Tab ${component.properties?.items.length + 1}`,
-            class: `w-${initialWidth() === 2 ? `[${tabWidth}px]` : 'auto'} text-${initialColor?.value.slice(3)}-500 ${initialPosition?.value}`,
+            class: `text-${initialColor?.value.slice(3)}-500 ${initialPosition?.value}`,
             icon: '',
           }
           const items = [...(component.properties?.items || []), newItem]
-          updateProperty('items', items, component, onPropertyChange)
+          items.forEach((_item: any, index: number) => {
+            items[index]['class'] = twMerge(items[index].class, initialWidth() === 2 ? `w-[${(1 / items.length) * 100}%]` : 'w-auto')
+            updateProperty('items', items, component, onPropertyChange)
+          })
         }}
       />
     </div>
@@ -194,6 +175,10 @@
             onClick={() => {
               const items = [...(component.properties?.items || [])]
               items.splice(index, 1)
+              items.forEach((_item: any, index: number) => {
+                items[index]['class'] = twMerge(items[index].class, initialWidth() === 2 ? `w-[${(1 / items.length) * 100}%]` : 'w-auto')
+                updateProperty('items', items, component, onPropertyChange)
+              })
               updateProperty('items', items, component, onPropertyChange)
             }}
           />

package/dist/types.d.ts

@@ -269,7 +269,6 @@ export interface ITabsProps {
         icon?: string;
         class?: string;
         children?: Snippet;
-        width?: string;
     }[];
     apiArray?: UIComponent[];
     Components?: Snippet<[component: UIComponent, fixedHeight: boolean]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "poe-svelte-ui-lib",
-  "version": "1.2.8",
+  "version": "1.2.9",
   "license": "MIT",
   "type": "module",
   "scripts": {