@homefile/components-v2 2.24.23 → 2.24.25

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 (10) hide show
  1. package/dist/components/receipts/receipt/ReceiptDetails.js +0 -4
  2. package/dist/components/receipts/receipt/ReceiptItemAssigned.d.ts +1 -1
  3. package/dist/components/receipts/receipt/ReceiptItemAssigned.js +5 -4
  4. package/dist/components/receipts/receipt/ReceiptItems.js +1 -1
  5. package/dist/stories/receipts/receipt/AddReceiptPanel.stories.js +0 -1
  6. package/package.json +1 -1
  7. package/src/components/receipts/receipt/ReceiptDetails.tsx +0 -4
  8. package/src/components/receipts/receipt/ReceiptItemAssigned.tsx +22 -7
  9. package/src/components/receipts/receipt/ReceiptItems.tsx +1 -0
  10. package/src/stories/receipts/receipt/AddReceiptPanel.stories.tsx +0 -1
package/dist/components/receipts/receipt/ReceiptDetails.js CHANGED
@@ -17,10 +17,6 @@ export const ReceiptDetails = ({ name, cashier = '', itemQuantity, paymentMethod
17
17
  label: leftLabels[1],
18
18
  value: store,
19
19
  },
20
- {
21
- label: leftLabels[2],
22
- value: storePhone,
23
- },
24
20
  {
25
21
  label: leftLabels[3],
26
22
  value: cashier,
package/dist/components/receipts/receipt/ReceiptItemAssigned.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { ReceiptItemI } from '../../../interfaces';
2
- export declare const ReceiptItemAssigned: ({ icon, isChecked, itemPrice, onChange, onSelectedChange, onRoomClick, total, quantity, roomId, roomType, sku, title, variant, }: ReceiptItemI) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const ReceiptItemAssigned: ({ icon, isChecked, itemPrice, onChange, onSelectedChange, onRoomClick, onEditClick, total, quantity, roomId, roomType, sku, title, variant, }: ReceiptItemI) => import("react/jsx-runtime").JSX.Element;
package/dist/components/receipts/receipt/ReceiptItemAssigned.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Flex, Stack } from '@chakra-ui/react';
2
+ import { Flex, Stack, IconButton } from '@chakra-ui/react';
3
3
  import { Price } from '../../../assets/images';
4
- import { Overlay, ReceiptItemBody, ReceiptItemContainer, ReceiptItemHeader, ReceiptRoom, } from '../..';
5
- export const ReceiptItemAssigned = ({ icon = Price, isChecked, itemPrice, onChange, onSelectedChange = () => { }, onRoomClick = () => { }, total, quantity, roomId = '', roomType, sku, title, variant = 'secondary', }) => {
6
- return (_jsx(ReceiptItemContainer, { isChecked: isChecked, onChange: onChange, children: _jsxs(Flex, { flex: "auto", children: [roomType && (_jsx(ReceiptRoom, { roomType: roomType, roomId: roomId, onClick: onRoomClick })), _jsxs(Stack, { p: "base", bg: "lightGreen.1", spacing: "1", justify: "space-between", position: "relative", flex: "1", children: [!isChecked && (_jsx(Overlay, { position: "absolute", w: "inherit", h: "inherit", bg: "#F0F8F080" })), _jsx(ReceiptItemHeader, { icon: icon, sku: sku, onSelectedChange: onSelectedChange, variant: variant }), _jsx(ReceiptItemBody, { isTitleItalic: !isChecked, itemPrice: itemPrice, quantity: quantity, title: title, total: total })] })] }) }));
4
+ import { t } from 'i18next';
5
+ import { Overlay, ReceiptItemBody, ReceiptItemContainer, ReceiptItemHeader, ReceiptRoom, Edit } from '../..';
6
+ export const ReceiptItemAssigned = ({ icon = Price, isChecked, itemPrice, onChange, onSelectedChange = () => { }, onRoomClick = () => { }, onEditClick, total, quantity, roomId = '', roomType, sku, title, variant = 'secondary', }) => {
7
+ return (_jsx(ReceiptItemContainer, { isChecked: isChecked, onChange: onChange, children: _jsxs(Flex, { flex: "auto", children: [roomType && (_jsx(ReceiptRoom, { roomType: roomType, roomId: roomId, onClick: onRoomClick })), _jsxs(Stack, { p: "base", bg: "lightGreen.1", spacing: "1", justify: "space-between", position: "relative", flex: "1", children: [!isChecked && (_jsx(Overlay, { position: "absolute", w: "inherit", h: "inherit", bg: "#F0F8F080" })), _jsxs(Flex, { align: "center", justify: "space-between", children: [_jsx(ReceiptItemHeader, { icon: icon, sku: sku, onSelectedChange: onSelectedChange, variant: variant }), onEditClick && (_jsx(IconButton, { variant: "menuIconWithShadow", maxW: "fit-content", "aria-label": t('ariaLabels.edit'), p: "1", icon: _jsx(Edit, {}), onClick: onEditClick }))] }), _jsx(ReceiptItemBody, { isTitleItalic: !isChecked, itemPrice: itemPrice, quantity: quantity, title: title, total: total })] })] }) }));
7
8
  };
package/dist/components/receipts/receipt/ReceiptItems.js CHANGED
@@ -10,6 +10,6 @@ export const ReceiptItems = ({ isSelectDisabled = true, leftOptions = [], onItem
10
10
  });
11
11
  return (_jsxs(Box, { mb: "10rem", children: [_jsxs(Stack, { bg: "lightBlue.2", px: "4", pb: "base", pt: "2", children: [_jsx(Text, { textTransform: "uppercase", variant: "home", children: title }), _jsxs(Flex, { gap: "base", align: "center", children: [_jsx(Checkbox, { onChange: handleSelectAll }), _jsx(DoubleSelects, { isSelectDisabled: isSelectDisabled, leftOptions: leftOptions, rightOptions: rightOptions, onLeftSelectChange: onLeftSelectChange, onRightSelectChange: onRightSelectChange })] })] }), receipts.map((receipt) => {
12
12
  const hasRoomType = !!(receipt === null || receipt === void 0 ? void 0 : receipt.roomType);
13
- return (_jsxs(Box, { children: [!hasRoomType && (_jsx(ReceiptItem, Object.assign({ onChange: () => handleItemSelect(receipt._id), isChecked: isItemSelected(receipt._id), onSelectedChange: onReceiptSelectedChange, onEditClick: () => onEditReceipt === null || onEditReceipt === void 0 ? void 0 : onEditReceipt(receipt._id), selectItems: receiptOptions, variant: variant }, receipt))), hasRoomType && (_jsx(ReceiptItemAssigned, Object.assign({ onChange: () => handleItemSelect(receipt._id), onRoomClick: onRoomClick, isChecked: isItemSelected(receipt._id), onSelectedChange: onReceiptSelectedChange, initialSelectValue: receiptOptions === null || receiptOptions === void 0 ? void 0 : receiptOptions[1], selectItems: receiptOptions, variant: variant }, receipt)))] }, receipt._id));
13
+ return (_jsxs(Box, { children: [!hasRoomType && (_jsx(ReceiptItem, Object.assign({ onChange: () => handleItemSelect(receipt._id), isChecked: isItemSelected(receipt._id), onSelectedChange: onReceiptSelectedChange, onEditClick: () => onEditReceipt === null || onEditReceipt === void 0 ? void 0 : onEditReceipt(receipt._id), selectItems: receiptOptions, variant: variant }, receipt))), hasRoomType && (_jsx(ReceiptItemAssigned, Object.assign({ onChange: () => handleItemSelect(receipt._id), onRoomClick: onRoomClick, isChecked: isItemSelected(receipt._id), onSelectedChange: onReceiptSelectedChange, onEditClick: () => onEditReceipt === null || onEditReceipt === void 0 ? void 0 : onEditReceipt(receipt._id), initialSelectValue: receiptOptions === null || receiptOptions === void 0 ? void 0 : receiptOptions[1], selectItems: receiptOptions, variant: variant }, receipt)))] }, receipt._id));
14
14
  })] }));
15
15
  };
package/dist/stories/receipts/receipt/AddReceiptPanel.stories.js CHANGED
@@ -63,7 +63,6 @@ const receiptSchemaMock = {
63
63
  purchaseDate: '2024-06-18T00:00:00.000Z',
64
64
  tax: '3.17',
65
65
  store: '8418',
66
- storePhone: '512.258.7914',
67
66
  total: '41.65',
68
67
  items: [
69
68
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@homefile/components-v2",
3
- "version": "2.24.23",
3
+ "version": "2.24.25",
4
4
  "author": "Homefile",
5
5
  "license": "UNLICENSED",
6
6
  "typings": "dist/index.d.ts",
package/src/components/receipts/receipt/ReceiptDetails.tsx CHANGED
@@ -31,10 +31,6 @@ export const ReceiptDetails = ({
31
31
  label: leftLabels[1],
32
32
  value: store,
33
33
  },
34
- {
35
- label: leftLabels[2],
36
- value: storePhone,
37
- },
38
34
  {
39
35
  label: leftLabels[3],
40
36
  value: cashier,
package/src/components/receipts/receipt/ReceiptItemAssigned.tsx CHANGED
@@ -1,12 +1,14 @@
1
- import { Flex, Stack } from '@chakra-ui/react'
1
+ import { Flex, Stack, IconButton } from '@chakra-ui/react'
2
2
  import { ReceiptItemI } from '@/interfaces'
3
3
  import { Price } from '@/assets/images'
4
+ import { t } from 'i18next'
4
5
  import {
5
6
  Overlay,
6
7
  ReceiptItemBody,
7
8
  ReceiptItemContainer,
8
9
  ReceiptItemHeader,
9
10
  ReceiptRoom,
11
+ Edit
10
12
  } from '@/components'
11
13
 
12
14
  export const ReceiptItemAssigned = ({
@@ -16,6 +18,7 @@ export const ReceiptItemAssigned = ({
16
18
  onChange,
17
19
  onSelectedChange = () => {},
18
20
  onRoomClick = () => {},
21
+ onEditClick,
19
22
  total,
20
23
  quantity,
21
24
  roomId = '',
@@ -50,12 +53,24 @@ export const ReceiptItemAssigned = ({
50
53
  bg="#F0F8F080"
51
54
  />
52
55
  )}
53
- <ReceiptItemHeader
54
- icon={icon}
55
- sku={sku}
56
- onSelectedChange={onSelectedChange}
57
- variant={variant}
58
- />
56
+ <Flex align="center" justify="space-between">
57
+ <ReceiptItemHeader
58
+ icon={icon}
59
+ sku={sku}
60
+ onSelectedChange={onSelectedChange}
61
+ variant={variant}
62
+ />
63
+ {onEditClick && (
64
+ <IconButton
65
+ variant="menuIconWithShadow"
66
+ maxW="fit-content"
67
+ aria-label={t('ariaLabels.edit')}
68
+ p="1"
69
+ icon={<Edit />}
70
+ onClick={onEditClick}
71
+ />
72
+ )}
73
+ </Flex>
59
74
  <ReceiptItemBody
60
75
  isTitleItalic={!isChecked}
61
76
  itemPrice={itemPrice}
package/src/components/receipts/receipt/ReceiptItems.tsx CHANGED
@@ -63,6 +63,7 @@ export const ReceiptItems = ({
63
63
  onRoomClick={onRoomClick}
64
64
  isChecked={isItemSelected(receipt._id)}
65
65
  onSelectedChange={onReceiptSelectedChange}
66
+ onEditClick={() => onEditReceipt?.(receipt._id)}
66
67
  initialSelectValue={receiptOptions?.[1]}
67
68
  selectItems={receiptOptions}
68
69
  variant={variant}
package/src/stories/receipts/receipt/AddReceiptPanel.stories.tsx CHANGED
@@ -161,7 +161,6 @@ const receiptSchemaMock = {
161
161
  purchaseDate: '2024-06-18T00:00:00.000Z',
162
162
  tax: '3.17',
163
163
  store: '8418',
164
- storePhone: '512.258.7914',
165
164
  total: '41.65',
166
165
  items: [
167
166
  {