@homefile/components-v2 2.34.0 → 2.34.3

package/dist/stories/subscription/toBeDeleted/ToBeDeletedHeader.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { ToBeDeletedHeaderI } from '../../../interfaces';
+import { ToBeDeletedHeaderI } from '@/interfaces';
 declare const _default: Meta<ToBeDeletedHeaderI>;
 export default _default;
 export declare const ToBeDeletedHeaderComponent: {

package/dist/stories/subscription/toBeDeleted/ToBeDeletedHeader.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { RightPanel, ToBeDeletedContent, ToBeDeletedHeader } from '../../../components';
+import { RightPanel, ToBeDeletedContent, ToBeDeletedHeader } from '@/components';
 export default {
     title: 'Components/Subscription/ToBeDeleted',
     component: ToBeDeletedHeader,

package/dist/stories/tiles/MinimizedTiles.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react/*';
-import { MinimizedTilesI } from '../../interfaces';
+import { MinimizedTilesI } from '@/interfaces';
 declare const _default: Meta<MinimizedTilesI>;
 export default _default;
 export declare const MinimizedTilesComponent: (args: MinimizedTilesI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/tiles/MinimizedTiles.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { action } from '@storybook/addon-actions';
-import { MinimizedTiles } from '../../components';
-import { menuMock, minimizedTilesMock } from '../../mocks';
+import { MinimizedTiles } from '@/components';
+import { menuMock, minimizedTilesMock } from '@/mocks';
 import { Box } from '@chakra-ui/react';
 export default {
     title: 'Components/Tiles',

package/dist/stories/tour/Bubble.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { BubbleI } from '../../interfaces';
+import { BubbleI } from '@/interfaces';
 declare const _default: Meta<BubbleI>;
 export default _default;
 export declare const BubbleComponent: {

package/dist/stories/tour/Bubble.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { t } from 'i18next';
-import { BubbleText, Bubble } from '../../components';
+import { BubbleText, Bubble } from '@/components';
 import { fn } from '@storybook/test';
 export default {
     title: 'Components/Tour',

package/dist/stories/tour/BubbleArrow.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { BubbleArrowI } from '../../interfaces';
+import { BubbleArrowI } from '@/interfaces';
 declare const _default: Meta<BubbleArrowI>;
 export default _default;
 export declare const BubbleArrowComponent: {

package/dist/stories/tour/BubbleArrow.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { BubbleArrow } from '../../components';
+import { BubbleArrow } from '@/components';
 export default {
     title: 'Components/Tour',
     component: BubbleArrow,

package/dist/stories/tour/BubbleFooter.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { BubbleFooterI } from '../../interfaces';
+import { BubbleFooterI } from '@/interfaces';
 declare const _default: Meta<BubbleFooterI>;
 export default _default;
 export declare const BubbleFooterComponent: {

package/dist/stories/tour/BubbleFooter.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { BubbleFooter } from '../../components';
+import { BubbleFooter } from '@/components';
 export default {
     title: 'Components/Tour',
     component: BubbleFooter,

package/dist/stories/tour/BubbleHead.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { BubbleHeadI } from '../../interfaces';
+import { BubbleHeadI } from '@/interfaces';
 declare const _default: Meta<BubbleHeadI>;
 export default _default;
 export declare const BubbleHeadComponent: (args: BubbleHeadI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/tour/BubbleHead.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { BubbleHead } from '../../components';
+import { BubbleHead } from '@/components';
 export default {
     title: 'Components/Tour',
     component: BubbleHead,

package/dist/stories/tour/BubbleOverlay.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { BubbleOverlayI } from '../../interfaces';
+import { BubbleOverlayI } from '@/interfaces';
 declare const _default: Meta<BubbleOverlayI>;
 export default _default;
 export declare const BubbleOverlayComponent: (args: BubbleOverlayI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/tour/BubbleOverlay.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { BubbleOverlay } from '../../components';
+import { BubbleOverlay } from '@/components';
 export default {
     title: 'Components/Tour',
     component: BubbleOverlay,

package/dist/stories/tour/BubbleText.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { BubbleTextI } from '../../interfaces';
+import { BubbleTextI } from '@/interfaces';
 declare const _default: Meta<BubbleTextI>;
 export default _default;
 export declare const BubbleTextComponent: {

package/dist/stories/tour/BubbleText.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { BubbleText } from '../../components';
+import { BubbleText } from '@/components';
 export default {
     title: 'Components/Tour',
     component: BubbleText,

package/dist/stories/tour/HomeBoardTour.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { TourI } from '../../interfaces';
+import { TourI } from '@/interfaces';
 declare const _default: Meta<TourI>;
 export default _default;
 export declare const HomeBoardTourComponent: {

package/dist/stories/tour/HomeBoardTour.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { HomeBoardTour } from '../../components';
+import { HomeBoardTour } from '@/components';
 import { fn } from '@storybook/test';
 export default {
     title: 'Components/Tour',

package/dist/stories/tour/LaunchpadTour.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { TourI } from '../../interfaces';
+import { TourI } from '@/interfaces';
 declare const _default: Meta<TourI>;
 export default _default;
 export declare const LaunchpadTourComponent: {

package/dist/stories/tour/LaunchpadTour.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { LaunchpadTour } from '../../components';
+import { LaunchpadTour } from '@/components';
 import { fn } from '@storybook/test';
 export default {
     title: 'Components/Tour',

package/dist/stories/tour/steps/AccountTypeRow.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { AccountTypeRow } from '../../../components';
+import { AccountTypeRow } from '@/components';
 export default {
     title: 'Components/Tour',
     component: AccountTypeRow,

package/dist/stories/tour/steps/HelpIconStep.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { HelpIconStepI } from '../../../interfaces';
+import { HelpIconStepI } from '@/interfaces';
 declare const _default: Meta<HelpIconStepI>;
 export default _default;
 export declare const HelpIconStepComponent: (args: HelpIconStepI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/tour/steps/HelpIconStep.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { HelpIconStep } from '../../../components';
+import { HelpIconStep } from '@/components';
 export default {
     title: 'Components/Tour',
     component: HelpIconStep,

package/dist/stories/tour/steps/InviteRolesStep.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { InviteRolesStep } from '../../../components';
+import { InviteRolesStep } from '@/components';
 export default {
     title: 'Components/Tour',
     component: InviteRolesStep,

package/dist/stories/tour/steps/MeetStep.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { MeetStepI } from '../../../interfaces';
+import { MeetStepI } from '@/interfaces';
 declare const _default: Meta;
 export default _default;
 export declare const MeetStepComponent: (args: MeetStepI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/tour/steps/MeetStep.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { MeetStep } from '../../../components';
+import { MeetStep } from '@/components';
 import { action } from '@storybook/addon-actions';
-import { videoMock } from '../../../mocks';
+import { videoMock } from '@/mocks';
 export default {
     title: 'Components/Tour',
     component: MeetStep,

package/dist/stories/valueMonitor/ValueCard.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { ValueCardI } from '../../interfaces';
+import { ValueCardI } from '@/interfaces';
 declare const _default: Meta<ValueCardI>;
 export default _default;
 export declare const ValueCardComponent: {

package/dist/stories/valueMonitor/ValueCard.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { ValueCard } from '../../components';
+import { ValueCard } from '@/components';
 export default {
     title: 'Components/ValueMonitor',
     component: ValueCard,

package/dist/stories/valueMonitor/ValueMonitor.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { ValueMonitorI } from '../../interfaces';
+import { ValueMonitorI } from '@/interfaces';
 declare const _default: Meta<ValueMonitorI>;
 export default _default;
 export declare const ValueMonitorComponent: {

package/dist/stories/valueMonitor/ValueMonitor.stories.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box } from '@chakra-ui/react';
-import { ValueMonitor } from '../../components';
+import { ValueMonitor } from '@/components';
 export default {
     title: 'Components/ValueMonitor',
     component: ValueMonitor,

package/dist/stories/videoPlayer/VideoPlayerModal.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { VideoPlayerModalI } from '../../interfaces';
+import { VideoPlayerModalI } from '@/interfaces';
 declare const _default: Meta;
 export default _default;
 export declare const VideoPlayerModalComponent: (args: VideoPlayerModalI) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/videoPlayer/VideoPlayerModal.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { VideoPlayerModal } from '../../components';
+import { VideoPlayerModal } from '@/components';
 import { action } from '@storybook/addon-actions';
-import { videoMock } from '../../mocks';
+import { videoMock } from '@/mocks';
 export default {
     title: 'Components/VideoPlayer',
     component: VideoPlayerModal,

package/dist/stories/wizard/ControlledWizard.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { ControlledWizardI } from '../../interfaces';
+import { ControlledWizardI } from '@/interfaces';
 declare const _default: Meta<ControlledWizardI>;
 export default _default;
 export declare const ControlledWizardComponent: () => import("react/jsx-runtime").JSX.Element;

package/dist/stories/wizard/ControlledWizard.stories.js

@@ -9,12 +9,12 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
-import { ConfirmProperty, ControlledWizard, DynamicForm, FooterButtons, HomeAssistantTutorial, HomeAssistantWizardSteps, MyHomeDetails, SearchRecords, WizardTextHeader, } from '../../components';
+import { ConfirmProperty, ControlledWizard, DynamicForm, FooterButtons, HomeAssistantTutorial, HomeAssistantWizardSteps, MyHomeDetails, SearchRecords, WizardTextHeader, } from '@/components';
 import { Box, Center, Stack } from '@chakra-ui/react';
 import { action } from '@storybook/addon-actions';
-import { formValues } from '../../helpers';
-import { homeWizardForm, propertiesMock } from '../../mocks';
-import { WizardSuccessHeader } from '../../components/wizard/WizardSuccessHeader';
+import { formValues } from '@/helpers';
+import { homeWizardForm, propertiesMock } from '@/mocks';
+import { WizardSuccessHeader } from '@/components/wizard/WizardSuccessHeader';
 export default {
     title: 'Components/Wizard/ControlledWizard',
     component: ControlledWizard,

package/dist/utils/AddMedia.utils.d.ts

@@ -1,4 +1,4 @@
-import { MapFileI, MapImagesI } from '../interfaces';
+import { MapFileI, MapImagesI } from '@/interfaces';
 export declare const handleMapFile: ({ files, isLocal }: MapFileI) => {
     _id: any;
     description: any;

package/dist/utils/AddMedia.utils.js

@@ -1,4 +1,4 @@
-import { formatDate } from './';
+import { formatDate } from '@/utils';
 const storageUrl = import.meta.env.VITE_STORAGE_URL;
 export const handleMapFile = ({ files, isLocal = true }) => {
     return files.map((file) => {

package/dist/utils/Alerts.utils.d.ts

@@ -1,4 +1,4 @@
-import { AlertCategory } from '../interfaces';
+import { AlertCategory } from '@/interfaces';
 export declare function getCategoryStyles(cat: AlertCategory): {
     headerBg: string;
     alertTitle: string;

package/dist/utils/Alerts.utils.js

@@ -1,4 +1,4 @@
-import { CATEGORY_CONFIG } from '../helpers';
+import { CATEGORY_CONFIG } from '@/helpers';
 export function getCategoryStyles(cat) {
     const cfg = CATEGORY_CONFIG[cat];
     return {

package/dist/utils/DynamicForm.utils.d.ts

@@ -1,4 +1,4 @@
-import { ReportI } from '../interfaces';
+import { ReportI } from '@/interfaces';
 interface MapApiObjectToFormFieldsI {
     obj?: Record<string, any>;
     depth?: number;

package/dist/utils/Images.utils.js

@@ -1,4 +1,4 @@
-import { House1, House2, House3, House4, House5, House6 } from '../assets/images';
+import { House1, House2, House3, House4, House5, House6 } from '@/assets/images';
 const images = [House1, House2, House3, House4, House5, House6];
 export const randomImages = (index) => {
     if (index >= images.length) {

package/dist/utils/Masks.utils.js

@@ -1,4 +1,4 @@
-import { CreditCardBrands } from '../helpers';
+import { CreditCardBrands } from '@/helpers';
 const brandMask = ({ brand, input }) => {
     const masks = {
         americanExpress: (value) => {

package/dist/utils/Receipts.utils.d.ts

@@ -1,2 +1,2 @@
-import { SelectItemI } from "../interfaces";
+import { SelectItemI } from "@/interfaces";
 export declare const setInitialValue: (options: string[] | SelectItemI[]) => string;

package/dist/utils/ShowingText.utils.js

@@ -1,5 +1,5 @@
 import { t } from "i18next";
-import { pluralize } from "./";
+import { pluralize } from "@/utils";
 export const setShowingCounterText = ({ showing, item, total }) => {
     const plural = pluralize(total, item);
     const moreThanOne = `${t('showingCounter.showing')} ${showing} ${t('showingCounter.of')} ${total} ${plural}`;

package/dist/utils/Weather.utils.d.ts

@@ -1,3 +1,3 @@
-import { ForecastPeriodI, WeatherWidgetI } from '../interfaces';
+import { ForecastPeriodI, WeatherWidgetI } from '@/interfaces';
 export declare function mapForecastToWidget(periods: ForecastPeriodI[], location: string): WeatherWidgetI;
 export declare function extractCodeFromUrl(iconUrl: string): string;

package/package.json

@@ -1,29 +1,65 @@
 {
   "name": "@homefile/components-v2",
-  "version": "2.34.0",
+  "version": "2.34.3",
   "author": "Homefile",
   "license": "UNLICENSED",
   "typings": "dist/index.d.ts",
   "main": "dist/index.js",
   "repository": {
     "type": "git",
-    "url": "https://github.com/homefile-dev/components-v2.git"
+    "url": "git+https://github.com/homefile-dev/components-v2.git"
   },
   "publishConfig": {
     "access": "public"
   },
+  "files": [
+    "dist",
+    "src"
+  ],
   "release": {
     "branches": [
       "main"
+    ],
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      "@semantic-release/changelog",
+      [
+        "@semantic-release/exec",
+        {
+          "prepareCmd": "node -e \"const fs=require('fs');const pkg=require('./package.json');pkg.version='${nextRelease.version}';fs.writeFileSync('package.json', JSON.stringify(pkg,null,2)+'\\n')\""
+        }
+      ],
+      "@semantic-release/github",
+      [
+        "@semantic-release/git",
+        {
+          "assets": [
+            "package.json",
+            "CHANGELOG.md"
+          ],
+          "message": "chore(release): ${nextRelease.version} [skip ci]\n\n${nextRelease.notes}"
+        }
+      ]
     ]
   },
-  "files": [
-    "dist",
-    "src"
-  ],
+  "scripts": {
+    "start": "storybook dev -p 6007",
+    "build": "yarn clean && yarn convert && yarn copy",
+    "build-storybook": "storybook build && touch ./storybook-static/.nojekyll",
+    "clean": "rimraf dist/",
+    "convert": "tsc --project tsconfig.json && tscpaths -p tsconfig.json -s ./src -o ./dist",
+    "copy": "copyfiles -u 1 src/assets/**/* src/assets/**/**/* src/styles/* src/components/**/**/**/**/* dist/",
+    "prepare": "husky",
+    "test-storybook": "test-storybook"
+  },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",
     "@faker-js/faker": "^9.4.0",
+    "@semantic-release/changelog": "^6.0.0",
+    "@semantic-release/exec": "^6.0.0",
+    "@semantic-release/git": "^10.0.0",
+    "@semantic-release/github": "^12.0.0",
     "@storybook/addon-a11y": "^8.5.2",
     "@storybook/addon-essentials": "^8.5.2",
     "@storybook/addon-interactions": "^8.5.2",
@@ -45,7 +81,7 @@
     "jest": "^29.7.0",
     "json-loader": "^0.5.7",
     "rimraf": "^6.0.1",
-    "semantic-release": "^24.2.1",
+    "semantic-release": "^25.0.0",
     "storybook": "^8.5.2",
     "storybook-react-i18next": "^3.2.1",
     "tsconfig-replace-paths": "^0.0.14",
@@ -82,23 +118,5 @@
     "recharts": "^2.15.0",
     "valtio": "^2.1.3",
     "yup": "^1.6.1"
-  },
-  "scripts": {
-    "start": "storybook dev -p 6007",
-    "build": "yarn clean && yarn convert && yarn copy",
-    "build-storybook": "storybook build && touch ./storybook-static/.nojekyll",
-    "clean": "rimraf dist/",
-    "convert": "tsc --project tsconfig.json && tscpaths -p tsconfig.json -s ./src -o ./dist",
-    "copy": "copyfiles -u 1 src/assets/**/* src/assets/**/**/* src/styles/* src/components/**/**/**/**/* dist/",
-    "prepare": "husky",
-    "test-storybook": "test-storybook"
-  },
-  "plugins": [
-    "@semantic-release/commit-analyzer",
-    "@semantic-release/release-notes-generator",
-    "@semantic-release/changelog",
-    "@semantic-release/github",
-    "@semantic-release/npm",
-    "@semantic-release/git"
-  ]
+  }
 }

package/src/components/propertyTiles/propertyRecords/RecordsRow.tsx

@@ -1,7 +1,11 @@
 import { GridItem, Text } from '@chakra-ui/react'
 import { RecordsSessionI } from '@/interfaces'
 
-export const RecordsRow = ({ label, value }: RecordsSessionI['details']) => {
+export const RecordsRow = ({
+  label,
+  value,
+  textAlign = 'left',
+}: RecordsSessionI['details'] & { textAlign?: 'left' | 'right' }) => {
   return (
     <>
       <GridItem>
@@ -10,7 +14,11 @@ export const RecordsRow = ({ label, value }: RecordsSessionI['details']) => {
         </Text>
       </GridItem>
       <GridItem>
-        <Text fontFamily="secondary" textTransform="capitalize">
+        <Text
+          fontFamily="secondary"
+          textTransform="capitalize"
+          textAlign={textAlign}
+        >
           {value}
         </Text>
       </GridItem>

package/src/components/propertyTiles/propertyRecords/RecordsSession.tsx

@@ -5,15 +5,18 @@ import { RecordsSessionI } from '@/interfaces'
 export const RecordsSession = ({
   details,
   showLine = false,
+  gap = 'base',
+  textAlign = 'left',
+  p = 'base',
 }: RecordsSessionI) => {
-  const rows = Object.entries(details).map(([label, value = '']) => (
-    <RecordsRow key={label} label={label} value={value} />
+  const rows = Object.entries(details ?? {}).map(([label, value = '']) => (
+    <RecordsRow key={label} label={label} value={value} textAlign={textAlign} />
   ))
   return (
     <Grid
       templateColumns="repeat(2, 1fr)"
-      gridGap="base"
-      p="base"
+      gridGap={gap}
+      p={p}
       borderBottom="1px solid"
       borderColor={showLine ? 'lightBlue.2' : 'transparent'}
     >

package/src/components/wizard/index.ts

@@ -1,5 +1,6 @@
 export * from './ControlledWizard'
 export * from './WizardInitialOptions'
 export * from './WizardStepOptions'
+export * from './WizardSuccessHeader'
 export * from './WizardTextHeader'
 export * from './WizardTextBody'