@homefile/components-v2 2.14.30 → 2.14.32

package/src/interfaces/forms/dynamicForm/DynamicForm.interface.ts

@@ -39,6 +39,8 @@ export type UIKindTypes =
   | 'tile-body-header'
   | 'tile-body-section'
   | 'tile-body-section-grid'
+  | 'tile-body-partner-image'
+  | 'tile-body-description'
   | 'tile-form'
   | 'tile-body-action'
   | 'vertical-icon'

package/src/mocks/partner/dynamicTileForm.mock.ts

@@ -0,0 +1,67 @@
+import { ReportI } from "@/interfaces";
+
+export const dynamicTileFormMock: ReportI[] = [
+    {
+        "id": "stile1p",
+        "name": "",
+        "description": "",
+        "comments": "",
+        "value": "",
+        "type": "tile-body",
+        "visible": true,
+        "children": [
+            {
+                "id": "stilec01",
+                "name": "Shine",
+                "description": "",
+                "comments": "",
+                "value": "https://storage.googleapis.com/homefile-images/shine_logo_updated.png",
+                "type": "tile-body-logo"
+            },
+            {
+                "id": "stilec01test",
+                "name": "Partner Name Here",
+                "description": "",
+                "comments": "",
+                "value": "https://storage.googleapis.com/homefile-images/audreybackgroundimage-update.jpg",
+                "type": "tile-body-partner-image"
+            },
+            {
+                "id": "stilec02test",
+                "name": "Shine",
+                "description": "",
+                "comments": "",
+                "value": "Test description will go here. Test.",
+                "type": "tile-body-description"
+            },
+            {
+                "id": "stile2p",
+                "name": "",
+                "description": "",
+                "comments": "",
+                "value": "",
+                "type": "tile-body-action",
+                "children": [
+                    {
+                        "id": "stilecta1",
+                        "name": "drawer-link",
+                        "description": "",
+                        "comments": "",
+                        "value": "Schedule Service",
+                        "type": "primary-cta",
+                        "link": "stiledf01"
+                    },
+                    {
+                        "id": "stilecta2",
+                        "name": "drawer-link",
+                        "description": "",
+                        "comments": "",
+                        "value": "Request Support",
+                        "type": "secondary-cta",
+                        "link": "stiledf02"
+                    }
+                ]
+            }
+        ]
+    }
+]

package/src/mocks/partner/index.ts

@@ -4,3 +4,4 @@ export * from './details.mock'
 export * from './partnerCatalog.mock'
 export * from './partnerOptions.mock'
 export * from './socialLinks.mock'
+export * from './dynamicTileForm.mock'

package/src/proxies/homes/homeAssistant.proxy.ts

@@ -0,0 +1,18 @@
+import { proxy } from 'valtio'
+
+interface HomeAssistantProxyI {
+  highlight: boolean
+  selectedId: string
+  setHighlight: (highlight: boolean) => void
+  setSelectedId: (selectedId: string) => void
+}
+
+export const homeAssistantProxy = proxy<HomeAssistantProxyI>({
+  highlight: false,
+  selectedId: '',
+  setHighlight: (highlight: boolean) => {
+    homeAssistantProxy.highlight = highlight
+  },
+  setSelectedId: (selectedId: string) =>
+    (homeAssistantProxy.selectedId = selectedId),
+})

package/src/proxies/homes/index.ts

@@ -1 +1,2 @@
+export * from './homeAssistant.proxy'
 export * from './homeCard.proxy'

package/src/stories/partner/DynamicTile.stories.tsx

@@ -0,0 +1,33 @@
+import { DynamicForm as DynamicFormTile } from '@/components'
+import { DynamicFormI } from '@/interfaces'
+import { dynamicTileFormMock, socialLinksMock, menuMock } from '@/mocks'
+import { Meta } from '@storybook/react'
+import { Flex } from '@chakra-ui/react'
+
+export default {
+  title: 'Components/Partner',
+  component: DynamicFormTile,
+  args: {    
+    _id: '12',
+    form: dynamicTileFormMock,
+    websiteUrl: 'http://www.homefile.com',
+    socialLinks: socialLinksMock,
+    partnerName: 'Homefile Dynamic',
+    menuItems: menuMock,
+    minimized: false,
+    showTitle: false,
+  },
+  argTypes: {
+    menuItems: {
+      control: { disable: true },
+    },
+  },
+} as Meta
+
+export const DynamicFormTileComponent = (args: DynamicFormI) => {
+  return (
+    <Flex maxW={'380px'}>
+      <DynamicFormTile {...args} />
+    </Flex>
+  )
+}