@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.
Files changed (227) hide show
  1. package/build/esm/_virtual/index.js +4 -0
  2. package/build/esm/_virtual/index.js.map +1 -0
  3. package/build/esm/assets/leaf-icon.svg.js +20 -0
  4. package/build/esm/assets/leaf-icon.svg.js.map +1 -0
  5. package/build/{components → esm/components}/Button/Button.d.ts +3 -3
  6. package/build/esm/components/Button/Button.js +23 -0
  7. package/build/esm/components/Button/Button.js.map +1 -0
  8. package/build/{components → esm/components}/Button/ButtonProps.d.ts +5 -5
  9. package/build/{components → esm/components}/Button/index.d.ts +2 -2
  10. package/build/esm/components/Checkbox/Checkbox.d.ts +2 -0
  11. package/build/esm/components/Checkbox/Checkbox.js +16 -0
  12. package/build/esm/components/Checkbox/Checkbox.js.map +1 -0
  13. package/build/{components → esm/components}/Checkbox/index.d.ts +1 -1
  14. package/build/{components → esm/components}/DialogSection/DialogSection.d.ts +8 -8
  15. package/build/esm/components/DialogSection/DialogSection.js +11 -0
  16. package/build/esm/components/DialogSection/DialogSection.js.map +1 -0
  17. package/build/{components → esm/components}/DialogSection/index.d.ts +1 -1
  18. package/build/{components → esm/components}/DialogTitle/DialogTitle.d.ts +9 -9
  19. package/build/esm/components/DialogTitle/DialogTitle.js +22 -0
  20. package/build/esm/components/DialogTitle/DialogTitle.js.map +1 -0
  21. package/build/{components → esm/components}/DialogTitle/index.d.ts +1 -1
  22. package/build/{components → esm/components}/DishCheckoutCard/DishCheckoutCard.d.ts +3 -3
  23. package/build/esm/components/DishCheckoutCard/DishCheckoutCard.js +94 -0
  24. package/build/esm/components/DishCheckoutCard/DishCheckoutCard.js.map +1 -0
  25. package/build/{components → esm/components}/DishCheckoutCard/DishCheckoutCard.styles.d.ts +2 -2
  26. package/build/esm/components/DishCheckoutCard/DishCheckoutCard.styles.js +85 -0
  27. package/build/esm/components/DishCheckoutCard/DishCheckoutCard.styles.js.map +1 -0
  28. package/build/{components → esm/components}/DishCheckoutCard/DishCheckoutCardProps.d.ts +44 -44
  29. package/build/{components → esm/components}/DishCheckoutCard/index.d.ts +2 -2
  30. package/build/{components → esm/components}/DishDetailsReview/DishDetailsReview.d.ts +3 -3
  31. package/build/esm/components/DishDetailsReview/DishDetailsReview.js +18 -0
  32. package/build/esm/components/DishDetailsReview/DishDetailsReview.js.map +1 -0
  33. package/build/{components → esm/components}/DishDetailsReview/DishDetailsReviewProps.d.ts +12 -12
  34. package/build/{components → esm/components}/DishDetailsReview/index.d.ts +2 -2
  35. package/build/{components → esm/components}/DishModifierCard/DishModifierCard.d.ts +6 -6
  36. package/build/esm/components/DishModifierCard/DishModifierCard.js +48 -0
  37. package/build/esm/components/DishModifierCard/DishModifierCard.js.map +1 -0
  38. package/build/{components → esm/components}/DishModifierCard/DishModifierCard.styles.d.ts +5 -5
  39. package/build/esm/components/DishModifierCard/DishModifierCard.styles.js +95 -0
  40. package/build/esm/components/DishModifierCard/DishModifierCard.styles.js.map +1 -0
  41. package/build/{components → esm/components}/DishModifierCard/DishModifierCardProps.d.ts +71 -71
  42. package/build/{components → esm/components}/DishModifierCard/ModifierControls.d.ts +3 -3
  43. package/build/esm/components/DishModifierCard/ModifierControls.js +135 -0
  44. package/build/esm/components/DishModifierCard/ModifierControls.js.map +1 -0
  45. package/build/{components → esm/components}/DishModifierCard/ModifierForm.d.ts +4 -4
  46. package/build/{components → esm/components}/DishModifierCard/index.d.ts +2 -2
  47. package/build/{components → esm/components}/ItemTag/ItemTag.d.ts +3 -3
  48. package/build/esm/components/ItemTag/ItemTag.js +15 -0
  49. package/build/esm/components/ItemTag/ItemTag.js.map +1 -0
  50. package/build/{components → esm/components}/ItemTag/ItemTagProps.d.ts +5 -5
  51. package/build/{components → esm/components}/ItemTag/index.d.ts +2 -2
  52. package/build/{components → esm/components}/ItemTag/itemTag.styles.d.ts +1 -1
  53. package/build/esm/components/ItemTag/itemTag.styles.js +20 -0
  54. package/build/esm/components/ItemTag/itemTag.styles.js.map +1 -0
  55. package/build/{components → esm/components}/ItemTagGroup/ItemTagGroup.d.ts +2 -2
  56. package/build/esm/components/ItemTagGroup/ItemTagGroup.js +10 -0
  57. package/build/esm/components/ItemTagGroup/ItemTagGroup.js.map +1 -0
  58. package/build/{components → esm/components}/ItemTagGroup/index.d.ts +1 -1
  59. package/build/{components → esm/components}/LocationCard/LocationCard.d.ts +3 -3
  60. package/build/esm/components/LocationCard/LocationCard.js +35 -0
  61. package/build/esm/components/LocationCard/LocationCard.js.map +1 -0
  62. package/build/{components → esm/components}/LocationCard/LocationCard.styles.d.ts +2 -2
  63. package/build/esm/components/LocationCard/LocationCard.styles.js +64 -0
  64. package/build/esm/components/LocationCard/LocationCard.styles.js.map +1 -0
  65. package/build/{components → esm/components}/LocationCard/LocationCardProps.d.ts +28 -28
  66. package/build/{components → esm/components}/LocationCard/index.d.ts +2 -2
  67. package/build/{components → esm/components}/MenuBanner/MenuBanner.d.ts +3 -3
  68. package/build/esm/components/MenuBanner/MenuBanner.js +34 -0
  69. package/build/esm/components/MenuBanner/MenuBanner.js.map +1 -0
  70. package/build/{components → esm/components}/MenuBanner/MenuBanner.styles.d.ts +2 -2
  71. package/build/esm/components/MenuBanner/MenuBanner.styles.js +49 -0
  72. package/build/esm/components/MenuBanner/MenuBanner.styles.js.map +1 -0
  73. package/build/{components → esm/components}/MenuBanner/MenuBannerIcons.d.ts +6 -6
  74. package/build/esm/components/MenuBanner/MenuBannerIcons.js +15 -0
  75. package/build/esm/components/MenuBanner/MenuBannerIcons.js.map +1 -0
  76. package/build/{components → esm/components}/MenuBanner/MenuBannerProps.d.ts +15 -15
  77. package/build/{components → esm/components}/MenuBanner/index.d.ts +2 -2
  78. package/build/{components → esm/components}/MenuDropdown/MenuDropdown.d.ts +3 -3
  79. package/build/esm/components/MenuDropdown/MenuDropdown.js +37 -0
  80. package/build/esm/components/MenuDropdown/MenuDropdown.js.map +1 -0
  81. package/build/{components → esm/components}/MenuDropdown/MenuDropdown.styles.d.ts +2 -2
  82. package/build/esm/components/MenuDropdown/MenuDropdown.styles.js +40 -0
  83. package/build/esm/components/MenuDropdown/MenuDropdown.styles.js.map +1 -0
  84. package/build/{components → esm/components}/MenuDropdown/MenuDropdownProps.d.ts +15 -15
  85. package/build/{components → esm/components}/MenuDropdown/index.d.ts +2 -2
  86. package/build/{components → esm/components}/MenuFilter/MenuFilter.d.ts +3 -3
  87. package/build/esm/components/MenuFilter/MenuFilter.js +46 -0
  88. package/build/esm/components/MenuFilter/MenuFilter.js.map +1 -0
  89. package/build/{components → esm/components}/MenuFilter/MenuFilter.styles.d.ts +1 -1
  90. package/build/esm/components/MenuFilter/MenuFilter.styles.js +11 -0
  91. package/build/esm/components/MenuFilter/MenuFilter.styles.js.map +1 -0
  92. package/build/{components → esm/components}/MenuFilter/MenuFilterProps.d.ts +23 -23
  93. package/build/{components → esm/components}/MenuFilter/index.d.ts +2 -2
  94. package/build/{components → esm/components}/MenuItem/MenuItem.d.ts +3 -3
  95. package/build/esm/components/MenuItem/MenuItem.js +40 -0
  96. package/build/esm/components/MenuItem/MenuItem.js.map +1 -0
  97. package/build/{components → esm/components}/MenuItem/MenuItem.styles.d.ts +1 -1
  98. package/build/esm/components/MenuItem/MenuItem.styles.js +67 -0
  99. package/build/esm/components/MenuItem/MenuItem.styles.js.map +1 -0
  100. package/build/{components → esm/components}/MenuItem/MenuItemImg.d.ts +3 -3
  101. package/build/esm/components/MenuItem/MenuItemImg.js +22 -0
  102. package/build/esm/components/MenuItem/MenuItemImg.js.map +1 -0
  103. package/build/{components → esm/components}/MenuItem/MenuItemInfo.d.ts +4 -4
  104. package/build/esm/components/MenuItem/MenuItemInfo.js +9 -0
  105. package/build/esm/components/MenuItem/MenuItemInfo.js.map +1 -0
  106. package/build/{components → esm/components}/MenuItem/MenuItemPrice.d.ts +3 -3
  107. package/build/esm/components/MenuItem/MenuItemPrice.js +28 -0
  108. package/build/esm/components/MenuItem/MenuItemPrice.js.map +1 -0
  109. package/build/{components → esm/components}/MenuItem/MenuItemProps.d.ts +41 -41
  110. package/build/{components → esm/components}/MenuItem/MenuItemReactions.d.ts +3 -3
  111. package/build/esm/components/MenuItem/MenuItemReactions.js +16 -0
  112. package/build/esm/components/MenuItem/MenuItemReactions.js.map +1 -0
  113. package/build/{components → esm/components}/MenuItem/MenuItemTags.d.ts +3 -3
  114. package/build/esm/components/MenuItem/MenuItemTags.js +11 -0
  115. package/build/esm/components/MenuItem/MenuItemTags.js.map +1 -0
  116. package/build/{components → esm/components}/MenuItem/index.d.ts +2 -2
  117. package/build/{components → esm/components}/MenuItemGroup/MenuItemGroup.d.ts +5 -5
  118. package/build/esm/components/MenuItemGroup/MenuItemGroup.js +15 -0
  119. package/build/esm/components/MenuItemGroup/MenuItemGroup.js.map +1 -0
  120. package/build/{components → esm/components}/MenuItemGroup/MenuItemGroupStyles.d.ts +1 -1
  121. package/build/esm/components/MenuItemGroup/MenuItemGroupStyles.js +21 -0
  122. package/build/esm/components/MenuItemGroup/MenuItemGroupStyles.js.map +1 -0
  123. package/build/{components → esm/components}/MenuItemGroup/index.d.ts +1 -1
  124. package/build/{components → esm/components}/MenuSection/MenuSection.d.ts +3 -3
  125. package/build/esm/components/MenuSection/MenuSection.js +18 -0
  126. package/build/esm/components/MenuSection/MenuSection.js.map +1 -0
  127. package/build/{components → esm/components}/MenuSection/MenuSectionProps.d.ts +9 -9
  128. package/build/{components → esm/components}/MenuSection/MenuSectionStyles.d.ts +1 -1
  129. package/build/esm/components/MenuSection/MenuSectionStyles.js +12 -0
  130. package/build/esm/components/MenuSection/MenuSectionStyles.js.map +1 -0
  131. package/build/{components → esm/components}/MenuSection/index.d.ts +2 -2
  132. package/build/{components → esm/components}/MenuSectionGroup/MenuSectionGroup.d.ts +5 -5
  133. package/build/esm/components/MenuSectionGroup/MenuSectionGroup.js +12 -0
  134. package/build/esm/components/MenuSectionGroup/MenuSectionGroup.js.map +1 -0
  135. package/build/{components → esm/components}/MenuSectionGroup/index.d.ts +1 -1
  136. package/build/{components → esm/components}/OrderingAppContext/OrderingAppContext.d.ts +18 -18
  137. package/build/esm/components/OrderingAppContext/OrderingAppContext.js +17 -0
  138. package/build/esm/components/OrderingAppContext/OrderingAppContext.js.map +1 -0
  139. package/build/{components → esm/components}/OrderingAppContext/index.d.ts +1 -1
  140. package/build/{components → esm/components}/PageSection/PageSection.d.ts +4 -4
  141. package/build/esm/components/PageSection/PageSection.js +7 -0
  142. package/build/esm/components/PageSection/PageSection.js.map +1 -0
  143. package/build/{components → esm/components}/PageSection/index.d.ts +1 -1
  144. package/build/{components → esm/components}/QuantityPicker/QuantityPicker.d.ts +3 -3
  145. package/build/esm/components/QuantityPicker/QuantityPicker.js +38 -0
  146. package/build/esm/components/QuantityPicker/QuantityPicker.js.map +1 -0
  147. package/build/{components → esm/components}/QuantityPicker/QuantityPicker.styles.d.ts +5 -5
  148. package/build/esm/components/QuantityPicker/QuantityPicker.styles.js +46 -0
  149. package/build/esm/components/QuantityPicker/QuantityPicker.styles.js.map +1 -0
  150. package/build/{components → esm/components}/QuantityPicker/QuantityPickerProps.d.ts +21 -21
  151. package/build/{components → esm/components}/QuantityPicker/index.d.ts +2 -2
  152. package/build/esm/components/Radio/Radio.d.ts +2 -0
  153. package/build/esm/components/Radio/Radio.js +16 -0
  154. package/build/esm/components/Radio/Radio.js.map +1 -0
  155. package/build/{components → esm/components}/Radio/index.d.ts +1 -1
  156. package/build/{components → esm/components}/ReactionCounter/ReactionCounter.d.ts +3 -3
  157. package/build/esm/components/ReactionCounter/ReactionCounter.js +12 -0
  158. package/build/esm/components/ReactionCounter/ReactionCounter.js.map +1 -0
  159. package/build/{components → esm/components}/ReactionCounter/ReactionCounterProps.d.ts +6 -6
  160. package/build/{components → esm/components}/ReactionCounter/index.d.ts +2 -2
  161. package/build/{components → esm/components}/ReactionCounterGroup/ReactionCounterGroup.d.ts +4 -4
  162. package/build/esm/components/ReactionCounterGroup/ReactionCounterGroup.js +10 -0
  163. package/build/esm/components/ReactionCounterGroup/ReactionCounterGroup.js.map +1 -0
  164. package/build/{components → esm/components}/ReactionCounterGroup/index.d.ts +1 -1
  165. package/build/{components → esm/components}/SelectableChip/SelectableChip.d.ts +3 -3
  166. package/build/esm/components/SelectableChip/SelectableChip.js +15 -0
  167. package/build/esm/components/SelectableChip/SelectableChip.js.map +1 -0
  168. package/build/{components → esm/components}/SelectableChip/SelectableChip.styles.d.ts +2 -2
  169. package/build/esm/components/SelectableChip/SelectableChip.styles.js +34 -0
  170. package/build/esm/components/SelectableChip/SelectableChip.styles.js.map +1 -0
  171. package/build/{components → esm/components}/SelectableChip/SelectableChipProps.d.ts +2 -2
  172. package/build/{components → esm/components}/SelectableChip/index.d.ts +2 -2
  173. package/build/{components → esm/components}/SelectableChipGroup/SelectableChipGroup.d.ts +3 -3
  174. package/build/esm/components/SelectableChipGroup/SelectableChipGroup.js +15 -0
  175. package/build/esm/components/SelectableChipGroup/SelectableChipGroup.js.map +1 -0
  176. package/build/{components → esm/components}/SelectableChipGroup/SelectableChipGroup.styles.d.ts +1 -1
  177. package/build/esm/components/SelectableChipGroup/SelectableChipGroup.styles.js +21 -0
  178. package/build/esm/components/SelectableChipGroup/SelectableChipGroup.styles.js.map +1 -0
  179. package/build/{components → esm/components}/SelectableChipGroup/SelectableChipGroupProps.d.ts +5 -5
  180. package/build/{components → esm/components}/SelectableChipGroup/index.d.ts +2 -2
  181. package/build/{components → esm/components}/SelectedMenuFiltersList/SelectedMenuFiltersList.d.ts +3 -3
  182. package/build/esm/components/SelectedMenuFiltersList/SelectedMenuFiltersList.js +33 -0
  183. package/build/esm/components/SelectedMenuFiltersList/SelectedMenuFiltersList.js.map +1 -0
  184. package/build/{components → esm/components}/SelectedMenuFiltersList/SelectedMenuFiltersListProps.d.ts +6 -6
  185. package/build/{components → esm/components}/SelectedMenuFiltersList/index.d.ts +2 -2
  186. package/build/{components → esm/components}/StatusTag/StatusTag.d.ts +10 -10
  187. package/build/esm/components/StatusTag/StatusTag.js +19 -0
  188. package/build/esm/components/StatusTag/StatusTag.js.map +1 -0
  189. package/build/{components → esm/components}/StatusTag/StatusTag.styles.d.ts +2 -2
  190. package/build/esm/components/StatusTag/StatusTag.styles.js +40 -0
  191. package/build/esm/components/StatusTag/StatusTag.styles.js.map +1 -0
  192. package/build/{components → esm/components}/StatusTag/StatusTagProps.d.ts +10 -10
  193. package/build/{components → esm/components}/StatusTag/index.d.ts +2 -2
  194. package/build/esm/components/Switch/Switch.d.ts +2 -0
  195. package/build/esm/components/Switch/Switch.js +24 -0
  196. package/build/esm/components/Switch/Switch.js.map +1 -0
  197. package/build/{components → esm/components}/Switch/index.d.ts +1 -1
  198. package/build/{components → esm/components}/index.d.ts +29 -29
  199. package/build/{index.d.ts → esm/index.d.ts} +2 -2
  200. package/build/esm/index.js +31 -0
  201. package/build/esm/index.js.map +1 -0
  202. package/build/esm/node_modules/classnames/index.js +81 -0
  203. package/build/esm/node_modules/classnames/index.js.map +1 -0
  204. package/build/{theme → esm/theme}/index.d.ts +1 -1
  205. package/build/{theme → esm/theme}/overrides.d.ts +2 -2
  206. package/build/esm/theme/overrides.js +75 -0
  207. package/build/esm/theme/overrides.js.map +1 -0
  208. package/build/{theme → esm/theme}/palette.d.ts +26 -26
  209. package/build/esm/theme/palette.js +29 -0
  210. package/build/esm/theme/palette.js.map +1 -0
  211. package/build/{theme → esm/theme}/props.d.ts +2 -2
  212. package/build/esm/theme/props.js +11 -0
  213. package/build/esm/theme/props.js.map +1 -0
  214. package/build/{theme → esm/theme}/theme.d.ts +2 -2
  215. package/build/esm/theme/theme.js +14 -0
  216. package/build/esm/theme/theme.js.map +1 -0
  217. package/build/{theme → esm/theme}/typography.d.ts +2 -2
  218. package/build/esm/theme/typography.js +60 -0
  219. package/build/esm/theme/typography.js.map +1 -0
  220. package/build/index.js +1369 -2577
  221. package/build/index.js.map +1 -1
  222. package/package.json +7 -8
  223. package/build/components/Checkbox/Checkbox.d.ts +0 -2
  224. package/build/components/Radio/Radio.d.ts +0 -2
  225. package/build/components/Switch/Switch.d.ts +0 -2
  226. package/build/index.es.js +0 -2713
  227. package/build/index.es.js.map +0 -1
@@ -0,0 +1,4 @@
1
+ var classnames = {exports: {}};
2
+
3
+ export { classnames as c };
4
+ //# sourceMappingURL=index.js.map
@@ -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\">&quot;{specialInstructions}&quot;</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>>;