@platformatic/ui-components 0.3.6 → 0.5.0

package/src/stories/icons/Icons.stories.jsx

@@ -48,22 +48,49 @@ const CircleCloseIconTemplate = (args) => <CircleCloseIcon {...args} />
 export const CircleCloseIconDefault = CircleCloseIconTemplate.bind({})
 CircleCloseIconDefault.args = {}
 
-const WorkspaceIconsTemplate = () => (
-  [<WorkspaceStaticIcon key='a' />, <WorkspaceDynamicIcon key='b' />].map((component, index) => {
-    const listElement = []
-    listElement.push(React.cloneElement(component, { key: `0${index}` }))
-    listElement.push(React.cloneElement(component, { key: `1${index}`, size: 'small', color: 'main-green' }))
-    listElement.push(React.cloneElement(component, { key: `2${index}`, color: 'error-red' }))
-    listElement.push(React.cloneElement(component, { key: `3${index}`, size: 'small', color: 'error-red' }))
-    listElement.push(React.cloneElement(component, { key: `4${index}`, color: 'main-dark-blue' }))
-    listElement.push(React.cloneElement(component, { key: `5${index}`, size: 'small', color: 'main-dark-blue' }))
-    return listElement
-  })
-)
+const WorkspaceIconsTemplate = () =>
+  [<WorkspaceStaticIcon key='a' />, <WorkspaceDynamicIcon key='b' />].map(
+    (component, index) => {
+      const listElement = []
+      listElement.push(React.cloneElement(component, { key: `0${index}` }))
+      listElement.push(
+        React.cloneElement(component, {
+          key: `1${index}`,
+          size: 'small',
+          color: 'main-green'
+        })
+      )
+      listElement.push(
+        React.cloneElement(component, { key: `2${index}`, color: 'error-red' })
+      )
+      listElement.push(
+        React.cloneElement(component, {
+          key: `3${index}`,
+          size: 'small',
+          color: 'error-red'
+        })
+      )
+      listElement.push(
+        React.cloneElement(component, {
+          key: `4${index}`,
+          color: 'main-dark-blue'
+        })
+      )
+      listElement.push(
+        React.cloneElement(component, {
+          key: `5${index}`,
+          size: 'small',
+          color: 'main-dark-blue'
+        })
+      )
+      return listElement
+    }
+  )
 
 export const WorkspaceIconsAll = WorkspaceIconsTemplate.bind({})
 WorkspaceIconsAll.args = {}
 
-const LargeIconsTemplate = () => ([<UpgradeIcon key='b' size='extra-large' />].map(component => component))
+const LargeIconsTemplate = () =>
+  [<UpgradeIcon key='b' size='extra-large' />].map((component) => component)
 export const LargeIconsDefault = LargeIconsTemplate.bind({})
 LargeIconsDefault.args = {}

package/src/stories/logos/Logos.stories.jsx

@@ -56,13 +56,20 @@ const AllLogosTemplate = (args) => {
       {logos.map((LogoComponent, index) => (
         <div style={row} key={index}>
           <div style={col}>
-            <p style={paragraphClass}>#{index + 1}: {LogoComponent.name}</p>
+            <p style={paragraphClass}>
+              #{index + 1}: {LogoComponent.name}
+            </p>
           </div>
           <div style={col}>
             <LogoComponent key={LogoComponent.name} {...args} />
           </div>
           <div style={col}>
-            <LogoComponent key={LogoComponent.name} width={142} height={63} {...args} />
+            <LogoComponent
+              key={LogoComponent.name}
+              width={142}
+              height={63}
+              {...args}
+            />
           </div>
         </div>
       ))}

package/vitest.config.js

@@ -8,7 +8,8 @@ export default defineConfig({
   test: {
     globals: true,
     environment: 'happy-dom',
-    exclude: ['node_modules']
+    exclude: ['node_modules'],
+    setupFiles: ['./setupTests.js']
   }
 
 })