@faststore/components 3.98.0-dev.1 → 3.98.0-dev.8
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.
- package/dist/cjs/atoms/Link/Link.d.ts +1 -1
- package/dist/cjs/atoms/Link/Link.d.ts.map +1 -1
- package/dist/cjs/atoms/Link/Link.js.map +1 -1
- package/dist/cjs/atoms/List/List.d.ts.map +1 -1
- package/dist/cjs/atoms/List/List.js.map +1 -1
- package/dist/cjs/hooks/index.d.ts +7 -3
- package/dist/cjs/hooks/index.d.ts.map +1 -1
- package/dist/cjs/hooks/index.js +12 -6
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useCSVParser.d.ts +43 -0
- package/dist/cjs/hooks/useCSVParser.d.ts.map +1 -0
- package/dist/cjs/hooks/useCSVParser.js +264 -0
- package/dist/cjs/hooks/useCSVParser.js.map +1 -0
- package/dist/cjs/hooks/useFileUpload.d.ts +26 -0
- package/dist/cjs/hooks/useFileUpload.d.ts.map +1 -0
- package/dist/cjs/hooks/useFileUpload.js +68 -0
- package/dist/cjs/hooks/useFileUpload.js.map +1 -0
- package/dist/cjs/index.d.ts +58 -50
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +47 -32
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/cjs/molecules/Accordion/AccordionItem.js.map +1 -1
- package/dist/cjs/molecules/Dropzone/Dropzone.d.ts +87 -0
- package/dist/cjs/molecules/Dropzone/Dropzone.d.ts.map +1 -0
- package/dist/cjs/molecules/Dropzone/Dropzone.js +85 -0
- package/dist/cjs/molecules/Dropzone/Dropzone.js.map +1 -0
- package/dist/cjs/molecules/Dropzone/index.d.ts +3 -0
- package/dist/cjs/molecules/Dropzone/index.d.ts.map +1 -0
- package/dist/cjs/molecules/Dropzone/index.js +9 -0
- package/dist/cjs/molecules/Dropzone/index.js.map +1 -0
- package/dist/cjs/molecules/FileUploadCard/FileUploadCard.d.ts +113 -0
- package/dist/cjs/molecules/FileUploadCard/FileUploadCard.d.ts.map +1 -0
- package/dist/cjs/molecules/FileUploadCard/FileUploadCard.js +169 -0
- package/dist/cjs/molecules/FileUploadCard/FileUploadCard.js.map +1 -0
- package/dist/cjs/molecules/FileUploadCard/index.d.ts +3 -0
- package/dist/cjs/molecules/FileUploadCard/index.d.ts.map +1 -0
- package/dist/cjs/molecules/FileUploadCard/index.js +9 -0
- package/dist/cjs/molecules/FileUploadCard/index.js.map +1 -0
- package/dist/cjs/molecules/FileUploadStatus/FileUploadStatus.d.ts +93 -0
- package/dist/cjs/molecules/FileUploadStatus/FileUploadStatus.d.ts.map +1 -0
- package/dist/cjs/molecules/FileUploadStatus/FileUploadStatus.js +77 -0
- package/dist/cjs/molecules/FileUploadStatus/FileUploadStatus.js.map +1 -0
- package/dist/cjs/molecules/FileUploadStatus/index.d.ts +3 -0
- package/dist/cjs/molecules/FileUploadStatus/index.d.ts.map +1 -0
- package/dist/cjs/molecules/FileUploadStatus/index.js +11 -0
- package/dist/cjs/molecules/FileUploadStatus/index.js.map +1 -0
- package/dist/cjs/molecules/SearchInputField/SearchInputField.d.ts +23 -1
- package/dist/cjs/molecules/SearchInputField/SearchInputField.d.ts.map +1 -1
- package/dist/cjs/molecules/SearchInputField/SearchInputField.js +9 -4
- package/dist/cjs/molecules/SearchInputField/SearchInputField.js.map +1 -1
- package/dist/cjs/molecules/SearchProducts/SearchProductItem.d.ts +1 -1
- package/dist/cjs/molecules/SearchProducts/SearchProductItem.d.ts.map +1 -1
- package/dist/cjs/molecules/SearchProducts/SearchProductItem.js +2 -2
- package/dist/cjs/molecules/SearchProducts/SearchProductItem.js.map +1 -1
- package/dist/cjs/molecules/SearchProvider/SearchProvider.d.ts +5 -1
- package/dist/cjs/molecules/SearchProvider/SearchProvider.d.ts.map +1 -1
- package/dist/cjs/molecules/SearchProvider/SearchProvider.js +2 -2
- package/dist/cjs/molecules/SearchProvider/SearchProvider.js.map +1 -1
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawer.d.ts +24 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawer.d.ts.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawer.js +14 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawer.js.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.d.ts +16 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.d.ts.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.js +37 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.js.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.d.ts +9 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.d.ts.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.js +24 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.js.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.d.ts +35 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.d.ts.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.js +91 -0
- package/dist/cjs/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.js.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/index.d.ts +11 -0
- package/dist/cjs/organisms/QuickOrderDrawer/index.d.ts.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/index.js +18 -0
- package/dist/cjs/organisms/QuickOrderDrawer/index.js.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.d.ts +61 -0
- package/dist/cjs/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.d.ts.map +1 -0
- package/dist/cjs/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.js +86 -0
- package/dist/cjs/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.js.map +1 -0
- package/dist/cjs/organisms/SearchInput/SearchInput.d.ts +8 -0
- package/dist/cjs/organisms/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/cjs/organisms/SearchInput/SearchInput.js +2 -2
- package/dist/cjs/organisms/SearchInput/SearchInput.js.map +1 -1
- package/dist/esm/atoms/Link/Link.d.ts +1 -1
- package/dist/esm/atoms/Link/Link.d.ts.map +1 -1
- package/dist/esm/atoms/Link/Link.js.map +1 -1
- package/dist/esm/atoms/List/List.d.ts.map +1 -1
- package/dist/esm/atoms/List/List.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +7 -3
- package/dist/esm/hooks/index.d.ts.map +1 -1
- package/dist/esm/hooks/index.js +6 -3
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useCSVParser.d.ts +43 -0
- package/dist/esm/hooks/useCSVParser.d.ts.map +1 -0
- package/dist/esm/hooks/useCSVParser.js +259 -0
- package/dist/esm/hooks/useCSVParser.js.map +1 -0
- package/dist/esm/hooks/useFileUpload.d.ts +26 -0
- package/dist/esm/hooks/useFileUpload.d.ts.map +1 -0
- package/dist/esm/hooks/useFileUpload.js +64 -0
- package/dist/esm/hooks/useFileUpload.js.map +1 -0
- package/dist/esm/index.d.ts +58 -50
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +24 -20
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/molecules/Accordion/AccordionItem.d.ts.map +1 -1
- package/dist/esm/molecules/Accordion/AccordionItem.js.map +1 -1
- package/dist/esm/molecules/Dropzone/Dropzone.d.ts +87 -0
- package/dist/esm/molecules/Dropzone/Dropzone.d.ts.map +1 -0
- package/dist/esm/molecules/Dropzone/Dropzone.js +82 -0
- package/dist/esm/molecules/Dropzone/Dropzone.js.map +1 -0
- package/dist/esm/molecules/Dropzone/index.d.ts +3 -0
- package/dist/esm/molecules/Dropzone/index.d.ts.map +1 -0
- package/dist/esm/molecules/Dropzone/index.js +2 -0
- package/dist/esm/molecules/Dropzone/index.js.map +1 -0
- package/dist/esm/molecules/FileUploadCard/FileUploadCard.d.ts +113 -0
- package/dist/esm/molecules/FileUploadCard/FileUploadCard.d.ts.map +1 -0
- package/dist/esm/molecules/FileUploadCard/FileUploadCard.js +166 -0
- package/dist/esm/molecules/FileUploadCard/FileUploadCard.js.map +1 -0
- package/dist/esm/molecules/FileUploadCard/index.d.ts +3 -0
- package/dist/esm/molecules/FileUploadCard/index.d.ts.map +1 -0
- package/dist/esm/molecules/FileUploadCard/index.js +2 -0
- package/dist/esm/molecules/FileUploadCard/index.js.map +1 -0
- package/dist/esm/molecules/FileUploadStatus/FileUploadStatus.d.ts +93 -0
- package/dist/esm/molecules/FileUploadStatus/FileUploadStatus.d.ts.map +1 -0
- package/dist/esm/molecules/FileUploadStatus/FileUploadStatus.js +73 -0
- package/dist/esm/molecules/FileUploadStatus/FileUploadStatus.js.map +1 -0
- package/dist/esm/molecules/FileUploadStatus/index.d.ts +3 -0
- package/dist/esm/molecules/FileUploadStatus/index.d.ts.map +1 -0
- package/dist/esm/molecules/FileUploadStatus/index.js +2 -0
- package/dist/esm/molecules/FileUploadStatus/index.js.map +1 -0
- package/dist/esm/molecules/SearchInputField/SearchInputField.d.ts +23 -1
- package/dist/esm/molecules/SearchInputField/SearchInputField.d.ts.map +1 -1
- package/dist/esm/molecules/SearchInputField/SearchInputField.js +9 -4
- package/dist/esm/molecules/SearchInputField/SearchInputField.js.map +1 -1
- package/dist/esm/molecules/SearchProducts/SearchProductItem.d.ts +1 -1
- package/dist/esm/molecules/SearchProducts/SearchProductItem.d.ts.map +1 -1
- package/dist/esm/molecules/SearchProducts/SearchProductItem.js +2 -2
- package/dist/esm/molecules/SearchProducts/SearchProductItem.js.map +1 -1
- package/dist/esm/molecules/SearchProvider/SearchProvider.d.ts +5 -1
- package/dist/esm/molecules/SearchProvider/SearchProvider.d.ts.map +1 -1
- package/dist/esm/molecules/SearchProvider/SearchProvider.js +2 -2
- package/dist/esm/molecules/SearchProvider/SearchProvider.js.map +1 -1
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawer.d.ts +24 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawer.d.ts.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawer.js +11 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawer.js.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.d.ts +16 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.d.ts.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.js +34 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.js.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.d.ts +9 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.d.ts.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.js +21 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.js.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.d.ts +35 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.d.ts.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.js +88 -0
- package/dist/esm/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.js.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/index.d.ts +11 -0
- package/dist/esm/organisms/QuickOrderDrawer/index.d.ts.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/index.js +6 -0
- package/dist/esm/organisms/QuickOrderDrawer/index.js.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.d.ts +61 -0
- package/dist/esm/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.d.ts.map +1 -0
- package/dist/esm/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.js +80 -0
- package/dist/esm/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.js.map +1 -0
- package/dist/esm/organisms/SearchInput/SearchInput.d.ts +8 -0
- package/dist/esm/organisms/SearchInput/SearchInput.d.ts.map +1 -1
- package/dist/esm/organisms/SearchInput/SearchInput.js +2 -2
- package/dist/esm/organisms/SearchInput/SearchInput.js.map +1 -1
- package/package.json +5 -2
- package/src/atoms/Link/Link.tsx +4 -1
- package/src/atoms/List/List.tsx +18 -16
- package/src/hooks/index.ts +11 -3
- package/src/hooks/useCSVParser.ts +367 -0
- package/src/hooks/useFileUpload.ts +88 -0
- package/src/index.ts +97 -66
- package/src/molecules/Accordion/AccordionItem.tsx +4 -3
- package/src/molecules/Dropzone/Dropzone.tsx +248 -0
- package/src/molecules/Dropzone/index.ts +2 -0
- package/src/molecules/FileUploadCard/FileUploadCard.tsx +406 -0
- package/src/molecules/FileUploadCard/index.tsx +2 -0
- package/src/molecules/FileUploadStatus/FileUploadStatus.tsx +258 -0
- package/src/molecules/FileUploadStatus/index.tsx +6 -0
- package/src/molecules/SearchInputField/SearchInputField.tsx +72 -23
- package/src/molecules/SearchProducts/SearchProductItem.tsx +8 -3
- package/src/molecules/SearchProvider/SearchProvider.tsx +6 -1
- package/src/organisms/QuickOrderDrawer/QuickOrderDrawer.tsx +58 -0
- package/src/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.tsx +72 -0
- package/src/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.tsx +43 -0
- package/src/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.tsx +323 -0
- package/src/organisms/QuickOrderDrawer/index.ts +19 -0
- package/src/organisms/QuickOrderDrawer/provider/QuickOrderDrawerProvider.tsx +205 -0
- package/src/organisms/SearchInput/SearchInput.tsx +6 -0
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Button, Icon } from '../..';
|
|
3
|
+
export var FileUploadState;
|
|
4
|
+
(function (FileUploadState) {
|
|
5
|
+
FileUploadState["Uploading"] = "uploading";
|
|
6
|
+
FileUploadState["Completed"] = "completed";
|
|
7
|
+
FileUploadState["Error"] = "error";
|
|
8
|
+
})(FileUploadState || (FileUploadState = {}));
|
|
9
|
+
export var FileUploadErrorType;
|
|
10
|
+
(function (FileUploadErrorType) {
|
|
11
|
+
FileUploadErrorType["Unexpected"] = "unexpected";
|
|
12
|
+
FileUploadErrorType["Unsupported"] = "unsupported";
|
|
13
|
+
FileUploadErrorType["Unreadable"] = "unreadable";
|
|
14
|
+
FileUploadErrorType["InvalidStructure"] = "invalid-structure";
|
|
15
|
+
FileUploadErrorType["Empty"] = "empty";
|
|
16
|
+
FileUploadErrorType["TooLarge"] = "too-large";
|
|
17
|
+
FileUploadErrorType["NoProductsFound"] = "no-products-found";
|
|
18
|
+
})(FileUploadErrorType || (FileUploadErrorType = {}));
|
|
19
|
+
const FileUploadStatus = ({ testId = 'fs-file-upload-status', file, state = FileUploadState.Uploading, errorType, errorMessage, onRemove, onSearch, onDownloadTemplate, onSelectFile, removeButtonAriaLabel, searchButtonLabel, downloadTemplateButtonLabel, selectFileButtonLabel, errorMessages, uploadingStatusText, completedStatusText, fileName, ...otherProps }) => {
|
|
20
|
+
const getErrorMessage = () => {
|
|
21
|
+
if (errorMessage) {
|
|
22
|
+
return { title: errorMessage, description: '' };
|
|
23
|
+
}
|
|
24
|
+
if (errorType && errorMessages?.[errorType]) {
|
|
25
|
+
return errorMessages[errorType];
|
|
26
|
+
}
|
|
27
|
+
return (errorMessages?.[FileUploadErrorType.Unexpected] ?? {
|
|
28
|
+
title: '',
|
|
29
|
+
description: '',
|
|
30
|
+
});
|
|
31
|
+
};
|
|
32
|
+
const getStatusText = () => {
|
|
33
|
+
switch (state) {
|
|
34
|
+
case FileUploadState.Uploading:
|
|
35
|
+
return uploadingStatusText;
|
|
36
|
+
case FileUploadState.Completed:
|
|
37
|
+
return completedStatusText;
|
|
38
|
+
default:
|
|
39
|
+
return '';
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
const getIcon = () => {
|
|
43
|
+
switch (state) {
|
|
44
|
+
case FileUploadState.Uploading:
|
|
45
|
+
return (React.createElement("div", { "data-fs-file-upload-status-icon-loading": true },
|
|
46
|
+
React.createElement(Icon, { name: "CircleNotch", width: 24, height: 24, strokeWidth: 5 })));
|
|
47
|
+
case FileUploadState.Completed:
|
|
48
|
+
return (React.createElement("div", { "data-fs-file-upload-status-icon-completed": true },
|
|
49
|
+
React.createElement(Icon, { name: "Table", width: 24, height: 24, strokeWidth: 5 })));
|
|
50
|
+
case FileUploadState.Error:
|
|
51
|
+
return (React.createElement("div", { "data-fs-file-upload-status-icon-error": true },
|
|
52
|
+
React.createElement(Icon, { name: "WarningOctagon", width: 24, height: 24, strokeWidth: 5 })));
|
|
53
|
+
default:
|
|
54
|
+
return null;
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
return (React.createElement("div", { "data-fs-file-upload-status": true, "data-fs-file-upload-status-state": state, "data-testid": testId, ...otherProps },
|
|
58
|
+
React.createElement("div", { "data-fs-file-upload-status-file-info": true, "data-fs-file-upload-state": state },
|
|
59
|
+
React.createElement("div", { "data-fs-file-upload-status-icon": true }, getIcon()),
|
|
60
|
+
React.createElement("div", { "data-fs-file-upload-status-details": true }, state === FileUploadState.Error ? (React.createElement(React.Fragment, null,
|
|
61
|
+
React.createElement("p", { "data-fs-file-upload-status-text-error": true }, getErrorMessage().title),
|
|
62
|
+
React.createElement("p", { "data-fs-file-upload-status-text-error": true }, getErrorMessage().description))) : (React.createElement(React.Fragment, null,
|
|
63
|
+
React.createElement("p", { "data-fs-file-upload-status-filename": true }, fileName ?? file.name),
|
|
64
|
+
React.createElement("p", { "data-fs-file-upload-status-text": true }, getStatusText())))),
|
|
65
|
+
onRemove && (React.createElement(Button, { type: "button", onClick: onRemove, "data-fs-file-upload-status-remove": true, "aria-label": removeButtonAriaLabel },
|
|
66
|
+
React.createElement(Icon, { name: "X", width: 16, height: 16 })))),
|
|
67
|
+
state === FileUploadState.Completed && onSearch && (React.createElement(Button, { type: "button", variant: "primary", size: "regular", onClick: onSearch, "data-fs-file-upload-status-search-button": true }, searchButtonLabel)),
|
|
68
|
+
state === FileUploadState.Error && (React.createElement("div", { "data-fs-file-upload-status-error-actions": true },
|
|
69
|
+
onDownloadTemplate && (React.createElement(Button, { type: "button", variant: "secondary", size: "regular", onClick: onDownloadTemplate, "data-fs-file-upload-status-download-button": true }, downloadTemplateButtonLabel)),
|
|
70
|
+
onSelectFile && (React.createElement(Button, { type: "button", variant: "primary", size: "regular", onClick: onSelectFile, "data-fs-file-upload-status-select-button": true }, selectFileButtonLabel))))));
|
|
71
|
+
};
|
|
72
|
+
export default FileUploadStatus;
|
|
73
|
+
//# sourceMappingURL=FileUploadStatus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileUploadStatus.js","sourceRoot":"","sources":["../../../../src/molecules/FileUploadStatus/FileUploadStatus.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/molecules/FileUploadStatus/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,eAAe,EACf,mBAAmB,GACpB,MAAM,oBAAoB,CAAA;AAC3B,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/molecules/FileUploadStatus/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,EACP,eAAe,EACf,mBAAmB,GACpB,MAAM,oBAAoB,CAAA"}
|
|
@@ -20,7 +20,29 @@ export interface SearchInputFieldProps extends InputProps {
|
|
|
20
20
|
*/
|
|
21
21
|
buttonIcon?: ReactNode;
|
|
22
22
|
/**
|
|
23
|
-
*
|
|
23
|
+
* Whether to show the attachment button.
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
26
|
+
showAttachmentButton?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Props for the paperclip button inside the input.
|
|
29
|
+
*/
|
|
30
|
+
attachmentButtonProps?: ButtonProps;
|
|
31
|
+
/**
|
|
32
|
+
* Aria-label for the attachment button (e.g. from CMS).
|
|
33
|
+
*/
|
|
34
|
+
attachmentButtonAriaLabel?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Aria-label for the submit button (e.g. from CMS).
|
|
37
|
+
*/
|
|
38
|
+
submitButtonAriaLabel?: string;
|
|
39
|
+
/**
|
|
40
|
+
* A React component that will be rendered as an icon (attachment button).
|
|
41
|
+
* @default <Icon name="Paperclip" />
|
|
42
|
+
*/
|
|
43
|
+
attachmentButtonIcon?: ReactNode;
|
|
44
|
+
/**
|
|
45
|
+
* Aria-label for the search input (e.g. from CMS).
|
|
24
46
|
*/
|
|
25
47
|
'aria-label'?: AriaAttributes['aria-label'];
|
|
26
48
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInputField.d.ts","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAEd,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,KAAK,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;
|
|
1
|
+
{"version":3,"file":"SearchInputField.d.ts","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,cAAc,EAEd,mBAAmB,EACnB,SAAS,EACV,MAAM,OAAO,CAAA;AACd,OAAO,KAAkD,MAAM,OAAO,CAAA;AAItE,KAAK,UAAU,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,CAAA;AAEzE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,MAAM,WAAW,qBAAsB,SAAQ,UAAU;IACvD;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;OAEG;IACH,qBAAqB,CAAC,EAAE,WAAW,CAAA;IACnC;;OAEG;IACH,yBAAyB,CAAC,EAAE,MAAM,CAAA;IAClC;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,SAAS,CAAA;IAChC;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IAC3C;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,eAAe,GAAG,IAAI,CAAA;CACjC;AAED,QAAA,MAAM,gBAAgB,0GA+EpB,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { forwardRef, useImperativeHandle, useRef } from 'react';
|
|
2
2
|
import { Icon, IconButton, Input } from '../..';
|
|
3
|
-
const SearchInputField = forwardRef(function SearchInputField({ onSubmit, buttonIcon, 'aria-label': ariaLabel
|
|
3
|
+
const SearchInputField = forwardRef(function SearchInputField({ onSubmit, buttonIcon, showAttachmentButton = false, attachmentButtonAriaLabel, attachmentButtonIcon, attachmentButtonProps, submitButtonAriaLabel, 'aria-label': ariaLabel, testId = 'fs-search-input', buttonProps, ...otherProps }, ref) {
|
|
4
4
|
const inputRef = useRef(null);
|
|
5
5
|
const formRef = useRef(null);
|
|
6
6
|
const handleSubmit = (event) => {
|
|
@@ -13,9 +13,14 @@ const SearchInputField = forwardRef(function SearchInputField({ onSubmit, button
|
|
|
13
13
|
inputRef: inputRef.current,
|
|
14
14
|
formRef: formRef.current,
|
|
15
15
|
}));
|
|
16
|
-
return (React.createElement("
|
|
17
|
-
React.createElement(
|
|
18
|
-
|
|
16
|
+
return (React.createElement("div", { "data-fs-search-input-field-wrapper": true },
|
|
17
|
+
React.createElement("form", { ref: formRef, "data-fs-search-input-field": true, "data-testid": testId, onSubmit: handleSubmit, role: "search" },
|
|
18
|
+
React.createElement(Input, { ref: inputRef, "aria-label": ariaLabel, "data-fs-search-input-field-input": true, ...otherProps }),
|
|
19
|
+
React.createElement("div", { "data-fs-search-input-field-actions": true },
|
|
20
|
+
showAttachmentButton && (React.createElement(React.Fragment, null,
|
|
21
|
+
React.createElement(IconButton, { type: "button", "aria-label": attachmentButtonAriaLabel, icon: attachmentButtonIcon ?? React.createElement(Icon, { name: "Paperclip" }), size: "small", "data-fs-search-input-field-attachment-button": true, ...attachmentButtonProps }),
|
|
22
|
+
React.createElement("span", { "data-fs-search-input-field-separator": true }))),
|
|
23
|
+
React.createElement(IconButton, { type: "submit", "aria-label": submitButtonAriaLabel, icon: buttonIcon ?? React.createElement(Icon, { name: "MagnifyingGlass" }), size: "small", "data-fs-search-input-field-submit-button": true, ...buttonProps })))));
|
|
19
24
|
});
|
|
20
25
|
export default SearchInputField;
|
|
21
26
|
//# sourceMappingURL=SearchInputField.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchInputField.js","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SearchInputField.js","sourceRoot":"","sources":["../../../../src/molecules/SearchInputField/SearchInputField.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AA4D/C,MAAM,gBAAgB,GAAG,UAAU,CAGjC,SAAS,gBAAgB,CACzB,EACE,QAAQ,EACR,UAAU,EACV,oBAAoB,GAAG,KAAK,EAC5B,yBAAyB,EACzB,oBAAoB,EACpB,qBAAqB,EACrB,qBAAqB,EACrB,YAAY,EAAE,SAAS,EACvB,MAAM,GAAG,iBAAiB,EAC1B,WAAW,EACX,GAAG,UAAU,EACd,EACD,GAAG;IAEH,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,OAAO,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAA;IAE7C,MAAM,YAAY,GAAG,CAAC,KAAgB,EAAE,EAAE;QACxC,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,IAAI,QAAQ,CAAC,OAAO,EAAE,KAAK,KAAK,EAAE,EAAE,CAAC;YACnC,QAAQ,CAAC,QAAQ,CAAC,OAAQ,CAAC,KAAK,CAAC,CAAA;QACnC,CAAC;IACH,CAAC,CAAA;IAED,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,QAAQ,EAAE,QAAQ,CAAC,OAAO;QAC1B,OAAO,EAAE,OAAO,CAAC,OAAO;KACzB,CAAC,CAAC,CAAA;IAEH,OAAO,CACL;QACE,8BACE,GAAG,EAAE,OAAO,qDAEC,MAAM,EACnB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,QAAQ;YAEb,oBAAC,KAAK,IACJ,GAAG,EAAE,QAAQ,gBACD,SAAS,+CAEjB,UAAU,GACd;YAEF;gBACG,oBAAoB,IAAI,CACvB;oBACE,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACD,yBAAyB,EACrC,IAAI,EAAE,oBAAoB,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,GAAG,EACvD,IAAI,EAAC,OAAO,2DAER,qBAAqB,GACzB;oBAEF,6EAA6C,CAC5C,CACJ;gBAED,oBAAC,UAAU,IACT,IAAI,EAAC,QAAQ,gBACD,qBAAqB,EACjC,IAAI,EAAE,UAAU,IAAI,oBAAC,IAAI,IAAC,IAAI,EAAC,iBAAiB,GAAG,EACnD,IAAI,EAAC,OAAO,uDAER,WAAW,GACf,CACE,CACD,CACH,CACP,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,gBAAgB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { type LinkElementType, type LinkProps } from '../..';
|
|
4
|
-
export interface SearchProductItemProps extends HTMLAttributes<
|
|
4
|
+
export interface SearchProductItemProps extends HTMLAttributes<HTMLLIElement> {
|
|
5
5
|
/**
|
|
6
6
|
* ID to find this component in testing tools (e.g.: cypress,
|
|
7
7
|
* testing-library, and jest).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchProductItem.d.ts","sourceRoot":"","sources":["../../../../src/molecules/SearchProducts/SearchProductItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAQ,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAElE,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,
|
|
1
|
+
{"version":3,"file":"SearchProductItem.d.ts","sourceRoot":"","sources":["../../../../src/molecules/SearchProducts/SearchProductItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAQ,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAElE,MAAM,WAAW,sBAAuB,SAAQ,cAAc,CAAC,aAAa,CAAC;IAC3E;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAA;CAChD;AAED,QAAA,MAAM,iBAAiB,8FAkBtB,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { forwardRef } from 'react';
|
|
2
2
|
import { Link } from '../..';
|
|
3
|
-
const SearchProductItem = forwardRef(function ProductItem({ testId = 'fs-search-product-item', linkProps, children }, ref) {
|
|
4
|
-
return (React.createElement("li", { ref: ref, "data-fs-search-product-item": true, "data-testid": testId },
|
|
3
|
+
const SearchProductItem = forwardRef(function ProductItem({ testId = 'fs-search-product-item', linkProps, children, ...otherProps }, ref) {
|
|
4
|
+
return (React.createElement("li", { ref: ref, "data-fs-search-product-item": true, "data-testid": testId, ...otherProps },
|
|
5
5
|
React.createElement(Link, { ...linkProps, "data-fs-search-product-item-link": true, variant: "display" }, children)));
|
|
6
6
|
});
|
|
7
7
|
export default SearchProductItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchProductItem.js","sourceRoot":"","sources":["../../../../src/molecules/SearchProducts/SearchProductItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAwC,MAAM,OAAO,CAAA;AAclE,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,wBAAwB,EAAE,SAAS,EAAE,QAAQ,EAAE,
|
|
1
|
+
{"version":3,"file":"SearchProductItem.js","sourceRoot":"","sources":["../../../../src/molecules/SearchProducts/SearchProductItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAwC,MAAM,OAAO,CAAA;AAclE,MAAM,iBAAiB,GAAG,UAAU,CAClC,SAAS,WAAW,CAClB,EAAE,MAAM,GAAG,wBAAwB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,UAAU,EAAE,EACzE,GAAG;IAEH,OAAO,CACL,4BACE,GAAG,EAAE,GAAG,sDAEK,MAAM,KACf,UAAU;QAEd,oBAAC,IAAI,OAAK,SAAS,4CAAmC,OAAO,EAAC,SAAS,IACpE,QAAQ,CACJ,CACJ,CACN,CAAA;AACH,CAAC,CACF,CAAA;AAED,eAAe,iBAAiB,CAAA"}
|
|
@@ -23,8 +23,12 @@ export interface SearchProviderContextValue {
|
|
|
23
23
|
* Callback function when a search term is selected.
|
|
24
24
|
*/
|
|
25
25
|
onSearchSelection?: (term: string, path: string) => void;
|
|
26
|
+
/**
|
|
27
|
+
* Search result searchId.
|
|
28
|
+
*/
|
|
29
|
+
searchId?: string;
|
|
26
30
|
}
|
|
27
31
|
export declare const SearchContext: React.Context<SearchProviderContextValue | null>;
|
|
28
|
-
declare function SearchProvider({ onSearchSelection, children, term, terms, products, isLoading, }: PropsWithChildren<SearchProviderContextValue>): React.JSX.Element;
|
|
32
|
+
declare function SearchProvider({ onSearchSelection, children, term, terms, products, isLoading, searchId, }: PropsWithChildren<SearchProviderContextValue>): React.JSX.Element;
|
|
29
33
|
export default SearchProvider;
|
|
30
34
|
//# sourceMappingURL=SearchProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchProvider.d.ts","sourceRoot":"","sources":["../../../../src/molecules/SearchProvider/SearchProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG9C,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC/B;;OAEG;IACH,QAAQ,EAAE,EAAE,EAAE,CAAA;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"SearchProvider.d.ts","sourceRoot":"","sources":["../../../../src/molecules/SearchProvider/SearchProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAG9C,MAAM,WAAW,0BAA0B;IACzC;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC/B;;OAEG;IACH,QAAQ,EAAE,EAAE,EAAE,CAAA;IACd;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,eAAO,MAAM,aAAa,kDAEzB,CAAA;AAED,iBAAS,cAAc,CAAC,EACtB,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,CAAC,0BAA0B,CAAC,qBAQ/C;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { createContext } from 'react';
|
|
3
3
|
export const SearchContext = createContext(null);
|
|
4
|
-
function SearchProvider({ onSearchSelection, children, term, terms, products, isLoading, }) {
|
|
5
|
-
return (React.createElement(SearchContext.Provider, { value: { onSearchSelection, term, terms, products, isLoading } }, children));
|
|
4
|
+
function SearchProvider({ onSearchSelection, children, term, terms, products, isLoading, searchId, }) {
|
|
5
|
+
return (React.createElement(SearchContext.Provider, { value: { onSearchSelection, term, terms, products, isLoading, searchId } }, children));
|
|
6
6
|
}
|
|
7
7
|
export default SearchProvider;
|
|
8
8
|
//# sourceMappingURL=SearchProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchProvider.js","sourceRoot":"","sources":["../../../../src/molecules/SearchProvider/SearchProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"SearchProvider.js","sourceRoot":"","sources":["../../../../src/molecules/SearchProvider/SearchProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AA6BrC,MAAM,CAAC,MAAM,aAAa,GAAG,aAAa,CACxC,IAAI,CACL,CAAA;AAED,SAAS,cAAc,CAAC,EACtB,iBAAiB,EACjB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,QAAQ,GACsC;IAC9C,OAAO,CACL,oBAAC,aAAa,CAAC,QAAQ,IACrB,KAAK,EAAE,EAAE,iBAAiB,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,IAEvE,QAAQ,CACc,CAC1B,CAAA;AACH,CAAC;AAED,eAAe,cAAc,CAAA"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React, { type PropsWithChildren } from 'react';
|
|
2
|
+
import type { OverlayProps } from '../../atoms/Overlay';
|
|
3
|
+
import { type QuickOrderDrawerProviderProps } from './provider/QuickOrderDrawerProvider';
|
|
4
|
+
export type QuickOrderDrawerProps = {
|
|
5
|
+
/**
|
|
6
|
+
* ID to find this component in testing tools (e.g.: cypress, testing library, and jest).
|
|
7
|
+
*/
|
|
8
|
+
testId?: string;
|
|
9
|
+
/**
|
|
10
|
+
* Controls the state
|
|
11
|
+
*/
|
|
12
|
+
isOpen: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Props forwarded to the `Overlay` component.
|
|
15
|
+
*/
|
|
16
|
+
overlayProps?: OverlayProps;
|
|
17
|
+
/**
|
|
18
|
+
* Props forwarded to the `QuickOrderDrawerProvider` component.
|
|
19
|
+
*/
|
|
20
|
+
providerProps?: Omit<QuickOrderDrawerProviderProps, 'children'>;
|
|
21
|
+
};
|
|
22
|
+
declare const QuickOrderDrawer: ({ testId, isOpen, overlayProps, providerProps, children, }: PropsWithChildren<QuickOrderDrawerProps>) => React.JSX.Element;
|
|
23
|
+
export default QuickOrderDrawer;
|
|
24
|
+
//# sourceMappingURL=QuickOrderDrawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickOrderDrawer.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAIvD,OAAO,EAEL,KAAK,6BAA6B,EACnC,MAAM,qCAAqC,CAAA;AAE5C,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,MAAM,EAAE,OAAO,CAAA;IAEf;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAA;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC,6BAA6B,EAAE,UAAU,CAAC,CAAA;CAChE,CAAA;AAED,QAAA,MAAM,gBAAgB,+DAMnB,kBAAkB,qBAAqB,CAAC,sBAiB1C,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { useFadeEffect } from '../../hooks';
|
|
3
|
+
import SlideOver from '../SlideOver/SlideOver';
|
|
4
|
+
import { QuickOrderDrawerProvider, } from './provider/QuickOrderDrawerProvider';
|
|
5
|
+
const QuickOrderDrawer = ({ testId = 'fs-quick-order-drawer', isOpen, overlayProps, providerProps, children, }) => {
|
|
6
|
+
const { fade } = useFadeEffect();
|
|
7
|
+
return (React.createElement(QuickOrderDrawerProvider, { ...providerProps },
|
|
8
|
+
React.createElement(SlideOver, { testId: testId, fade: fade, isOpen: isOpen, size: "partial", direction: "rightSide", overlayProps: overlayProps, "data-fs-quick-order-drawer": true }, children)));
|
|
9
|
+
};
|
|
10
|
+
export default QuickOrderDrawer;
|
|
11
|
+
//# sourceMappingURL=QuickOrderDrawer.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickOrderDrawer.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAC3C,OAAO,SAAS,MAAM,wBAAwB,CAAA;AAE9C,OAAO,EACL,wBAAwB,GAEzB,MAAM,qCAAqC,CAAA;AAwB5C,MAAM,gBAAgB,GAAG,CAAC,EACxB,MAAM,GAAG,uBAAuB,EAChC,MAAM,EACN,YAAY,EACZ,aAAa,EACb,QAAQ,GACiC,EAAE,EAAE;IAC7C,MAAM,EAAE,IAAI,EAAE,GAAG,aAAa,EAAE,CAAA;IAChC,OAAO,CACL,oBAAC,wBAAwB,OAAK,aAAa;QACzC,oBAAC,SAAS,IACR,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,WAAW,EACrB,YAAY,EAAE,YAAY,wCAGzB,QAAQ,CACC,CACa,CAC5B,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type PriceFormatter } from '../../atoms/Price';
|
|
3
|
+
export type QuickOrderDrawerFooterProps = {
|
|
4
|
+
formatter?: PriceFormatter;
|
|
5
|
+
/**
|
|
6
|
+
* Text labels for CMS configuration
|
|
7
|
+
*/
|
|
8
|
+
labels?: {
|
|
9
|
+
itemsLabel?: string;
|
|
10
|
+
addToCartLabel?: string;
|
|
11
|
+
addToCartAriaLabel?: string;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
declare const QuickOrderDrawerFooter: ({ formatter, labels, }: QuickOrderDrawerFooterProps) => React.JSX.Element;
|
|
15
|
+
export default QuickOrderDrawerFooter;
|
|
16
|
+
//# sourceMappingURL=QuickOrderDrawerFooter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickOrderDrawerFooter.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAA;AAGvC,OAAc,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAG9D,MAAM,MAAM,2BAA2B,GAAG;IACxC,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE;QACP,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,kBAAkB,CAAC,EAAE,MAAM,CAAA;KAC5B,CAAA;CACF,CAAA;AAED,QAAA,MAAM,sBAAsB,2BAGzB,2BAA2B,sBAgD7B,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import React, { useState } from 'react';
|
|
2
|
+
import Button from '../../atoms/Button';
|
|
3
|
+
import Icon from '../../atoms/Icon';
|
|
4
|
+
import Price from '../../atoms/Price';
|
|
5
|
+
import { useQuickOrderDrawer } from './provider/QuickOrderDrawerProvider';
|
|
6
|
+
const QuickOrderDrawerFooter = ({ formatter, labels, }) => {
|
|
7
|
+
const [loading, setLoading] = useState(false);
|
|
8
|
+
const { itemsCount, totalPrice, onAddToCart, formatter: contextFormatter, } = useQuickOrderDrawer();
|
|
9
|
+
const priceFormatter = formatter || contextFormatter;
|
|
10
|
+
const { itemsLabel, addToCartLabel, addToCartAriaLabel } = labels || {};
|
|
11
|
+
const handleAddToCart = async () => {
|
|
12
|
+
if (itemsCount === 0)
|
|
13
|
+
return;
|
|
14
|
+
setLoading(true);
|
|
15
|
+
try {
|
|
16
|
+
onAddToCart();
|
|
17
|
+
}
|
|
18
|
+
finally {
|
|
19
|
+
setLoading(false);
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
return (React.createElement("div", { "data-fs-quick-order-drawer-footer": true },
|
|
23
|
+
React.createElement("div", { "data-fs-quick-order-drawer-footer-items": true },
|
|
24
|
+
React.createElement(Icon, { name: "Inventory", width: 24, height: 24 }),
|
|
25
|
+
React.createElement("span", null,
|
|
26
|
+
itemsCount,
|
|
27
|
+
" ",
|
|
28
|
+
itemsLabel || '')),
|
|
29
|
+
React.createElement("div", { "data-fs-quick-order-drawer-footer-actions": true },
|
|
30
|
+
React.createElement(Price, { value: totalPrice, variant: "selling", formatter: priceFormatter }),
|
|
31
|
+
React.createElement(Button, { "data-fs-quick-order-drawer-add-to-cart-btn": true, variant: "primary", disabled: itemsCount === 0, loading: loading, onClick: handleAddToCart, "aria-label": addToCartAriaLabel }, addToCartLabel))));
|
|
32
|
+
};
|
|
33
|
+
export default QuickOrderDrawerFooter;
|
|
34
|
+
//# sourceMappingURL=QuickOrderDrawerFooter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickOrderDrawerFooter.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,oBAAoB,CAAA;AACvC,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,KAA8B,MAAM,mBAAmB,CAAA;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AAczE,MAAM,sBAAsB,GAAG,CAAC,EAC9B,SAAS,EACT,MAAM,GACsB,EAAE,EAAE;IAChC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7C,MAAM,EACJ,UAAU,EACV,UAAU,EACV,WAAW,EACX,SAAS,EAAE,gBAAgB,GAC5B,GAAG,mBAAmB,EAAE,CAAA;IACzB,MAAM,cAAc,GAAG,SAAS,IAAI,gBAAgB,CAAA;IACpD,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,GAAG,MAAM,IAAI,EAAE,CAAA;IAEvE,MAAM,eAAe,GAAG,KAAK,IAAI,EAAE;QACjC,IAAI,UAAU,KAAK,CAAC;YAAE,OAAM;QAC5B,UAAU,CAAC,IAAI,CAAC,CAAA;QAChB,IAAI,CAAC;YACH,WAAW,EAAE,CAAA;QACf,CAAC;gBAAS,CAAC;YACT,UAAU,CAAC,KAAK,CAAC,CAAA;QACnB,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE;YACE,oBAAC,IAAI,IAAC,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI;YAChD;gBACG,UAAU;;gBAAG,UAAU,IAAI,EAAE,CACzB,CACH;QACN;YACE,oBAAC,KAAK,IACJ,KAAK,EAAE,UAAU,EACjB,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,cAAc,GACzB;YACF,oBAAC,MAAM,wDAEL,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE,UAAU,KAAK,CAAC,EAC1B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,eAAe,gBACZ,kBAAkB,IAE7B,cAAc,CACR,CACL,CACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export type QuickOrderDrawerHeaderProps = {
|
|
3
|
+
title: string;
|
|
4
|
+
titleCharLimit?: number;
|
|
5
|
+
onCloseDrawer?: () => void;
|
|
6
|
+
};
|
|
7
|
+
declare const QuickOrderDrawerHeader: ({ onCloseDrawer, title, titleCharLimit, }: QuickOrderDrawerHeaderProps) => React.JSX.Element;
|
|
8
|
+
export default QuickOrderDrawerHeader;
|
|
9
|
+
//# sourceMappingURL=QuickOrderDrawerHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickOrderDrawerHeader.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,2BAA2B,GAAG;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,sBAAsB,8CAIzB,2BAA2B,sBA0B7B,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Icon from '../../atoms/Icon';
|
|
3
|
+
import { SlideOverHeader } from '../SlideOver';
|
|
4
|
+
const QuickOrderDrawerHeader = ({ onCloseDrawer, title, titleCharLimit = 30, }) => {
|
|
5
|
+
const leftOffset = Math.floor(titleCharLimit / 2) - 3;
|
|
6
|
+
const rightOffset = Math.floor(titleCharLimit / 2);
|
|
7
|
+
const titleFormatted = title.length > titleCharLimit
|
|
8
|
+
? `${title.slice(0, leftOffset)}...${title.slice(-rightOffset)}`
|
|
9
|
+
: title;
|
|
10
|
+
return (React.createElement(SlideOverHeader, { "data-fs-quick-order-drawer-header": true, closeBtnProps: {
|
|
11
|
+
variant: 'tertiary',
|
|
12
|
+
color: 'black',
|
|
13
|
+
'aria-label': 'Close quick order drawer',
|
|
14
|
+
}, onClose: () => onCloseDrawer?.() },
|
|
15
|
+
React.createElement("div", { "data-fs-quick-order-drawer-title-container": true },
|
|
16
|
+
React.createElement("div", { "data-fs-quick-order-drawer-icon": true },
|
|
17
|
+
React.createElement(Icon, { name: "Table", weight: "bold", width: 32, height: 32 })),
|
|
18
|
+
React.createElement("div", { "data-fs-quick-order-drawer-title": true }, titleFormatted))));
|
|
19
|
+
};
|
|
20
|
+
export default QuickOrderDrawerHeader;
|
|
21
|
+
//# sourceMappingURL=QuickOrderDrawerHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickOrderDrawerHeader.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAQ9C,MAAM,sBAAsB,GAAG,CAAC,EAC9B,aAAa,EACb,KAAK,EACL,cAAc,GAAG,EAAE,GACS,EAAE,EAAE;IAChC,MAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,GAAG,CAAC,CAAA;IACrD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,GAAG,CAAC,CAAC,CAAA;IAClD,MAAM,cAAc,GAClB,KAAK,CAAC,MAAM,GAAG,cAAc;QAC3B,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,MAAM,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE;QAChE,CAAC,CAAC,KAAK,CAAA;IAEX,OAAO,CACL,oBAAC,eAAe,+CAEd,aAAa,EAAE;YACb,OAAO,EAAE,UAAU;YACnB,KAAK,EAAE,OAAO;YACd,YAAY,EAAE,0BAA0B;SACzC,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,EAAE,EAAE;QAEhC;YACE;gBACE,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACtD;YACN,yEAAuC,cAAc,CAAO,CACxD,CACU,CACnB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React, { type FunctionComponent } from 'react';
|
|
2
|
+
import type { PriceFormatter } from '../../atoms/Price';
|
|
3
|
+
import { type VariationProductColumn } from './provider/QuickOrderDrawerProvider';
|
|
4
|
+
type ImageComponentType = FunctionComponent<{
|
|
5
|
+
src: string;
|
|
6
|
+
alt: string;
|
|
7
|
+
width?: number;
|
|
8
|
+
height?: number;
|
|
9
|
+
loading?: 'eager' | 'lazy';
|
|
10
|
+
}>;
|
|
11
|
+
export type QuickOrderDrawerProductsProps = {
|
|
12
|
+
columns: VariationProductColumn;
|
|
13
|
+
formatter?: PriceFormatter;
|
|
14
|
+
ImageComponent?: ImageComponentType;
|
|
15
|
+
/**
|
|
16
|
+
* Messages for CMS configuration
|
|
17
|
+
*/
|
|
18
|
+
messages?: {
|
|
19
|
+
alertAriaLabel?: string;
|
|
20
|
+
tableAriaLabel?: string;
|
|
21
|
+
quantityUpdatedTooltip?: string;
|
|
22
|
+
quantityUpdatedAriaLabel?: string;
|
|
23
|
+
outOfStockLabel?: string;
|
|
24
|
+
availableLabel?: string;
|
|
25
|
+
selectQuantityAriaLabel?: string;
|
|
26
|
+
removeProductAriaLabel?: string;
|
|
27
|
+
invalidQuantityTitle?: string;
|
|
28
|
+
invalidQuantityMessage?: (min: number, max: number, quantity: number) => string;
|
|
29
|
+
emptyStateTitle?: string;
|
|
30
|
+
emptyStateMessage?: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
declare const QuickOrderDrawerProducts: ({ columns, formatter, ImageComponent, messages, }: QuickOrderDrawerProductsProps) => React.JSX.Element;
|
|
34
|
+
export default QuickOrderDrawerProducts;
|
|
35
|
+
//# sourceMappingURL=QuickOrderDrawerProducts.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickOrderDrawerProducts.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAarD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAMvD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,qCAAqC,CAAA;AAE5C,KAAK,kBAAkB,GAAG,iBAAiB,CAAC;IAC1C,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;CAC3B,CAAC,CAAA;AAYF,MAAM,MAAM,6BAA6B,GAAG;IAC1C,OAAO,EAAE,sBAAsB,CAAA;IAC/B,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,cAAc,CAAC,EAAE,kBAAkB,CAAA;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,sBAAsB,CAAC,EAAE,MAAM,CAAA;QAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAA;QACjC,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,cAAc,CAAC,EAAE,MAAM,CAAA;QACvB,uBAAuB,CAAC,EAAE,MAAM,CAAA;QAChC,sBAAsB,CAAC,EAAE,MAAM,CAAA;QAC/B,oBAAoB,CAAC,EAAE,MAAM,CAAA;QAC7B,sBAAsB,CAAC,EAAE,CACvB,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,MAAM,KACb,MAAM,CAAA;QACX,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,iBAAiB,CAAC,EAAE,MAAM,CAAA;KAC3B,CAAA;CACF,CAAA;AAED,QAAA,MAAM,wBAAwB,sDAK3B,6BAA6B,sBAsP/B,CAAA;AAED,eAAe,wBAAwB,CAAA"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Icon from '../../atoms/Icon';
|
|
3
|
+
import IconButton from '../../molecules/IconButton';
|
|
4
|
+
import QuantitySelector from '../../molecules/QuantitySelector';
|
|
5
|
+
import { Table, TableBody, TableCell, TableHead, TableRow, } from '../../molecules/Table';
|
|
6
|
+
import Badge from '../../atoms/Badge';
|
|
7
|
+
import Price from '../../atoms/Price';
|
|
8
|
+
import Skeleton from '../../atoms/Skeleton';
|
|
9
|
+
import { useUI } from '../../hooks';
|
|
10
|
+
import Alert from '../../molecules/Alert';
|
|
11
|
+
import Tooltip from '../../molecules/Tooltip';
|
|
12
|
+
import { useQuickOrderDrawer, } from './provider/QuickOrderDrawerProvider';
|
|
13
|
+
// TODO: Replace with faststore Image component in final implementation
|
|
14
|
+
// This is a temporary reference component for storybook preview
|
|
15
|
+
const DefaultImageComponent = ({ src, alt, width, height, ...otherProps }) => React.createElement("img", { src: src, alt: alt, width: width, height: height, ...otherProps });
|
|
16
|
+
const QuickOrderDrawerProducts = ({ columns, formatter, ImageComponent = DefaultImageComponent, messages, }) => {
|
|
17
|
+
const { pushToast } = useUI();
|
|
18
|
+
const { products, onChangeQuantityItem, onDelete, isLoading, alertMessage, setAlertMessage, formatter: contextFormatter, } = useQuickOrderDrawer();
|
|
19
|
+
const priceFormatter = formatter || contextFormatter;
|
|
20
|
+
const showSkeleton = isLoading;
|
|
21
|
+
return (React.createElement("div", { "data-fs-quick-order-drawer-content": true },
|
|
22
|
+
React.createElement(React.Fragment, null,
|
|
23
|
+
!isLoading && alertMessage && (React.createElement(Alert, { icon: React.createElement(Icon, { name: "AlertFilled", weight: "bold" }), dismissible: true, onClick: () => setAlertMessage(''), "aria-label": messages?.alertAriaLabel }, alertMessage)),
|
|
24
|
+
React.createElement(Table, { "data-fs-quick-order-drawer-table": true, variant: "bordered", "aria-label": messages?.tableAriaLabel },
|
|
25
|
+
React.createElement(TableHead, null,
|
|
26
|
+
React.createElement(TableRow, null,
|
|
27
|
+
React.createElement(TableCell, { "data-fs-quick-order-drawer-product-header": true, align: "left", variant: "header", scope: "col" }, columns.name),
|
|
28
|
+
React.createElement(TableCell, { align: "left", variant: "header", scope: "col" }, columns.availability.label),
|
|
29
|
+
React.createElement(TableCell, { align: "center", variant: "header", scope: "col" }, columns.price),
|
|
30
|
+
React.createElement(TableCell, { align: "left", variant: "header", scope: "col" }, columns.quantity),
|
|
31
|
+
React.createElement(TableCell, { align: "right", variant: "header", scope: "col" }))),
|
|
32
|
+
React.createElement(TableBody, null, showSkeleton ? (React.createElement(React.Fragment, null, Array.from({ length: 5 }).map((_, index) => {
|
|
33
|
+
return (React.createElement(TableRow, { key: `table-row-skeleton-${index}` }, Array.from({
|
|
34
|
+
length: 5,
|
|
35
|
+
}).map((_, cellIndex) => {
|
|
36
|
+
return (React.createElement(TableCell, { key: `table-cell-skeleton-${cellIndex}` },
|
|
37
|
+
React.createElement(Skeleton, { size: { width: '96%', height: '30px' } })));
|
|
38
|
+
})));
|
|
39
|
+
}))) : products.length > 0 ? (React.createElement(React.Fragment, null, products.map((variantProduct) => (React.createElement(TableRow, { key: `${variantProduct.name}-${variantProduct.id}`, "data-fs-quick-order-table-row": variantProduct.availability },
|
|
40
|
+
React.createElement(TableCell, { "data-fs-quick-order-cell": "product", align: "left" },
|
|
41
|
+
React.createElement("div", { "data-fs-quick-order-table-cell-img-container": true },
|
|
42
|
+
React.createElement(ImageComponent, { height: 48, src: variantProduct.image.url, alt: variantProduct.image.alternateName ||
|
|
43
|
+
variantProduct.name })),
|
|
44
|
+
React.createElement("div", { "data-fs-quick-order-table-cell-name-container": true },
|
|
45
|
+
React.createElement("div", { "data-fs-quick-order-text": 'primary' }, variantProduct.name),
|
|
46
|
+
React.createElement("span", { "data-fs-quick-order-text": 'secondary' }, variantProduct.id)),
|
|
47
|
+
variantProduct.availability === 'available' &&
|
|
48
|
+
variantProduct.quantityUpdated && (React.createElement(Tooltip, { content: messages?.quantityUpdatedTooltip, placement: "left-center" },
|
|
49
|
+
React.createElement(IconButton, { "aria-label": messages?.quantityUpdatedAriaLabel, icon: React.createElement(Icon, { name: "CircleWarning", weight: "bold" }) })))),
|
|
50
|
+
React.createElement(TableCell, { align: "left" },
|
|
51
|
+
columns.availability.stockDisplaySettings ===
|
|
52
|
+
'showAvailability' && (React.createElement(Badge, { variant: variantProduct.availability === 'outOfStock'
|
|
53
|
+
? 'warning'
|
|
54
|
+
: 'success' }, variantProduct.availability === 'outOfStock'
|
|
55
|
+
? messages?.outOfStockLabel
|
|
56
|
+
: messages?.availableLabel)),
|
|
57
|
+
columns.availability.stockDisplaySettings ===
|
|
58
|
+
'showStockQuantity' && variantProduct.inventory),
|
|
59
|
+
React.createElement(TableCell, { "data-fs-quick-order-cell": "price", align: "right" },
|
|
60
|
+
React.createElement(Price, { value: variantProduct.price, variant: "spot", formatter: priceFormatter, "data-fs-quick-order-table-price": variantProduct.availability })),
|
|
61
|
+
React.createElement(TableCell, { align: "right", "data-fs-quick-order-cell": "quantity-selector" },
|
|
62
|
+
React.createElement("div", { "data-fs-quick-order-table-action": true },
|
|
63
|
+
React.createElement(QuantitySelector, { min: 0, max: variantProduct.inventory, disabled: !variantProduct.inventory ||
|
|
64
|
+
variantProduct.availability === 'outOfStock', initial: variantProduct.selectedCount, onChange: (value) => onChangeQuantityItem(variantProduct.id, value), "aria-label": messages?.selectQuantityAriaLabel?.replace('{productName}', variantProduct.name), onValidateBlur: (min, maxValue, quantity) => {
|
|
65
|
+
const title = messages?.invalidQuantityTitle;
|
|
66
|
+
const message = messages?.invalidQuantityMessage
|
|
67
|
+
? messages.invalidQuantityMessage(min, maxValue, quantity)
|
|
68
|
+
: '';
|
|
69
|
+
pushToast({
|
|
70
|
+
title,
|
|
71
|
+
message,
|
|
72
|
+
status: 'INFO',
|
|
73
|
+
icon: (React.createElement(Icon, { name: "CircleWavyWarning", width: 30, height: 30 })),
|
|
74
|
+
});
|
|
75
|
+
} }))),
|
|
76
|
+
React.createElement(TableCell, { align: "right", "data-fs-quick-order-delete-cell": true },
|
|
77
|
+
React.createElement(IconButton, { onClick: () => onDelete(variantProduct.id), icon: React.createElement(Icon, { name: "Thrash", color: "#1F1F1F" }), "aria-label": messages?.removeProductAriaLabel?.replace('{productName}', variantProduct.name) }))))))) : (React.createElement(TableRow, null,
|
|
78
|
+
React.createElement(TableCell, { align: "center", "data-fs-quick-order-empty-state": true, ...{
|
|
79
|
+
colSpan: 5,
|
|
80
|
+
} },
|
|
81
|
+
React.createElement("div", { "data-fs-quick-order-empty-state-container": true },
|
|
82
|
+
React.createElement(Icon, { name: "MagnifyingGlass", width: 48, height: 48, weight: "thin", "data-fs-quick-order-empty-state-icon": true }),
|
|
83
|
+
React.createElement("div", { "data-fs-quick-order-empty-state-content": true },
|
|
84
|
+
React.createElement("p", { "data-fs-quick-order-empty-state-title": true }, messages?.emptyStateTitle),
|
|
85
|
+
React.createElement("p", { "data-fs-quick-order-empty-state-message": true }, messages?.emptyStateMessage)))))))))));
|
|
86
|
+
};
|
|
87
|
+
export default QuickOrderDrawerProducts;
|
|
88
|
+
//# sourceMappingURL=QuickOrderDrawerProducts.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuickOrderDrawerProducts.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/QuickOrderDrawerProducts.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { default as QuickOrderDrawer, default } from './QuickOrderDrawer';
|
|
2
|
+
export type { QuickOrderDrawerProps } from './QuickOrderDrawer';
|
|
3
|
+
export { default as QuickOrderDrawerHeader } from './QuickOrderDrawerHeader';
|
|
4
|
+
export type { QuickOrderDrawerHeaderProps } from './QuickOrderDrawerHeader';
|
|
5
|
+
export { default as QuickOrderDrawerProducts } from './QuickOrderDrawerProducts';
|
|
6
|
+
export type { QuickOrderDrawerProductsProps } from './QuickOrderDrawerProducts';
|
|
7
|
+
export { default as QuickOrderDrawerFooter } from './QuickOrderDrawerFooter';
|
|
8
|
+
export type { QuickOrderDrawerFooterProps } from './QuickOrderDrawerFooter';
|
|
9
|
+
export { useQuickOrderDrawer } from './provider/QuickOrderDrawerProvider';
|
|
10
|
+
export type { AlertMessages, Product, QuickOrderDrawerProviderProps, VariationProductColumn, } from './provider/QuickOrderDrawerProvider';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AACzE,YAAY,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAE/D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAE3E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAChF,YAAY,EAAE,6BAA6B,EAAE,MAAM,4BAA4B,CAAA;AAE/E,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAC5E,YAAY,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAE3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,YAAY,EACV,aAAa,EACb,OAAO,EACP,6BAA6B,EAC7B,sBAAsB,GACvB,MAAM,qCAAqC,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default as QuickOrderDrawer, default } from './QuickOrderDrawer';
|
|
2
|
+
export { default as QuickOrderDrawerHeader } from './QuickOrderDrawerHeader';
|
|
3
|
+
export { default as QuickOrderDrawerProducts } from './QuickOrderDrawerProducts';
|
|
4
|
+
export { default as QuickOrderDrawerFooter } from './QuickOrderDrawerFooter';
|
|
5
|
+
export { useQuickOrderDrawer } from './provider/QuickOrderDrawerProvider';
|
|
6
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/organisms/QuickOrderDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAGzE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAG5E,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,4BAA4B,CAAA;AAGhF,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAG5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA"}
|