npm - @popmenu/ordering-ui - Versions diffs - 0.127.1 → 0.127.2 - Mend

@popmenu/ordering-ui 0.127.1 → 0.127.2

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 (103) hide show

package/build/esm/components/DishModifierCard/ModifierControls.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModifierControls.js","sources":["../../../../src/components/DishModifierCard/ModifierControls.tsx"],"sourcesContent":["import {\n Box,\n Checkbox,\n FormControl,\n FormControlLabel,\n FormGroup,\n Radio,\n RadioGroup,\n Typography,\n} from '@material-ui/core'\nimport { Icon } from '@popmenu/common-ui'\nimport { ChevronRight } from '@popmenu/web-icons'\nimport classNames from 'classnames'\nimport React from 'react'\nimport { Button } from '../Button'\nimport type { QuantityChangeEvent } from '../QuantityPicker'\nimport { QuantityPicker } from '../QuantityPicker'\nimport { StatusTag } from '../StatusTag'\nimport {\n useCheckboxModifierFormStyles,\n useLabelStyles,\n useOptionsStyles,\n useRadioModifierFormStyles,\n} from './DishModifierCard.styles'\nimport { Modifier, ModifierOptionsControlProps } from './DishModifierCardProps'\n\nconst Label = (props: { name: string; price: string; disabled?: boolean }) => {\n const { name, price, disabled = false } = props\n const classes = useLabelStyles()\n\n return (\n <Box display=\"flex\" flexDirection=\"column\" className={classes.label}>\n <Box display=\"flex\" alignItems=\"center\" gridGap={8}>\n <Typography className={classNames({ [classes.disabled]: disabled })}>{name}</Typography>\n </Box>\n {price && (\n <Typography className={classNames({ [classes.price]: !disabled }, { [classes.disabled]: disabled })}>\n + {price}\n </Typography>\n )}\n </Box>\n )\n}\n\nconst Options = (props: { handleOptionsClick: () => void }) => {\n const { handleOptionsClick } = props\n const classes = useOptionsStyles()\n\n return (\n <Box>\n <Button variation=\"none\" className={classes.options} onClick={handleOptionsClick}>\n <Typography variant=\"caption\">OPTIONS</Typography>\n <Icon icon={ChevronRight} />\n </Button>\n </Box>\n )\n}\n\nconst SingleSelectModifierControl = (props: ModifierOptionsControlProps) => {\n const { modifiers, name, isOutOfStock, onChange, value, handleOptionsClick, aggregatePrice, isRequired } = props\n const radioClasses = useRadioModifierFormStyles()\n const makeHandleChange = (modifier: Modifier) => (e: React.ChangeEvent<HTMLInputElement>) => {\n const isModifierInValue = Boolean(value.find((v) => v.modifierId === modifier.id))\n if (!isModifierInValue && modifier.hasModifiers) {\n handleOptionsClick(modifier.id)\n }\n\n onChange({\n isRadio: true,\n modifierId: Number(e.target.value),\n groupId: modifier.parentModifierGroupId,\n parentModifierId: modifier.parentModifierGroupItemId,\n price: modifier.price \|\| 0,\n quantity: 1,\n })\n }\n return (\n <FormControl fullWidth>\n <RadioGroup aria-label={name}>\n {modifiers.map((modifier) => (\n <Box key={modifier.id}>\n <FormControlLabel\n key={modifier.id}\n value={modifier.id}\n className={radioClasses.root}\n control={\n <Radio\n checked={value[0]?.modifierId === modifier.id}\n className={classNames({\n [radioClasses.hideRadio]: modifier.outOfStock,\n [radioClasses.radio]: !modifier.outOfStock,\n })}\n disabled={isOutOfStock \|\| modifier.outOfStock}\n onChange={makeHandleChange(modifier)}\n required={isRequired}\n />\n }\n label={\n <Box className={radioClasses.label}>\n <Label\n name={modifier.name}\n price={aggregatePrice[modifier.id] \|\| modifier.formattedPrice}\n disabled={isOutOfStock \|\| modifier.outOfStock}\n />\n {modifier.outOfStock && (\n <Box minWidth=\"90px\" marginLeft={2}>\n <StatusTag color=\"warning\" label=\"Out of stock\" variant=\"outlined\" size=\"md\" />\n </Box>\n )}\n </Box>\n }\n labelPlacement=\"start\"\n />\n {modifier.hasModifiers && !modifier.outOfStock && (\n <Options handleOptionsClick={() => handleOptionsClick(modifier.id)} />\n )}\n </Box>\n ))}\n </RadioGroup>\n </FormControl>\n )\n}\n\nconst MultipleSelectControl = (props: ModifierOptionsControlProps) => {\n const { modifiers, value, isOutOfStock, onChange, disableNewSelections, handleOptionsClick, aggregatePrice } = props\n const classes = useCheckboxModifierFormStyles()\n const makeHandleChange = (modifier: Modifier) => () => {\n const isModifierInValue = Boolean(value.find((v) => v.modifierId === modifier.id))\n if (!isModifierInValue && modifier.hasModifiers) {\n handleOptionsClick(modifier.id)\n }\n\n onChange({\n isRadio: false,\n modifierId: modifier.id,\n groupId: modifier.parentModifierGroupId,\n parentModifierId: modifier.parentModifierGroupItemId,\n price: modifier.price \|\| 0,\n quantity: isModifierInValue ? 0 : 1,\n })\n }\n\n return (\n <FormControl fullWidth>\n <FormGroup>\n {modifiers.map((modifier) => {\n return (\n <Box key={modifier.id}>\n <FormControlLabel\n key={modifier.id}\n value={modifier.id}\n className={classes.root}\n checked={value.some((v) => v.modifierId === modifier.id)}\n onChange={makeHandleChange(modifier)}\n control={\n <Checkbox\n className={classNames(\n { [classes.hideCheckbox]: modifier.outOfStock },\n { [classes.checkbox]: !modifier.outOfStock },\n )}\n disabled={isOutOfStock \|\| modifier.outOfStock \|\| (!modifier.quantity && disableNewSelections)}\n />\n }\n label={\n <Box className={classes.label}>\n <Label\n name={modifier.name}\n price={aggregatePrice[modifier.id] \|\| modifier.formattedPrice}\n disabled={isOutOfStock \|\| modifier.outOfStock}\n />\n {modifier.outOfStock && (\n <Box minWidth=\"90px\" marginLeft={2}>\n <StatusTag color=\"warning\" label=\"Out of stock\" variant=\"outlined\" size=\"md\" />\n </Box>\n )}\n </Box>\n }\n labelPlacement=\"start\"\n />\n {modifier.hasModifiers && !modifier.outOfStock && (\n <Options handleOptionsClick={() => handleOptionsClick(modifier.id)} />\n )}\n </Box>\n )\n })}\n </FormGroup>\n </FormControl>\n )\n}\nconst MultipleQuantitySelectControl = (props: ModifierOptionsControlProps) => {\n const { modifiers, isOutOfStock, onChange, disableNewSelections, handleOptionsClick, selectionQuantity } = props\n const makeHandleChange = (modifier: Modifier) => (_e: any, customEvent: QuantityChangeEvent) => {\n onChange({\n isRadio: false,\n modifierId: modifier.id,\n groupId: modifier.parentModifierGroupId,\n parentModifierId: modifier.parentModifierGroupItemId,\n price: modifier.price \|\| 0,\n quantity: customEvent.quantity,\n })\n }\n return (\n <FormControl fullWidth>\n <FormGroup>\n {modifiers.map((modifier) => (\n <Box key={modifier.id} style={{ justifyContent: 'space-between', flexDirection: 'column' }} display=\"flex\">\n <Box display=\"flex\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\">\n <Label\n name={modifier.name}\n price={modifier.formattedPrice}\n disabled={isOutOfStock \|\| modifier.outOfStock}\n />\n {modifier.outOfStock && (\n <Box minWidth=\"90px\" marginLeft={2}>\n <StatusTag color=\"warning\" label=\"Out of stock\" variant=\"outlined\" size=\"md\" />\n </Box>\n )}\n {!modifier.outOfStock && (\n <QuantityPicker\n variation=\"modifierCount\"\n value={modifier.quantity}\n disableIncrement={disableNewSelections}\n preventManualChange={true}\n onChange={makeHandleChange(modifier)}\n disabled={isOutOfStock \|\| modifier.outOfStock}\n name={modifier.name}\n />\n )}\n </Box>\n <Box display=\"flex\" alignItems=\"flex-start\" gridGap={4}>\n {modifier.hasModifiers && !modifier.outOfStock && (\n <Options handleOptionsClick={() => handleOptionsClick(modifier.id)} />\n )}\n {selectionQuantity[modifier.id] &&\n selectionQuantity[modifier.id].requiredSelectionCount > 0 &&\n selectionQuantity[modifier.id].requiredSelectionCount !==\n selectionQuantity[modifier.id].currentSelectionCount && (\n <Typography variant=\"caption\" color=\"error\">\n {selectionQuantity[modifier.id].currentSelectionCount}/\n {selectionQuantity[modifier.id].requiredSelectionCount} selected\n </Typography>\n )}\n </Box>\n </Box>\n ))}\n </FormGroup>\n </FormControl>\n )\n}\n\nexport const ModifierControls = (props: ModifierOptionsControlProps) => {\n switch (props.type) {\n case 'singleSelect':\n return <SingleSelectModifierControl {...props} />\n case 'multipleSelect':\n return <MultipleSelectControl {...props} />\n case 'multipleQuantitySelect':\n return <MultipleQuantitySelectControl {...props} />\n default:\n return null\n }\n}\n"],"names":["React"],"mappings":";;;;;;;;;;AA0BA,MAAM,KAAK,GAAG,CAAC,KAA0D,KAAI;IAC3E,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK;AAC/C,IAAA,MAAM,OAAO,GAAG,cAAc,EAAE;AAEhC,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAA;AACjE,QAAAA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,OAAO,EAAE,CAAC,EAAA;AAChD,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,EAAG,EAAA,IAAI,CAAc,CACpF;AACL,QAAA,KAAK,KACJA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,QAAQ,EAAE,CAAC,EAAA;;AAC9F,YAAA,KAAK,CACG,CACd,CACG;AAEV,CAAC;AAED,MAAM,OAAO,GAAG,CAAC,KAAyC,KAAI;AAC5D,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,KAAK;AACpC,IAAA,MAAM,OAAO,GAAG,gBAAgB,EAAE;IAElC,QACEA,6BAAC,GAAG,EAAA,IAAA;AACF,QAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,MAAM,EAAC,SAAS,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,kBAAkB,EAAA;AAC9E,YAAAA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,OAAO,EAAC,SAAS,EAAqB,EAAA,SAAA,CAAA;YAClDA,cAAC,CAAA,aAAA,CAAA,IAAI,IAAC,IAAI,EAAE,YAAY,EAAI,CAAA,CACrB,CACL;AAEV,CAAC;AAED,MAAM,2BAA2B,GAAG,CAAC,KAAkC,KAAI;AACzE,IAAA,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,UAAU,EAAE,GAAG,KAAK;AAChH,IAAA,MAAM,YAAY,GAAG,0BAA0B,EAAE;IACjD,MAAM,gBAAgB,GAAG,CAAC,QAAkB,KAAK,CAAC,CAAsC,KAAI;QAC1F,MAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC;AAClF,QAAA,IAAI,CAAC,iBAAiB,IAAI,QAAQ,CAAC,YAAY,EAAE;AAC/C,YAAA,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC;;AAGjC,QAAA,QAAQ,CAAC;AACP,YAAA,OAAO,EAAE,IAAI;YACb,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;YAClC,OAAO,EAAE,QAAQ,CAAC,qBAAqB;YACvC,gBAAgB,EAAE,QAAQ,CAAC,yBAAyB;AACpD,YAAA,KAAK,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;AAC1B,YAAA,QAAQ,EAAE,CAAC;AACZ,SAAA,CAAC;AACJ,KAAC;AACD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA;QACpBA,cAAC,CAAA,aAAA,CAAA,UAAU,kBAAa,IAAI,EAAA,EACzB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAA;AACnB,YAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EACf,EAAA,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,KAAK,EAAE,QAAQ,CAAC,EAAE,EAClB,SAAS,EAAE,YAAY,CAAC,IAAI,EAC5B,OAAO,EACLA,6BAAC,KAAK,EAAA,EACJ,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,UAAU,KAAK,QAAQ,CAAC,EAAE,EAC7C,SAAS,EAAE,UAAU,CAAC;AACpB,wBAAA,CAAC,YAAY,CAAC,SAAS,GAAG,QAAQ,CAAC,UAAU;wBAC7C,CAAC,YAAY,CAAC,KAAK,GAAG,CAAC,QAAQ,CAAC,UAAU;AAC3C,qBAAA,CAAC,EACF,QAAQ,EAAE,YAAY,IAAI,QAAQ,CAAC,UAAU,EAC7C,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EACpC,QAAQ,EAAE,UAAU,EACpB,CAAA,EAEJ,KAAK,EACHA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,SAAS,EAAE,YAAY,CAAC,KAAK,EAAA;AAChC,oBAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,cAAc,EAC7D,QAAQ,EAAE,YAAY,IAAI,QAAQ,CAAC,UAAU,EAC7C,CAAA;AACD,oBAAA,QAAQ,CAAC,UAAU,KAClBA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAE,CAAC,EAAA;wBAChCA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAG,CAAA,CAC3E,CACP,CACG,EAER,cAAc,EAAC,OAAO,EACtB,CAAA;AACD,YAAA,QAAQ,CAAC,YAAY,IAAI,CAAC,QAAQ,CAAC,UAAU,KAC5CA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,kBAAkB,EAAE,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAA,CAAI,CACvE,CACG,CACP,CAAC,CACS,CACD;AAElB,CAAC;AAED,MAAM,qBAAqB,GAAG,CAAC,KAAkC,KAAI;AACnE,IAAA,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,cAAc,EAAE,GAAG,KAAK;AACpH,IAAA,MAAM,OAAO,GAAG,6BAA6B,EAAE;IAC/C,MAAM,gBAAgB,GAAG,CAAC,QAAkB,KAAK,MAAK;QACpD,MAAM,iBAAiB,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC,EAAE,CAAC,CAAC;AAClF,QAAA,IAAI,CAAC,iBAAiB,IAAI,QAAQ,CAAC,YAAY,EAAE;AAC/C,YAAA,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC;;AAGjC,QAAA,QAAQ,CAAC;AACP,YAAA,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,QAAQ,CAAC,EAAE;YACvB,OAAO,EAAE,QAAQ,CAAC,qBAAqB;YACvC,gBAAgB,EAAE,QAAQ,CAAC,yBAAyB;AACpD,YAAA,KAAK,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;YAC1B,QAAQ,EAAE,iBAAiB,GAAG,CAAC,GAAG,CAAC;AACpC,SAAA,CAAC;AACJ,KAAC;AAED,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA;QACpBA,cAAC,CAAA,aAAA,CAAA,SAAS,QACP,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;YAC1B,QACEA,6BAAC,GAAG,EAAA,EAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAA;gBACnBA,cAAC,CAAA,aAAA,CAAA,gBAAgB,EACf,EAAA,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,KAAK,EAAE,QAAQ,CAAC,EAAE,EAClB,SAAS,EAAE,OAAO,CAAC,IAAI,EACvB,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC,EAAE,CAAC,EACxD,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EACpC,OAAO,EACLA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EACP,SAAS,EAAE,UAAU,CACnB,EAAE,CAAC,OAAO,CAAC,YAAY,GAAG,QAAQ,CAAC,UAAU,EAAE,EAC/C,EAAE,CAAC,OAAO,CAAC,QAAQ,GAAG,CAAC,QAAQ,CAAC,UAAU,EAAE,CAC7C,EACD,QAAQ,EAAE,YAAY,IAAI,QAAQ,CAAC,UAAU,KAAK,CAAC,QAAQ,CAAC,QAAQ,IAAI,oBAAoB,CAAC,EAAA,CAC7F,EAEJ,KAAK,EACHA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAA;AAC3B,wBAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,KAAK,EAAE,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC,IAAI,QAAQ,CAAC,cAAc,EAC7D,QAAQ,EAAE,YAAY,IAAI,QAAQ,CAAC,UAAU,EAC7C,CAAA;AACD,wBAAA,QAAQ,CAAC,UAAU,KAClBA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAE,CAAC,EAAA;4BAChCA,cAAC,CAAA,aAAA,CAAA,SAAS,EAAC,EAAA,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAG,CAAA,CAC3E,CACP,CACG,EAER,cAAc,EAAC,OAAO,EACtB,CAAA;gBACD,QAAQ,CAAC,YAAY,IAAI,CAAC,QAAQ,CAAC,UAAU,KAC5CA,cAAC,CAAA,aAAA,CAAA,OAAO,EAAC,EAAA,kBAAkB,EAAE,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAI,CAAA,CACvE,CACG;AAEV,SAAC,CAAC,CACQ,CACA;AAElB,CAAC;AACD,MAAM,6BAA6B,GAAG,CAAC,KAAkC,KAAI;AAC3E,IAAA,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,GAAG,KAAK;AAChH,IAAA,MAAM,gBAAgB,GAAG,CAAC,QAAkB,KAAK,CAAC,EAAO,EAAE,WAAgC,KAAI;AAC7F,QAAA,QAAQ,CAAC;AACP,YAAA,OAAO,EAAE,KAAK;YACd,UAAU,EAAE,QAAQ,CAAC,EAAE;YACvB,OAAO,EAAE,QAAQ,CAAC,qBAAqB;YACvC,gBAAgB,EAAE,QAAQ,CAAC,yBAAyB;AACpD,YAAA,KAAK,EAAE,QAAQ,CAAC,KAAK,IAAI,CAAC;YAC1B,QAAQ,EAAE,WAAW,CAAC,QAAQ;AAC/B,SAAA,CAAC;AACJ,KAAC;AACD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,WAAW,EAAA,EAAC,SAAS,EAAA,IAAA,EAAA;AACpB,QAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAA,IAAA,EACP,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,GAAG,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAE,OAAO,EAAC,MAAM,EAAA;AACxG,YAAAA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAC,EAAA,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAC,cAAc,EAAC,eAAe,EAAC,KAAK,EAAC,MAAM,EAAA;gBACjFA,cAAC,CAAA,aAAA,CAAA,KAAK,IACJ,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,KAAK,EAAE,QAAQ,CAAC,cAAc,EAC9B,QAAQ,EAAE,YAAY,IAAI,QAAQ,CAAC,UAAU,EAC7C,CAAA;AACD,gBAAA,QAAQ,CAAC,UAAU,KAClBA,cAAC,CAAA,aAAA,CAAA,GAAG,EAAC,EAAA,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAE,CAAC,EAAA;AAChC,oBAAAA,cAAA,CAAA,aAAA,CAAC,SAAS,EAAC,EAAA,KAAK,EAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,IAAI,EAAA,CAAG,CAC3E,CACP;gBACA,CAAC,QAAQ,CAAC,UAAU,KACnBA,cAAC,CAAA,aAAA,CAAA,cAAc,EACb,EAAA,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,QAAQ,CAAC,QAAQ,EACxB,gBAAgB,EAAE,oBAAoB,EACtC,mBAAmB,EAAE,IAAI,EACzB,QAAQ,EAAE,gBAAgB,CAAC,QAAQ,CAAC,EACpC,QAAQ,EAAE,YAAY,IAAI,QAAQ,CAAC,UAAU,EAC7C,IAAI,EAAE,QAAQ,CAAC,IAAI,EACnB,CAAA,CACH,CACG;AACN,YAAAA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,YAAY,EAAC,OAAO,EAAE,CAAC,EAAA;gBACnD,QAAQ,CAAC,YAAY,IAAI,CAAC,QAAQ,CAAC,UAAU,KAC5CA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAA,EAAC,kBAAkB,EAAE,MAAM,kBAAkB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAA,CAAI,CACvE;AACA,gBAAA,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC;oBAC7B,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,sBAAsB,GAAG,CAAC;AACzD,oBAAA,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,sBAAsB;AACnD,wBAAA,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,qBAAqB,KACpDA,cAAC,CAAA,aAAA,CAAA,UAAU,IAAC,OAAO,EAAC,SAAS,EAAC,KAAK,EAAC,OAAO,EAAA;AACxC,oBAAA,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,qBAAqB;;AACpD,oBAAA,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,sBAAsB;AAC3C,oBAAA,WAAA,CAAA,CACd,CACC,CACF,CACP,CAAC,CACQ,CACA;AAElB,CAAC;AAEY,MAAA,gBAAgB,GAAG,CAAC,KAAkC,KAAI;AACrE,IAAA,QAAQ,KAAK,CAAC,IAAI;AAChB,QAAA,KAAK,cAAc;AACjB,YAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,2BAA2B,EAAK,EAAA,GAAA,KAAK,GAAI;AACnD,QAAA,KAAK,gBAAgB;AACnB,YAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,qBAAqB,EAAK,EAAA,GAAA,KAAK,GAAI;AAC7C,QAAA,KAAK,wBAAwB;AAC3B,YAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,6BAA6B,EAAK,EAAA,GAAA,KAAK,GAAI;AACrD,QAAA;AACE,YAAA,OAAO,IAAI;;AAEjB;;;;"}
1	+ {"version":3,"file":"ModifierControls.js","sources":["../../../../src/components/DishModifierCard/ModifierControls.tsx"],"sourcesContent":["import {\n Box,\n Checkbox,\n FormControl,\n FormControlLabel,\n FormGroup,\n Radio,\n RadioGroup,\n Typography,\n} from '@material-ui/core'\nimport { Icon } from '@popmenu/common-ui'\nimport { ChevronRight } from '@popmenu/web-icons'\nimport classNames from 'classnames'\nimport React from 'react'\nimport { Button } from '../Button'\nimport type { QuantityChangeEvent } from '../QuantityPicker'\nimport { QuantityPicker } from '../QuantityPicker'\nimport { StatusTag } from '../StatusTag'\nimport {\n useCheckboxModifierFormStyles,\n useLabelStyles,\n useOptionsStyles,\n useRadioModifierFormStyles,\n} from './DishModifierCard.styles'\nimport { Modifier, ModifierOptionsControlProps } from './DishModifierCardProps'\n\nconst Label = (props: { name: string; price: string; disabled?: boolean }) => {\n const { name, price, disabled = false } = props\n const classes = useLabelStyles()\n\n return (\n <Box display=\"flex\" flexDirection=\"column\" className={classes.label}>\n <Box display=\"flex\" alignItems=\"center\" gridGap={8}>\n <Typography className={classNames({ [classes.disabled]: disabled })}>{name}</Typography>\n </Box>\n {price && (\n <Typography className={classNames({ [classes.price]: !disabled }, { [classes.disabled]: disabled })}>\n + {price}\n </Typography>\n )}\n </Box>\n )\n}\n\nconst Options = (props: { handleOptionsClick: () => void }) => {\n const { handleOptionsClick } = props\n const classes = useOptionsStyles()\n\n return (\n <Box>\n <Button variation=\"none\" className={classes.options} onClick={handleOptionsClick}>\n <Typography variant=\"caption\">OPTIONS</Typography>\n <Icon icon={ChevronRight} />\n </Button>\n </Box>\n )\n}\n\nconst SingleSelectModifierControl = (props: ModifierOptionsControlProps) => {\n const { modifiers, name, isOutOfStock, onChange, value, handleOptionsClick, aggregatePrice, isRequired } = props\n const radioClasses = useRadioModifierFormStyles()\n const makeHandleChange = (modifier: Modifier) => (e: React.ChangeEvent<HTMLInputElement>) => {\n const isModifierInValue = Boolean(value.find((v) => v.modifierId === modifier.id))\n if (!isModifierInValue && modifier.hasModifiers) {\n handleOptionsClick(modifier.id)\n }\n\n onChange({\n isRadio: true,\n modifierId: Number(e.target.value),\n groupId: modifier.parentModifierGroupId,\n parentModifierId: modifier.parentModifierGroupItemId,\n price: modifier.price \|\| 0,\n quantity: 1,\n })\n }\n return (\n <FormControl fullWidth>\n <RadioGroup aria-label={name}>\n {modifiers.map((modifier) => (\n <Box key={modifier.id}>\n <FormControlLabel\n key={modifier.id}\n value={modifier.id}\n className={radioClasses.root}\n control={\n <Radio\n checked={value[0]?.modifierId === modifier.id}\n className={classNames({\n [radioClasses.hideRadio]: modifier.outOfStock,\n [radioClasses.radio]: !modifier.outOfStock,\n })}\n disabled={isOutOfStock \|\| modifier.outOfStock}\n onChange={makeHandleChange(modifier)}\n required={isRequired}\n />\n }\n label={\n <Box className={radioClasses.label}>\n <Label\n name={modifier.name}\n price={aggregatePrice[modifier.id] \|\| modifier.formattedPrice}\n disabled={isOutOfStock \|\| modifier.outOfStock}\n />\n {modifier.outOfStock && (\n <Box minWidth=\"90px\" marginLeft={2}>\n <StatusTag color=\"warning\" label=\"Out of stock\" variant=\"outlined\" size=\"md\" />\n </Box>\n )}\n </Box>\n }\n labelPlacement=\"start\"\n />\n {modifier.hasModifiers && !modifier.outOfStock && (\n <Options handleOptionsClick={() => handleOptionsClick(modifier.id)} />\n )}\n </Box>\n ))}\n </RadioGroup>\n </FormControl>\n )\n}\n\nconst MultipleSelectControl = (props: ModifierOptionsControlProps) => {\n const { modifiers, value, isOutOfStock, onChange, disableNewSelections, handleOptionsClick, aggregatePrice } = props\n const classes = useCheckboxModifierFormStyles()\n const makeHandleChange = (modifier: Modifier) => () => {\n const isModifierInValue = Boolean(value.find((v) => v.modifierId === modifier.id))\n if (!isModifierInValue && modifier.hasModifiers) {\n handleOptionsClick(modifier.id)\n }\n\n onChange({\n isRadio: false,\n modifierId: modifier.id,\n groupId: modifier.parentModifierGroupId,\n parentModifierId: modifier.parentModifierGroupItemId,\n price: modifier.price \|\| 0,\n quantity: isModifierInValue ? 0 : 1,\n })\n }\n\n return (\n <FormControl fullWidth>\n <FormGroup>\n {modifiers.map((modifier) => {\n return (\n <Box key={modifier.id}>\n <FormControlLabel\n key={modifier.id}\n value={modifier.id}\n className={classes.root}\n checked={value.some((v) => v.modifierId === modifier.id)}\n onChange={makeHandleChange(modifier)}\n control={\n <Checkbox\n className={classNames(\n { [classes.hideCheckbox]: modifier.outOfStock },\n { [classes.checkbox]: !modifier.outOfStock },\n )}\n disabled={isOutOfStock \|\| modifier.outOfStock \|\| (!modifier.quantity && disableNewSelections)}\n />\n }\n label={\n <Box className={classes.label}>\n <Label\n name={modifier.name}\n price={aggregatePrice[modifier.id] \|\| modifier.formattedPrice}\n disabled={isOutOfStock \|\| modifier.outOfStock}\n />\n {modifier.outOfStock && (\n <Box minWidth=\"90px\" marginLeft={2}>\n <StatusTag color=\"warning\" label=\"Out of stock\" variant=\"outlined\" size=\"md\" />\n </Box>\n )}\n </Box>\n }\n labelPlacement=\"start\"\n />\n {modifier.hasModifiers && !modifier.outOfStock && (\n <Options handleOptionsClick={() => handleOptionsClick(modifier.id)} />\n )}\n </Box>\n )\n })}\n </FormGroup>\n </FormControl>\n )\n}\nconst MultipleQuantitySelectControl = (props: ModifierOptionsControlProps) => {\n const { modifiers, isOutOfStock, onChange, disableNewSelections, handleOptionsClick, selectionQuantity } = props\n const makeHandleChange = (modifier: Modifier) => (_e: any, customEvent: QuantityChangeEvent) => {\n onChange({\n isRadio: false,\n modifierId: modifier.id,\n groupId: modifier.parentModifierGroupId,\n parentModifierId: modifier.parentModifierGroupItemId,\n price: modifier.price \|\| 0,\n quantity: customEvent.quantity,\n })\n }\n return (\n <FormControl fullWidth>\n <FormGroup>\n {modifiers.map((modifier) => (\n <Box key={modifier.id} style={{ justifyContent: 'space-between', flexDirection: 'column' }} display=\"flex\">\n <Box display=\"flex\" alignItems=\"center\" justifyContent=\"space-between\" width=\"100%\">\n <Label\n name={modifier.name}\n price={modifier.formattedPrice}\n disabled={isOutOfStock \|\| modifier.outOfStock}\n />\n {modifier.outOfStock && (\n <Box minWidth=\"90px\" marginLeft={2}>\n <StatusTag color=\"warning\" label=\"Out of stock\" variant=\"outlined\" size=\"md\" />\n </Box>\n )}\n {!modifier.outOfStock && (\n <QuantityPicker\n variation=\"modifierCount\"\n value={modifier.quantity}\n disableIncrement={disableNewSelections}\n preventManualChange={true}\n onChange={makeHandleChange(modifier)}\n disabled={isOutOfStock \|\| modifier.outOfStock}\n name={modifier.name}\n />\n )}\n </Box>\n <Box display=\"flex\" alignItems=\"flex-start\" gridGap={4}>\n {modifier.hasModifiers && !modifier.outOfStock && (\n <Options handleOptionsClick={() => handleOptionsClick(modifier.id)} />\n )}\n {selectionQuantity[modifier.id] &&\n selectionQuantity[modifier.id].requiredSelectionCount > 0 &&\n selectionQuantity[modifier.id].requiredSelectionCount !==\n selectionQuantity[modifier.id].currentSelectionCount && (\n <Typography variant=\"caption\" color=\"error\">\n {selectionQuantity[modifier.id].currentSelectionCount}/\n {selectionQuantity[modifier.id].requiredSelectionCount} selected\n </Typography>\n )}\n </Box>\n </Box>\n ))}\n </FormGroup>\n </FormControl>\n )\n}\n\nexport const ModifierControls = (props: ModifierOptionsControlProps) => {\n switch (props.type) {\n case 'singleSelect':\n return <SingleSelectModifierControl {...props} />\n case 'multipleSelect':\n return <MultipleSelectControl {...props} />\n case 'multipleQuantitySelect':\n return <MultipleQuantitySelectControl {...props} />\n default:\n return null\n }\n}\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/DishModifierCard/ModifierForm.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CheckboxModifierFormProps, RadioModifierFormProps } from './DishModifierCardProps';
 export declare const CheckboxGroup: (props: CheckboxModifierFormProps) => JSX.Element;
 export declare const RadioGroup: (props: RadioModifierFormProps) => JSX.Element;

package/build/esm/components/LocationCard/LocationCard.d.ts CHANGED Viewed

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

package/build/esm/components/MenuBanner/MenuBanner.d.ts CHANGED Viewed

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

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

@@ -26,7 +26,7 @@ function MenuBannerButton(props) {
     if (!props.buttonLabel)
         return null;
     return (React__default.createElement(CardContent, { classes: { root: classes.content } },
-        React__default.createElement(Link, { component: 'button', variant: 'body2', className: classes.button, ...props.ButtonProps }, props.buttonLabel)));
+        React__default.createElement(Link, { ...{ component: 'button', variant: 'body2', className: classes.button }, ...props.ButtonProps }, props.buttonLabel)));
 }
 export { MenuBanner };

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

	@@ -1 +1 @@
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":";;;;;AAMa,MAAA,UAAU,GAAG,CAAC,KAAsB,KAAI;AACnD,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK;AACtB,IAAA,MAAM,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,EAAA,GAAA,KAAK,EAAI,CAAA;AACpC,QAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA,CAC1B;AAEX;AAEA,SAAS,qBAAqB,CAAC,KAAsB,EAAA;AACnD,IAAA,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK;AAC7B,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,MAAM,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;~~QAC7CA~~,~~cAAC~~,CAAA,aAAA,~~CAAA~~,IAAI,~~EAAO~~,EAAA,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,EAAA,~~GAAQ~~,KAAK,CAAC,WAAW,EAAA,EAClG,KAAK,CAAC,WAAW,CACb,CACK;AAElB;;;;"}
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":";;;;;AAMa,MAAA,UAAU,GAAG,CAAC,KAAsB,KAAI;AACnD,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK;AACtB,IAAA,MAAM,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,EAAA,GAAA,KAAK,EAAI,CAAA;AACpC,QAAAA,cAAA,CAAA,aAAA,CAAC,gBAAgB,EAAK,EAAA,GAAA,KAAK,EAAI,CAAA,CAC1B;AAEX;AAEA,SAAS,qBAAqB,CAAC,KAAsB,EAAA;AACnD,IAAA,MAAM,OAAO,GAAG,SAAS,CAAC,KAAK,CAAC;AAChC,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,KAAK;AAC7B,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,MAAM,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,EAAA,GAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,MAAM,EAAE,EAAA,GAAM,KAAK,CAAC,WAAW,EAAA,EAClG,KAAK,CAAC,WAAW,CACb,CACK;AAElB;;;;"}

package/build/esm/components/MenuBanner/MenuBannerIcons.d.ts CHANGED Viewed

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

package/build/esm/components/MenuBanner/MenuBannerProps.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { LinkProps } from '@material-ui/core';
-export type MenuBannerProps = {
+export declare type MenuBannerProps = {
     /** Controls the icon and font color for banner title */
     type: 'alert' | 'info' | 'offer';
     /** Message displayed as the banner's title */

package/build/esm/components/MenuDropdown/MenuDropdown.d.ts CHANGED Viewed

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

package/build/esm/components/MenuDropdown/MenuDropdownProps.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-export type MenuDropdownOption = {
+export declare type MenuDropdownOption = {
     id: number | string;
     name: string;
     isUnavailable?: boolean;

package/build/esm/components/MenuFilter/MenuFilter.d.ts CHANGED Viewed

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

package/build/esm/components/MenuFilter/MenuFilter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuFilter.js","sources":["../../../../src/components/MenuFilter/MenuFilter.tsx"],"sourcesContent":["import { Box, Button, Menu, MenuItem } from '@material-ui/core'\nimport { Icon } from '@popmenu/common-ui'\nimport React, { MouseEvent, useState } from 'react'\nimport { ItemTag } from '../ItemTag'\nimport { LeafIcon } from './LeafIcon'\nimport { useMenuFilterStyles } from './MenuFilter.styles'\nimport { MenuFilterChangeHandler, MenuFilterOption, MenuFilterProps } from './MenuFilterProps'\n\nexport const MenuFilter = (props: MenuFilterProps): JSX.Element => {\n const { options, onChange, onClear, value, triggerLabel = 'Add Filter', noOptionsLabel = 'Reset Filters' } = props\n const triggerId = 'menu-filter-trigger'\n const popoverId = 'menu-filter-popover'\n const classes = useMenuFilterStyles()\n const [anchorEl, setAnchorEl] = useState<HTMLElement \| null>(null)\n const open = Boolean(anchorEl)\n const optionIds = options.map((opt) => opt.id)\n const valueIds = value.map((val) => val.id)\n const availableIds = optionIds.filter((optionId) => !valueIds.includes(optionId))\n const availableFilters = options.filter((opt) => availableIds.includes(opt.id))\n const allFiltersSelected = availableFilters.length === 0\n const handleChange: MenuFilterChangeHandler = (value, event) => {\n onChange(value, event)\n setAnchorEl(null)\n }\n\n const handleTriggerClick = (event: MouseEvent<HTMLElement>) => {\n setAnchorEl(event.currentTarget)\n }\n\n const handleClose = () => {\n setAnchorEl(null)\n }\n\n const handleClear = () => {\n onClear()\n setAnchorEl(null)\n }\n\n if (allFiltersSelected) {\n return (\n <Button\n size=\"small\"\n startIcon={<Icon icon={LeafIcon} />}\n classes={{ label: classes.triggerLabel }}\n onClick={handleClear}\n >\n {noOptionsLabel}\n </Button>\n )\n }\n\n return (\n <React.Fragment>\n <Button\n id={triggerId}\n aria-controls={popoverId}\n aria-haspopup=\"true\"\n aria-expanded={open}\n onClick={handleTriggerClick}\n size=\"small\"\n startIcon={<Icon icon={LeafIcon} />}\n classes={{ label: classes.triggerLabel }}\n >\n {triggerLabel}\n </Button>\n <Menu id={popoverId} anchorEl={anchorEl} open={open} onClose={handleClose}>\n {availableFilters.map((option: MenuFilterOption, index) => {\n return (\n <MenuItem key={index} value={option.id} onClick={(event) => handleChange(option, event)}>\n <ItemTag alt={option.abbr} color={option.color}>\n {option.abbr}\n </ItemTag>\n <Box ml={1}>{option.name}</Box>\n </MenuItem>\n )\n })}\n </Menu>\n </React.Fragment>\n )\n}\n"],"names":["React","LeafIcon"],"mappings":";;;;;;;AAQa,MAAA,UAAU,GAAG,CAAC,KAAsB,KAAiB;AAChE,IAAA,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,GAAG,YAAY,EAAE,cAAc,GAAG,eAAe,EAAE,GAAG,KAAK;IAClH,MAAM,SAAS,GAAG,qBAAqB;IACvC,MAAM,SAAS,GAAG,qBAAqB;AACvC,IAAA,MAAM,OAAO,GAAG,mBAAmB,EAAE;IACrC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,IAAI,CAAC;AAClE,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,QAAQ,CAAC;AAC9B,IAAA,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;AAC9C,IAAA,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC;AAC3C,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjF,MAAM,gBAAgB,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAC/E,IAAA,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,MAAM,KAAK,CAAC;AACxD,IAAA,MAAM,YAAY,GAA4B,CAAC,KAAK,EAAE,KAAK,KAAI;AAC7D,QAAA,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC;QACtB,WAAW,CAAC,IAAI,CAAC;AACnB,KAAC;AAED,IAAA,MAAM,kBAAkB,GAAG,CAAC,KAA8B,KAAI;AAC5D,QAAA,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC;AAClC,KAAC;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,WAAW,CAAC,IAAI,CAAC;AACnB,KAAC;IAED,MAAM,WAAW,GAAG,MAAK;AACvB,QAAA,OAAO,EAAE;QACT,WAAW,CAAC,IAAI,CAAC;AACnB,KAAC;~~IAED~~,IAAI,kBAAkB,EAAE;AACtB,QAAA,QACEA,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,OAAO,EACZ,SAAS,EAAEA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAEC,WAAQ,EAAA,CAAI,EACnC,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,YAAY,EAAE,EACxC,OAAO,EAAE,WAAW,EAAA,EAEnB,cAAc,CACR~~;;AAIb~~,IAAA,QACED,cAAA,CAAA,aAAA,CAACA,cAAK,CAAC,QAAQ,EAAA,IAAA;AACb,QAAAA,cAAA,CAAA,aAAA,CAAC,MAAM,EACL,EAAA,EAAE,EAAE,SAAS,EAAA,eAAA,EACE,SAAS,EACV,eAAA,EAAA,MAAM,EACL,eAAA,EAAA,IAAI,EACnB,OAAO,EAAE,kBAAkB,EAC3B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAEA,6BAAC,IAAI,EAAA,EAAC,IAAI,EAAEC,WAAQ,GAAI,EACnC,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,YAAY,EAAE,EAAA,EAEvC,YAAY,CACN;QACTD,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EACtE,EAAA,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAwB,EAAE,KAAK,KAAI;YACxD,QACEA,cAAC,CAAA,aAAA,CAAA,QAAQ,EAAC,EAAA,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,EAAE,OAAO,EAAE,CAAC,KAAK,KAAK,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,EAAA;AACrF,gBAAAA,cAAA,CAAA,aAAA,CAAC,OAAO,EAAC,EAAA,GAAG,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IAC3C,MAAM,CAAC,IAAI,CACJ;AACV,gBAAAA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,CAAC,EAAA,EAAG,MAAM,CAAC,IAAI,CAAO,CACtB;AAEf,SAAC,CAAC,CACG,CACQ;AAErB;;;;"}
1	+ {"version":3,"file":"MenuFilter.js","sources":["../../../../src/components/MenuFilter/MenuFilter.tsx"],"sourcesContent":["import { Box, Button, Menu, MenuItem } from '@material-ui/core'\nimport { Icon } from '@popmenu/common-ui'\nimport React, { MouseEvent, useState } from 'react'\nimport { ItemTag } from '../ItemTag'\nimport { LeafIcon } from './LeafIcon'\nimport { useMenuFilterStyles } from './MenuFilter.styles'\nimport { MenuFilterChangeHandler, MenuFilterOption, MenuFilterProps } from './MenuFilterProps'\n\nexport const MenuFilter = (props: MenuFilterProps): JSX.Element => {\n const { options, onChange, onClear, value, triggerLabel = 'Add Filter', noOptionsLabel = 'Reset Filters' } = props\n const triggerId = 'menu-filter-trigger'\n const popoverId = 'menu-filter-popover'\n const classes = useMenuFilterStyles()\n const [anchorEl, setAnchorEl] = useState<HTMLElement \| null>(null)\n const open = Boolean(anchorEl)\n const optionIds = options.map((opt) => opt.id)\n const valueIds = value.map((val) => val.id)\n const availableIds = optionIds.filter((optionId) => !valueIds.includes(optionId))\n const availableFilters = options.filter((opt) => availableIds.includes(opt.id))\n const allFiltersSelected = availableFilters.length === 0\n const handleChange: MenuFilterChangeHandler = (value, event) => {\n onChange(value, event)\n setAnchorEl(null)\n }\n\n const handleTriggerClick = (event: MouseEvent<HTMLElement>) => {\n setAnchorEl(event.currentTarget)\n }\n\n const handleClose = () => {\n setAnchorEl(null)\n }\n\n const handleClear = () => {\n onClear()\n setAnchorEl(null)\n }\n\n if (allFiltersSelected) {\n return (\n <Button\n size=\"small\"\n startIcon={<Icon icon={LeafIcon} />}\n classes={{ label: classes.triggerLabel }}\n onClick={handleClear}\n >\n {noOptionsLabel}\n </Button>\n )\n }\n\n return (\n <React.Fragment>\n <Button\n id={triggerId}\n aria-controls={popoverId}\n aria-haspopup=\"true\"\n aria-expanded={open}\n onClick={handleTriggerClick}\n size=\"small\"\n startIcon={<Icon icon={LeafIcon} />}\n classes={{ label: classes.triggerLabel }}\n >\n {triggerLabel}\n </Button>\n <Menu id={popoverId} anchorEl={anchorEl} open={open} onClose={handleClose}>\n {availableFilters.map((option: MenuFilterOption, index) => {\n return (\n <MenuItem key={index} value={option.id} onClick={(event) => handleChange(option, event)}>\n <ItemTag alt={option.abbr} color={option.color}>\n {option.abbr}\n </ItemTag>\n <Box ml={1}>{option.name}</Box>\n </MenuItem>\n )\n })}\n </Menu>\n </React.Fragment>\n )\n}\n"],"names":["React","LeafIcon"],"mappings":"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"}

package/build/esm/components/MenuFilter/MenuFilterProps.d.ts CHANGED Viewed

@@ -1,11 +1,12 @@
-export type MenuFilterOption = {
+/// <reference types="react" />
+export declare type MenuFilterOption = {
     id: string;
     abbr: string;
     color: string;
     name: string;
 };
-export type MenuFilterChangeHandler = (value: MenuFilterOption, event: React.MouseEvent<HTMLElement>) => void;
-export type MenuFilterClearHandler = () => void;
+export declare type MenuFilterChangeHandler = (value: MenuFilterOption, event: React.MouseEvent<HTMLElement>) => void;
+export declare type MenuFilterClearHandler = () => void;
 export interface MenuFilterProps {
     /** Callback for setting menu filters  */
     onChange: MenuFilterChangeHandler;

package/build/esm/components/MenuItem/MenuItemImg.d.ts CHANGED Viewed

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

package/build/esm/components/MenuItem/MenuItemImg.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItemImg.js","sources":["../../../../src/components/MenuItem/MenuItemImg.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, makeStyles } from '@material-ui/core'\n\nimport { MenuItemProps } from './MenuItemProps'\n\nconst useStyles = makeStyles(() => ({\n img: {\n objectFit: 'cover',\n width: '100%',\n height: '100%',\n },\n}))\n\nexport const MenuItemImg = (props: Pick<MenuItemProps, 'image'>) => {\n const { image = {} } = props\n const { src } = image\n const classes = useStyles()\n\n if (!src) {\n return null\n }\n\n return (\n <Box width={125} height=\"100%\" borderRadius={16} overflow=\"hidden\" flexShrink={0}>\n {<img src={src} alt=\"\" className={classes.img} />}\n </Box>\n )\n}\n"],"names":["React"],"mappings":";;;AAKA,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO;AAClC,IAAA,GAAG,EAAE;AACH,QAAA,SAAS,EAAE,OAAO;AAClB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAEU,MAAA,WAAW,GAAG,CAAC,KAAmC,KAAI;AACjE,IAAA,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,KAAK;AAC5B,IAAA,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK;AACrB,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAE3B,IAAI,CAAC,GAAG,EAAE;AACR,QAAA,OAAO,IAAI~~;;AAGb~~,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAC,MAAM,EAAC,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,EAC7E,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAE,OAAO,CAAC,GAAG,EAAI,CAAA,CAC7C;AAEV;;;;"}
1	+ {"version":3,"file":"MenuItemImg.js","sources":["../../../../src/components/MenuItem/MenuItemImg.tsx"],"sourcesContent":["import React from 'react'\nimport { Box, makeStyles } from '@material-ui/core'\n\nimport { MenuItemProps } from './MenuItemProps'\n\nconst useStyles = makeStyles(() => ({\n img: {\n objectFit: 'cover',\n width: '100%',\n height: '100%',\n },\n}))\n\nexport const MenuItemImg = (props: Pick<MenuItemProps, 'image'>) => {\n const { image = {} } = props\n const { src } = image\n const classes = useStyles()\n\n if (!src) {\n return null\n }\n\n return (\n <Box width={125} height=\"100%\" borderRadius={16} overflow=\"hidden\" flexShrink={0}>\n {<img src={src} alt=\"\" className={classes.img} />}\n </Box>\n )\n}\n"],"names":["React"],"mappings":";;;AAKA,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO;AAClC,IAAA,GAAG,EAAE;AACH,QAAA,SAAS,EAAE,OAAO;AAClB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACF,CAAA,CAAC,CAAC;AAEU,MAAA,WAAW,GAAG,CAAC,KAAmC,KAAI;AACjE,IAAA,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,GAAG,KAAK;AAC5B,IAAA,MAAM,EAAE,GAAG,EAAE,GAAG,KAAK;AACrB,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAE3B,IAAI,CAAC,GAAG,EAAE;AACR,QAAA,OAAO,IAAI;AACZ;AAED,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAC,MAAM,EAAC,YAAY,EAAE,EAAE,EAAE,QAAQ,EAAC,QAAQ,EAAC,UAAU,EAAE,CAAC,EAC7E,EAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,GAAG,EAAE,GAAG,EAAC,EAAE,EAAC,SAAS,EAAE,OAAO,CAAC,GAAG,EAAI,CAAA,CAC7C;AAEV;;;;"}

package/build/esm/components/MenuItem/MenuItemPrice.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MenuItemProps } from './MenuItemProps';
-export declare const MenuItemPrice: (props: Pick<MenuItemProps, "price" | "available">) => JSX.Element;
+export declare const MenuItemPrice: (props: Pick<MenuItemProps, 'price' | 'available'>) => JSX.Element;

package/build/esm/components/MenuItem/MenuItemProps.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
-export type Maybe<T> = T | null;
+export declare type Maybe<T> = T | null;
 export interface MenuItemProps {
     /** Label for the CardActionArea. */
     ariaLabel: string;

package/build/esm/components/MenuItem/MenuItemReactions.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { MenuItemProps } from './MenuItemProps';
-export declare const MenuItemReactions: (props: Pick<MenuItemProps, "likeCount" | "reviewCount">) => JSX.Element;
+export declare const MenuItemReactions: (props: Pick<MenuItemProps, 'likeCount' | 'reviewCount'>) => JSX.Element;

package/build/esm/components/MenuItem/MenuItemTags.d.ts CHANGED Viewed

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

package/build/esm/components/MenuItemGroup/MenuItemGroup.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React from 'react';
 export declare const MenuItemGroup: React.ForwardRefExoticComponent<{
     children: React.ReactNode;
-    className?: string;
+    className?: string | undefined;
 } & React.RefAttributes<unknown>>;

package/build/esm/components/MenuItemGroup/MenuItemGroup.js CHANGED Viewed

@@ -6,7 +6,7 @@ import classNames from 'classnames';
 const MenuItemGroup = forwardRef((props, ref) => {
     const classes = useStyles();
     const { children, className, ...restProps } = props;
-    return (React__default.createElement(Box, { className: classNames(classes.main, className), ref, "data-component-type": "menu-item-group", ...restProps }, props.children));
+    return (React__default.createElement(Box, { className: classNames(classes.main, className), ...{ ref }, "data-component-type": "menu-item-group", ...restProps }, props.children));
 });
 MenuItemGroup.displayName = 'MenuItemGroup';

package/build/esm/components/MenuItemGroup/MenuItemGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItemGroup.js","sources":["../../../../src/components/MenuItemGroup/MenuItemGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\nimport { useStyles } from './MenuItemGroupStyles'\nimport classNames from 'classnames'\nexport const MenuItemGroup = forwardRef((props: { children: React.ReactNode; className?: string }, ref) => {\n const classes = useStyles()\n const { children, className, ...restProps } = props\n return (\n <Box\n className={classNames(classes.main, className)}\n {...{ ref }}\n data-component-type=\"menu-item-group\"\n {...restProps}\n >\n {props.children}\n </Box>\n )\n})\n\nMenuItemGroup.displayName = 'MenuItemGroup'\n"],"names":["React"],"mappings":";;;;;AAIa,MAAA,aAAa,GAAG,UAAU,CAAC,CAAC,KAAwD,EAAE,GAAG,KAAI;AACxG,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;~~IACnD~~,QACEA,~~cAAC~~,CAAA,aAAA,~~CAAA~~,GAAG,EACF,~~EAAA,~~SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,~~EACxC~~,GAAG,~~EACW~~,qBAAA,EAAA,iBAAiB,EACjC,GAAA,SAAS,EAEZ,EAAA,KAAK,CAAC,QAAQ,CACX;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
1	+ {"version":3,"file":"MenuItemGroup.js","sources":["../../../../src/components/MenuItemGroup/MenuItemGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\nimport { useStyles } from './MenuItemGroupStyles'\nimport classNames from 'classnames'\nexport const MenuItemGroup = forwardRef((props: { children: React.ReactNode; className?: string }, ref) => {\n const classes = useStyles()\n const { children, className, ...restProps } = props\n return (\n <Box\n className={classNames(classes.main, className)}\n {...{ ref }}\n data-component-type=\"menu-item-group\"\n {...restProps}\n >\n {props.children}\n </Box>\n )\n})\n\nMenuItemGroup.displayName = 'MenuItemGroup'\n"],"names":["React"],"mappings":";;;;;AAIa,MAAA,aAAa,GAAG,UAAU,CAAC,CAAC,KAAwD,EAAE,GAAG,KAAI;AACxG,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACnD,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,IAAI,EAAE,SAAS,CAAC,EAC1C,GAAA,EAAE,GAAG,EAAE,EACS,qBAAA,EAAA,iBAAiB,EACjC,GAAA,SAAS,EAEZ,EAAA,KAAK,CAAC,QAAQ,CACX;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/build/esm/components/MenuSection/MenuSection.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { Skeleton } from '@material-ui/lab';
 const MenuSection = forwardRef((props, ref) => {
     const { name, children, loading, ...restProps } = props;
     const classes = useStyles();
-    return (React__default.createElement(Box, { ...restProps, ref, component: 'section', "data-component-type": "menu-section", style: { scrollMarginTop: '70px' } },
+    return (React__default.createElement(Box, { ...restProps, ...{ ref, component: 'section' }, "data-component-type": "menu-section", style: { scrollMarginTop: '70px' } },
         React__default.createElement(Box, { marginTop: 1, marginBottom: 4 },
             React__default.createElement(Typography, { component: "h1", className: classes.title }, loading ? React__default.createElement(Skeleton, null) : name)),
         children));

package/build/esm/components/MenuSection/MenuSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuSection.js","sources":["../../../../src/components/MenuSection/MenuSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box, Typography } from '@material-ui/core'\nimport { MenuSectionProps } from './MenuSectionProps'\nimport { useStyles } from './MenuSectionStyles'\nimport { Skeleton } from '@material-ui/lab'\n\nexport const MenuSection = forwardRef((props: MenuSectionProps, ref) => {\n const { name, children, loading, ...restProps } = props\n const classes = useStyles()\n return (\n <Box\n {...restProps}\n {...{ ref, component: 'section' }}\n data-component-type=\"menu-section\"\n style={{ scrollMarginTop: '70px' }}\n >\n <Box marginTop={1} marginBottom={4}>\n <Typography component=\"h1\" className={classes.title}>\n {loading ? <Skeleton /> : name}\n </Typography>\n </Box>\n {children}\n </Box>\n )\n})\n\nMenuSection.displayName = 'MenuSection'\n"],"names":["React"],"mappings":";;;;;AAMa,MAAA,WAAW,GAAG,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAG,KAAI;AACrE,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACvD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,QACEA,6BAAC,GAAG,EAAA,EAAA,GACE,SAAS,~~EACP~~,GAAG,EAAE,SAAS,EAAE,SAAS,~~EACX~~,qBAAA,~~EAAA~~,cAAc,EAClC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,EAAA;QAElCA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAA;YAChCA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAA,EAChD,OAAO,GAAGA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,CAAG,GAAG,IAAI,CACnB,CACT;QACL,QAAQ,CACL;AAEV,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
1	+ {"version":3,"file":"MenuSection.js","sources":["../../../../src/components/MenuSection/MenuSection.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box, Typography } from '@material-ui/core'\nimport { MenuSectionProps } from './MenuSectionProps'\nimport { useStyles } from './MenuSectionStyles'\nimport { Skeleton } from '@material-ui/lab'\n\nexport const MenuSection = forwardRef((props: MenuSectionProps, ref) => {\n const { name, children, loading, ...restProps } = props\n const classes = useStyles()\n return (\n <Box\n {...restProps}\n {...{ ref, component: 'section' }}\n data-component-type=\"menu-section\"\n style={{ scrollMarginTop: '70px' }}\n >\n <Box marginTop={1} marginBottom={4}>\n <Typography component=\"h1\" className={classes.title}>\n {loading ? <Skeleton /> : name}\n </Typography>\n </Box>\n {children}\n </Box>\n )\n})\n\nMenuSection.displayName = 'MenuSection'\n"],"names":["React"],"mappings":";;;;;AAMa,MAAA,WAAW,GAAG,UAAU,CAAC,CAAC,KAAuB,EAAE,GAAG,KAAI;AACrE,IAAA,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACvD,IAAA,MAAM,OAAO,GAAG,SAAS,EAAE;IAC3B,QACEA,6BAAC,GAAG,EAAA,EAAA,GACE,SAAS,EACT,GAAA,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,EAAA,qBAAA,EACb,cAAc,EAClC,KAAK,EAAE,EAAE,eAAe,EAAE,MAAM,EAAE,EAAA;QAElCA,cAAC,CAAA,aAAA,CAAA,GAAG,IAAC,SAAS,EAAE,CAAC,EAAE,YAAY,EAAE,CAAC,EAAA;YAChCA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAC,EAAA,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,OAAO,CAAC,KAAK,EAAA,EAChD,OAAO,GAAGA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,CAAG,GAAG,IAAI,CACnB,CACT;QACL,QAAQ,CACL;AAEV,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}

package/build/esm/components/MenuSection/MenuSectionProps.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { BoxProps } from '@material-ui/core';
 export interface MenuSectionProps extends BoxProps {
     /** when true, will render a skeleton in place of the section title */

package/build/esm/components/MenuSectionGroup/MenuSectionGroup.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { Box } from '@material-ui/core';
 const MenuSectionGroup = forwardRef((props, ref) => {
     const { children, ...restProps } = props;
-    return (React__default.createElement(Box, { display: "flex", flexDirection: "column", gridGap: 40, marginBottom: 4, ...restProps, ref, "data-component-type": "menu-section-group" }, children));
+    return (React__default.createElement(Box, { display: "flex", flexDirection: "column", gridGap: 40, marginBottom: 4, ...restProps, ...{ ref }, "data-component-type": "menu-section-group" }, children));
 });
 MenuSectionGroup.displayName = 'MenuSectionGroup';

package/build/esm/components/MenuSectionGroup/MenuSectionGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuSectionGroup.js","sources":["../../../../src/components/MenuSectionGroup/MenuSectionGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\n\nexport const MenuSectionGroup = forwardRef((props: { id: string; children: React.ReactNode }, ref) => {\n const { children, ...restProps } = props\n return (\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n gridGap={40}\n marginBottom={4}\n {...restProps}\n {...{ ref }}\n data-component-type=\"menu-section-group\"\n >\n {children}\n </Box>\n )\n})\n\nMenuSectionGroup.displayName = 'MenuSectionGroup'\n"],"names":["React"],"mappings":";;;AAGa,MAAA,gBAAgB,GAAG,UAAU,CAAC,CAAC,KAAgD,EAAE,GAAG,KAAI;IACnG,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACxC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,CAAC,~~EAAA~~,~~GACX~~,SAAS,~~EACP~~,GAAG,EAAA,qBAAA,~~EACW~~,oBAAoB,EAAA,EAEvC,QAAQ,CACL;AAEV,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
1	+ {"version":3,"file":"MenuSectionGroup.js","sources":["../../../../src/components/MenuSectionGroup/MenuSectionGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\n\nexport const MenuSectionGroup = forwardRef((props: { id: string; children: React.ReactNode }, ref) => {\n const { children, ...restProps } = props\n return (\n <Box\n display=\"flex\"\n flexDirection=\"column\"\n gridGap={40}\n marginBottom={4}\n {...restProps}\n {...{ ref }}\n data-component-type=\"menu-section-group\"\n >\n {children}\n </Box>\n )\n})\n\nMenuSectionGroup.displayName = 'MenuSectionGroup'\n"],"names":["React"],"mappings":";;;AAGa,MAAA,gBAAgB,GAAG,UAAU,CAAC,CAAC,KAAgD,EAAE,GAAG,KAAI;IACnG,MAAM,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACxC,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAE,EAAE,EACX,YAAY,EAAE,CAAC,EACX,GAAA,SAAS,KACT,EAAE,GAAG,EAAE,EAAA,qBAAA,EACS,oBAAoB,EAAA,EAEvC,QAAQ,CACL;AAEV,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/build/esm/components/MenuTab/MenuTab.d.ts CHANGED Viewed

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

package/build/esm/components/MenuTab/MenuTab.js CHANGED Viewed

@@ -6,10 +6,10 @@ import { useMenuTabStyles } from './MenuTab.styles.js';
 const MenuTab = (props) => {
     const { isUnavailable, value } = props;
-    const classes = useMenuTabStyles(props);
+    const classes = useMenuTabStyles({ isUnavailable });
     return (React__default.createElement(Tab, { "data-tab-for-section-id": value, classes: {
             root: classes.root,
-        }, disabled: isUnavailable, icon: isUnavailable ? React__default.createElement(Icon, { icon: Clock, size: "large" }) : undefined, ...props }));
+        }, icon: isUnavailable ? React__default.createElement(Icon, { icon: Clock, size: "large" }) : undefined, ...props }));
 };
 export { MenuTab };

package/build/esm/components/MenuTab/MenuTab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuTab.js","sources":["../../../../src/components/MenuTab/MenuTab.tsx"],"sourcesContent":["import React from 'react'\nimport { Tab } from '@material-ui/core'\nimport { Clock } from '@popmenu/web-icons'\nimport { Icon } from '@popmenu/common-ui'\n\nimport { useMenuTabStyles } from './MenuTab.styles'\nimport { MenuTabProps } from './MenuTabProps'\n\nexport const MenuTab = (props: MenuTabProps) => {\n const { isUnavailable, value } = props\n const classes = useMenuTabStyles(~~props~~)\n\n return (\n <Tab\n data-tab-for-section-id={value}\n classes={{\n root: classes.root,\n }}\n ~~disabled={isUnavailable}\n~~ icon={isUnavailable ? <Icon icon={Clock} size=\"large\" /> : undefined}\n {...props}\n />\n )\n}\n"],"names":["React"],"mappings":";;;;;;AAQa,MAAA,OAAO,GAAG,CAAC,KAAmB,KAAI;AAC7C,IAAA,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,KAAK;~~AACtC~~,~~IAAA,~~MAAM,OAAO,GAAG,gBAAgB,CAAC,~~KAAK~~,CAAC;~~AAEvC~~,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,+BACuB,KAAK,EAC9B,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;~~AACnB~~,~~SAAA,~~EACD,~~QAAQ,EAAE,aAAa,EACvB,~~IAAI,EAAE,aAAa,GAAGA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,~~EAAG~~,~~CAAA~~,GAAG,SAAS,~~EAAA~~,~~GAChE~~,KAAK,~~EAAA~~,~~CACT~~;AAEN;;;;"}
1	+ {"version":3,"file":"MenuTab.js","sources":["../../../../src/components/MenuTab/MenuTab.tsx"],"sourcesContent":["import React from 'react'\nimport { Tab } from '@material-ui/core'\nimport { Clock } from '@popmenu/web-icons'\nimport { Icon } from '@popmenu/common-ui'\n\nimport { useMenuTabStyles } from './MenuTab.styles'\nimport { MenuTabProps } from './MenuTabProps'\n\nexport const MenuTab = (props: MenuTabProps) => {\n const { isUnavailable, value } = props\n const classes = useMenuTabStyles({ isUnavailable })\n\n return (\n <Tab\n data-tab-for-section-id={value}\n classes={{\n root: classes.root,\n }}\n icon={isUnavailable ? <Icon icon={Clock} size=\"large\" /> : undefined}\n {...props}\n />\n )\n}\n"],"names":["React"],"mappings":";;;;;;AAQa,MAAA,OAAO,GAAG,CAAC,KAAmB,KAAI;AAC7C,IAAA,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,KAAK;IACtC,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,aAAa,EAAE,CAAC;AAEnD,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,GAAG,+BACuB,KAAK,EAC9B,OAAO,EAAE;YACP,IAAI,EAAE,OAAO,CAAC,IAAI;SACnB,EACD,IAAI,EAAE,aAAa,GAAGA,cAAC,CAAA,aAAA,CAAA,IAAI,EAAC,EAAA,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,OAAO,EAAA,CAAG,GAAG,SAAS,EAChE,GAAA,KAAK,EACT,CAAA;AAEN;;;;"}

package/build/esm/components/MenuTab/MenuTab.styles.d.ts CHANGED Viewed

@@ -1 +1,4 @@
-export declare const useMenuTabStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<string>;
+export interface MenuTabStylesProps {
+    isUnavailable: boolean | undefined;
+}
+export declare const useMenuTabStyles: (props: MenuTabStylesProps) => import("@material-ui/styles").ClassNameMap<string>;

package/build/esm/components/MenuTab/MenuTab.styles.js CHANGED Viewed

@@ -1,7 +1,8 @@
 import { makeStyles } from '@material-ui/core';
 const useMenuTabStyles = makeStyles(({ palette, spacing }) => ({
-    root: {
+    root: ({ isUnavailable }) => ({
+        color: isUnavailable ? `${palette.grey[700]} !important` : 'inherit',
         '& > .MuiTab-wrapper': {
             flexDirection: 'row-reverse',
             gridGap: spacing(1),
@@ -10,10 +11,7 @@ const useMenuTabStyles = makeStyles(({ palette, spacing }) => ({
                 marginBottom: '0 !important',
             },
         },
-    },
-    isUnavailable: {
-        color: palette.grey[700],
-    },
+    }),
 }));
 export { useMenuTabStyles };

package/build/esm/components/MenuTab/MenuTab.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuTab.styles.js","sources":["../../../../src/components/MenuTab/MenuTab.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport const useMenuTabStyles = makeStyles<Theme>(({ palette, spacing }) => ({\n root: {\n '& > .MuiTab-wrapper': {\n flexDirection: 'row-reverse',\n gridGap: spacing(1),\n textAlign: 'center',\n\n '& > svg': {\n marginBottom: '0 !important',\n },\n },\n },\n ~~isUnavailable: {\n color: palette.grey[700],\n~~ }~~,\n}~~))\n"],"names":[],"mappings":";;~~AAEO~~,MAAM,gBAAgB,GAAG,UAAU,~~CAAQ~~,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;~~AAC3E~~,~~IAAA,~~IAAI,EAAE;~~AACJ~~,QAAA,qBAAqB,EAAE;AACrB,YAAA,aAAa,EAAE,aAAa;AAC5B,YAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACnB,YAAA,SAAS,EAAE,QAAQ;AAEnB,YAAA,SAAS,EAAE;AACT,gBAAA,YAAY,EAAE,cAAc;AAC7B,aAAA;AACF,SAAA;~~AACF~~,~~KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,KAAK,EAAE,OAAO,~~CAAC~~,IAAI,CAAC,GAAG,CAAC~~;~~AACzB~~,~~KAAA;AACF,~~CAAA,CAAC;;;;"}
1	+ {"version":3,"file":"MenuTab.styles.js","sources":["../../../../src/components/MenuTab/MenuTab.styles.ts"],"sourcesContent":["import { makeStyles, Theme } from '@material-ui/core'\n\nexport interface MenuTabStylesProps {\n isUnavailable: boolean \| undefined\n}\nexport const useMenuTabStyles = makeStyles<Theme, MenuTabStylesProps>(({ palette, spacing }) => ({\n root: ({ isUnavailable }) => ({\n color: isUnavailable ? `${palette.grey[700]} !important` : 'inherit',\n '& > .MuiTab-wrapper': {\n flexDirection: 'row-reverse',\n gridGap: spacing(1),\n textAlign: 'center',\n\n '& > svg': {\n marginBottom: '0 !important',\n },\n },\n }),\n}))\n"],"names":[],"mappings":";;AAKO,MAAM,gBAAgB,GAAG,UAAU,CAA4B,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM;IAC/F,IAAI,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM;AAC5B,QAAA,KAAK,EAAE,aAAa,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA,WAAA,CAAa,GAAG,SAAS;AACpE,QAAA,qBAAqB,EAAE;AACrB,YAAA,aAAa,EAAE,aAAa;AAC5B,YAAA,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;AACnB,YAAA,SAAS,EAAE,QAAQ;AAEnB,YAAA,SAAS,EAAE;AACT,gBAAA,YAAY,EAAE,cAAc;AAC7B,aAAA;AACF,SAAA;KACF,CAAC;AACH,CAAA,CAAC;;;;"}

package/build/esm/components/MenuTab/MenuTabProps.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import { TabProps } from '@material-ui/core/Tab';
-export type MenuTabProps = TabProps & {
+export declare type MenuTabProps = TabProps & {
     isUnavailable: boolean;
 };

package/build/esm/components/MenuTabGroup/MenuTabGroup.d.ts CHANGED Viewed

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

package/build/esm/components/MenuTabGroup/MenuTabGroupProps.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { TabsProps } from '@material-ui/core/Tabs';
-export type MenuTabGroupProps = TabsProps;
+export declare type MenuTabGroupProps = TabsProps;

package/build/esm/components/OrderingAppContext/OrderingAppContext.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from 'react';
-type OrderingAppContextValue = {
+declare type OrderingAppContextValue = {
     currencySymbol?: string;
     basePath: string;
     restaurantId: number;
@@ -8,10 +8,10 @@ type OrderingAppContextValue = {
     isStandard: boolean;
     orderingEventSlug?: string;
 };
-type OrderingAppContextType = [OrderingAppContextValue, React.Dispatch<React.SetStateAction<OrderingAppContextValue>>];
+declare type OrderingAppContextType = [OrderingAppContextValue, React.Dispatch<React.SetStateAction<OrderingAppContextValue>>];
 export declare const OrderingAppContext: React.Context<OrderingAppContextType | null>;
 export declare const useOrderingAppContext: () => OrderingAppContextType;
-type OrderingAppContextProviderProps = PropsWithChildren<{
+declare type OrderingAppContextProviderProps = PropsWithChildren<{
     defaultContext: OrderingAppContextValue;
 }>;
 export declare const OrderingAppContextProvider: (props: OrderingAppContextProviderProps) => JSX.Element;

package/build/esm/components/OrderingAppContext/OrderingAppContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrderingAppContext.js","sources":["../../../../src/components/OrderingAppContext/OrderingAppContext.tsx"],"sourcesContent":["import React, { createContext, PropsWithChildren, useContext, useState } from 'react'\n\ntype OrderingAppContextValue = {\n currencySymbol?: string\n basePath: string\n restaurantId: number\n isCatering: boolean\n isOrderingEvent: boolean\n isStandard: boolean\n orderingEventSlug?: string\n}\n\ntype OrderingAppContextType = [OrderingAppContextValue, React.Dispatch<React.SetStateAction<OrderingAppContextValue>>]\n\nexport const OrderingAppContext = createContext<OrderingAppContextType \| null>(null)\n\nexport const useOrderingAppContext = () => {\n const context = useContext(OrderingAppContext)\n\n if (!context) {\n throw new Error('useOrderingAppContext has to be used within <OrderingAppContext.Provider>')\n }\n\n return context\n}\n\ntype OrderingAppContextProviderProps = PropsWithChildren<{ defaultContext: OrderingAppContextValue }>\nexport const OrderingAppContextProvider = (props: OrderingAppContextProviderProps) => {\n const context = useState<OrderingAppContextValue>(props.defaultContext)\n\n return <OrderingAppContext.Provider value={context}>{props.children}</OrderingAppContext.Provider>\n}\n"],"names":["React"],"mappings":";;MAca,kBAAkB,GAAG,aAAa,CAAgC,IAAI;AAE5E,MAAM,qBAAqB,GAAG,MAAK;AACxC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC~~;;AAG9F~~,IAAA,OAAO,OAAO;AAChB;AAGa,MAAA,0BAA0B,GAAG,CAAC,KAAsC,KAAI;IACnF,MAAM,OAAO,GAAG,QAAQ,CAA0B,KAAK,CAAC,cAAc,CAAC;AAEvE,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,kBAAkB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,OAAO,EAAG,EAAA,KAAK,CAAC,QAAQ,CAA+B;AACpG;;;;"}
1	+ {"version":3,"file":"OrderingAppContext.js","sources":["../../../../src/components/OrderingAppContext/OrderingAppContext.tsx"],"sourcesContent":["import React, { createContext, PropsWithChildren, useContext, useState } from 'react'\n\ntype OrderingAppContextValue = {\n currencySymbol?: string\n basePath: string\n restaurantId: number\n isCatering: boolean\n isOrderingEvent: boolean\n isStandard: boolean\n orderingEventSlug?: string\n}\n\ntype OrderingAppContextType = [OrderingAppContextValue, React.Dispatch<React.SetStateAction<OrderingAppContextValue>>]\n\nexport const OrderingAppContext = createContext<OrderingAppContextType \| null>(null)\n\nexport const useOrderingAppContext = () => {\n const context = useContext(OrderingAppContext)\n\n if (!context) {\n throw new Error('useOrderingAppContext has to be used within <OrderingAppContext.Provider>')\n }\n\n return context\n}\n\ntype OrderingAppContextProviderProps = PropsWithChildren<{ defaultContext: OrderingAppContextValue }>\nexport const OrderingAppContextProvider = (props: OrderingAppContextProviderProps) => {\n const context = useState<OrderingAppContextValue>(props.defaultContext)\n\n return <OrderingAppContext.Provider value={context}>{props.children}</OrderingAppContext.Provider>\n}\n"],"names":["React"],"mappings":";;MAca,kBAAkB,GAAG,aAAa,CAAgC,IAAI;AAE5E,MAAM,qBAAqB,GAAG,MAAK;AACxC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,kBAAkB,CAAC;IAE9C,IAAI,CAAC,OAAO,EAAE;AACZ,QAAA,MAAM,IAAI,KAAK,CAAC,2EAA2E,CAAC;AAC7F;AAED,IAAA,OAAO,OAAO;AAChB;AAGa,MAAA,0BAA0B,GAAG,CAAC,KAAsC,KAAI;IACnF,MAAM,OAAO,GAAG,QAAQ,CAA0B,KAAK,CAAC,cAAc,CAAC;AAEvE,IAAA,OAAOA,cAAC,CAAA,aAAA,CAAA,kBAAkB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,OAAO,EAAG,EAAA,KAAK,CAAC,QAAQ,CAA+B;AACpG;;;;"}

package/build/esm/components/QuantityPicker/QuantityPicker.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { QuantityPickerProps } from './QuantityPickerProps';
 export declare const QuantityPicker: ({ value, onChange, disabled, preventManualChange, disableIncrement, variation, name, min, max, }: QuantityPickerProps) => JSX.Element;

package/build/esm/components/QuantityPicker/QuantityPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QuantityPicker.js","sources":["../../../../src/components/QuantityPicker/QuantityPicker.tsx"],"sourcesContent":["import { TextField } from '@material-ui/core'\nimport { Icon, IconButton } from '@popmenu/common-ui'\nimport { MinusCircle, PlusCircle } from '@popmenu/web-icons'\nimport React, { ChangeEvent, MouseEventHandler, useEffect, useRef, useState } from 'react'\n\nimport {\n useEndAdornmentStyles,\n useQuantityInputStyles,\n useQuantityPickerStyles,\n useStartAdornmentStyles,\n} from './QuantityPicker.styles'\nimport { QuantityPickerProps } from './QuantityPickerProps'\n\nexport const QuantityPicker = ({\n value,\n onChange,\n disabled,\n preventManualChange,\n disableIncrement,\n variation,\n name,\n min = 1,\n max = 99,\n}: QuantityPickerProps): JSX.Element => {\n const fieldClasses = useQuantityPickerStyles()\n const inputClasses = useQuantityInputStyles({ variation, value })\n const startAdornmentClasses = useStartAdornmentStyles({ variation, value })\n const endAdornmentClasses = useEndAdornmentStyles({ variation, value })\n\n const inputRef = useRef<HTMLInputElement>(null)\n const [shouldSelect, setShouldSelect] = useState(false)\n\n const onIncrement: MouseEventHandler<HTMLButtonElement> = (event) => {\n onChange(event, { quantity: value + 1, reason: 'increment' })\n }\n\n const onDecrement: MouseEventHandler<HTMLButtonElement> = (event) => {\n onChange(event, { quantity: value - 1, reason: 'decrement' })\n }\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (preventManualChange) {\n event.preventDefault()\n return\n }\n let newValue = parseInt(event.target.value, 10)\n\n if (isNaN(newValue)) {\n newValue = min\n setShouldSelect(true)\n } else {\n setShouldSelect(false)\n }\n\n // Clamp value between min and max\n if (newValue < min) newValue = min\n if (newValue > max) newValue = max\n\n onChange(event, { quantity: newValue, reason: 'change' })\n }\n\n useEffect(() => {\n if (shouldSelect && inputRef.current) {\n inputRef.current.focus()\n inputRef.current.select()\n setShouldSelect(false)\n }\n }, [shouldSelect, value])\n\n return (\n <TextField\n classes={fieldClasses}\n type=\"number\"\n variant={variation === 'itemCount' ? 'filled' : 'standard'}\n value={value}\n disabled={disabled}\n onChange={handleChange}\n inputRef={inputRef}\n InputProps={{\n classes: inputClasses,\n disableUnderline: true,\n endAdornment: (\n <IconButton\n aria-label={`increase quantity ${name}`}\n className={endAdornmentClasses.root}\n color=\"default\"\n onClick={onIncrement}\n disabled={disabled \|\| value >= max \|\| disableIncrement}\n >\n <Icon icon={PlusCircle} />\n </IconButton>\n ),\n startAdornment: (\n <IconButton\n aria-label={`decrease quantity ${name}`}\n className={startAdornmentClasses.root}\n color=\"default\"\n onClick={onDecrement}\n disabled={disabled \|\| value <= min}\n >\n <Icon icon={MinusCircle} />\n </IconButton>\n ),\n }}\n inputProps={{\n min,\n max,\n }}\n />\n )\n}\n"],"names":["React"],"mappings":";;;;;;AAaO,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,mBAAmB,EACnB,gBAAgB,EAChB,SAAS,EACT,IAAI,EACJ,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,EAAE,GACY,KAAiB;AACrC,IAAA,MAAM,YAAY,GAAG,uBAAuB,EAAE;IAC9C,MAAM,YAAY,GAAG,sBAAsB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IACjE,MAAM,qBAAqB,GAAG,uBAAuB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;IAC3E,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;AAEvE,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;IAC/C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEvD,IAAA,MAAM,WAAW,GAAyC,CAAC,KAAK,KAAI;AAClE,QAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AAC/D,KAAC;AAED,IAAA,MAAM,WAAW,GAAyC,CAAC,KAAK,KAAI;AAClE,QAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC;AAC/D,KAAC;AAED,IAAA,MAAM,YAAY,GAAG,CAAC,KAAoC,KAAI;~~QAC5D~~,IAAI,mBAAmB,EAAE;YACvB,KAAK,CAAC,cAAc,EAAE;YACtB~~;;AAEF~~,QAAA,IAAI,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC;AAE/C,QAAA,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE;YACnB,QAAQ,GAAG,GAAG;YACd,eAAe,CAAC,IAAI,CAAC~~;;aAChB~~;YACL,eAAe,CAAC,KAAK,CAAC~~;;;QAIxB~~,IAAI,QAAQ,GAAG,GAAG;YAAE,QAAQ,GAAG,GAAG;QAClC,IAAI,QAAQ,GAAG,GAAG;YAAE,QAAQ,GAAG,GAAG;AAElC,QAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC;AAC3D,KAAC;IAED,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,YAAY,IAAI,QAAQ,CAAC,OAAO,EAAE;AACpC,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;AACxB,YAAA,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE;YACzB,eAAe,CAAC,KAAK,CAAC~~;;AAE1B~~,KAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AAEzB,IAAA,QACEA,cAAC,CAAA,aAAA,CAAA,SAAS,IACR,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,SAAS,KAAK,WAAW,GAAG,QAAQ,GAAG,UAAU,EAC1D,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,YAAY;AACrB,YAAA,gBAAgB,EAAE,IAAI;AACtB,YAAA,YAAY,GACVA,cAAC,CAAA,aAAA,CAAA,UAAU,EACG,EAAA,YAAA,EAAA,CAAA,kBAAA,EAAqB,IAAI,CAAA,CAAE,EACvC,SAAS,EAAE,mBAAmB,CAAC,IAAI,EACnC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,IAAI,KAAK,IAAI,GAAG,IAAI,gBAAgB,EAAA;AAEtD,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,UAAU,EAAA,CAAI,CACf,CACd;AACD,YAAA,cAAc,GACZA,cAAC,CAAA,aAAA,CAAA,UAAU,EACG,EAAA,YAAA,EAAA,CAAA,kBAAA,EAAqB,IAAI,CAAA,CAAE,EACvC,SAAS,EAAE,qBAAqB,CAAC,IAAI,EACrC,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,QAAQ,IAAI,KAAK,IAAI,GAAG,EAAA;AAElC,gBAAAA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAC,EAAA,IAAI,EAAE,WAAW,EAAA,CAAI,CAChB,CACd;AACF,SAAA,EACD,UAAU,EAAE;YACV,GAAG;YACH,GAAG;AACJ,SAAA,EAAA,CACD;AAEN;;;;"}
1	+ {"version":3,"file":"QuantityPicker.js","sources":["../../../../src/components/QuantityPicker/QuantityPicker.tsx"],"sourcesContent":["import { TextField } from '@material-ui/core'\nimport { Icon, IconButton } from '@popmenu/common-ui'\nimport { MinusCircle, PlusCircle } from '@popmenu/web-icons'\nimport React, { ChangeEvent, MouseEventHandler, useEffect, useRef, useState } from 'react'\n\nimport {\n useEndAdornmentStyles,\n useQuantityInputStyles,\n useQuantityPickerStyles,\n useStartAdornmentStyles,\n} from './QuantityPicker.styles'\nimport { QuantityPickerProps } from './QuantityPickerProps'\n\nexport const QuantityPicker = ({\n value,\n onChange,\n disabled,\n preventManualChange,\n disableIncrement,\n variation,\n name,\n min = 1,\n max = 99,\n}: QuantityPickerProps): JSX.Element => {\n const fieldClasses = useQuantityPickerStyles()\n const inputClasses = useQuantityInputStyles({ variation, value })\n const startAdornmentClasses = useStartAdornmentStyles({ variation, value })\n const endAdornmentClasses = useEndAdornmentStyles({ variation, value })\n\n const inputRef = useRef<HTMLInputElement>(null)\n const [shouldSelect, setShouldSelect] = useState(false)\n\n const onIncrement: MouseEventHandler<HTMLButtonElement> = (event) => {\n onChange(event, { quantity: value + 1, reason: 'increment' })\n }\n\n const onDecrement: MouseEventHandler<HTMLButtonElement> = (event) => {\n onChange(event, { quantity: value - 1, reason: 'decrement' })\n }\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n if (preventManualChange) {\n event.preventDefault()\n return\n }\n let newValue = parseInt(event.target.value, 10)\n\n if (isNaN(newValue)) {\n newValue = min\n setShouldSelect(true)\n } else {\n setShouldSelect(false)\n }\n\n // Clamp value between min and max\n if (newValue < min) newValue = min\n if (newValue > max) newValue = max\n\n onChange(event, { quantity: newValue, reason: 'change' })\n }\n\n useEffect(() => {\n if (shouldSelect && inputRef.current) {\n inputRef.current.focus()\n inputRef.current.select()\n setShouldSelect(false)\n }\n }, [shouldSelect, value])\n\n return (\n <TextField\n classes={fieldClasses}\n type=\"number\"\n variant={variation === 'itemCount' ? 'filled' : 'standard'}\n value={value}\n disabled={disabled}\n onChange={handleChange}\n inputRef={inputRef}\n InputProps={{\n classes: inputClasses,\n disableUnderline: true,\n endAdornment: (\n <IconButton\n aria-label={`increase quantity ${name}`}\n className={endAdornmentClasses.root}\n color=\"default\"\n onClick={onIncrement}\n disabled={disabled \|\| value >= max \|\| disableIncrement}\n >\n <Icon icon={PlusCircle} />\n </IconButton>\n ),\n startAdornment: (\n <IconButton\n aria-label={`decrease quantity ${name}`}\n className={startAdornmentClasses.root}\n color=\"default\"\n onClick={onDecrement}\n disabled={disabled \|\| value <= min}\n >\n <Icon icon={MinusCircle} />\n </IconButton>\n ),\n }}\n inputProps={{\n min,\n max,\n }}\n />\n )\n}\n"],"names":["React"],"mappings":"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"}

package/build/esm/components/QuantityPicker/QuantityPickerProps.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { ChangeEvent } from 'react';
-export type QuantityChangeEvent = {
+export declare type QuantityChangeEvent = {
     quantity: number;
     reason: string;
 };

package/build/esm/components/Radio/Radio.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1	+ /// <reference types="react" />
1 2	export declare const Radio: import("react").ComponentType<Pick<import("@material-ui/core").RadioProps, "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"> & import("@material-ui/core").StyledComponentProps<"root" \| "checked">>;

package/build/esm/components/ReactionCounter/ReactionCounter.d.ts CHANGED Viewed

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

package/build/esm/components/ReactionCounterGroup/ReactionCounterGroup.d.ts CHANGED Viewed

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

package/build/esm/components/SelectableChip/SelectableChip.d.ts CHANGED Viewed

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

package/build/esm/components/SelectableChip/SelectableChipProps.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { TabProps } from '@material-ui/core';
-export type SelectableChipProps = TabProps;
+export declare type SelectableChipProps = TabProps;

package/build/esm/components/SelectableChipGroup/SelectableChipGroup.d.ts CHANGED Viewed

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

package/build/esm/components/SelectableChipGroup/SelectableChipGroupProps.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { TabsProps } from '@material-ui/core';
-export type SelectableChipGroupProps = TabsProps;
+export declare type SelectableChipGroupProps = TabsProps;

package/build/esm/components/SelectedMenuFiltersList/SelectedMenuFiltersList.d.ts CHANGED Viewed

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

package/build/esm/components/StatusTag/StatusTag.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { StatusTagProps } from './StatusTagProps';
 export declare const StatusTag: {
     ({ color, label, size, variant }: StatusTagProps): JSX.Element;