@homefile/components-v2 2.29.0 → 2.29.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/components/homeAssistant/monitorAlerts/HomieAddItems.js +1 -1
  2. package/dist/components/homeItems/HomeItemList.js +1 -1
  3. package/dist/stories/homeItems/HomeItemList.stories.js +48 -0
  4. package/package.json +1 -1
  5. package/src/components/homeAssistant/monitorAlerts/HomieAddItems.tsx +12 -10
  6. package/src/components/homeItems/HomeItemList.tsx +1 -1
  7. package/src/stories/homeItems/HomeItemList.stories.tsx +48 -0
package/dist/components/homeAssistant/monitorAlerts/HomieAddItems.js CHANGED
@@ -5,7 +5,7 @@ import { Fridge, Register } from '../../../assets/images';
5
5
  import { colors } from '../../../theme/colors';
6
6
  import { Plus } from '../..';
7
7
  export const HomieAddItems = ({ onAddReceipt, onAddItem }) => {
8
- return (_jsxs(Stack, { spacing: "base", flex: "1", zIndex: "2", pr: "6", children: [_jsx(Text, { fontSize: "26px", lineHeight: "36px", textAlign: "center", children: t('homieAddItems.title') }), _jsx(Box, { bg: "lightBlue.5", borderRadius: "full", py: "2", children: _jsx(Text, { fontWeight: "medium", textAlign: "center", children: t('homieAddItems.subTitle') }) }), _jsx(AddButton, { icon: Register, text: t('homieAddItems.addReceipt'), onClick: onAddReceipt }), _jsx(AddButton, { icon: Fridge, text: t('homieAddItems.addItem'), onClick: onAddItem })] }));
8
+ return (_jsxs(Stack, { spacing: "base", flex: "1", zIndex: "2", pr: "6", children: [_jsx(Text, { fontSize: "26px", lineHeight: "36px", textAlign: "center", children: t('homieAddItems.title') }), _jsx(Box, { bg: "lightBlue.5", borderRadius: "full", py: "2", children: _jsx(Text, { fontWeight: "medium", textAlign: "center", children: t('homieAddItems.subTitle') }) }), _jsxs(Stack, { spacing: "1", children: [_jsx(AddButton, { icon: Register, text: t('homieAddItems.addReceipt'), onClick: onAddReceipt }), _jsx(AddButton, { icon: Fridge, text: t('homieAddItems.addItem'), onClick: onAddItem })] })] }));
9
9
  };
10
10
  const AddButton = ({ icon, text, onClick }) => {
11
11
  return (_jsx(Box, { as: "button", p: "base", bg: "neutral.white", boxShadow: "md", transition: "background 0.2s", _hover: {
package/dist/components/homeItems/HomeItemList.js CHANGED
@@ -21,7 +21,7 @@ export const HomeItemList = ({ items, onChange }) => {
21
21
  ? t('homeItems.itemsFound', { count: items.length })
22
22
  : t('homeItems.noItemsFound'), subtitle: hasItems
23
23
  ? t('homeItems.pleaseSelect')
24
- : t('homeItems.addDetailsManually') }), _jsxs(Stack, { bg: "lightViolet.1", p: "base", spacing: "base", h: "full", boxShadow: "xl", children: [_jsx(BaseCounter, { text: t('homeItems.showing', {
24
+ : t('homeItems.addDetailsManually') }), _jsxs(Stack, { bg: "lightViolet.1", p: "base", spacing: "base", pb: "8rem", boxShadow: "xl", children: [_jsx(BaseCounter, { text: t('homeItems.showing', {
25
25
  count: items.length,
26
26
  total: items.length,
27
27
  }) }), itemsWithNone.map((item) => {
package/dist/stories/homeItems/HomeItemList.stories.js CHANGED
@@ -20,6 +20,54 @@ export default {
20
20
  brand: 'Brand B',
21
21
  model: 'Model Y',
22
22
  },
23
+ {
24
+ id: '3',
25
+ title: 'Item 1',
26
+ brand: 'Brand A',
27
+ model: 'Model X',
28
+ },
29
+ {
30
+ id: '4',
31
+ title: 'Item 2',
32
+ brand: 'Brand B',
33
+ model: 'Model Y',
34
+ },
35
+ {
36
+ id: '5',
37
+ title: 'Item 1',
38
+ brand: 'Brand A',
39
+ model: 'Model X',
40
+ },
41
+ {
42
+ id: '6',
43
+ title: 'Item 2',
44
+ brand: 'Brand B',
45
+ model: 'Model Y',
46
+ },
47
+ {
48
+ id: '7',
49
+ title: 'Item 1',
50
+ brand: 'Brand A',
51
+ model: 'Model X',
52
+ },
53
+ {
54
+ id: '8',
55
+ title: 'Item 2',
56
+ brand: 'Brand B',
57
+ model: 'Model Y',
58
+ },
59
+ {
60
+ id: '9',
61
+ title: 'Item 1',
62
+ brand: 'Brand A',
63
+ model: 'Model X',
64
+ },
65
+ {
66
+ id: '10',
67
+ title: 'Item 2',
68
+ brand: 'Brand B',
69
+ model: 'Model Y',
70
+ },
23
71
  ],
24
72
  },
25
73
  decorators: [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@homefile/components-v2",
3
- "version": "2.29.0",
3
+ "version": "2.29.2",
4
4
  "author": "Homefile",
5
5
  "license": "UNLICENSED",
6
6
  "typings": "dist/index.d.ts",
package/src/components/homeAssistant/monitorAlerts/HomieAddItems.tsx CHANGED
@@ -16,16 +16,18 @@ export const HomieAddItems = ({ onAddReceipt, onAddItem }: HomieAddItemsI) => {
16
16
  {t('homieAddItems.subTitle')}
17
17
  </Text>
18
18
  </Box>
19
- <AddButton
20
- icon={Register}
21
- text={t('homieAddItems.addReceipt')}
22
- onClick={onAddReceipt}
23
- />
24
- <AddButton
25
- icon={Fridge}
26
- text={t('homieAddItems.addItem')}
27
- onClick={onAddItem}
28
- />
19
+ <Stack spacing="1">
20
+ <AddButton
21
+ icon={Register}
22
+ text={t('homieAddItems.addReceipt')}
23
+ onClick={onAddReceipt}
24
+ />
25
+ <AddButton
26
+ icon={Fridge}
27
+ text={t('homieAddItems.addItem')}
28
+ onClick={onAddItem}
29
+ />
30
+ </Stack>
29
31
  </Stack>
30
32
  )
31
33
  }
package/src/components/homeItems/HomeItemList.tsx CHANGED
@@ -39,7 +39,7 @@ export const HomeItemList = ({ items, onChange }: HomeItemListI) => {
39
39
  : t('homeItems.addDetailsManually')
40
40
  }
41
41
  />
42
- <Stack bg="lightViolet.1" p="base" spacing="base" h="full" boxShadow="xl">
42
+ <Stack bg="lightViolet.1" p="base" spacing="base" pb={"8rem"} boxShadow="xl">
43
43
  <BaseCounter
44
44
  text={t('homeItems.showing', {
45
45
  count: items.length,
package/src/stories/homeItems/HomeItemList.stories.tsx CHANGED
@@ -22,6 +22,54 @@ export default {
22
22
  brand: 'Brand B',
23
23
  model: 'Model Y',
24
24
  },
25
+ {
26
+ id: '3',
27
+ title: 'Item 1',
28
+ brand: 'Brand A',
29
+ model: 'Model X',
30
+ },
31
+ {
32
+ id: '4',
33
+ title: 'Item 2',
34
+ brand: 'Brand B',
35
+ model: 'Model Y',
36
+ },
37
+ {
38
+ id: '5',
39
+ title: 'Item 1',
40
+ brand: 'Brand A',
41
+ model: 'Model X',
42
+ },
43
+ {
44
+ id: '6',
45
+ title: 'Item 2',
46
+ brand: 'Brand B',
47
+ model: 'Model Y',
48
+ },
49
+ {
50
+ id: '7',
51
+ title: 'Item 1',
52
+ brand: 'Brand A',
53
+ model: 'Model X',
54
+ },
55
+ {
56
+ id: '8',
57
+ title: 'Item 2',
58
+ brand: 'Brand B',
59
+ model: 'Model Y',
60
+ },
61
+ {
62
+ id: '9',
63
+ title: 'Item 1',
64
+ brand: 'Brand A',
65
+ model: 'Model X',
66
+ },
67
+ {
68
+ id: '10',
69
+ title: 'Item 2',
70
+ brand: 'Brand B',
71
+ model: 'Model Y',
72
+ },
25
73
  ],
26
74
  },
27
75
  decorators: [