@popmenu/ordering-ui 0.126.0 → 0.126.1
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/build/esm/_virtual/index.js +4 -0
- package/build/esm/_virtual/index.js.map +1 -0
- package/build/esm/assets/leaf-icon.svg.js +20 -0
- package/build/esm/assets/leaf-icon.svg.js.map +1 -0
- package/build/{components → esm/components}/Button/Button.d.ts +3 -3
- package/build/esm/components/Button/Button.js +23 -0
- package/build/esm/components/Button/Button.js.map +1 -0
- package/build/{components → esm/components}/Button/ButtonProps.d.ts +5 -5
- package/build/{components → esm/components}/Button/index.d.ts +2 -2
- package/build/esm/components/Checkbox/Checkbox.d.ts +2 -0
- package/build/esm/components/Checkbox/Checkbox.js +16 -0
- package/build/esm/components/Checkbox/Checkbox.js.map +1 -0
- package/build/{components → esm/components}/Checkbox/index.d.ts +1 -1
- package/build/{components → esm/components}/DialogSection/DialogSection.d.ts +8 -8
- package/build/esm/components/DialogSection/DialogSection.js +11 -0
- package/build/esm/components/DialogSection/DialogSection.js.map +1 -0
- package/build/{components → esm/components}/DialogSection/index.d.ts +1 -1
- package/build/{components → esm/components}/DialogTitle/DialogTitle.d.ts +9 -9
- package/build/esm/components/DialogTitle/DialogTitle.js +22 -0
- package/build/esm/components/DialogTitle/DialogTitle.js.map +1 -0
- package/build/{components → esm/components}/DialogTitle/index.d.ts +1 -1
- package/build/{components → esm/components}/DishCheckoutCard/DishCheckoutCard.d.ts +3 -3
- package/build/esm/components/DishCheckoutCard/DishCheckoutCard.js +94 -0
- package/build/esm/components/DishCheckoutCard/DishCheckoutCard.js.map +1 -0
- package/build/{components → esm/components}/DishCheckoutCard/DishCheckoutCard.styles.d.ts +2 -2
- package/build/esm/components/DishCheckoutCard/DishCheckoutCard.styles.js +85 -0
- package/build/esm/components/DishCheckoutCard/DishCheckoutCard.styles.js.map +1 -0
- package/build/{components → esm/components}/DishCheckoutCard/DishCheckoutCardProps.d.ts +44 -44
- package/build/{components → esm/components}/DishCheckoutCard/index.d.ts +2 -2
- package/build/{components → esm/components}/DishDetailsReview/DishDetailsReview.d.ts +3 -3
- package/build/esm/components/DishDetailsReview/DishDetailsReview.js +18 -0
- package/build/esm/components/DishDetailsReview/DishDetailsReview.js.map +1 -0
- package/build/{components → esm/components}/DishDetailsReview/DishDetailsReviewProps.d.ts +12 -12
- package/build/{components → esm/components}/DishDetailsReview/index.d.ts +2 -2
- package/build/{components → esm/components}/DishModifierCard/DishModifierCard.d.ts +6 -6
- package/build/esm/components/DishModifierCard/DishModifierCard.js +48 -0
- package/build/esm/components/DishModifierCard/DishModifierCard.js.map +1 -0
- package/build/{components → esm/components}/DishModifierCard/DishModifierCard.styles.d.ts +5 -5
- package/build/esm/components/DishModifierCard/DishModifierCard.styles.js +95 -0
- package/build/esm/components/DishModifierCard/DishModifierCard.styles.js.map +1 -0
- package/build/{components → esm/components}/DishModifierCard/DishModifierCardProps.d.ts +71 -71
- package/build/{components → esm/components}/DishModifierCard/ModifierControls.d.ts +3 -3
- package/build/esm/components/DishModifierCard/ModifierControls.js +135 -0
- package/build/esm/components/DishModifierCard/ModifierControls.js.map +1 -0
- package/build/{components → esm/components}/DishModifierCard/ModifierForm.d.ts +4 -4
- package/build/{components → esm/components}/DishModifierCard/index.d.ts +2 -2
- package/build/{components → esm/components}/ItemTag/ItemTag.d.ts +3 -3
- package/build/esm/components/ItemTag/ItemTag.js +15 -0
- package/build/esm/components/ItemTag/ItemTag.js.map +1 -0
- package/build/{components → esm/components}/ItemTag/ItemTagProps.d.ts +5 -5
- package/build/{components → esm/components}/ItemTag/index.d.ts +2 -2
- package/build/{components → esm/components}/ItemTag/itemTag.styles.d.ts +1 -1
- package/build/esm/components/ItemTag/itemTag.styles.js +20 -0
- package/build/esm/components/ItemTag/itemTag.styles.js.map +1 -0
- package/build/{components → esm/components}/ItemTagGroup/ItemTagGroup.d.ts +2 -2
- package/build/esm/components/ItemTagGroup/ItemTagGroup.js +10 -0
- package/build/esm/components/ItemTagGroup/ItemTagGroup.js.map +1 -0
- package/build/{components → esm/components}/ItemTagGroup/index.d.ts +1 -1
- package/build/{components → esm/components}/LocationCard/LocationCard.d.ts +3 -3
- package/build/esm/components/LocationCard/LocationCard.js +35 -0
- package/build/esm/components/LocationCard/LocationCard.js.map +1 -0
- package/build/{components → esm/components}/LocationCard/LocationCard.styles.d.ts +2 -2
- package/build/esm/components/LocationCard/LocationCard.styles.js +64 -0
- package/build/esm/components/LocationCard/LocationCard.styles.js.map +1 -0
- package/build/{components → esm/components}/LocationCard/LocationCardProps.d.ts +28 -28
- package/build/{components → esm/components}/LocationCard/index.d.ts +2 -2
- package/build/{components → esm/components}/MenuBanner/MenuBanner.d.ts +3 -3
- package/build/esm/components/MenuBanner/MenuBanner.js +34 -0
- package/build/esm/components/MenuBanner/MenuBanner.js.map +1 -0
- package/build/{components → esm/components}/MenuBanner/MenuBanner.styles.d.ts +2 -2
- package/build/esm/components/MenuBanner/MenuBanner.styles.js +49 -0
- package/build/esm/components/MenuBanner/MenuBanner.styles.js.map +1 -0
- package/build/{components → esm/components}/MenuBanner/MenuBannerIcons.d.ts +6 -6
- package/build/esm/components/MenuBanner/MenuBannerIcons.js +15 -0
- package/build/esm/components/MenuBanner/MenuBannerIcons.js.map +1 -0
- package/build/{components → esm/components}/MenuBanner/MenuBannerProps.d.ts +15 -15
- package/build/{components → esm/components}/MenuBanner/index.d.ts +2 -2
- package/build/{components → esm/components}/MenuDropdown/MenuDropdown.d.ts +3 -3
- package/build/esm/components/MenuDropdown/MenuDropdown.js +37 -0
- package/build/esm/components/MenuDropdown/MenuDropdown.js.map +1 -0
- package/build/{components → esm/components}/MenuDropdown/MenuDropdown.styles.d.ts +2 -2
- package/build/esm/components/MenuDropdown/MenuDropdown.styles.js +40 -0
- package/build/esm/components/MenuDropdown/MenuDropdown.styles.js.map +1 -0
- package/build/{components → esm/components}/MenuDropdown/MenuDropdownProps.d.ts +15 -15
- package/build/{components → esm/components}/MenuDropdown/index.d.ts +2 -2
- package/build/{components → esm/components}/MenuFilter/MenuFilter.d.ts +3 -3
- package/build/esm/components/MenuFilter/MenuFilter.js +46 -0
- package/build/esm/components/MenuFilter/MenuFilter.js.map +1 -0
- package/build/{components → esm/components}/MenuFilter/MenuFilter.styles.d.ts +1 -1
- package/build/esm/components/MenuFilter/MenuFilter.styles.js +11 -0
- package/build/esm/components/MenuFilter/MenuFilter.styles.js.map +1 -0
- package/build/{components → esm/components}/MenuFilter/MenuFilterProps.d.ts +23 -23
- package/build/{components → esm/components}/MenuFilter/index.d.ts +2 -2
- package/build/{components → esm/components}/MenuItem/MenuItem.d.ts +3 -3
- package/build/esm/components/MenuItem/MenuItem.js +40 -0
- package/build/esm/components/MenuItem/MenuItem.js.map +1 -0
- package/build/{components → esm/components}/MenuItem/MenuItem.styles.d.ts +1 -1
- package/build/esm/components/MenuItem/MenuItem.styles.js +67 -0
- package/build/esm/components/MenuItem/MenuItem.styles.js.map +1 -0
- package/build/{components → esm/components}/MenuItem/MenuItemImg.d.ts +3 -3
- package/build/esm/components/MenuItem/MenuItemImg.js +22 -0
- package/build/esm/components/MenuItem/MenuItemImg.js.map +1 -0
- package/build/{components → esm/components}/MenuItem/MenuItemInfo.d.ts +4 -4
- package/build/esm/components/MenuItem/MenuItemInfo.js +9 -0
- package/build/esm/components/MenuItem/MenuItemInfo.js.map +1 -0
- package/build/{components → esm/components}/MenuItem/MenuItemPrice.d.ts +3 -3
- package/build/esm/components/MenuItem/MenuItemPrice.js +28 -0
- package/build/esm/components/MenuItem/MenuItemPrice.js.map +1 -0
- package/build/{components → esm/components}/MenuItem/MenuItemProps.d.ts +41 -41
- package/build/{components → esm/components}/MenuItem/MenuItemReactions.d.ts +3 -3
- package/build/esm/components/MenuItem/MenuItemReactions.js +16 -0
- package/build/esm/components/MenuItem/MenuItemReactions.js.map +1 -0
- package/build/{components → esm/components}/MenuItem/MenuItemTags.d.ts +3 -3
- package/build/esm/components/MenuItem/MenuItemTags.js +11 -0
- package/build/esm/components/MenuItem/MenuItemTags.js.map +1 -0
- package/build/{components → esm/components}/MenuItem/index.d.ts +2 -2
- package/build/{components → esm/components}/MenuItemGroup/MenuItemGroup.d.ts +5 -5
- package/build/esm/components/MenuItemGroup/MenuItemGroup.js +15 -0
- package/build/esm/components/MenuItemGroup/MenuItemGroup.js.map +1 -0
- package/build/{components → esm/components}/MenuItemGroup/MenuItemGroupStyles.d.ts +1 -1
- package/build/esm/components/MenuItemGroup/MenuItemGroupStyles.js +21 -0
- package/build/esm/components/MenuItemGroup/MenuItemGroupStyles.js.map +1 -0
- package/build/{components → esm/components}/MenuItemGroup/index.d.ts +1 -1
- package/build/{components → esm/components}/MenuSection/MenuSection.d.ts +3 -3
- package/build/esm/components/MenuSection/MenuSection.js +18 -0
- package/build/esm/components/MenuSection/MenuSection.js.map +1 -0
- package/build/{components → esm/components}/MenuSection/MenuSectionProps.d.ts +9 -9
- package/build/{components → esm/components}/MenuSection/MenuSectionStyles.d.ts +1 -1
- package/build/esm/components/MenuSection/MenuSectionStyles.js +12 -0
- package/build/esm/components/MenuSection/MenuSectionStyles.js.map +1 -0
- package/build/{components → esm/components}/MenuSection/index.d.ts +2 -2
- package/build/{components → esm/components}/MenuSectionGroup/MenuSectionGroup.d.ts +5 -5
- package/build/esm/components/MenuSectionGroup/MenuSectionGroup.js +12 -0
- package/build/esm/components/MenuSectionGroup/MenuSectionGroup.js.map +1 -0
- package/build/{components → esm/components}/MenuSectionGroup/index.d.ts +1 -1
- package/build/{components → esm/components}/OrderingAppContext/OrderingAppContext.d.ts +18 -18
- package/build/esm/components/OrderingAppContext/OrderingAppContext.js +17 -0
- package/build/esm/components/OrderingAppContext/OrderingAppContext.js.map +1 -0
- package/build/{components → esm/components}/OrderingAppContext/index.d.ts +1 -1
- package/build/{components → esm/components}/PageSection/PageSection.d.ts +4 -4
- package/build/esm/components/PageSection/PageSection.js +7 -0
- package/build/esm/components/PageSection/PageSection.js.map +1 -0
- package/build/{components → esm/components}/PageSection/index.d.ts +1 -1
- package/build/{components → esm/components}/QuantityPicker/QuantityPicker.d.ts +3 -3
- package/build/esm/components/QuantityPicker/QuantityPicker.js +38 -0
- package/build/esm/components/QuantityPicker/QuantityPicker.js.map +1 -0
- package/build/{components → esm/components}/QuantityPicker/QuantityPicker.styles.d.ts +5 -5
- package/build/esm/components/QuantityPicker/QuantityPicker.styles.js +46 -0
- package/build/esm/components/QuantityPicker/QuantityPicker.styles.js.map +1 -0
- package/build/{components → esm/components}/QuantityPicker/QuantityPickerProps.d.ts +21 -21
- package/build/{components → esm/components}/QuantityPicker/index.d.ts +2 -2
- package/build/esm/components/Radio/Radio.d.ts +2 -0
- package/build/esm/components/Radio/Radio.js +16 -0
- package/build/esm/components/Radio/Radio.js.map +1 -0
- package/build/{components → esm/components}/Radio/index.d.ts +1 -1
- package/build/{components → esm/components}/ReactionCounter/ReactionCounter.d.ts +3 -3
- package/build/esm/components/ReactionCounter/ReactionCounter.js +12 -0
- package/build/esm/components/ReactionCounter/ReactionCounter.js.map +1 -0
- package/build/{components → esm/components}/ReactionCounter/ReactionCounterProps.d.ts +6 -6
- package/build/{components → esm/components}/ReactionCounter/index.d.ts +2 -2
- package/build/{components → esm/components}/ReactionCounterGroup/ReactionCounterGroup.d.ts +4 -4
- package/build/esm/components/ReactionCounterGroup/ReactionCounterGroup.js +10 -0
- package/build/esm/components/ReactionCounterGroup/ReactionCounterGroup.js.map +1 -0
- package/build/{components → esm/components}/ReactionCounterGroup/index.d.ts +1 -1
- package/build/{components → esm/components}/SelectableChip/SelectableChip.d.ts +3 -3
- package/build/esm/components/SelectableChip/SelectableChip.js +15 -0
- package/build/esm/components/SelectableChip/SelectableChip.js.map +1 -0
- package/build/{components → esm/components}/SelectableChip/SelectableChip.styles.d.ts +2 -2
- package/build/esm/components/SelectableChip/SelectableChip.styles.js +34 -0
- package/build/esm/components/SelectableChip/SelectableChip.styles.js.map +1 -0
- package/build/{components → esm/components}/SelectableChip/SelectableChipProps.d.ts +2 -2
- package/build/{components → esm/components}/SelectableChip/index.d.ts +2 -2
- package/build/{components → esm/components}/SelectableChipGroup/SelectableChipGroup.d.ts +3 -3
- package/build/esm/components/SelectableChipGroup/SelectableChipGroup.js +15 -0
- package/build/esm/components/SelectableChipGroup/SelectableChipGroup.js.map +1 -0
- package/build/{components → esm/components}/SelectableChipGroup/SelectableChipGroup.styles.d.ts +1 -1
- package/build/esm/components/SelectableChipGroup/SelectableChipGroup.styles.js +21 -0
- package/build/esm/components/SelectableChipGroup/SelectableChipGroup.styles.js.map +1 -0
- package/build/{components → esm/components}/SelectableChipGroup/SelectableChipGroupProps.d.ts +5 -5
- package/build/{components → esm/components}/SelectableChipGroup/index.d.ts +2 -2
- package/build/{components → esm/components}/SelectedMenuFiltersList/SelectedMenuFiltersList.d.ts +3 -3
- package/build/esm/components/SelectedMenuFiltersList/SelectedMenuFiltersList.js +33 -0
- package/build/esm/components/SelectedMenuFiltersList/SelectedMenuFiltersList.js.map +1 -0
- package/build/{components → esm/components}/SelectedMenuFiltersList/SelectedMenuFiltersListProps.d.ts +6 -6
- package/build/{components → esm/components}/SelectedMenuFiltersList/index.d.ts +2 -2
- package/build/{components → esm/components}/StatusTag/StatusTag.d.ts +10 -10
- package/build/esm/components/StatusTag/StatusTag.js +19 -0
- package/build/esm/components/StatusTag/StatusTag.js.map +1 -0
- package/build/{components → esm/components}/StatusTag/StatusTag.styles.d.ts +2 -2
- package/build/esm/components/StatusTag/StatusTag.styles.js +40 -0
- package/build/esm/components/StatusTag/StatusTag.styles.js.map +1 -0
- package/build/{components → esm/components}/StatusTag/StatusTagProps.d.ts +10 -10
- package/build/{components → esm/components}/StatusTag/index.d.ts +2 -2
- package/build/esm/components/Switch/Switch.d.ts +2 -0
- package/build/esm/components/Switch/Switch.js +24 -0
- package/build/esm/components/Switch/Switch.js.map +1 -0
- package/build/{components → esm/components}/Switch/index.d.ts +1 -1
- package/build/{components → esm/components}/index.d.ts +29 -29
- package/build/{index.d.ts → esm/index.d.ts} +2 -2
- package/build/esm/index.js +31 -0
- package/build/esm/index.js.map +1 -0
- package/build/esm/node_modules/classnames/index.js +81 -0
- package/build/esm/node_modules/classnames/index.js.map +1 -0
- package/build/{theme → esm/theme}/index.d.ts +1 -1
- package/build/{theme → esm/theme}/overrides.d.ts +2 -2
- package/build/esm/theme/overrides.js +75 -0
- package/build/esm/theme/overrides.js.map +1 -0
- package/build/{theme → esm/theme}/palette.d.ts +26 -26
- package/build/esm/theme/palette.js +29 -0
- package/build/esm/theme/palette.js.map +1 -0
- package/build/{theme → esm/theme}/props.d.ts +2 -2
- package/build/esm/theme/props.js +11 -0
- package/build/esm/theme/props.js.map +1 -0
- package/build/{theme → esm/theme}/theme.d.ts +2 -2
- package/build/esm/theme/theme.js +14 -0
- package/build/esm/theme/theme.js.map +1 -0
- package/build/{theme → esm/theme}/typography.d.ts +2 -2
- package/build/esm/theme/typography.js +60 -0
- package/build/esm/theme/typography.js.map +1 -0
- package/build/index.js +1369 -2577
- package/build/index.js.map +1 -1
- package/package.json +7 -8
- package/build/components/Checkbox/Checkbox.d.ts +0 -2
- package/build/components/Radio/Radio.d.ts +0 -2
- package/build/components/Switch/Switch.d.ts +0 -2
- package/build/index.es.js +0 -2713
- package/build/index.es.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
|
|
3
|
+
var _path;
|
|
4
|
+
|
|
5
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
6
|
+
|
|
7
|
+
function SvgLeafIcon(props) {
|
|
8
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
9
|
+
width: 16,
|
|
10
|
+
height: 18,
|
|
11
|
+
fill: "none",
|
|
12
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
13
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
14
|
+
d: "M6.857 6.823c.065-.081-.18.115-.262.196A13.587 13.587 0 004.716 8.98c-.604.768-1.143 1.683-1.585 2.614-.44.931-.718 1.928-.898 2.86-.082.473-.13.914-.18 1.355-.016.36-.033.752-.033 1.079a.164.164 0 01-.163.163H.191c-.098 0-.164-.082-.164-.18.05-.424.147-.915.229-1.34.114-.473.245-.98.408-1.486.213-.621.474-1.258.768-1.863.033-.065.017-.13-.032-.18A5.05 5.05 0 01.109 7.477c.033-.163.082-.327.13-.49C1.4 2.804 5.632.207 9.913 1.137c2.254.475 4.1 1.863 5.244 3.677.164.261.31.523.441.8.147.294.278.605.393.932.048.13-.082.261-.213.196a4.846 4.846 0 00-.898-.31c-2.206-.49-4.412.93-4.886 3.169-.555 2.647-3.12 4.362-5.783 3.921-.13-.016-.213-.13-.213-.261-.016-.768.196-3.35 2.86-6.438z",
|
|
15
|
+
fill: "#00663E"
|
|
16
|
+
})));
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
export { SvgLeafIcon as default };
|
|
20
|
+
//# sourceMappingURL=leaf-icon.svg.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"leaf-icon.svg.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ButtonProps } from './ButtonProps';
|
|
3
|
-
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "className" | "style" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "variation" | "disableFocusRipple" | "href" | "size" | "variant" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps"> & React.RefAttributes<HTMLButtonElement>>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ButtonProps } from './ButtonProps';
|
|
3
|
+
export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "className" | "style" | "classes" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "disableElevation" | "fullWidth" | "startIcon" | "endIcon" | "variation" | "disableFocusRipple" | "href" | "size" | "variant" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import React__default, { forwardRef } from 'react';
|
|
3
|
+
import { Button as Button$1 } from '@material-ui/core';
|
|
4
|
+
|
|
5
|
+
var Button = forwardRef(function (props, ref) {
|
|
6
|
+
var _a = props.variation, variation = _a === void 0 ? 'primary' : _a, muiProps = __rest(props, ["variation"]);
|
|
7
|
+
var variationProps = {};
|
|
8
|
+
switch (variation) {
|
|
9
|
+
case 'primary':
|
|
10
|
+
variationProps.variant = 'contained';
|
|
11
|
+
variationProps.color = 'primary';
|
|
12
|
+
break;
|
|
13
|
+
case 'secondary':
|
|
14
|
+
variationProps.variant = 'outlined';
|
|
15
|
+
variationProps.color = 'primary';
|
|
16
|
+
break;
|
|
17
|
+
}
|
|
18
|
+
return React__default.createElement(Button$1, __assign({}, variationProps, muiProps, { ref: ref }));
|
|
19
|
+
});
|
|
20
|
+
Button.displayName = 'Button';
|
|
21
|
+
|
|
22
|
+
export { Button };
|
|
23
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Button as MuiButton } from '@material-ui/core'\nimport { ButtonProps } from './ButtonProps'\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n const { variation = 'primary', ...muiProps } = props\n\n const variationProps: Pick<ButtonProps, 'variant' | 'color'> = {}\n switch (variation) {\n case 'primary':\n variationProps.variant = 'contained'\n variationProps.color = 'primary'\n break\n case 'secondary':\n variationProps.variant = 'outlined'\n variationProps.color = 'primary'\n break\n case 'none':\n break\n }\n\n return <MuiButton {...variationProps} {...muiProps} ref={ref} />\n})\n\nButton.displayName = 'Button'\n"],"names":["React","MuiButton"],"mappings":";;;;IAIa,MAAM,GAAG,UAAU,CAAiC,UAAC,KAAK,EAAE,GAAG,EAAA;AAClE,IAAA,IAAA,EAAuC,GAAA,KAAK,CAAvB,SAAA,EAArB,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EAAK,QAAQ,GAAK,MAAA,CAAA,KAAK,EAA9C,CAAA,WAAA,CAAsC,CAAF;IAE1C,IAAM,cAAc,GAA2C,EAAE;AACjE,IAAA,QAAQ,SAAS;AACf,QAAA,KAAK,SAAS;AACZ,YAAA,cAAc,CAAC,OAAO,GAAG,WAAW;AACpC,YAAA,cAAc,CAAC,KAAK,GAAG,SAAS;YAChC;AACF,QAAA,KAAK,WAAW;AACd,YAAA,cAAc,CAAC,OAAO,GAAG,UAAU;AACnC,YAAA,cAAc,CAAC,KAAK,GAAG,SAAS;YAChC;AAGH;IAED,OAAOA,cAAA,CAAA,aAAA,CAACC,QAAS,EAAA,QAAA,CAAA,EAAA,EAAK,cAAc,EAAM,QAAQ,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI;AAClE,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ButtonProps as MuiButtonProps } from '@material-ui/core';
|
|
2
|
-
export interface ButtonProps extends MuiButtonProps {
|
|
3
|
-
/** design system variation, not to be confused with "variant" which is an MUI prop */
|
|
4
|
-
variation?: 'primary' | 'secondary' | 'none';
|
|
5
|
-
}
|
|
1
|
+
import { ButtonProps as MuiButtonProps } from '@material-ui/core';
|
|
2
|
+
export interface ButtonProps extends MuiButtonProps {
|
|
3
|
+
/** design system variation, not to be confused with "variant" which is an MUI prop */
|
|
4
|
+
variation?: 'primary' | 'secondary' | 'none';
|
|
5
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Button } from './Button';
|
|
2
|
-
export { ButtonProps } from './ButtonProps';
|
|
1
|
+
export { Button } from './Button';
|
|
2
|
+
export { ButtonProps } from './ButtonProps';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const Checkbox: import("react").ComponentType<Pick<import("@material-ui/core").CheckboxProps, "className" | "style" | "innerRef" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "form" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "value" | "disableFocusRipple" | "size" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "checked" | "readOnly" | "required" | "icon" | "edge" | "inputProps" | "inputRef" | "checkedIcon" | "indeterminate" | "indeterminateIcon"> & import("@material-ui/core").StyledComponentProps<"root" | "checked">>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { withStyles, Checkbox as Checkbox$1 } from '@material-ui/core';
|
|
2
|
+
|
|
3
|
+
var Checkbox = withStyles(function (_a) {
|
|
4
|
+
var palette = _a.palette;
|
|
5
|
+
return ({
|
|
6
|
+
checked: {},
|
|
7
|
+
root: {
|
|
8
|
+
'&$checked': {
|
|
9
|
+
color: palette.info.main,
|
|
10
|
+
},
|
|
11
|
+
},
|
|
12
|
+
});
|
|
13
|
+
})(Checkbox$1);
|
|
14
|
+
|
|
15
|
+
export { Checkbox };
|
|
16
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { Checkbox as MuiCheckbox, withStyles } from '@material-ui/core'\n\nexport const Checkbox = withStyles(({ palette }) => ({\n checked: {},\n root: {\n '&$checked': {\n color: palette.info.main,\n },\n },\n}))(MuiCheckbox)\n"],"names":["MuiCheckbox"],"mappings":";;AAEa,IAAA,QAAQ,GAAG,UAAU,CAAC,UAAC,EAAW,EAAA;AAAT,IAAA,IAAA,OAAO,GAAA,EAAA,CAAA,OAAA;AAAO,IAAA,QAAC;AACnD,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,IAAI,EAAE;AACJ,YAAA,WAAW,EAAE;AACX,gBAAA,KAAK,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;AACzB,aAAA;AACF,SAAA;KACF;AAPmD,CAOlD,CAAC,CAACA,UAAW;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { Checkbox } from './Checkbox';
|
|
1
|
+
export { Checkbox } from './Checkbox';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { BoxProps } from '@material-ui/core';
|
|
2
|
-
import { PropsWithChildren } from 'react';
|
|
3
|
-
interface DialogSectionProps extends BoxProps {
|
|
4
|
-
edgeToEdge?: boolean;
|
|
5
|
-
borderBottom?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const DialogSection: (props: PropsWithChildren<DialogSectionProps>) => JSX.Element;
|
|
8
|
-
export {};
|
|
1
|
+
import { BoxProps } from '@material-ui/core';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
3
|
+
interface DialogSectionProps extends BoxProps {
|
|
4
|
+
edgeToEdge?: boolean;
|
|
5
|
+
borderBottom?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const DialogSection: (props: PropsWithChildren<DialogSectionProps>) => JSX.Element;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { __rest, __assign } from 'tslib';
|
|
2
|
+
import { Box } from '@material-ui/core';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
|
|
5
|
+
var DialogSection = function (props) {
|
|
6
|
+
var edgeToEdge = props.edgeToEdge, borderBottom = props.borderBottom, children = props.children, restProps = __rest(props, ["edgeToEdge", "borderBottom", "children"]);
|
|
7
|
+
return (React__default.createElement(Box, __assign({ paddingTop: 4, paddingBottom: borderBottom ? 4 : 0, paddingX: edgeToEdge ? 0 : 2, borderBottom: borderBottom ? '1px solid #E0E0E0' : undefined }, restProps), children));
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export { DialogSection };
|
|
11
|
+
//# sourceMappingURL=DialogSection.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogSection.js","sources":["../../../../src/components/DialogSection/DialogSection.tsx"],"sourcesContent":["import { Box, BoxProps } from '@material-ui/core'\nimport React, { PropsWithChildren } from 'react'\n\ninterface DialogSectionProps extends BoxProps {\n edgeToEdge?: boolean\n borderBottom?: boolean\n}\n\nexport const DialogSection = (props: PropsWithChildren<DialogSectionProps>) => {\n const { edgeToEdge, borderBottom, children, ...restProps } = props\n return (\n <Box\n paddingTop={4}\n paddingBottom={borderBottom ? 4 : 0}\n paddingX={edgeToEdge ? 0 : 2}\n borderBottom={borderBottom ? '1px solid #E0E0E0' : undefined}\n {...restProps}\n >\n {children}\n </Box>\n )\n}\n"],"names":["React"],"mappings":";;;;AAQO,IAAM,aAAa,GAAG,UAAC,KAA4C,EAAA;IAChE,IAAA,UAAU,GAA2C,KAAK,CAAA,UAAhD,EAAE,YAAY,GAA6B,KAAK,CAAlC,YAAA,EAAE,QAAQ,GAAmB,KAAK,SAAxB,EAAK,SAAS,UAAK,KAAK,EAA5D,CAAoD,YAAA,EAAA,cAAA,EAAA,UAAA,CAAA,CAAF;IACxD,QACEA,6BAAC,GAAG,EAAA,QAAA,CAAA,EACF,UAAU,EAAE,CAAC,EACb,aAAa,EAAE,YAAY,GAAG,CAAC,GAAG,CAAC,EACnC,QAAQ,EAAE,UAAU,GAAG,CAAC,GAAG,CAAC,EAC5B,YAAY,EAAE,YAAY,GAAG,mBAAmB,GAAG,SAAS,EAAA,EACxD,SAAS,CAEZ,EAAA,QAAQ,CACL;AAEV;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { DialogSection } from './DialogSection';
|
|
1
|
+
export { DialogSection } from './DialogSection';
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
interface DialogTitleProps {
|
|
3
|
-
title: string;
|
|
4
|
-
titleId: string;
|
|
5
|
-
Icon?: ReactNode;
|
|
6
|
-
onClose?: () => void;
|
|
7
|
-
}
|
|
8
|
-
export declare const DialogTitle: (props: DialogTitleProps) => JSX.Element;
|
|
9
|
-
export {};
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
interface DialogTitleProps {
|
|
3
|
+
title: string;
|
|
4
|
+
titleId: string;
|
|
5
|
+
Icon?: ReactNode;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare const DialogTitle: (props: DialogTitleProps) => JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React__default from 'react';
|
|
2
|
+
import { makeStyles, DialogTitle as DialogTitle$1, Box, Typography, IconButton } from '@material-ui/core';
|
|
3
|
+
import { X } from '@popmenu/web-icons';
|
|
4
|
+
|
|
5
|
+
var useStyles = makeStyles(function () { return ({
|
|
6
|
+
closeButton: {
|
|
7
|
+
padding: 0,
|
|
8
|
+
},
|
|
9
|
+
}); });
|
|
10
|
+
var DialogTitle = function (props) {
|
|
11
|
+
var Icon = props.Icon, title = props.title, titleId = props.titleId, onClose = props.onClose;
|
|
12
|
+
var classes = useStyles();
|
|
13
|
+
return (React__default.createElement(DialogTitle$1, null,
|
|
14
|
+
React__default.createElement(Box, { display: "flex", alignItems: "center", gridGap: 16 },
|
|
15
|
+
Icon && Icon,
|
|
16
|
+
React__default.createElement(Typography, { variant: "h1", id: titleId }, title)),
|
|
17
|
+
onClose && (React__default.createElement(IconButton, { color: "inherit", className: classes.closeButton, "aria-label": "Close dialog", onClick: onClose },
|
|
18
|
+
React__default.createElement(X, null)))));
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { DialogTitle };
|
|
22
|
+
//# sourceMappingURL=DialogTitle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogTitle.js","sources":["../../../../src/components/DialogTitle/DialogTitle.tsx"],"sourcesContent":["import React, { ReactNode } from 'react'\nimport { Box, IconButton, makeStyles, DialogTitle as MuiDialogTitle, Typography } from '@material-ui/core'\nimport { X } from '@popmenu/web-icons'\n\ninterface DialogTitleProps {\n title: string\n titleId: string\n Icon?: ReactNode\n onClose?: () => void\n}\nconst useStyles = makeStyles(() => ({\n closeButton: {\n padding: 0,\n },\n}))\nexport const DialogTitle = (props: DialogTitleProps) => {\n const { Icon, title, titleId, onClose } = props\n const classes = useStyles()\n return (\n <MuiDialogTitle>\n <Box display=\"flex\" alignItems=\"center\" gridGap={16}>\n {Icon && Icon}\n <Typography variant=\"h1\" id={titleId}>\n {title}\n </Typography>\n </Box>\n {onClose && (\n <IconButton color=\"inherit\" className={classes.closeButton} aria-label=\"Close dialog\" onClick={onClose}>\n <X />\n </IconButton>\n )}\n </MuiDialogTitle>\n )\n}\n"],"names":["React","MuiDialogTitle"],"mappings":";;;;AAUA,IAAM,SAAS,GAAG,UAAU,CAAC,YAAA,EAAM,QAAC;AAClC,IAAA,WAAW,EAAE;AACX,QAAA,OAAO,EAAE,CAAC;AACX,KAAA;CACF,EAAC,EAAA,CAAC;AACI,IAAM,WAAW,GAAG,UAAC,KAAuB,EAAA;AACzC,IAAA,IAAA,IAAI,GAA8B,KAAK,KAAnC,EAAE,KAAK,GAAuB,KAAK,CAAA,KAA5B,EAAE,OAAO,GAAc,KAAK,CAAnB,OAAA,EAAE,OAAO,GAAK,KAAK,QAAV;AACrC,IAAA,IAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,QACEA,6BAACC,aAAc,EAAA,IAAA;AACb,QAAAD,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,EAAE,EAAA;AAChD,YAAA,IAAI,IAAI,IAAI;AACb,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,EAAE,EAAE,OAAO,EAAA,EACjC,KAAK,CACK,CACT;AACL,QAAA,OAAO,KACNA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,KAAK,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,CAAC,WAAW,EAAA,YAAA,EAAa,cAAc,EAAC,OAAO,EAAE,OAAO,EAAA;AACpG,YAAAA,cAAA,CAAA,aAAA,CAAC,CAAC,EAAG,IAAA,CAAA,CACM,CACd,CACc;AAErB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export { DialogTitle } from './DialogTitle';
|
|
1
|
+
export { DialogTitle } from './DialogTitle';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DishCheckoutCardProps } from './DishCheckoutCardProps';
|
|
3
|
-
export declare const DishCheckoutCard: (props: DishCheckoutCardProps) => JSX.Element;
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DishCheckoutCardProps } from './DishCheckoutCardProps';
|
|
3
|
+
export declare const DishCheckoutCard: (props: DishCheckoutCardProps) => JSX.Element;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import React__default, { useState } from 'react';
|
|
2
|
+
import { Box, Typography, IconButton, Icon } from '@popmenu/common-ui';
|
|
3
|
+
import { Trash, ChevronUp, ChevronDown, Warning } from '@popmenu/web-icons';
|
|
4
|
+
import { useDishCheckoutCardStyles } from './DishCheckoutCard.styles.js';
|
|
5
|
+
import { Button } from '../Button/Button.js';
|
|
6
|
+
import { FormControl, Select, InputAdornment, MenuItem } from '@material-ui/core';
|
|
7
|
+
import { useOrderingAppContext } from '../OrderingAppContext/OrderingAppContext.js';
|
|
8
|
+
|
|
9
|
+
var DishCheckoutCard = function (props) {
|
|
10
|
+
var _a;
|
|
11
|
+
var id = props.id, name = props.name, quantity = props.quantity, modifierGroups = props.modifierGroups, onDelete = props.onDelete, onEdit = props.onEdit, onQuantityChange = props.onQuantityChange, price = props.price, specialInstructions = props.specialInstructions, disabled = props.disabled, warningMessage = props.warningMessage, _b = props.image, image = _b === void 0 ? {} : _b, messages = props.messages;
|
|
12
|
+
var src = image.src;
|
|
13
|
+
var classes = useDishCheckoutCardStyles(props);
|
|
14
|
+
var appContext = useOrderingAppContext()[0];
|
|
15
|
+
var _c = useState(false), open = _c[0], setOpen = _c[1];
|
|
16
|
+
var formattedPrice = typeof price === 'number' ? "" + ((_a = appContext.currencySymbol) !== null && _a !== void 0 ? _a : '') + price.toFixed(2) : price;
|
|
17
|
+
var handleQuantityChange = function (event) {
|
|
18
|
+
return onQuantityChange(id, parseInt(event.target.value, 10));
|
|
19
|
+
};
|
|
20
|
+
var labelString = function (label) {
|
|
21
|
+
return label.replace(/[^a-zA-Z\s]/g, '').toLowerCase();
|
|
22
|
+
};
|
|
23
|
+
var formatModifiers = function (groups, nested) {
|
|
24
|
+
if (nested === void 0) { nested = false; }
|
|
25
|
+
return groups.map(function (group) {
|
|
26
|
+
// Get all selected modifiers for this group
|
|
27
|
+
var modifiers = group.selectedModifiers
|
|
28
|
+
.map(function (modifier) {
|
|
29
|
+
return modifier.quantity > 1 ? modifier.modifierName + " \u00D7 " + modifier.quantity : modifier.modifierName;
|
|
30
|
+
})
|
|
31
|
+
.join(', ');
|
|
32
|
+
// Render nested groups recursively
|
|
33
|
+
var nestedGroups = group.selectedModifiers.flatMap(function (modifier) {
|
|
34
|
+
var _a;
|
|
35
|
+
return (modifier === null || modifier === void 0 ? void 0 : modifier.selectedModifierGroups) && ((_a = modifier === null || modifier === void 0 ? void 0 : modifier.selectedModifierGroups) === null || _a === void 0 ? void 0 : _a.length) > 0
|
|
36
|
+
? formatModifiers(modifier.selectedModifierGroups, true)
|
|
37
|
+
: [];
|
|
38
|
+
});
|
|
39
|
+
// For top-level groups, we render without the list
|
|
40
|
+
if (!nested) {
|
|
41
|
+
return (React__default.createElement(Typography, { key: group.id, variant: "body2" },
|
|
42
|
+
group.menuItemModifierGroupName,
|
|
43
|
+
": ",
|
|
44
|
+
modifiers,
|
|
45
|
+
(nestedGroups === null || nestedGroups === void 0 ? void 0 : nestedGroups.length) > 0 && React__default.createElement("ul", { className: classes.ul }, nestedGroups)));
|
|
46
|
+
}
|
|
47
|
+
// For nested groups, we use list items
|
|
48
|
+
return (React__default.createElement("li", { key: group.id, className: classes.li },
|
|
49
|
+
React__default.createElement(Typography, { variant: "body2" },
|
|
50
|
+
group.menuItemModifierGroupName,
|
|
51
|
+
": ",
|
|
52
|
+
modifiers,
|
|
53
|
+
nestedGroups && nestedGroups.length > 0 && React__default.createElement("ul", { className: classes.ul }, nestedGroups))));
|
|
54
|
+
});
|
|
55
|
+
};
|
|
56
|
+
return (React__default.createElement(Box, { className: classes.root },
|
|
57
|
+
React__default.createElement(Box, { display: "flex", gridGap: 3 },
|
|
58
|
+
src && React__default.createElement("img", { src: src, alt: "", className: classes.img }),
|
|
59
|
+
React__default.createElement(Box, { flexGrow: 1 },
|
|
60
|
+
React__default.createElement(Typography, { variant: "h2", className: classes.name }, name),
|
|
61
|
+
modifierGroups && formatModifiers(modifierGroups),
|
|
62
|
+
specialInstructions && React__default.createElement(Typography, { variant: "body2" },
|
|
63
|
+
"\"",
|
|
64
|
+
specialInstructions,
|
|
65
|
+
"\"")),
|
|
66
|
+
React__default.createElement(Box, { display: "flex", gridGap: 1, height: "100%", alignItems: "center" },
|
|
67
|
+
React__default.createElement(Button, { "aria-label": messages.ariaEdit, disabled: disabled, className: classes.editButton, variant: "text", onClick: onEdit }, messages.edit),
|
|
68
|
+
React__default.createElement(IconButton, { "aria-label": messages.ariaDelete, disabled: disabled, onClick: onDelete, classes: { root: classes.deleteButton } },
|
|
69
|
+
React__default.createElement(Icon, { icon: Trash, size: "large" })))),
|
|
70
|
+
React__default.createElement(Box, { display: "flex", gridGap: 16, alignItems: "center" },
|
|
71
|
+
React__default.createElement(FormControl, { variant: "outlined", hiddenLabel: true },
|
|
72
|
+
React__default.createElement(Select, { disabled: disabled, value: quantity, onOpen: function () { return setOpen(true); }, onClose: function () { return setOpen(false); }, SelectDisplayProps: { 'aria-label': labelString(name) + " quantity select" }, disableUnderline: true, onChange: handleQuantityChange, fullWidth: true, startAdornment: React__default.createElement(InputAdornment, { position: "start" },
|
|
73
|
+
React__default.createElement(Icon, { icon: open ? ChevronUp : ChevronDown, size: "large" })), inputProps: { shrink: false }, MenuProps: {
|
|
74
|
+
disablePortal: true,
|
|
75
|
+
anchorOrigin: {
|
|
76
|
+
vertical: 'bottom',
|
|
77
|
+
horizontal: 'left',
|
|
78
|
+
},
|
|
79
|
+
transformOrigin: {
|
|
80
|
+
vertical: 'top',
|
|
81
|
+
horizontal: 'left',
|
|
82
|
+
},
|
|
83
|
+
getContentAnchorEl: null,
|
|
84
|
+
classes: { paper: classes.selectPaper },
|
|
85
|
+
}, className: classes.select }, Array.from({ length: 99 }, function (_, index) { return (React__default.createElement(MenuItem, { key: index + 1, value: index + 1, "aria-label": "" + (index + 1) }, index + 1)); }))),
|
|
86
|
+
React__default.createElement(Typography, { className: classes.price }, formattedPrice)),
|
|
87
|
+
warningMessage && (React__default.createElement(Box, { className: classes.warning },
|
|
88
|
+
React__default.createElement(Box, { paddingTop: 0.25 },
|
|
89
|
+
React__default.createElement(Icon, { icon: Warning, size: "medium" })),
|
|
90
|
+
React__default.createElement(Typography, { variant: "body2" }, warningMessage)))));
|
|
91
|
+
};
|
|
92
|
+
|
|
93
|
+
export { DishCheckoutCard };
|
|
94
|
+
//# sourceMappingURL=DishCheckoutCard.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DishCheckoutCard.js","sources":["../../../../src/components/DishCheckoutCard/DishCheckoutCard.tsx"],"sourcesContent":["import React, { ChangeEvent, useState } from 'react'\nimport { Box, Icon, Typography, IconButton } from '@popmenu/common-ui'\nimport { Trash, ChevronDown, ChevronUp, Warning } from '@popmenu/web-icons'\n\nimport { DishCheckoutCardProps, ModifierGroupsType, ModifiersType } from './DishCheckoutCardProps'\nimport { useDishCheckoutCardStyles } from './DishCheckoutCard.styles'\nimport { Button } from '../Button'\nimport { FormControl, Select, MenuItem, InputAdornment } from '@material-ui/core'\nimport { useOrderingAppContext } from '../OrderingAppContext'\n\nexport const DishCheckoutCard = (props: DishCheckoutCardProps) => {\n const {\n id,\n name,\n quantity,\n modifierGroups,\n onDelete,\n onEdit,\n onQuantityChange,\n price,\n specialInstructions,\n disabled,\n warningMessage,\n image = {},\n messages,\n } = props\n const { src } = image\n const classes = useDishCheckoutCardStyles(props)\n const [appContext] = useOrderingAppContext()\n const [open, setOpen] = useState(false)\n const formattedPrice = typeof price === 'number' ? `${appContext.currencySymbol ?? ''}${price.toFixed(2)}` : price\n const handleQuantityChange = (event: ChangeEvent<HTMLInputElement>) =>\n onQuantityChange(id, parseInt(event.target.value, 10))\n\n const labelString = (label: string) => {\n return label.replace(/[^a-zA-Z\\s]/g, '').toLowerCase()\n }\n\n const formatModifiers = (groups: ModifierGroupsType[], nested = false) => {\n return groups.map((group: any) => {\n // Get all selected modifiers for this group\n const modifiers = group.selectedModifiers\n .map((modifier: ModifiersType) =>\n modifier.quantity > 1 ? `${modifier.modifierName} × ${modifier.quantity}` : modifier.modifierName,\n )\n .join(', ')\n\n // Render nested groups recursively\n const nestedGroups = group.selectedModifiers.flatMap((modifier: ModifiersType) =>\n modifier?.selectedModifierGroups && modifier?.selectedModifierGroups?.length > 0\n ? formatModifiers(modifier.selectedModifierGroups, true)\n : [],\n )\n\n // For top-level groups, we render without the list\n if (!nested) {\n return (\n <Typography key={group.id} variant=\"body2\">\n {group.menuItemModifierGroupName}: {modifiers}\n {nestedGroups?.length > 0 && <ul className={classes.ul}>{nestedGroups}</ul>}\n </Typography>\n )\n }\n\n // For nested groups, we use list items\n return (\n <li key={group.id} className={classes.li}>\n <Typography variant=\"body2\">\n {group.menuItemModifierGroupName}: {modifiers}\n {nestedGroups && nestedGroups.length > 0 && <ul className={classes.ul}>{nestedGroups}</ul>}\n </Typography>\n </li>\n )\n })\n }\n\n return (\n <Box className={classes.root}>\n <Box display=\"flex\" gridGap={3}>\n {src && <img src={src} alt=\"\" className={classes.img} />}\n <Box flexGrow={1}>\n <Typography variant=\"h2\" className={classes.name}>\n {name}\n </Typography>\n {modifierGroups && formatModifiers(modifierGroups)}\n {specialInstructions && <Typography variant=\"body2\">"{specialInstructions}"</Typography>}\n </Box>\n <Box display=\"flex\" gridGap={1} height=\"100%\" alignItems=\"center\">\n <Button\n aria-label={messages.ariaEdit}\n disabled={disabled}\n className={classes.editButton}\n variant=\"text\"\n onClick={onEdit}\n >\n {messages.edit}\n </Button>\n <IconButton\n aria-label={messages.ariaDelete}\n disabled={disabled}\n onClick={onDelete}\n classes={{ root: classes.deleteButton }}\n >\n <Icon icon={Trash} size=\"large\" />\n </IconButton>\n </Box>\n </Box>\n <Box display=\"flex\" gridGap={16} alignItems=\"center\">\n <FormControl variant=\"outlined\" hiddenLabel={true}>\n <Select\n disabled={disabled}\n value={quantity}\n onOpen={() => setOpen(true)}\n onClose={() => setOpen(false)}\n SelectDisplayProps={{ 'aria-label': `${labelString(name)} quantity select` }}\n disableUnderline\n onChange={handleQuantityChange}\n fullWidth\n startAdornment={\n <InputAdornment position=\"start\">\n <Icon icon={open ? ChevronUp : ChevronDown} size=\"large\" />\n </InputAdornment>\n }\n inputProps={{ shrink: false }}\n MenuProps={{\n disablePortal: true,\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'left',\n },\n transformOrigin: {\n vertical: 'top',\n horizontal: 'left',\n },\n getContentAnchorEl: null,\n classes: { paper: classes.selectPaper },\n }}\n className={classes.select}\n >\n {Array.from({ length: 99 }, (_, index) => (\n <MenuItem key={index + 1} value={index + 1} aria-label={`${index + 1}`}>\n {index + 1}\n </MenuItem>\n ))}\n </Select>\n </FormControl>\n <Typography className={classes.price}>{formattedPrice}</Typography>\n </Box>\n {warningMessage && (\n <Box className={classes.warning}>\n <Box paddingTop={0.25}>\n <Icon icon={Warning} size=\"medium\" />\n </Box>\n <Typography variant=\"body2\">{warningMessage}</Typography>\n </Box>\n )}\n </Box>\n )\n}\n"],"names":["React"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { DishCheckoutCardProps } from './DishCheckoutCardProps';
|
|
2
|
-
export declare const useDishCheckoutCardStyles: (props: DishCheckoutCardProps) => import("@material-ui/styles").ClassNameMap<string>;
|
|
1
|
+
import { DishCheckoutCardProps } from './DishCheckoutCardProps';
|
|
2
|
+
export declare const useDishCheckoutCardStyles: (props: DishCheckoutCardProps) => import("@material-ui/styles").ClassNameMap<string>;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { makeStyles } from '@material-ui/core/styles';
|
|
2
|
+
|
|
3
|
+
var useDishCheckoutCardStyles = makeStyles(function (theme) { return ({
|
|
4
|
+
root: {
|
|
5
|
+
'&:first-of-type': {
|
|
6
|
+
paddingTop: 0,
|
|
7
|
+
},
|
|
8
|
+
'&:last-of-type': {
|
|
9
|
+
paddingBottom: 0,
|
|
10
|
+
borderBottom: 'none',
|
|
11
|
+
},
|
|
12
|
+
color: theme.palette.grey[900],
|
|
13
|
+
padding: theme.spacing(2, 0),
|
|
14
|
+
display: 'flex',
|
|
15
|
+
flexDirection: 'column',
|
|
16
|
+
width: '100%',
|
|
17
|
+
gridGap: theme.spacing(2),
|
|
18
|
+
borderBottom: function (_a) {
|
|
19
|
+
var borderBottom = _a.borderBottom;
|
|
20
|
+
return (borderBottom ? '1px solid #E0E0E0' : 'none');
|
|
21
|
+
},
|
|
22
|
+
},
|
|
23
|
+
deleteButton: {
|
|
24
|
+
color: theme.palette.info.main,
|
|
25
|
+
},
|
|
26
|
+
editButton: {
|
|
27
|
+
color: theme.palette.info.main,
|
|
28
|
+
},
|
|
29
|
+
img: {
|
|
30
|
+
objectFit: 'cover',
|
|
31
|
+
borderRadius: theme.spacing(1),
|
|
32
|
+
flexBasis: 'auto',
|
|
33
|
+
flexShrink: 0,
|
|
34
|
+
height: theme.spacing(7),
|
|
35
|
+
marginRight: theme.spacing(1),
|
|
36
|
+
overflow: 'hidden',
|
|
37
|
+
width: theme.spacing(7),
|
|
38
|
+
},
|
|
39
|
+
name: {
|
|
40
|
+
fontSize: 16,
|
|
41
|
+
fontWeight: 500,
|
|
42
|
+
lineHeight: '24px',
|
|
43
|
+
},
|
|
44
|
+
price: {
|
|
45
|
+
fontSize: '18px',
|
|
46
|
+
},
|
|
47
|
+
select: {
|
|
48
|
+
paddingLeft: 'unset',
|
|
49
|
+
borderRadius: '25px',
|
|
50
|
+
'& fieldset': {
|
|
51
|
+
borderColor: theme.palette.grey[700],
|
|
52
|
+
},
|
|
53
|
+
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
|
|
54
|
+
borderColor: theme.palette.grey[700],
|
|
55
|
+
borderWidth: '1px',
|
|
56
|
+
},
|
|
57
|
+
'& .MuiSelect-root': {
|
|
58
|
+
padding: theme.spacing(1, 1.5, 1, 4.5),
|
|
59
|
+
zIndex: 10,
|
|
60
|
+
textAlign: 'right',
|
|
61
|
+
},
|
|
62
|
+
'& .MuiInputAdornment-positionStart': {
|
|
63
|
+
position: 'absolute',
|
|
64
|
+
left: theme.spacing(1.5),
|
|
65
|
+
},
|
|
66
|
+
'& .MuiSelect-iconOutlined': {
|
|
67
|
+
display: 'none',
|
|
68
|
+
},
|
|
69
|
+
},
|
|
70
|
+
selectPaper: {
|
|
71
|
+
maxHeight: theme.spacing(37),
|
|
72
|
+
},
|
|
73
|
+
ul: {
|
|
74
|
+
margin: 0,
|
|
75
|
+
paddingLeft: theme.spacing(3),
|
|
76
|
+
},
|
|
77
|
+
warning: {
|
|
78
|
+
color: theme.palette.error.main,
|
|
79
|
+
display: 'flex',
|
|
80
|
+
gridGap: theme.spacing(0.825),
|
|
81
|
+
},
|
|
82
|
+
}); });
|
|
83
|
+
|
|
84
|
+
export { useDishCheckoutCardStyles };
|
|
85
|
+
//# sourceMappingURL=DishCheckoutCard.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DishCheckoutCard.styles.js","sources":["../../../../src/components/DishCheckoutCard/DishCheckoutCard.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\nimport { DishCheckoutCardProps } from './DishCheckoutCardProps'\n\nexport const useDishCheckoutCardStyles = makeStyles<Theme, DishCheckoutCardProps>((theme) => ({\n root: {\n '&:first-of-type': {\n paddingTop: 0,\n },\n '&:last-of-type': {\n paddingBottom: 0,\n borderBottom: 'none',\n },\n color: theme.palette.grey[900],\n padding: theme.spacing(2, 0),\n display: 'flex',\n flexDirection: 'column',\n width: '100%',\n gridGap: theme.spacing(2),\n borderBottom: ({ borderBottom }) => (borderBottom ? '1px solid #E0E0E0' : 'none'),\n },\n deleteButton: {\n color: theme.palette.info.main,\n },\n editButton: {\n color: theme.palette.info.main,\n },\n img: {\n objectFit: 'cover',\n borderRadius: theme.spacing(1),\n flexBasis: 'auto',\n flexShrink: 0,\n height: theme.spacing(7),\n marginRight: theme.spacing(1),\n overflow: 'hidden',\n width: theme.spacing(7),\n },\n name: {\n fontSize: 16,\n fontWeight: 500,\n lineHeight: '24px',\n },\n price: {\n fontSize: '18px',\n },\n select: {\n paddingLeft: 'unset',\n borderRadius: '25px',\n\n '& fieldset': {\n borderColor: theme.palette.grey[700],\n },\n\n '&.Mui-focused .MuiOutlinedInput-notchedOutline': {\n borderColor: theme.palette.grey[700],\n borderWidth: '1px',\n },\n\n '& .MuiSelect-root': {\n padding: theme.spacing(1, 1.5, 1, 4.5),\n zIndex: 10,\n textAlign: 'right',\n },\n\n '& .MuiInputAdornment-positionStart': {\n position: 'absolute',\n left: theme.spacing(1.5),\n },\n\n '& .MuiSelect-iconOutlined': {\n display: 'none',\n },\n },\n selectPaper: {\n maxHeight: theme.spacing(37),\n },\n ul: {\n margin: 0,\n paddingLeft: theme.spacing(3),\n },\n warning: {\n color: theme.palette.error.main,\n display: 'flex',\n gridGap: theme.spacing(0.825),\n },\n}))\n"],"names":[],"mappings":"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"}
|
|
@@ -1,44 +1,44 @@
|
|
|
1
|
-
export interface DishCheckoutCardProps {
|
|
2
|
-
/** Adds a border to the bottom of the card */
|
|
3
|
-
borderBottom?: boolean;
|
|
4
|
-
/** disables all interactive elements in the card, like "edit" or "delete" */
|
|
5
|
-
disabled?: boolean;
|
|
6
|
-
/** Id of the dish */
|
|
7
|
-
id: number;
|
|
8
|
-
/** Dish image information */
|
|
9
|
-
image: {
|
|
10
|
-
alt?: string;
|
|
11
|
-
src?: string | null;
|
|
12
|
-
};
|
|
13
|
-
/** Edit and remove button text and aria-label */
|
|
14
|
-
messages: Record<'edit' | 'ariaEdit' | 'ariaDelete', string>;
|
|
15
|
-
/** Modifier group object of the dish */
|
|
16
|
-
modifierGroups?: ModifierGroupsType[];
|
|
17
|
-
/** Name of the dish */
|
|
18
|
-
name: string;
|
|
19
|
-
/** Callback for edit button */
|
|
20
|
-
onEdit: () => void;
|
|
21
|
-
/** Callback for delete button */
|
|
22
|
-
onDelete: () => void;
|
|
23
|
-
/** Callback for change of select element */
|
|
24
|
-
onQuantityChange: (id: number, value: number) => void;
|
|
25
|
-
/** Price of an item. numbers will be prepended with the currencySymbol from OrderingAppContext. */
|
|
26
|
-
price: number | string;
|
|
27
|
-
/** Quantity of dish selected */
|
|
28
|
-
quantity: number;
|
|
29
|
-
/** Special instructions text */
|
|
30
|
-
specialInstructions?: string | null;
|
|
31
|
-
/** If item is in cart but is not unavailable */
|
|
32
|
-
warningMessage?: string;
|
|
33
|
-
}
|
|
34
|
-
export declare type ModifierGroupsType = {
|
|
35
|
-
id: number;
|
|
36
|
-
menuItemModifierGroupName?: string | null;
|
|
37
|
-
selectedModifiers: ModifiersType[];
|
|
38
|
-
};
|
|
39
|
-
export declare type ModifiersType = {
|
|
40
|
-
id: number;
|
|
41
|
-
modifierName?: string | null;
|
|
42
|
-
quantity: number;
|
|
43
|
-
selectedModifierGroups?: ModifierGroupsType[];
|
|
44
|
-
};
|
|
1
|
+
export interface DishCheckoutCardProps {
|
|
2
|
+
/** Adds a border to the bottom of the card */
|
|
3
|
+
borderBottom?: boolean;
|
|
4
|
+
/** disables all interactive elements in the card, like "edit" or "delete" */
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
/** Id of the dish */
|
|
7
|
+
id: number;
|
|
8
|
+
/** Dish image information */
|
|
9
|
+
image: {
|
|
10
|
+
alt?: string;
|
|
11
|
+
src?: string | null;
|
|
12
|
+
};
|
|
13
|
+
/** Edit and remove button text and aria-label */
|
|
14
|
+
messages: Record<'edit' | 'ariaEdit' | 'ariaDelete', string>;
|
|
15
|
+
/** Modifier group object of the dish */
|
|
16
|
+
modifierGroups?: ModifierGroupsType[];
|
|
17
|
+
/** Name of the dish */
|
|
18
|
+
name: string;
|
|
19
|
+
/** Callback for edit button */
|
|
20
|
+
onEdit: () => void;
|
|
21
|
+
/** Callback for delete button */
|
|
22
|
+
onDelete: () => void;
|
|
23
|
+
/** Callback for change of select element */
|
|
24
|
+
onQuantityChange: (id: number, value: number) => void;
|
|
25
|
+
/** Price of an item. numbers will be prepended with the currencySymbol from OrderingAppContext. */
|
|
26
|
+
price: number | string;
|
|
27
|
+
/** Quantity of dish selected */
|
|
28
|
+
quantity: number;
|
|
29
|
+
/** Special instructions text */
|
|
30
|
+
specialInstructions?: string | null;
|
|
31
|
+
/** If item is in cart but is not unavailable */
|
|
32
|
+
warningMessage?: string;
|
|
33
|
+
}
|
|
34
|
+
export declare type ModifierGroupsType = {
|
|
35
|
+
id: number;
|
|
36
|
+
menuItemModifierGroupName?: string | null;
|
|
37
|
+
selectedModifiers: ModifiersType[];
|
|
38
|
+
};
|
|
39
|
+
export declare type ModifiersType = {
|
|
40
|
+
id: number;
|
|
41
|
+
modifierName?: string | null;
|
|
42
|
+
quantity: number;
|
|
43
|
+
selectedModifierGroups?: ModifierGroupsType[];
|
|
44
|
+
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { DishCheckoutCard as default } from './DishCheckoutCard';
|
|
2
|
-
export { DishCheckoutCardProps } from './DishCheckoutCardProps';
|
|
1
|
+
export { DishCheckoutCard as default } from './DishCheckoutCard';
|
|
2
|
+
export { DishCheckoutCardProps } from './DishCheckoutCardProps';
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { DishDetailsReviewProps } from './DishDetailsReviewProps';
|
|
3
|
-
export declare const DishDetailsReview: React.ForwardRefExoticComponent<DishDetailsReviewProps & React.RefAttributes<HTMLDivElement>>;
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DishDetailsReviewProps } from './DishDetailsReviewProps';
|
|
3
|
+
export declare const DishDetailsReview: React.ForwardRefExoticComponent<DishDetailsReviewProps & React.RefAttributes<HTMLDivElement>>;
|