@popmenu/ordering-ui 0.126.0 → 0.126.1

package/build/esm/components/ItemTag/ItemTag.js

@@ -0,0 +1,15 @@
+import React__default, { forwardRef } from 'react';
+import { Avatar } from '@material-ui/core';
+import { Typography } from '@popmenu/common-ui';
+import { useItemTagStyles } from './itemTag.styles.js';
+
+var ItemTag = forwardRef(function (props, ref) {
+    var alt = props.alt, children = props.children;
+    var classes = useItemTagStyles();
+    return (React__default.createElement(Avatar, { ref: ref, alt: alt, classes: { root: classes.root } },
+        React__default.createElement(Typography, { variant: "caption", className: classes.text }, children)));
+});
+ItemTag.displayName = 'ItemTag';
+
+export { ItemTag };
+//# sourceMappingURL=ItemTag.js.map

package/build/esm/components/ItemTag/ItemTag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTag.js","sources":["../../../../src/components/ItemTag/ItemTag.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Avatar } from '@material-ui/core'\nimport { Typography } from '@popmenu/common-ui'\n\nimport { ItemTagProps } from './ItemTagProps'\nimport { useItemTagStyles } from './itemTag.styles'\n\nexport const ItemTag = forwardRef<HTMLDivElement, ItemTagProps>((props, ref) => {\n  const { alt, children } = props\n  const classes = useItemTagStyles()\n\n  return (\n    <Avatar ref={ref} alt={alt} classes={{ root: classes.root }}>\n      <Typography variant=\"caption\" className={classes.text}>\n        {children}\n      </Typography>\n    </Avatar>\n  )\n})\n\nItemTag.displayName = 'ItemTag'\n"],"names":["React"],"mappings":";;;;;IAOa,OAAO,GAAG,UAAU,CAA+B,UAAC,KAAK,EAAE,GAAG,EAAA;IACjE,IAAA,GAAG,GAAe,KAAK,CAAA,GAApB,EAAE,QAAQ,GAAK,KAAK,CAAA,QAAV;AACrB,IAAA,IAAM,OAAO,GAAG,gBAAgB,EAAE;IAElC,QACEA,6BAAC,MAAM,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAA;AACzD,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,OAAO,EAAC,SAAS,EAAC,SAAS,EAAE,OAAO,CAAC,IAAI,EAClD,EAAA,QAAQ,CACE,CACN;AAEb,CAAC;AAED,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}

package/build/{components → esm/components}/ItemTag/ItemTagProps.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-export interface ItemTagProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
-    /** sets alt for Avatar component */
-    alt?: string;
-}
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export interface ItemTagProps extends PropsWithChildren<HTMLAttributes<HTMLElement>> {
+    /** sets alt for Avatar component */
+    alt?: string;
+}

package/build/{components → esm/components}/ItemTag/index.d.ts

@@ -1,2 +1,2 @@
-export { ItemTag as default } from './ItemTag';
-export { ItemTagProps } from './ItemTagProps';
+export { ItemTag as default } from './ItemTag';
+export { ItemTagProps } from './ItemTagProps';

package/build/{components → esm/components}/ItemTag/itemTag.styles.d.ts

@@ -1 +1 @@
-export declare const useItemTagStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "text">;
+export declare const useItemTagStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"root" | "text">;

package/build/esm/components/ItemTag/itemTag.styles.js

@@ -0,0 +1,20 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+var useItemTagStyles = makeStyles(function (theme) { return ({
+    root: {
+        color: theme.palette.text.primary,
+        borderColor: theme.palette.text.primary,
+        border: '1.5px solid',
+        background: 'none',
+        height: '24px',
+        lineHeight: 1.5,
+        position: 'static',
+        width: '24px',
+    },
+    text: {
+        lineHeight: 1.5,
+    },
+}); });
+
+export { useItemTagStyles };
+//# sourceMappingURL=itemTag.styles.js.map

package/build/esm/components/ItemTag/itemTag.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"itemTag.styles.js","sources":["../../../../src/components/ItemTag/itemTag.styles.ts"],"sourcesContent":["import { makeStyles } from '@material-ui/core/styles'\n\nexport const useItemTagStyles = makeStyles((theme) => ({\n  root: {\n    color: theme.palette.text.primary,\n    borderColor: theme.palette.text.primary,\n    border: '1.5px solid',\n    background: 'none',\n    height: '24px',\n    lineHeight: 1.5,\n    position: 'static',\n    width: '24px',\n  },\n  text: {\n    lineHeight: 1.5,\n  },\n}))\n"],"names":[],"mappings":";;AAEa,IAAA,gBAAgB,GAAG,UAAU,CAAC,UAAC,KAAK,EAAK,EAAA,QAAC;AACrD,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AACjC,QAAA,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO;AACvC,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,UAAU,EAAE,GAAG;AACf,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/{components → esm/components}/ItemTagGroup/ItemTagGroup.d.ts

@@ -1,2 +1,2 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-export declare const ItemTagGroup: (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => JSX.Element;
+import { HTMLAttributes, PropsWithChildren } from 'react';
+export declare const ItemTagGroup: (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => JSX.Element;

package/build/esm/components/ItemTagGroup/ItemTagGroup.js

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { Box } from '@material-ui/core';
+
+var ItemTagGroup = function (props) {
+    var children = props.children;
+    return (React__default.createElement(Box, { display: "flex", gridGap: 6, ml: 1, flexWrap: "wrap" }, children));
+};
+
+export { ItemTagGroup };
+//# sourceMappingURL=ItemTagGroup.js.map

package/build/esm/components/ItemTagGroup/ItemTagGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemTagGroup.js","sources":["../../../../src/components/ItemTagGroup/ItemTagGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes, PropsWithChildren } from 'react'\nimport { Box } from '@material-ui/core'\n\nexport const ItemTagGroup = (props: PropsWithChildren<HTMLAttributes<HTMLElement>>) => {\n  const { children } = props\n\n  return (\n    <Box display=\"flex\" gridGap={6} ml={1} flexWrap=\"wrap\">\n      {children}\n    </Box>\n  )\n}\n"],"names":["React"],"mappings":";;;AAGO,IAAM,YAAY,GAAG,UAAC,KAAqD,EAAA;AACxE,IAAA,IAAA,QAAQ,GAAK,KAAK,CAAA,QAAV;IAEhB,QACEA,6BAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAC,MAAM,EACnD,EAAA,QAAQ,CACL;AAEV;;;;"}

package/build/{components → esm/components}/ItemTagGroup/index.d.ts

@@ -1 +1 @@
-export { ItemTagGroup as default } from './ItemTagGroup';
+export { ItemTagGroup as default } from './ItemTagGroup';

package/build/{components → esm/components}/LocationCard/LocationCard.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { LocationCardProps } from './LocationCardProps';
-export declare const LocationCard: (props: LocationCardProps) => JSX.Element;
+/// <reference types="react" />
+import { LocationCardProps } from './LocationCardProps';
+export declare const LocationCard: (props: LocationCardProps) => JSX.Element;

package/build/esm/components/LocationCard/LocationCard.js

@@ -0,0 +1,35 @@
+import { __rest, __assign } from 'tslib';
+import React__default from 'react';
+import { Card, CardActionArea, CardContent, Box, Typography } from '@material-ui/core';
+import { Icon } from '@popmenu/common-ui';
+import { Check, Clock, Info } from '@popmenu/web-icons';
+import { useLocationCardStyles } from './LocationCard.styles.js';
+
+var LocationCard = function (props) {
+    var name = props.name, address = props.address, distance = props.distance, generalAvailability = props.generalAvailability, pickupAvailability = props.pickupAvailability, deliveryAvailability = props.deliveryAvailability, onClick = props.onClick, selected = props.selected, value = props.value, outOfRange = props.outOfRange, outOfRangeMessage = props.outOfRangeMessage, CardActionAreaProps = props.CardActionAreaProps, muiProps = __rest(props, ["name", "address", "distance", "generalAvailability", "pickupAvailability", "deliveryAvailability", "onClick", "selected", "value", "outOfRange", "outOfRangeMessage", "CardActionAreaProps"]);
+    var classes = useLocationCardStyles(props);
+    var anyAvailability = generalAvailability || pickupAvailability || deliveryAvailability;
+    var handleClick = function () {
+        onClick(value);
+    };
+    return (React__default.createElement(Card, __assign({ className: classes.root }, muiProps),
+        React__default.createElement(CardActionArea, __assign({ onClick: handleClick, role: "radio", "aria-checked": selected, disabled: outOfRange || Boolean(anyAvailability), classes: { focusHighlight: classes.actionAreaFocusHighlight } }, CardActionAreaProps),
+            React__default.createElement(CardContent, { className: classes.content },
+                React__default.createElement(Box, { className: classes.locationInfo },
+                    React__default.createElement(Box, { display: "flex", justifyContent: "space-between" },
+                        React__default.createElement(Typography, { className: classes.name }, name),
+                        selected && React__default.createElement(Icon, { icon: Check, size: "extra-large", className: classes.checkIcon })),
+                    address && (React__default.createElement(Typography, { className: classes.greyText, variant: "body2" }, address)),
+                    !outOfRange && React__default.createElement(Typography, { className: classes.distance }, distance)),
+                anyAvailability && (React__default.createElement(Box, { className: classes.availability },
+                    React__default.createElement(Icon, { icon: Clock, size: "large" }),
+                    generalAvailability && (React__default.createElement(Typography, { className: classes.availabilityMessage, variant: "body2" }, generalAvailability)),
+                    pickupAvailability && (React__default.createElement(Typography, { className: classes.availabilityMessage, variant: "body2" }, pickupAvailability)),
+                    deliveryAvailability && (React__default.createElement(Typography, { className: classes.availabilityMessage, variant: "body2" }, deliveryAvailability)))),
+                outOfRange && (React__default.createElement(Box, { display: "flex", gridGap: 8, alignItems: "center", color: "grey.800" },
+                    React__default.createElement(Icon, { icon: Info, size: "large", color: "inherit" }),
+                    React__default.createElement(Typography, { variant: "body2", className: classes.greyText }, outOfRangeMessage)))))));
+};
+
+export { LocationCard };
+//# sourceMappingURL=LocationCard.js.map

package/build/esm/components/LocationCard/LocationCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationCard.js","sources":["../../../../src/components/LocationCard/LocationCard.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, Typography, Card, CardActionArea, CardContent } from '@material-ui/core'\nimport { Icon } from '@popmenu/common-ui'\nimport { Clock, Check, Info } from '@popmenu/web-icons'\nimport { LocationCardProps } from './LocationCardProps'\nimport { useLocationCardStyles } from './LocationCard.styles'\n\nexport const LocationCard = (props: LocationCardProps) => {\n  const {\n    name,\n    address,\n    distance,\n    generalAvailability,\n    pickupAvailability,\n    deliveryAvailability,\n    onClick,\n    selected,\n    value,\n    outOfRange,\n    outOfRangeMessage,\n    CardActionAreaProps,\n    ...muiProps\n  } = props\n  const classes = useLocationCardStyles(props)\n  const anyAvailability = generalAvailability || pickupAvailability || deliveryAvailability\n\n  const handleClick = () => {\n    onClick(value)\n  }\n\n  return (\n    <Card className={classes.root} {...muiProps}>\n      <CardActionArea\n        onClick={handleClick}\n        role=\"radio\"\n        aria-checked={selected}\n        disabled={outOfRange || Boolean(anyAvailability)}\n        classes={{ focusHighlight: classes.actionAreaFocusHighlight }}\n        {...CardActionAreaProps}\n      >\n        <CardContent className={classes.content}>\n          <Box className={classes.locationInfo}>\n            <Box display=\"flex\" justifyContent=\"space-between\">\n              <Typography className={classes.name}>{name}</Typography>\n              {selected && <Icon icon={Check} size=\"extra-large\" className={classes.checkIcon} />}\n            </Box>\n            {address && (\n              <Typography className={classes.greyText} variant=\"body2\">\n                {address}\n              </Typography>\n            )}\n            {!outOfRange && <Typography className={classes.distance}>{distance}</Typography>}\n          </Box>\n          {anyAvailability && (\n            <Box className={classes.availability}>\n              <Icon icon={Clock} size=\"large\" />\n              {generalAvailability && (\n                <Typography className={classes.availabilityMessage} variant=\"body2\">\n                  {generalAvailability}\n                </Typography>\n              )}\n              {pickupAvailability && (\n                <Typography className={classes.availabilityMessage} variant=\"body2\">\n                  {pickupAvailability}\n                </Typography>\n              )}\n              {deliveryAvailability && (\n                <Typography className={classes.availabilityMessage} variant=\"body2\">\n                  {deliveryAvailability}\n                </Typography>\n              )}\n            </Box>\n          )}\n          {outOfRange && (\n            <Box display=\"flex\" gridGap={8} alignItems=\"center\" color=\"grey.800\">\n              <Icon icon={Info} size=\"large\" color=\"inherit\" />\n              <Typography variant=\"body2\" className={classes.greyText}>\n                {outOfRangeMessage}\n              </Typography>\n            </Box>\n          )}\n        </CardContent>\n      </CardActionArea>\n    </Card>\n  )\n}\n"],"names":["React"],"mappings":"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"}

package/build/{components → esm/components}/LocationCard/LocationCard.styles.d.ts

@@ -1,2 +1,2 @@
-import { LocationCardProps } from './LocationCardProps';
-export declare const useLocationCardStyles: (props: LocationCardProps) => import("@material-ui/styles").ClassNameMap<string>;
+import { LocationCardProps } from './LocationCardProps';
+export declare const useLocationCardStyles: (props: LocationCardProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/LocationCard/LocationCard.styles.js

@@ -0,0 +1,64 @@
+import { makeStyles, lighten } from '@material-ui/core/styles';
+
+var useLocationCardStyles = makeStyles(function (theme) {
+    var _a = theme.palette, info = _a.info, grey = _a.grey, secondary = _a.secondary, background = _a.background, spacing = theme.spacing;
+    var selectedBackgroundColor = lighten(info.light, 0.9);
+    var backgroundColor = background.default;
+    return {
+        root: {
+            border: function (_a) {
+                var selected = _a.selected;
+                return selected ? "1px solid " + info.light : '1px solid var(--surfaces-card-stroke, #E0E0E0)';
+            },
+            display: 'flex',
+            borderRadius: '10px',
+            color: grey[900],
+            backgroundColor: function (_a) {
+                var selected = _a.selected, outOfRange = _a.outOfRange;
+                return selected ? selectedBackgroundColor : outOfRange ? grey[200] : backgroundColor;
+            },
+        },
+        actionAreaFocusHighlight: {
+            '&:disabled': {
+                backgroundColor: 'inherit',
+            },
+        },
+        availability: {
+            color: secondary.light,
+            display: 'grid',
+            gridGap: spacing(0.5),
+            gridTemplateColumns: 'auto 1fr',
+        },
+        availabilityMessage: {
+            gridColumn: '2 / 3',
+        },
+        checkIcon: {
+            color: info.main,
+        },
+        content: {
+            padding: spacing(3),
+            display: 'flex',
+            flexDirection: 'column',
+            gridGap: spacing(2),
+        },
+        distance: {
+            fontSize: '0.75rem',
+            fontWeight: 600,
+        },
+        locationInfo: {
+            display: 'flex',
+            flexDirection: 'column',
+            gridGap: spacing(0.75),
+        },
+        name: {
+            fontSize: '1.125rem',
+            fontWeight: 500,
+        },
+        greyText: {
+            color: grey[800],
+        },
+    };
+});
+
+export { useLocationCardStyles };
+//# sourceMappingURL=LocationCard.styles.js.map

package/build/esm/components/LocationCard/LocationCard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationCard.styles.js","sources":["../../../../src/components/LocationCard/LocationCard.styles.ts"],"sourcesContent":["import { makeStyles, Theme, lighten } from '@material-ui/core/styles'\nimport { LocationCardProps } from './LocationCardProps'\n\nexport const useLocationCardStyles = makeStyles<Theme, LocationCardProps>((theme) => {\n  const {\n    palette: { info, grey, secondary, background },\n    spacing,\n  } = theme\n  const selectedBackgroundColor = lighten(info.light, 0.9)\n  const backgroundColor = background.default\n\n  return {\n    root: {\n      border: ({ selected }) =>\n        selected ? `1px solid ${info.light}` : '1px solid var(--surfaces-card-stroke, #E0E0E0)',\n      display: 'flex',\n      borderRadius: '10px',\n      color: grey[900],\n      backgroundColor: ({ selected, outOfRange }) =>\n        selected ? selectedBackgroundColor : outOfRange ? grey[200] : backgroundColor,\n    },\n    actionAreaFocusHighlight: {\n      '&:disabled': {\n        backgroundColor: 'inherit',\n      },\n    },\n    availability: {\n      color: secondary.light,\n      display: 'grid',\n      gridGap: spacing(0.5),\n      gridTemplateColumns: 'auto 1fr',\n    },\n    availabilityMessage: {\n      gridColumn: '2 / 3',\n    },\n    checkIcon: {\n      color: info.main,\n    },\n    content: {\n      padding: spacing(3),\n      display: 'flex',\n      flexDirection: 'column',\n      gridGap: spacing(2),\n    },\n    distance: {\n      fontSize: '0.75rem',\n      fontWeight: 600,\n    },\n    locationInfo: {\n      display: 'flex',\n      flexDirection: 'column',\n      gridGap: spacing(0.75),\n    },\n    name: {\n      fontSize: '1.125rem',\n      fontWeight: 500,\n    },\n    greyText: {\n      color: grey[800],\n    },\n  }\n})\n"],"names":[],"mappings":";;AAGa,IAAA,qBAAqB,GAAG,UAAU,CAA2B,UAAC,KAAK,EAAA;IAE5E,IAAA,EAAA,GAEE,KAAK,CAFuC,OAAA,EAAnC,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAC5C,OAAO,GACL,KAAK,QADA;IAET,IAAM,uBAAuB,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;AACxD,IAAA,IAAM,eAAe,GAAG,UAAU,CAAC,OAAO;IAE1C,OAAO;AACL,QAAA,IAAI,EAAE;YACJ,MAAM,EAAE,UAAC,EAAY,EAAA;AAAV,gBAAA,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA;gBACjB,OAAA,QAAQ,GAAG,YAAA,GAAa,IAAI,CAAC,KAAO,GAAG,gDAAgD;aAAA;AACzF,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,YAAY,EAAE,MAAM;AACpB,YAAA,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC;YAChB,eAAe,EAAE,UAAC,EAAwB,EAAA;oBAAtB,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA;AACtC,gBAAA,OAAA,QAAQ,GAAG,uBAAuB,GAAG,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,eAAe;aAAA;AAChF,SAAA;AACD,QAAA,wBAAwB,EAAE;AACxB,YAAA,YAAY,EAAE;AACZ,gBAAA,eAAe,EAAE,SAAS;AAC3B,aAAA;AACF,SAAA;AACD,QAAA,YAAY,EAAE;YACZ,KAAK,EAAE,SAAS,CAAC,KAAK;AACtB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,OAAO,EAAE,OAAO,CAAC,GAAG,CAAC;AACrB,YAAA,mBAAmB,EAAE,UAAU;AAChC,SAAA;AACD,QAAA,mBAAmB,EAAE;AACnB,YAAA,UAAU,EAAE,OAAO;AACpB,SAAA;AACD,QAAA,SAAS,EAAE;YACT,KAAK,EAAE,IAAI,CAAC,IAAI;AACjB,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACnB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACpB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,QAAQ,EAAE,SAAS;AACnB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,YAAY,EAAE;AACZ,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,aAAa,EAAE,QAAQ;AACvB,YAAA,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC;AACvB,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,UAAU,EAAE,GAAG;AAChB,SAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC;AACjB,SAAA;KACF;AACH,CAAC;;;;"}

package/build/{components → esm/components}/LocationCard/LocationCardProps.d.ts

@@ -1,28 +1,28 @@
-import { CardActionAreaProps } from '@material-ui/core';
-import { CardProps as MuiCardProps } from '@material-ui/core/Card';
-export interface LocationCardProps extends Omit<MuiCardProps, 'onClick'> {
-    /** Renders the name of the restaurant location */
-    name: string;
-    /** Renders the address of the restaurant location */
-    address?: string;
-    /** Renders the general availability hours of the restaurant location. */
-    generalAvailability?: string;
-    /** Renders the pickup availability hours of the restaurant location */
-    pickupAvailability?: string;
-    /** Renders the delivery availability hours of the restaurant location */
-    deliveryAvailability?: string;
-    /** Renders the distance of the restaurant location (if applicable) */
-    distance?: string;
-    /** Callback for when the LocationCard is clicked */
-    onClick: (value: number) => void;
-    /** Disables the card and adds out of range message */
-    outOfRange: boolean;
-    /** Message for out of range locations */
-    outOfRangeMessage: string;
-    /** Sets card selection state */
-    selected?: boolean;
-    /** The value of a card in respects to selection state. */
-    value: number;
-    /** Props passed to the CardActionArea rendered by SelectableCard. */
-    CardActionAreaProps?: CardActionAreaProps & Record<`data-${string}`, string>;
-}
+import { CardActionAreaProps } from '@material-ui/core';
+import { CardProps as MuiCardProps } from '@material-ui/core/Card';
+export interface LocationCardProps extends Omit<MuiCardProps, 'onClick'> {
+    /** Renders the name of the restaurant location */
+    name: string;
+    /** Renders the address of the restaurant location */
+    address?: string;
+    /** Renders the general availability hours of the restaurant location. */
+    generalAvailability?: string;
+    /** Renders the pickup availability hours of the restaurant location */
+    pickupAvailability?: string;
+    /** Renders the delivery availability hours of the restaurant location */
+    deliveryAvailability?: string;
+    /** Renders the distance of the restaurant location (if applicable) */
+    distance?: string;
+    /** Callback for when the LocationCard is clicked */
+    onClick: (value: number) => void;
+    /** Disables the card and adds out of range message */
+    outOfRange: boolean;
+    /** Message for out of range locations */
+    outOfRangeMessage: string;
+    /** Sets card selection state */
+    selected?: boolean;
+    /** The value of a card in respects to selection state. */
+    value: number;
+    /** Props passed to the CardActionArea rendered by SelectableCard. */
+    CardActionAreaProps?: CardActionAreaProps & Record<`data-${string}`, string>;
+}

package/build/{components → esm/components}/LocationCard/index.d.ts

@@ -1,2 +1,2 @@
-export { LocationCard as default } from './LocationCard';
-export { LocationCardProps } from './LocationCardProps';
+export { LocationCard as default } from './LocationCard';
+export { LocationCardProps } from './LocationCardProps';

package/build/{components → esm/components}/MenuBanner/MenuBanner.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { MenuBannerProps } from './MenuBannerProps';
-export declare const MenuBanner: (props: MenuBannerProps) => JSX.Element | null;
+/// <reference types="react" />
+import { MenuBannerProps } from './MenuBannerProps';
+export declare const MenuBanner: (props: MenuBannerProps) => JSX.Element | null;

package/build/esm/components/MenuBanner/MenuBanner.js

@@ -0,0 +1,34 @@
+import { __assign } from 'tslib';
+import React__default from 'react';
+import { Card, CardHeader, CardContent, Typography, Link } from '@material-ui/core';
+import { useStyles } from './MenuBanner.styles.js';
+import { BannerTypeIcons } from './MenuBannerIcons.js';
+
+var MenuBanner = function (props) {
+    var show = props.show;
+    var classes = useStyles(props);
+    if (!show)
+        return null;
+    return (React__default.createElement(Card, { classes: { root: classes.root }, variant: "outlined" },
+        React__default.createElement(CardHeader, { avatar: BannerTypeIcons[props.type], title: props.title, titleTypographyProps: { variant: 'body1' }, classes: { root: classes.header, title: classes.headerTitle } }),
+        React__default.createElement(MenuBannerDescription, __assign({}, props)),
+        React__default.createElement(MenuBannerButton, __assign({}, props))));
+};
+function MenuBannerDescription(props) {
+    var classes = useStyles(props);
+    var description = props.description;
+    if (!description)
+        return null;
+    return (React__default.createElement(CardContent, { classes: { root: classes.content } },
+        React__default.createElement(Typography, { className: classes.description, variant: "body2" }, props.description)));
+}
+function MenuBannerButton(props) {
+    var classes = useStyles(props);
+    if (!props.buttonLabel)
+        return null;
+    return (React__default.createElement(CardContent, { classes: { root: classes.content } },
+        React__default.createElement(Link, __assign({}, { component: 'button', variant: 'body2', className: classes.button }, props.ButtonProps), props.buttonLabel)));
+}
+
+export { MenuBanner };
+//# sourceMappingURL=MenuBanner.js.map

package/build/esm/components/MenuBanner/MenuBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBanner.js","sources":["../../../../src/components/MenuBanner/MenuBanner.tsx"],"sourcesContent":["import React from 'react'\nimport { Card, CardContent, CardHeader, Link, Typography } from '@material-ui/core'\nimport { useStyles } from './MenuBanner.styles'\nimport { MenuBannerProps } from './MenuBannerProps'\nimport { BannerTypeIcons } from './MenuBannerIcons'\n\nexport const MenuBanner = (props: MenuBannerProps) => {\n  const { show } = props\n  const classes = useStyles(props)\n\n  if (!show) return null\n\n  return (\n    <Card classes={{ root: classes.root }} variant=\"outlined\">\n      <CardHeader\n        avatar={BannerTypeIcons[props.type]}\n        title={props.title}\n        titleTypographyProps={{ variant: 'body1' }}\n        classes={{ root: classes.header, title: classes.headerTitle }}\n      />\n      <MenuBannerDescription {...props} />\n      <MenuBannerButton {...props} />\n    </Card>\n  )\n}\n\nfunction MenuBannerDescription(props: MenuBannerProps) {\n  const classes = useStyles(props)\n  const { description } = props\n  if (!description) return null\n  return (\n    <CardContent classes={{ root: classes.content }}>\n      <Typography className={classes.description} variant=\"body2\">\n        {props.description}\n      </Typography>\n    </CardContent>\n  )\n}\n\nfunction MenuBannerButton(props: MenuBannerProps) {\n  const classes = useStyles(props)\n  if (!props.buttonLabel) return null\n  return (\n    <CardContent classes={{ root: classes.content }}>\n      <Link {...{ component: 'button', variant: 'body2', className: classes.button }} {...props.ButtonProps}>\n        {props.buttonLabel}\n      </Link>\n    </CardContent>\n  )\n}\n"],"names":["React"],"mappings":";;;;;;AAMO,IAAM,UAAU,GAAG,UAAC,KAAsB,EAAA;AACvC,IAAA,IAAA,IAAI,GAAK,KAAK,CAAA,IAAV;AACZ,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAEhC,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,IAAI;AAEtB,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,IAAI,EAAE,EAAE,OAAO,EAAC,UAAU,EAAA;AACvD,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EACT,EAAA,MAAM,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,CAAC,EACnC,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,oBAAoB,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,EAC1C,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,MAAM,EAAE,KAAK,EAAE,OAAO,CAAC,WAAW,EAAE,EAC7D,CAAA;QACFA,cAAC,CAAA,aAAA,CAAA,qBAAqB,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,CAAI,CAAA;AACpC,QAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,CAAI,CAAA,CAC1B;AAEX;AAEA,SAAS,qBAAqB,CAAC,KAAsB,EAAA;AACnD,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AACxB,IAAA,IAAA,WAAW,GAAK,KAAK,CAAA,WAAV;AACnB,IAAA,IAAI,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AAC7B,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,EAAA;AAC7C,QAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,SAAS,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,EAAC,OAAO,IACxD,KAAK,CAAC,WAAW,CACP,CACD;AAElB;AAEA,SAAS,gBAAgB,CAAC,KAAsB,EAAA;AAC9C,IAAA,IAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;IAChC,IAAI,CAAC,KAAK,CAAC,WAAW;AAAE,QAAA,OAAO,IAAI;AACnC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,CAAC,OAAO,EAAE,EAAA;AAC7C,QAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,QAAA,CAAA,EAAA,EAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,EAAM,KAAK,CAAC,WAAW,CAAA,EAClG,KAAK,CAAC,WAAW,CACb,CACK;AAElB;;;;"}

package/build/{components → esm/components}/MenuBanner/MenuBanner.styles.d.ts

@@ -1,2 +1,2 @@
-import { MenuBannerProps } from './MenuBannerProps';
-export declare const useStyles: (props: MenuBannerProps) => import("@material-ui/styles").ClassNameMap<string>;
+import { MenuBannerProps } from './MenuBannerProps';
+export declare const useStyles: (props: MenuBannerProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/MenuBanner/MenuBanner.styles.js

@@ -0,0 +1,49 @@
+import { makeStyles } from '@material-ui/core';
+
+var useStyles = makeStyles(function (theme) { return ({
+    root: {
+        '& > div': {
+            padding: 0,
+            '&:last-child': {
+                padding: 0,
+            },
+        },
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'start',
+        gridGap: theme.spacing(1),
+        padding: theme.spacing(2),
+        borderRadius: theme.spacing(2),
+    },
+    button: {
+        color: theme.palette.info.main,
+    },
+    description: {
+        color: theme.palette.grey[700],
+    },
+    header: {
+        color: function (props) {
+            return ({
+                alert: theme.palette.error.main,
+                info: theme.palette.info.main,
+                offer: theme.palette.success.main,
+            }[props.type]);
+        },
+    },
+    headerTitle: {
+        color: function (props) {
+            return ({
+                alert: theme.palette.error.main,
+                info: theme.palette.info.main,
+                offer: theme.palette.success.main,
+            }[props.type]);
+        },
+        fontWeight: 600,
+    },
+    content: {
+        marginLeft: theme.spacing(5),
+    },
+}); });
+
+export { useStyles };
+//# sourceMappingURL=MenuBanner.styles.js.map

package/build/esm/components/MenuBanner/MenuBanner.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBanner.styles.js","sources":["../../../../src/components/MenuBanner/MenuBanner.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\nimport { MenuBannerProps } from './MenuBannerProps'\n\nexport const useStyles = makeStyles<Theme, MenuBannerProps>((theme) => ({\n  root: {\n    '& > div': {\n      padding: 0,\n      '&:last-child': {\n        padding: 0,\n      },\n    },\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'start',\n    gridGap: theme.spacing(1),\n    padding: theme.spacing(2),\n    borderRadius: theme.spacing(2),\n  },\n  button: {\n    color: theme.palette.info.main,\n  },\n  description: {\n    color: theme.palette.grey[700],\n  },\n  header: {\n    color: (props) =>\n      ({\n        alert: theme.palette.error.main,\n        info: theme.palette.info.main,\n        offer: theme.palette.success.main,\n      }[props.type]),\n  },\n  headerTitle: {\n    color: (props) =>\n      ({\n        alert: theme.palette.error.main,\n        info: theme.palette.info.main,\n        offer: theme.palette.success.main,\n      }[props.type]),\n    fontWeight: 600,\n  },\n  content: {\n    marginLeft: theme.spacing(5),\n  },\n}))\n"],"names":[],"mappings":";;AAGa,IAAA,SAAS,GAAG,UAAU,CAAyB,UAAC,KAAK,EAAK,EAAA,QAAC;AACtE,IAAA,IAAI,EAAE;AACJ,QAAA,SAAS,EAAE;AACT,YAAA,OAAO,EAAE,CAAC;AACV,YAAA,cAAc,EAAE;AACd,gBAAA,OAAO,EAAE,CAAC;AACX,aAAA;AACF,SAAA;AACD,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,UAAU,EAAE,OAAO;AACnB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AACzB,QAAA,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC/B,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC/B,KAAA;AACD,IAAA,WAAW,EAAE;QACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,KAAA;AACD,IAAA,MAAM,EAAE;QACN,KAAK,EAAE,UAAC,KAAK,EAAA;AACX,YAAA,QAAC;AACC,gBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AAC/B,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC7B,gBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,aAAA,CAAC,KAAK,CAAC,IAAI,CAAC;SAAC;AACjB,KAAA;AACD,IAAA,WAAW,EAAE;QACX,KAAK,EAAE,UAAC,KAAK,EAAA;AACX,YAAA,QAAC;AACC,gBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI;AAC/B,gBAAA,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI;AAC7B,gBAAA,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI;AAClC,aAAA,CAAC,KAAK,CAAC,IAAI,CAAC;SAAC;AAChB,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC7B,KAAA;CACF,EAAC,EAAA;;;;"}

package/build/{components → esm/components}/MenuBanner/MenuBannerIcons.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-export declare const BannerTypeIcons: {
-    alert: JSX.Element;
-    info: JSX.Element;
-    offer: JSX.Element;
-};
+/// <reference types="react" />
+export declare const BannerTypeIcons: {
+    alert: JSX.Element;
+    info: JSX.Element;
+    offer: JSX.Element;
+};

package/build/esm/components/MenuBanner/MenuBannerIcons.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+import { DollarSign, Info, Warning } from '@popmenu/web-icons';
+
+var bannerIconStyles = { color: 'inherit', width: 24, height: 24 };
+var BannerTypeIcons = {
+    // @ts-expect-error style prop works
+    alert: React__default.createElement(Warning, { style: bannerIconStyles }),
+    // @ts-expect-error style prop works
+    info: React__default.createElement(Info, { style: bannerIconStyles }),
+    // @ts-expect-error style prop works
+    offer: React__default.createElement(DollarSign, { style: bannerIconStyles }),
+};
+
+export { BannerTypeIcons };
+//# sourceMappingURL=MenuBannerIcons.js.map

package/build/esm/components/MenuBanner/MenuBannerIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuBannerIcons.js","sources":["../../../../src/components/MenuBanner/MenuBannerIcons.tsx"],"sourcesContent":["import React from 'react'\nimport { DollarSign, Info, Warning } from '@popmenu/web-icons'\n\nconst bannerIconStyles = { color: 'inherit', width: 24, height: 24 }\nexport const BannerTypeIcons = {\n  // @ts-expect-error style prop works\n  alert: <Warning style={bannerIconStyles} />,\n  // @ts-expect-error style prop works\n  info: <Info style={bannerIconStyles} />,\n  // @ts-expect-error style prop works\n  offer: <DollarSign style={bannerIconStyles} />,\n}\n"],"names":["React"],"mappings":";;;AAGA,IAAM,gBAAgB,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;AACvD,IAAA,eAAe,GAAG;;AAE7B,IAAA,KAAK,EAAEA,cAAC,CAAA,aAAA,CAAA,OAAO,IAAC,KAAK,EAAE,gBAAgB,EAAI,CAAA;;AAE3C,IAAA,IAAI,EAAEA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,KAAK,EAAE,gBAAgB,EAAI,CAAA;;AAEvC,IAAA,KAAK,EAAEA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,KAAK,EAAE,gBAAgB,EAAI,CAAA;;;;;"}

package/build/{components → esm/components}/MenuBanner/MenuBannerProps.d.ts

@@ -1,15 +1,15 @@
-import { LinkProps } from '@material-ui/core';
-export declare type MenuBannerProps = {
-    /** Controls the icon and font color for banner title */
-    type: 'alert' | 'info' | 'offer';
-    /** Message displayed as the banner's title */
-    title: string;
-    /** Message displayed as the banner's description  */
-    description?: string;
-    /** Message displayed as the banner button's label */
-    buttonLabel?: string;
-    /** Props for the banner's button, ie. onClick */
-    ButtonProps?: LinkProps;
-    /** Determines if the banner should be displayed */
-    show: boolean;
-};
+import { LinkProps } from '@material-ui/core';
+export declare type MenuBannerProps = {
+    /** Controls the icon and font color for banner title */
+    type: 'alert' | 'info' | 'offer';
+    /** Message displayed as the banner's title */
+    title: string;
+    /** Message displayed as the banner's description  */
+    description?: string;
+    /** Message displayed as the banner button's label */
+    buttonLabel?: string;
+    /** Props for the banner's button, ie. onClick */
+    ButtonProps?: LinkProps;
+    /** Determines if the banner should be displayed */
+    show: boolean;
+};

package/build/{components → esm/components}/MenuBanner/index.d.ts

@@ -1,2 +1,2 @@
-export { MenuBanner } from './MenuBanner';
-export { MenuBannerProps } from './MenuBannerProps';
+export { MenuBanner } from './MenuBanner';
+export { MenuBannerProps } from './MenuBannerProps';

package/build/{components → esm/components}/MenuDropdown/MenuDropdown.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { MenuDropdownProps } from './MenuDropdownProps';
-export declare const MenuDropdown: (props: MenuDropdownProps) => JSX.Element;
+/// <reference types="react" />
+import { MenuDropdownProps } from './MenuDropdownProps';
+export declare const MenuDropdown: (props: MenuDropdownProps) => JSX.Element;

package/build/esm/components/MenuDropdown/MenuDropdown.js

@@ -0,0 +1,37 @@
+import React__default, { useState } from 'react';
+import { useMediaQuery, FormControl, Select, InputAdornment, MenuItem } from '@material-ui/core';
+import { Icon } from '@popmenu/common-ui';
+import { ChevronUp, ChevronDown, RestaurantMenu, Clock } from '@popmenu/web-icons';
+import { useMenuDropdownStyles } from './MenuDropdown.styles.js';
+import classNames from '../../node_modules/classnames/index.js';
+
+var MenuDropdown = function (props) {
+    var menuOptions = props.menuOptions, onSelect = props.onSelect, selectedOptionId = props.selectedOptionId;
+    var classes = useMenuDropdownStyles(props);
+    var _a = useState(false), open = _a[0], setOpen = _a[1];
+    var isMobile = useMediaQuery(function (_a) {
+        var breakpoints = _a.breakpoints;
+        return breakpoints.down('md');
+    });
+    return (React__default.createElement(FormControl, { hiddenLabel: true, classes: { root: classes.formControl } },
+        React__default.createElement("label", { id: "menu-dropdown-label", className: "sr-only" }, props.label),
+        React__default.createElement(Select, { SelectDisplayProps: { 'aria-labelledby': 'menu-dropdown-label' }, value: selectedOptionId, onOpen: function () { return setOpen(true); }, onClose: function () { return setOpen(false); }, disableUnderline: true, onChange: function (event) { return onSelect(event.target.value); }, fullWidth: true, open: open, startAdornment: React__default.createElement(InputAdornment, { position: "start", onClick: function () { return setOpen(true); } },
+                React__default.createElement(Icon, { icon: RestaurantMenu, size: isMobile ? 'extra-large' : 'large' })), IconComponent: function () { return (React__default.createElement(InputAdornment, { position: "end", onClick: function () { return setOpen(true); } },
+                React__default.createElement(Icon, { color: "#0076CB", icon: open ? ChevronUp : ChevronDown, size: "large" }))); }, MenuProps: {
+                disablePortal: true,
+                anchorOrigin: {
+                    vertical: 'bottom',
+                    horizontal: 'left',
+                },
+                transformOrigin: {
+                    vertical: 'top',
+                    horizontal: 'left',
+                },
+                getContentAnchorEl: null,
+            }, className: classes.select, renderValue: function (selected) { var _a; return (_a = menuOptions.find(function (menuOption) { return menuOption.id === selected; })) === null || _a === void 0 ? void 0 : _a.name; } }, menuOptions.map(function (option, index) { return (React__default.createElement(MenuItem, { key: index, value: option.id, className: classNames(classes.menuItem, option.isUnavailable ? classes.unavailable : '') },
+            option.name,
+            option.isUnavailable && React__default.createElement(Icon, { icon: Clock, size: "large" }))); }))));
+};
+
+export { MenuDropdown };
+//# sourceMappingURL=MenuDropdown.js.map

package/build/esm/components/MenuDropdown/MenuDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDropdown.js","sources":["../../../../src/components/MenuDropdown/MenuDropdown.tsx"],"sourcesContent":["import React, { ChangeEvent, useState } from 'react'\nimport { FormControl, InputAdornment, MenuItem, Select, useMediaQuery } from '@material-ui/core'\nimport { Icon } from '@popmenu/common-ui'\nimport { MenuDropdownOption, MenuDropdownProps } from './MenuDropdownProps'\nimport { ChevronDown, ChevronUp, Clock, RestaurantMenu } from '@popmenu/web-icons'\nimport { useMenuDropdownStyles } from './MenuDropdown.styles'\nimport classNames from 'classnames'\n\nexport const MenuDropdown = (props: MenuDropdownProps): JSX.Element => {\n  const { menuOptions, onSelect, selectedOptionId } = props\n  const classes = useMenuDropdownStyles(props)\n  const [open, setOpen] = useState(false)\n  const isMobile = useMediaQuery(({ breakpoints }) => breakpoints.down('md'))\n\n  return (\n    <FormControl hiddenLabel={true} classes={{ root: classes.formControl }}>\n      <label id=\"menu-dropdown-label\" className=\"sr-only\">\n        {props.label}\n      </label>\n      <Select\n        SelectDisplayProps={{ 'aria-labelledby': 'menu-dropdown-label' }}\n        value={selectedOptionId}\n        onOpen={() => setOpen(true)}\n        onClose={() => setOpen(false)}\n        disableUnderline\n        onChange={(event: ChangeEvent<HTMLInputElement>) => onSelect(event.target.value)}\n        fullWidth\n        open={open}\n        startAdornment={\n          <InputAdornment position=\"start\" onClick={() => setOpen(true)}>\n            <Icon icon={RestaurantMenu} size={isMobile ? 'extra-large' : 'large'} />\n          </InputAdornment>\n        }\n        IconComponent={() => (\n          <InputAdornment position=\"end\" onClick={() => setOpen(true)}>\n            <Icon color=\"#0076CB\" icon={open ? ChevronUp : ChevronDown} size=\"large\" />\n          </InputAdornment>\n        )}\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        }}\n        className={classes.select}\n        renderValue={(selected) => menuOptions.find((menuOption) => menuOption.id === selected)?.name}\n      >\n        {menuOptions.map((option: MenuDropdownOption, index) => (\n          <MenuItem\n            key={index}\n            value={option.id}\n            className={classNames(classes.menuItem, option.isUnavailable ? classes.unavailable : '')}\n          >\n            {option.name}\n            {option.isUnavailable && <Icon icon={Clock} size=\"large\" />}\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  )\n}\n"],"names":["React"],"mappings":"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"}

package/build/{components → esm/components}/MenuDropdown/MenuDropdown.styles.d.ts

@@ -1,2 +1,2 @@
-import { MenuDropdownProps } from './MenuDropdownProps';
-export declare const useMenuDropdownStyles: (props: MenuDropdownProps) => import("@material-ui/styles").ClassNameMap<string>;
+import { MenuDropdownProps } from './MenuDropdownProps';
+export declare const useMenuDropdownStyles: (props: MenuDropdownProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/MenuDropdown/MenuDropdown.styles.js

@@ -0,0 +1,40 @@
+import { makeStyles } from '@material-ui/core/styles';
+
+var useMenuDropdownStyles = makeStyles(function (theme) {
+    var _a, _b;
+    return ({
+        formControl: (_a = {},
+            _a[theme.breakpoints.up('lg')] = {
+                alignSelf: 'start',
+            },
+            _a),
+        menuItem: {
+            alignItems: 'center',
+            display: 'flex',
+            gridGap: theme.spacing(1),
+        },
+        select: {
+            '& .MuiSelect-root': (_b = {
+                    '&:focus': {
+                        outline: '2px solid #0076CB',
+                        borderRadius: 8,
+                    },
+                    color: '#212121',
+                    padding: theme.spacing(1, 0.5, 1, 0.5),
+                    zIndex: 10
+                },
+                _b[theme.breakpoints.down('md')] = {
+                    width: 0,
+                    minWidth: 0,
+                    padding: 0,
+                },
+                _b),
+        },
+        unavailable: {
+            color: theme.palette.grey[700],
+        },
+    });
+});
+
+export { useMenuDropdownStyles };
+//# sourceMappingURL=MenuDropdown.styles.js.map

package/build/esm/components/MenuDropdown/MenuDropdown.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuDropdown.styles.js","sources":["../../../../src/components/MenuDropdown/MenuDropdown.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core/styles'\nimport { MenuDropdownProps } from './MenuDropdownProps'\n\nexport const useMenuDropdownStyles = makeStyles<Theme, MenuDropdownProps>((theme) => ({\n  formControl: {\n    [theme.breakpoints.up('lg')]: {\n      alignSelf: 'start',\n    },\n  },\n  menuItem: {\n    alignItems: 'center',\n    display: 'flex',\n    gridGap: theme.spacing(1),\n  },\n  select: {\n    '& .MuiSelect-root': {\n      '&:focus': {\n        outline: '2px solid #0076CB',\n        borderRadius: 8,\n      },\n      color: '#212121',\n      padding: theme.spacing(1, 0.5, 1, 0.5),\n      zIndex: 10,\n      [theme.breakpoints.down('md')]: {\n        width: 0,\n        minWidth: 0,\n        padding: 0,\n      },\n    },\n  },\n  unavailable: {\n    color: theme.palette.grey[700],\n  },\n}))\n"],"names":[],"mappings":";;AAGa,IAAA,qBAAqB,GAAG,UAAU,CAA2B,UAAC,KAAK,EAAA;;AAAK,IAAA,QAAC;QACpF,WAAW,GAAA,EAAA,GAAA,EAAA;YACT,EAAC,CAAA,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAG,GAAA;AAC5B,gBAAA,SAAS,EAAE,OAAO;AACnB,aAAA;AACF,YAAA,EAAA,CAAA;AACD,QAAA,QAAQ,EAAE;AACR,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;AAC1B,SAAA;AACD,QAAA,MAAM,EAAE;YACN,mBAAmB,GAAA,EAAA,GAAA;AACjB,oBAAA,SAAS,EAAE;AACT,wBAAA,OAAO,EAAE,mBAAmB;AAC5B,wBAAA,YAAY,EAAE,CAAC;AAChB,qBAAA;AACD,oBAAA,KAAK,EAAE,SAAS;AAChB,oBAAA,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,CAAC;AACtC,oBAAA,MAAM,EAAE;;gBACR,EAAC,CAAA,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAG,GAAA;AAC9B,oBAAA,KAAK,EAAE,CAAC;AACR,oBAAA,QAAQ,EAAE,CAAC;AACX,oBAAA,OAAO,EAAE,CAAC;AACX,iBAAA;AACF,gBAAA,EAAA,CAAA;AACF,SAAA;AACD,QAAA,WAAW,EAAE;YACX,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAC/B,SAAA;KACF;AA9BoF,CA8BnF;;;;"}