npm - @televet/kibble-ui - Versions diffs - 1.20.21-beta.cs2 → 1.20.21-beta.cs21 - Mend

@televet/kibble-ui 1.20.21-beta.cs2 → 1.20.21-beta.cs21

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

package/build/components/DatePicker/datepicker.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"datepicker.component.js","sources":["../../../src/components/DatePicker/datepicker.component.tsx"],"sourcesContent":["import React, { ChangeEvent, useEffect, useState } from 'react';\nimport { PlacementWithLogical } from '@chakra-ui/popper';\nimport { Popover, PopoverBody, PopoverContent, PopoverHeader, PopoverTrigger } from '@chakra-ui/popover';\nimport useDisclosure from 'chakra/hooks/useDisclosure';\nimport TextInput, { TextInputProps } from 'components/TextInput/textInput.component';\nimport Icon from '../Icon';\nimport DatePickerProvider from './context/datepicker.context';\nimport Grid from 'chakra/components/Grid';\nimport HStack from 'chakra/components/HStack';\nimport Box from 'chakra/components/Box';\nimport Center from 'chakra/components/Center';\nimport Flex from 'chakra/components/Flex';\nimport isDate from 'date-fns/isDate';\nimport format from 'date-fns/format';\nimport Month from './components/Month/month.component';\nimport { getInputValue, OnDatesChangeProps, parseDate, START_DATE, useDatepicker } from '@datepicker-react/hooks';\nimport Menu from 'components/Menu';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\nimport range from 'lodash/range';\nimport { DateFormats } from './datepicker.types';\nimport Button from '../Button';\nimport { IconSizeMap, months } from './datepicker.records';\n\nexport interface DatePickerProps {\n date: Date | null;\n onDateChange?: (date: Date | null) => void;\n dateFormat?: string | DateFormats;\n inputProps?: Omit<TextInputProps, 'onChange' | 'value' | 'isClearable' | 'onClear'>;\n placement?: PlacementWithLogical;\n minYear?: number;\n maxYear?: number;\n}\n\n/**\n * A simple date picker component.\n *\n * Note: Be careful with dateFormat and allowing search (inputProps.IsReadOnly = false) as changing the format\n * can cause exceptions to be thrown.\n *\n * More dateFormat info: https://github.com/date-fns/date-fns/blob/main/docs/unicodeTokens.md\n */\nconst DatePicker = ({\n date,\n onDateChange,\n inputProps,\n placement,\n dateFormat = 'MM/dd/yyyy',\n minYear = 1990,\n maxYear = 2040,\n}: DatePickerProps): JSX.Element => {\n const [searchString, setSearchString] = useState<string | number | undefined>(getInputValue(date, dateFormat, ''));\n const [state, setState] = useState<OnDatesChangeProps>({\n startDate: date || null,\n endDate: date || null,\n focusedInput: START_DATE,\n });\n\n const inputRef = React.useRef<HTMLInputElement>(null);\n const calendarRef = React.useRef<HTMLDivElement>(null);\n\n const years = range(minYear, maxYear).map((year) => {\n const stringYear = String(year);\n return {\n label: stringYear,\n value: stringYear,\n };\n });\n\n const onDatesChange = (data: OnDatesChangeProps): void => {\n if (!data) {\n return;\n }\n\n if (!data.focusedInput) {\n setState({ ...data, focusedInput: START_DATE });\n } else {\n setState(data);\n }\n\n setSearchString(getInputValue(data.startDate, dateFormat, ''));\n\n if (onDateChange) {\n onDateChange(data.startDate);\n }\n };\n\n const onInputChange = (e: ChangeEvent<HTMLInputElement>): void => {\n const dateValue = e.target.value;\n setSearchString(dateValue);\n\n const parsedDate = parseDate(dateValue, dateFormat, new Date());\n\n if (dateValue.length === dateFormat.length && isDate(parsedDate)) {\n onDateSelect(parsedDate);\n setSearchString(getInputValue(parsedDate, dateFormat, ''));\n }\n };\n\n const {\n firstDayOfWeek,\n activeMonths,\n isDateSelected,\n isDateHovered,\n isFirstOrLastSelectedDate,\n isDateBlocked,\n isDateFocused,\n focusedDate,\n onDateHover,\n onDateSelect,\n onDateFocus,\n goToPreviousMonths,\n goToNextMonths,\n goToDate,\n } = useDatepicker({\n startDate: state.startDate,\n endDate: state.endDate,\n focusedInput: state.focusedInput,\n onDatesChange,\n numberOfMonths: 1,\n minBookingDays: 1,\n exactMinBookingDays: true,\n });\n\n const { onOpen, onClose, isOpen } = useDisclosure();\n\n // Prevent closing when using the month navigation buttons\n useEffect(() => {\n const handleClick = (event: MouseEvent): void => {\n if (calendarRef && !calendarRef?.current?.contains(event?.target as Node)) onClose();\n };\n document.addEventListener('mousedown', handleClick);\n\n return (): void => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, [onClose, calendarRef]);\n\n const onKeyDown = (e: React.KeyboardEvent): void => {\n if (e.key === 'Enter' && isOpen) {\n onClose();\n e.preventDefault();\n e.stopPropagation();\n }\n };\n\n const handleMonthChange = (selectedItem: MenuItemProps): void => {\n const newDate = !date ? new Date() : date;\n newDate.setMonth(Number(selectedItem.value));\n goToDate(newDate);\n };\n\n const handleYearChange = (selectedItem: MenuItemProps): void => {\n const newDate = !date ? new Date() : date;\n newDate.setFullYear(Number(selectedItem.value));\n goToDate(newDate);\n };\n\n const handleOpen = (): void => {\n if (!inputProps?.isDisabled) {\n onOpen();\n }\n };\n\n const getMonthName = (month: number): string => {\n const date = new Date();\n date.setMonth(month);\n return format(date, 'LLLL');\n };\n\n const iconSize = inputProps?.size ? IconSizeMap[inputProps.size] : 'md';\n\n return (\n <DatePickerProvider\n focusedDate={focusedDate}\n isDateFocused={isDateFocused}\n isDateSelected={isDateSelected}\n isDateHovered={isDateHovered}\n isDateBlocked={isDateBlocked}\n isFirstOrLastSelectedDate={isFirstOrLastSelectedDate}\n onDateSelect={onDateSelect}\n onDateFocus={onDateFocus}\n onDateHover={onDateHover}\n >\n <Popover isOpen={isOpen} onClose={onClose} onOpen={handleOpen} initialFocusRef={inputRef} placement={placement}>\n <PopoverTrigger>\n <Box>\n <TextInput\n rightElement={\n <Flex cursor={inputProps?.isDisabled ? 'not-allowed' : 'pointer'}>\n <Icon name=\"chevronDown\" size={iconSize} />\n </Flex>\n }\n value={searchString}\n onChange={onInputChange}\n inputRef={inputRef}\n onKeyDown={onKeyDown}\n cursor={!!inputProps?.isReadOnly ? 'pointer' : 'text'}\n {...inputProps}\n />\n </Box>\n </PopoverTrigger>\n <PopoverContent ref={calendarRef} shadow=\"md\">\n <PopoverHeader justifyItems=\"space-between\">\n <HStack w=\"100%\" justify=\"space-between\">\n <Button iconName=\"chevronLeft\" onClick={goToPreviousMonths} variant=\"ghostNeutral\" size=\"sm\" />\n {activeMonths.map((activeMonth) => (\n <Center key={activeMonth.month} gap={2} h=\"100%\">\n <Menu\n buttonProps={{\n variant: 'tertiary',\n text: getMonthName(activeMonth.month),\n size: 'sm',\n }}\n listProps={{\n menuItems: months,\n onSelect: handleMonthChange,\n }}\n />\n <Menu\n buttonProps={{\n variant: 'tertiary',\n text: String(activeMonth.year),\n size: 'sm',\n }}\n listProps={{\n menuItems: years,\n onSelect: handleYearChange,\n }}\n />\n </Center>\n ))}\n <Button iconName=\"chevronRight\" onClick={goToNextMonths} variant=\"ghostNeutral\" size=\"sm\" />\n </HStack>\n </PopoverHeader>\n <PopoverBody>\n <Grid gap=\"0 64px\" templateColumns={`repeat(${activeMonths.length})`}>\n {activeMonths.map((month) => (\n <Month\n key={`${month.year}-${month.month}`}\n year={month.year}\n month={month.month}\n firstDayOfWeek={firstDayOfWeek}\n onDaySelected={(): void => onClose()}\n />\n ))}\n </Grid>\n </PopoverBody>\n </PopoverContent>\n </Popover>\n </DatePickerProvider>\n );\n};\n\nexport default DatePicker;\n"],"names":["_a","date","onDateChange","inputProps","placement","_b","dateFormat","_c","minYear","_d","maxYear","_e","__read","useState","getInputValue","searchString","setSearchString","_f","startDate","endDate","focusedInput","START_DATE","state","setState","inputRef","React","useRef","calendarRef","years","range","map","year","stringYear","String","label","value","_g","useDatepicker","onDatesChange","data","numberOfMonths","minBookingDays","exactMinBookingDays","firstDayOfWeek","activeMonths","isDateSelected","isDateHovered","isFirstOrLastSelectedDate","isDateBlocked","isDateFocused","focusedDate","onDateHover","onDateSelect","onDateFocus","goToPreviousMonths","goToNextMonths","goToDate","_h","useDisclosure","onOpen","onClose","isOpen","useEffect","handleClick","event","current","contains","target","document","addEventListener","removeEventListener","handleMonthChange","selectedItem","newDate","Date","setMonth","Number","handleYearChange","setFullYear","getMonthName","month","format","iconSize","size","IconSizeMap","createElement","DatePickerProvider","Popover","isDisabled","initialFocusRef","PopoverTrigger","Box","TextInput","__assign","rightElement","Flex","cursor","Icon","name","onChange","e","dateValue","parsedDate","parseDate","length","isDate","onKeyDown","key","preventDefault","stopPropagation","isReadOnly","PopoverContent","ref","shadow","PopoverHeader","justifyItems","HStack","w","justify","Button","iconName","onClick","variant","activeMonth","Center","gap","h","Menu","buttonProps","text","listProps","menuItems","months","onSelect","PopoverBody","Grid","templateColumns","concat","Month","onDaySelected"],"mappings":"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"}

package/build/components/DatePicker/datepicker.records.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { IconsSize } from 'components/Icon/icon.types';
+import { FormControlSize } from '../FormControl/formControl.types';
+export declare const IconSizeMap: Record<FormControlSize, IconsSize>;
+export declare const months: {
+    label: string;
+    value: string;
+}[];

package/build/components/DatePicker/datepicker.records.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=["January","February","March","April","May","June","July","August","September","October","November","December"].map((function(e,r){return{label:e,value:String(r)}}));exports.IconSizeMap={xs:"xs",sm:"sm",md:"md",lg:"lg"},exports.months=e;
2	+ //# sourceMappingURL=datepicker.records.js.map

package/build/components/DatePicker/datepicker.records.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"datepicker.records.js","sources":["../../../src/components/DatePicker/datepicker.records.ts"],"sourcesContent":["import { IconsSize } from 'components/Icon/icon.types';\nimport { FormControlSize } from '../FormControl/formControl.types';\n\nexport const IconSizeMap: Record<FormControlSize, IconsSize> = {\n xs: 'xs',\n sm: 'sm',\n md: 'md',\n lg: 'lg',\n};\n\nexport const months = [\n 'January',\n 'February',\n 'March',\n 'April',\n 'May',\n 'June',\n 'July',\n 'August',\n 'September',\n 'October',\n 'November',\n 'December',\n].map((month, index) => {\n return { label: month, value: String(index) };\n});\n"],"names":["months","map","month","index","label","value","String","xs","sm","md","lg"],"mappings":"oEAGa,IAOAA,EAAS,CACpB,UACA,WACA,QACA,QACA,MACA,OACA,OACA,SACA,YACA,UACA,WACA,YACAC,KAAI,SAACC,EAAOC,GACZ,MAAO,CAAEC,MAAOF,EAAOG,MAAOC,OAAOH,2BArBwB,CAC7DI,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI"}

package/build/components/FormControl/formControl.component.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import React, { ReactNode } from 'react';
+import { Dict } from 'shared/types';
+import { FormControlSize, HelperTextAlignment } from './formControl.types';
+import { IconColor } from 'components/Icon/icon.types';
+export interface WithFormControlProps {
+    errorText?: string;
+    helperText?: string;
+    isDisabled?: boolean;
+    isFieldInline?: boolean;
+    isInvalid?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    label?: string | ReactNode;
+    labelStyle?: Dict;
+    formControlStyle?: Dict;
+    helperTextAlignment?: HelperTextAlignment;
+    size?: FormControlSize;
+    useInvalidIcon?: boolean;
+    useInvalidText?: boolean;
+    useInvalidBorder?: boolean;
+    invalidIconColor?: IconColor;
+}
+export declare function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P>;

package/build/components/FormControl/formControl.component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("react"),l=require("../../node_modules/@chakra-ui/form-control/dist/chakra-ui-form-control.esm.js"),t=require("../../chakra/components/Flex/chakra/components/Flex/index.js"),o=require("../../hooks/useTheme.js"),i=require("../../hooks/useAdaptiveColorMap.js"),n=require("../Icon/icon.component.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=a(r);exports.withFormControl=function(r){function a(a){var d=a.errorText,u=void 0===d?"Field is invalid":d,c=a.helperText,m=a.isDisabled,f=a.isFieldInline,v=void 0!==f&&f,b=a.isInvalid,p=a.isReadOnly,x=a.isRequired,h=a.label,I=a.labelStyle,g=a.formControlStyle,y=a.helperTextAlignment,F=void 0===y?"start":y,_=a.size,C=void 0===_?"md":_,k=a.useInvalidIcon,q=void 0!==k&&k,T=a.useInvalidText,j=void 0===T\|\|T,E=a.useInvalidBorder,S=void 0===E\|\|E,z=a.invalidIconColor,R=e.__rest(a,["errorText","helperText","isDisabled","isFieldInline","isInvalid","isReadOnly","isRequired","label","labelStyle","formControlStyle","helperTextAlignment","size","useInvalidIcon","useInvalidText","useInvalidBorder","invalidIconColor"]),w=o.default(),B=w.colors,O=w.fontSizes,A=b&&c?"space-between":F,D=j&&b\|\|c,M=i.default(B.text,"default");return s.default.createElement(l.FormControl,e.__assign({},g,{isInvalid:b,isRequired:x,isReadOnly:p,isDisabled:m}),h&&s.default.createElement(l.FormLabel,e.__assign({display:v?"inline-block":"block",color:M,fontSize:O[C]},I),h),s.default.createElement(t.default,{align:"center",gap:2,display:v?"inline-block":"block"},s.default.createElement(r,e.__assign({size:C},R,{isFieldInline:v,errorBorderColor:S?B.border.light.error:B.border.light.default,focusBorderColor:B.border.light.focus})),q&&b&&s.default.createElement(n.default,{name:"warningSign",color:z\|\|"error",size:C})),D&&s.default.createElement(t.default,{mt:2,w:"100%",justifyContent:A,alignItems:"center"},s.default.createElement(l.FormErrorMessage,{m:0,fontSize:O.xs,color:B.text.light.error},u),c&&s.default.createElement(l.FormHelperText,{m:0,color:b?B.text.light.error:B.text.light.subtle,fontSize:O.xs},c)))}return a.displayName="withFormControl(".concat(r.displayName\|\|r.name),a};
2	+ //# sourceMappingURL=formControl.component.js.map

package/build/components/FormControl/formControl.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"formControl.component.js","sources":["../../../src/components/FormControl/formControl.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { FormControl, FormLabel, FormErrorMessage, FormHelperText } from '@chakra-ui/form-control';\nimport Flex from 'chakra/components/Flex';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport { Dict } from 'shared/types';\nimport { FormControlSize, HelperTextAlignment } from './formControl.types';\nimport Icon from '../Icon';\nimport { IconColor } from 'components/Icon/icon.types';\n\nexport interface WithFormControlProps {\n errorText?: string;\n helperText?: string;\n isDisabled?: boolean;\n isFieldInline?: boolean;\n isInvalid?: boolean;\n isReadOnly?: boolean;\n isRequired?: boolean;\n label?: string | ReactNode;\n labelStyle?: Dict;\n formControlStyle?: Dict;\n helperTextAlignment?: HelperTextAlignment;\n size?: FormControlSize;\n useInvalidIcon?: boolean;\n useInvalidText?: boolean;\n useInvalidBorder?: boolean;\n invalidIconColor?: IconColor;\n}\n\nexport function withFormControl<P extends WithFormControlProps>(Component: React.ComponentType<P>): React.FC<P> {\n function WithFormControl({\n errorText = 'Field is invalid',\n helperText,\n isDisabled,\n isFieldInline = false,\n isInvalid,\n isReadOnly,\n isRequired,\n label,\n labelStyle,\n formControlStyle,\n helperTextAlignment = 'start',\n size = 'md',\n useInvalidIcon = false,\n useInvalidText = true,\n useInvalidBorder = true,\n invalidIconColor,\n ...props\n }: WithFormControlProps): JSX.Element {\n const { colors, fontSizes } = useTheme();\n const alignment = isInvalid && helperText ? 'space-between' : helperTextAlignment;\n const shouldShowBottomContent = (useInvalidText && isInvalid) || helperText;\n\n const labelColor = useAdaptiveColorMap(colors.text, 'default');\n\n return (\n <FormControl\n {...formControlStyle}\n isInvalid={isInvalid}\n isRequired={isRequired}\n isReadOnly={isReadOnly}\n isDisabled={isDisabled}\n >\n {label && (\n <FormLabel\n display={isFieldInline ? 'inline-block' : 'block'}\n color={labelColor}\n fontSize={fontSizes[size]}\n {...labelStyle}\n >\n {label}\n </FormLabel>\n )}\n <Flex align=\"center\" gap={2} display={isFieldInline ? 'inline-block' : 'block'}>\n <Component\n size={size}\n {...(props as P)}\n isFieldInline={isFieldInline}\n errorBorderColor={useInvalidBorder ? colors.border.light.error : colors.border.light.default}\n focusBorderColor={colors.border.light.focus}\n />\n\n {useInvalidIcon && isInvalid && <Icon name=\"warningSign\" color={invalidIconColor || 'error'} size={size} />}\n </Flex>\n {shouldShowBottomContent && (\n <Flex mt={2} w=\"100%\" justifyContent={alignment} alignItems=\"center\">\n <FormErrorMessage m={0} fontSize={fontSizes.xs} color={colors.text.light.error}>\n {errorText}\n </FormErrorMessage>\n {helperText && (\n <FormHelperText\n m={0}\n color={isInvalid ? colors.text.light.error : colors.text.light.subtle}\n fontSize={fontSizes.xs}\n >\n {helperText}\n </FormHelperText>\n )}\n </Flex>\n )}\n </FormControl>\n );\n }\n WithFormControl.displayName = `withFormControl(${Component.displayName || Component.name}`;\n\n return WithFormControl;\n}\n"],"names":["Component","WithFormControl","_a","_b","errorText","helperText","isDisabled","_c","isFieldInline","isInvalid","isReadOnly","isRequired","label","labelStyle","formControlStyle","_d","helperTextAlignment","_e","size","_f","useInvalidIcon","_g","useInvalidText","_h","useInvalidBorder","invalidIconColor","props","__rest","_j","useTheme","colors","fontSizes","alignment","shouldShowBottomContent","labelColor","useAdaptiveColorMap","text","React","FormControl","__assign","createElement","FormLabel","display","color","fontSize","Flex","align","gap","errorBorderColor","border","light","error","default","focusBorderColor","focus","Icon","name","mt","w","justifyContent","alignItems","FormErrorMessage","m","xs","FormHelperText","subtle","displayName","concat"],"mappings":"0hBA6BM,SAA0DA,GAC9D,SAASC,EAAgBC,GACvB,IAAAC,cAAAC,OAAY,IAAAD,EAAA,qBACZE,EAAUH,EAAAG,WACVC,EAAUJ,EAAAI,WACVC,EAAqBL,EAAAM,cAArBA,OAAgB,IAAAD,GAAKA,EACrBE,EAASP,EAAAO,UACTC,EAAUR,EAAAQ,WACVC,EAAUT,EAAAS,WACVC,UACAC,eACAC,qBACAC,EAAAb,EAAAc,oBAAAA,aAAsB,QAAOD,EAC7BE,EAAAf,EAAAgB,KAAAA,OAAI,IAAAD,EAAG,KAAIA,EACXE,EAAsBjB,EAAAkB,eAAtBA,OAAiB,IAAAD,KACjBE,EAAAnB,EAAAoB,eAAAA,cAAqBD,EACrBE,EAAArB,EAAAsB,iBAAAA,OAAgB,IAAAD,GAAOA,EACvBE,EAAgBvB,EAAAuB,iBACbC,EAAKC,EAAAA,OAAAzB,EAjBe,4OAmBjB0B,EAAwBC,EAAQ,UAA9BC,EAAMF,EAAAE,OAAEC,EAASH,EAAAG,UACnBC,EAAYvB,GAAaJ,EAAa,gBAAkBW,EACxDiB,EAA2BX,GAAkBb,GAAcJ,EAE3D6B,EAAaC,EAAmB,QAACL,EAAOM,KAAM,WAEpD,OACEC,EAAAA,sBAACC,EAAAA,YAAWC,EAAAA,SAAA,GACNzB,EACJ,CAAAL,UAAWA,EACXE,WAAYA,EACZD,WAAYA,EACZJ,WAAYA,IAEXM,GACCyB,EAAAA,QAACG,cAAAC,EAASA,sBACRC,QAASlC,EAAgB,eAAiB,QAC1CmC,MAAOT,EACPU,SAAUb,EAAUb,IAChBL,GAEHD,GAGLyB,EAAAA,QAACG,cAAAK,WAAKC,MAAM,SAASC,IAAK,EAAGL,QAASlC,EAAgB,eAAiB,SACrE6B,EAAAA,QAACG,cAAAxC,cACCkB,KAAMA,GACDQ,GACLlB,cAAeA,EACfwC,iBAAkBxB,EAAmBM,EAAOmB,OAAOC,MAAMC,MAAQrB,EAAOmB,OAAOC,MAAME,QACrFC,iBAAkBvB,EAAOmB,OAAOC,MAAMI,SAGvClC,GAAkBX,GAAa4B,EAAAA,QAAAG,cAACe,EAAAA,QAAK,CAAAC,KAAK,cAAcb,MAAOlB,GAAoB,QAASP,KAAMA,KAEpGe,GACCI,EAAAA,QAAAG,cAACK,EAAI,QAAC,CAAAY,GAAI,EAAGC,EAAE,OAAOC,eAAgB3B,EAAW4B,WAAW,UAC1DvB,EAAC,QAAAG,cAAAqB,EAAgBA,kBAACC,EAAG,EAAGlB,SAAUb,EAAUgC,GAAIpB,MAAOb,EAAOM,KAAKc,MAAMC,OACtE/C,GAEFC,GACCgC,EAAC,QAAAG,cAAAwB,EAAAA,gBACCF,EAAG,EACHnB,MAAOlC,EAAYqB,EAAOM,KAAKc,MAAMC,MAAQrB,EAAOM,KAAKc,MAAMe,OAC/DrB,SAAUb,EAAUgC,IAEnB1D,KAUf,OAFAJ,EAAgBiE,YAAc,mBAAAC,OAAmBnE,EAAUkE,aAAelE,EAAUwD,MAE7EvD"}

package/build/components/FormControl/formControl.config.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { ComponentStyleConfig } from '@chakra-ui/theme';
2	+ export declare const FormControlConfig: ComponentStyleConfig;

package/build/components/FormControl/formControl.config.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("../../node_modules/tslib/tslib.es6.js"),e=require("../../theme/tokens/colors/color.record.js"),r=require("../../theme/tokens/fontSizes.js"),s=require("../../theme/tokens/radii.js"),l={bgColor:e.colors.background.light,borderColor:e.colors.border.light.default,borderRadius:s.radii.base,color:e.adaptiveColors.text.light.default,"::placeholder":{color:e.colors.text.light.placeholder}},i={bgColor:e.colors.border.light.default,borderColor:e.colors.border.light.default,opacity:.4,"::placeholder":{color:e.colors.text.light.placeholder,opacity:1}},t={borderColor:e.colors.border.light.heavy},d={variants:{outline:o.__assign(o.__assign({},l),{_hover:o.__assign({},t),_disabled:o.__assign({},i),field:o.__assign(o.__assign({},l),{_hover:o.__assign({},t),_disabled:o.__assign({},i),_focus:{_hover:{borderColor:e.colors.border.light.focus}}})})},sizes:{xs:{fontSize:r.fontSizes.xs},sm:{fontSize:r.fontSizes.sm},md:{fontSize:r.fontSizes.md},lg:{fontSize:r.fontSizes.lg}}};exports.FormControlConfig=d;
2	+ //# sourceMappingURL=formControl.config.js.map

package/build/components/FormControl/formControl.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"formControl.config.js","sources":["../../../src/components/FormControl/formControl.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { fontSizes, adaptiveColors, colors, radii } from 'theme/tokens';\n\nconst baseStyle = {\n bgColor: colors.background.light,\n borderColor: colors.border.light.default,\n borderRadius: radii.base,\n color: adaptiveColors.text.light.default,\n '::placeholder': {\n color: colors.text.light.placeholder,\n },\n};\n\nconst disabledStyle = {\n bgColor: colors.border.light.default,\n borderColor: colors.border.light.default,\n opacity: 0.4,\n '::placeholder': {\n color: colors.text.light.placeholder,\n opacity: 1,\n },\n};\n\nconst hoverStyle = {\n borderColor: colors.border.light.heavy,\n};\n\nexport const FormControlConfig: ComponentStyleConfig = {\n variants: {\n outline: {\n // textarea doesn't have a \"field\" prop, so its styles live a level up from the others\n ...baseStyle,\n _hover: {\n ...hoverStyle,\n },\n _disabled: {\n ...disabledStyle,\n },\n field: {\n ...baseStyle,\n _hover: {\n ...hoverStyle,\n },\n _disabled: {\n ...disabledStyle,\n },\n _focus: {\n _hover: {\n borderColor: colors.border.light.focus,\n },\n },\n },\n },\n },\n sizes: {\n xs: {\n fontSize: fontSizes.xs,\n },\n sm: {\n fontSize: fontSizes.sm,\n },\n md: {\n fontSize: fontSizes.md,\n },\n lg: {\n fontSize: fontSizes.lg,\n },\n },\n};\n"],"names":["baseStyle","bgColor","colors","background","light","borderColor","border","default","borderRadius","radii","base","color","adaptiveColors","text","placeholder","disabledStyle","opacity","hoverStyle","heavy","FormControlConfig","variants","outline","__assign","_hover","_disabled","field","_focus","focus","sizes","xs","fontSize","fontSizes","sm","md","lg"],"mappings":"wQAGMA,EAAY,CAChBC,QAASC,EAAAA,OAAOC,WAAWC,MAC3BC,YAAaH,EAAMA,OAACI,OAAOF,MAAMG,QACjCC,aAAcC,EAAKA,MAACC,KACpBC,MAAOC,EAAcA,eAACC,KAAKT,MAAMG,QACjC,gBAAiB,CACfI,MAAOT,EAAMA,OAACW,KAAKT,MAAMU,cAIvBC,EAAgB,CACpBd,QAASC,EAAMA,OAACI,OAAOF,MAAMG,QAC7BF,YAAaH,EAAMA,OAACI,OAAOF,MAAMG,QACjCS,QAAS,GACT,gBAAiB,CACfL,MAAOT,EAAMA,OAACW,KAAKT,MAAMU,YACzBE,QAAS,IAIPC,EAAa,CACjBZ,YAAaH,EAAMA,OAACI,OAAOF,MAAMc,OAGtBC,EAA0C,CACrDC,SAAU,CACRC,QAAOC,EAAAA,SAAAA,EAAAA,SAAA,GAEFtB,GAAS,CACZuB,OAAMD,EAAAA,SAAA,GACDL,GAELO,UACKF,EAAAA,SAAA,GAAAP,GAELU,+BACKzB,GAAS,CACZuB,OAAMD,EAAAA,SAAA,GACDL,GAELO,UACKF,EAAAA,SAAA,GAAAP,GAELW,OAAQ,CACNH,OAAQ,CACNlB,YAAaH,EAAMA,OAACI,OAAOF,MAAMuB,aAM3CC,MAAO,CACLC,GAAI,CACFC,SAAUC,EAASA,UAACF,IAEtBG,GAAI,CACFF,SAAUC,EAASA,UAACC,IAEtBC,GAAI,CACFH,SAAUC,EAASA,UAACE,IAEtBC,GAAI,CACFJ,SAAUC,EAASA,UAACG"}

package/build/components/Heading/components/Heading/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../heading.component.js");exports.default=e.default;
2	+ //# sourceMappingURL=index.js.map

package/build/components/Heading/heading.component.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { HeadingProps as ChakraHeadingProps } from '@chakra-ui/layout';
+import { HeadingSize } from './heading.types';
+import { TextColor } from 'shared/types';
+export interface HeadingProps extends ChakraHeadingProps {
+    children: ReactNode;
+    size?: HeadingSize;
+    colorToken?: TextColor;
+    darkMode?: boolean;
+}
+declare const Heading: ({ children, size, color, colorToken, darkMode, ...rest }: HeadingProps) => JSX.Element;
+export default Heading;

package/build/components/Heading/heading.component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),r=require("react"),o=require("../../node_modules/@chakra-ui/layout/dist/chakra-ui-layout.esm.js"),a=require("../../node_modules/@chakra-ui/media-query/dist/chakra-ui-media-query.esm.js"),i=require("../../hooks/useTheme.js"),s=require("../../hooks/useAdaptiveColorMap.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=t(r);exports.default=function(r){var t=r.children,d=r.size,l=void 0===d?"lg":d,n=r.color,c=r.colorToken,m=void 0===c?"headline":c,k=r.darkMode,v=void 0!==k&&k,f=e.__rest(r,["children","size","color","colorToken","darkMode"]),h=i.default(),_=h.components,p=h.colors,q=s.default(p.text,m,v),j=a.useBreakpointValue({base:"small",md:"large"})\|\|"small",y=_.Heading.variants[j].sizes,b=y?y[l]:void 0;return u.default.createElement(o.Heading,e.__assign({variant:j},b,{color:n\|\|q},f),t)};
2	+ //# sourceMappingURL=heading.component.js.map

package/build/components/Heading/heading.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"heading.component.js","sources":["../../../src/components/Heading/heading.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Heading as ChakraHeading, HeadingProps as ChakraHeadingProps } from '@chakra-ui/layout';\nimport { useBreakpointValue } from '@chakra-ui/media-query';\nimport { HeadingSize, HeadingVariant } from './heading.types';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport { PartsStyleInterpolation } from '@chakra-ui/theme-tools';\nimport { TextColor } from 'shared/types';\n\nexport interface HeadingProps extends ChakraHeadingProps {\n children: ReactNode;\n size?: HeadingSize;\n colorToken?: TextColor;\n darkMode?: boolean;\n}\n\nconst Heading = ({\n children,\n size = 'lg',\n color,\n colorToken = 'headline',\n darkMode = false,\n ...rest\n}: HeadingProps): JSX.Element => {\n const { components, colors } = useTheme();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, darkMode);\n\n const variant: HeadingVariant = useBreakpointValue<HeadingVariant>({ base: 'small', md: 'large' }) || 'small';\n const sizes = components.Heading.variants[variant].sizes;\n const sizeProps = !sizes ? undefined : (sizes[size] as PartsStyleInterpolation);\n\n return (\n <ChakraHeading variant={variant} {...sizeProps} color={color || adaptiveColor} {...rest}>\n {children}\n </ChakraHeading>\n );\n};\n\nexport default Heading;\n"],"names":["_a","children","_b","size","color","_c","colorToken","_d","darkMode","rest","__rest","_e","useTheme","components","colors","adaptiveColor","useAdaptiveColorMap","text","variant","useBreakpointValue","base","md","sizes","Heading","variants","sizeProps","undefined","React","ChakraHeading","__assign"],"mappings":"8eAgBgB,SAACA,GACf,IAAAC,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,KAAAA,OAAO,IAAAD,EAAA,KAAIA,EACXE,EAAKJ,EAAAI,MACLC,EAAuBL,EAAAM,WAAvBA,OAAU,IAAAD,EAAG,WAAUA,EACvBE,EAAAP,EAAAQ,SAAAA,OAAW,IAAAD,GAAKA,EACbE,EAAIC,EAAAA,OAAAV,EANQ,qDAQTW,EAAyBC,EAAQ,UAA/BC,EAAUF,EAAAE,WAAEC,EAAMH,EAAAG,OACpBC,EAAgBC,EAAAA,QAA+BF,EAAOG,KAAMX,EAAYE,GAExEU,EAA0BC,EAAkBA,mBAAiB,CAAEC,KAAM,QAASC,GAAI,WAAc,QAChGC,EAAQT,EAAWU,QAAQC,SAASN,GAASI,MAC7CG,EAAaH,EAAqBA,EAAMnB,QAAnBuB,EAE3B,OACEC,EAAAA,sBAACC,EAAAA,QAAaC,EAAAA,SAAA,CAACX,QAASA,GAAaO,EAAS,CAAErB,MAAOA,GAASW,GAAmBN,GAChFR"}

package/build/components/Heading/heading.config.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../theme/tokens/colors/color.record.js");var e=require("../../theme/tokens/fontWeights.js"),t={variants:{large:{sizes:{xs:{fontSize:"14px",lineHeight:"120%",fontWeight:e.fontWeights.semibold},sm:{fontSize:"16px",lineHeight:"120%",fontWeight:e.fontWeights.semibold},md:{fontSize:"20px",lineHeight:"120%",fontWeight:e.fontWeights.semibold},lg:{fontSize:"30px",lineHeight:"133%",fontWeight:e.fontWeights.semibold},xl:{fontSize:"36px",lineHeight:"133%",fontWeight:e.fontWeights.semibold},"2xl":{fontSize:"48px",lineHeight:"120%",fontWeight:e.fontWeights.semibold},"3xl":{fontSize:"60px",lineHeight:"100%",fontWeight:e.fontWeights.semibold},"4xl":{fontSize:"72px",lineHeight:"100%",fontWeight:e.fontWeights.semibold}}},small:{sizes:{xs:{fontSize:"14px",lineHeight:"120%",fontWeight:e.fontWeights.semibold},sm:{fontSize:"16px",lineHeight:"120%",fontWeight:e.fontWeights.semibold},md:{fontSize:"20px",lineHeight:"120%",fontWeight:e.fontWeights.semibold},lg:{fontSize:"24px",lineHeight:"133%",fontWeight:e.fontWeights.semibold},xl:{fontSize:"30px",lineHeight:"133%",fontWeight:e.fontWeights.semibold},"2xl":{fontSize:"36px",lineHeight:"120%",fontWeight:e.fontWeights.semibold},"3xl":{fontSize:"48px",lineHeight:"100%",fontWeight:e.fontWeights.semibold},"4xl":{fontSize:"60px",lineHeight:"100%",fontWeight:e.fontWeights.semibold}}}}};exports.HeadingConfig=t;
2	+ //# sourceMappingURL=heading.config.js.map

package/build/components/Heading/heading.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"heading.config.js","sources":["../../../src/components/Heading/heading.config.ts"],"sourcesContent":["import { HeadingStyleConfig } from './heading.types';\nimport { fontWeights } from '../../theme/tokens';\n\nexport const HeadingConfig: HeadingStyleConfig = {\n variants: {\n large: {\n sizes: {\n xs: {\n fontSize: '14px',\n lineHeight: '120%',\n fontWeight: fontWeights.semibold,\n },\n sm: {\n fontSize: '16px',\n lineHeight: '120%',\n fontWeight: fontWeights.semibold,\n },\n md: {\n fontSize: '20px',\n lineHeight: '120%',\n fontWeight: fontWeights.semibold,\n },\n lg: {\n fontSize: '30px',\n lineHeight: '133%',\n fontWeight: fontWeights.semibold,\n },\n xl: {\n fontSize: '36px',\n lineHeight: '133%',\n fontWeight: fontWeights.semibold,\n },\n '2xl': {\n fontSize: '48px',\n lineHeight: '120%',\n fontWeight: fontWeights.semibold,\n },\n '3xl': {\n fontSize: '60px',\n lineHeight: '100%',\n fontWeight: fontWeights.semibold,\n },\n '4xl': {\n fontSize: '72px',\n lineHeight: '100%',\n fontWeight: fontWeights.semibold,\n },\n },\n },\n small: {\n sizes: {\n xs: {\n fontSize: '14px',\n lineHeight: '120%',\n fontWeight: fontWeights.semibold,\n },\n sm: {\n fontSize: '16px',\n lineHeight: '120%',\n fontWeight: fontWeights.semibold,\n },\n md: {\n fontSize: '20px',\n lineHeight: '120%',\n fontWeight: fontWeights.semibold,\n },\n lg: {\n fontSize: '24px',\n lineHeight: '133%',\n fontWeight: fontWeights.semibold,\n },\n xl: {\n fontSize: '30px',\n lineHeight: '133%',\n fontWeight: fontWeights.semibold,\n },\n '2xl': {\n fontSize: '36px',\n lineHeight: '120%',\n fontWeight: fontWeights.semibold,\n },\n '3xl': {\n fontSize: '48px',\n lineHeight: '100%',\n fontWeight: fontWeights.semibold,\n },\n '4xl': {\n fontSize: '60px',\n lineHeight: '100%',\n fontWeight: fontWeights.semibold,\n },\n },\n },\n },\n};\n"],"names":["HeadingConfig","variants","large","sizes","xs","fontSize","lineHeight","fontWeight","fontWeights","semibold","sm","md","lg","xl","small"],"mappings":"4KAGaA,EAAoC,CAC/CC,SAAU,CACRC,MAAO,CACLC,MAAO,CACLC,GAAI,CACFC,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1BC,GAAI,CACFL,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1BE,GAAI,CACFN,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1BG,GAAI,CACFP,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1BI,GAAI,CACFR,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1B,MAAO,CACLJ,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1B,MAAO,CACLJ,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1B,MAAO,CACLJ,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,YAI9BK,MAAO,CACLX,MAAO,CACLC,GAAI,CACFC,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1BC,GAAI,CACFL,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1BE,GAAI,CACFN,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1BG,GAAI,CACFP,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1BI,GAAI,CACFR,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1B,MAAO,CACLJ,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1B,MAAO,CACLJ,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC,UAE1B,MAAO,CACLJ,SAAU,OACVC,WAAY,OACZC,WAAYC,EAAWA,YAACC"}

package/build/components/Icon/components/Icon/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../icon.component.js");exports.default=e.default;
2	+ //# sourceMappingURL=index.js.map

package/build/components/Icon/icon.component.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import React from 'react';
+import { IconColorToken, IconsSize } from './icon.types';
+import { IconName } from 'components/Icon/icon.types';
+export interface IconProps {
+    name: IconName;
+    size?: IconsSize;
+    color?: IconColorToken;
+    colorToken?: IconColorToken;
+}
+declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<any>>;
+export default Icon;

package/build/components/Icon/icon.component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),o=require("./icon.records.js"),r=require("../../hooks/useTheme.js"),t=require("../../hooks/useAdaptiveColorMap.js"),i=require("../../node_modules/@televet/kibble-icons/dist/esm/index.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(e),a=e.forwardRef((function(e,u){var a=e.name,l=e.size,n=void 0===l?"lg":l,c=e.colorToken,d=e.color,f=void 0===d?"currentColor":d,p=r.default().colors,v=t.default(p.icon,c\|\|f),h=i.IconMap[a],j=o.IconSizeMap[n]+"px";return s.default.createElement(h,{ref:u,width:j,height:j,color:v})}));a.displayName="Icon",exports.default=a;
2	+ //# sourceMappingURL=icon.component.js.map

package/build/components/Icon/icon.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon.component.js","sources":["../../../src/components/Icon/icon.component.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react';\nimport { IconColorToken, IconsSize } from './icon.types';\nimport { IconSizeMap } from './icon.records';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport { IconMap } from '@televet/kibble-icons';\nimport { IconName } from 'components/Icon/icon.types';\n\nexport interface IconProps {\n name: IconName;\n size?: IconsSize;\n color?: IconColorToken; // TODO: Update to be string after all Icon instances have been converted to use colorToken.\n colorToken?: IconColorToken;\n}\n\nconst Icon = forwardRef(\n ({ name, size = 'lg', colorToken, color = 'currentColor' }: IconProps, ref: ForwardedRef<any>): JSX.Element => {\n const { colors } = useTheme();\n const c = useAdaptiveColorMap<IconColorToken>(colors.icon, colorToken || (color as IconColorToken));\n\n const MappedIcon = IconMap[name];\n const d = IconSizeMap[size] + 'px';\n\n return <MappedIcon ref={ref} width={d} height={d} color={c} />;\n },\n);\n\nIcon.displayName = 'Icon';\n\nexport default Icon;\n"],"names":["Icon","forwardRef","_a","ref","name","_b","size","colorToken","_c","color","colors","useTheme","c","useAdaptiveColorMap","icon","MappedIcon","IconMap","d","IconSizeMap","React","width","height","displayName"],"mappings":"0WAeMA,EAAOC,EAAUA,YACrB,SAACC,EAAsEC,GAApE,IAAAC,SAAMC,EAAAH,EAAAI,KAAAA,aAAO,KAAID,EAAEE,eAAYC,EAAAN,EAAAO,MAAAA,OAAK,IAAAD,EAAG,eAAcA,EAC9CE,EAAWC,mBACbC,EAAIC,EAAAA,QAAoCH,EAAOI,KAAMP,GAAeE,GAEpEM,EAAaC,UAAQZ,GACrBa,EAAIC,EAAAA,YAAYZ,GAAQ,KAE9B,OAAOa,wBAACJ,EAAU,CAACZ,IAAKA,EAAKiB,MAAOH,EAAGI,OAAQJ,EAAGR,MAAOG,OAI7DZ,EAAKsB,YAAc"}

package/build/components/Icon/icon.records.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.IconSizeMap={xs:14,sm:16,md:20,lg:24,xl:32,"2xl":38};
2	+ //# sourceMappingURL=icon.records.js.map

package/build/components/Icon/icon.records.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"icon.records.js","sources":["../../../src/components/Icon/icon.records.tsx"],"sourcesContent":["import { IconsSize } from './icon.types';\n\nexport const IconSizeMap: Record<IconsSize, number> = {\n xs: 14,\n sm: 16,\n md: 20,\n lg: 24,\n xl: 32,\n '2xl': 38,\n};\n"],"names":["xs","sm","md","lg","xl"],"mappings":"wFAEsD,CACpDA,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJ,MAAO"}

package/build/components/Link/components/Link/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../link.component.js");exports.default=e.default;
2	+ //# sourceMappingURL=index.js.map

package/build/components/Link/components/linkIcon.component.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { IconProps } from 'components/Icon/icon.component';
+export interface LinkIconProps extends IconProps {
+    position?: 'start' | 'end';
+}
+declare const LinkIcon: (iconProps: LinkIconProps) => JSX.Element;
+export default LinkIcon;

package/build/components/Link/components/linkIcon.component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../Icon/icon.component.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var n=o(t);exports.default=function(t){t.position;var o=e.__rest(t,["position"]);return n.default.createElement(r.default,e.__assign({},o))};
2	+ //# sourceMappingURL=linkIcon.component.js.map

package/build/components/Link/components/linkIcon.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"linkIcon.component.js","sources":["../../../../src/components/Link/components/linkIcon.component.tsx"],"sourcesContent":["import React from 'react';\nimport Icon, { IconProps } from 'components/Icon/icon.component';\n\nexport interface LinkIconProps extends IconProps {\n position?: 'start' | 'end';\n}\n\nconst LinkIcon = (iconProps: LinkIconProps): JSX.Element => {\n const { position, ...rest } = iconProps;\n\n return <Icon {...rest} />;\n};\n\nexport default LinkIcon;\n"],"names":["iconProps","position","rest","__rest","React","createElement","Icon","__assign"],"mappings":"8RAOiB,SAACA,GACcA,EAAdC,aAAKC,EAAIC,EAAAA,OAAKH,EAAxB,CAAqB,aAE3B,OAAOI,EAAAA,QAACC,cAAAC,EAAI,QAAKC,EAAAA,SAAA,GAAAL"}

package/build/components/Link/link.component.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { LinkProps as CLinkProps } from '@chakra-ui/layout';
+import { LinkIconProps } from './components/linkIcon.component';
+import { TextColor } from 'shared/types';
+import { TextSize } from 'components/Text/text.types';
+export interface LinkProps extends CLinkProps {
+    children: ReactNode;
+    iconProps?: LinkIconProps;
+    size?: TextSize;
+    colorToken?: TextColor;
+    onDark?: boolean;
+    to?: string;
+}
+declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;

package/build/components/Link/link.component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),o=require("react"),t=require("../../node_modules/@chakra-ui/layout/dist/chakra-ui-layout.esm.js"),r=require("../../chakra/components/HStack/chakra/components/HStack/index.js"),n=require("./components/linkIcon.component.js"),i=require("../../chakra/components/Box/chakra/components/Box/index.js"),a=require("../../hooks/useIconTextSizeMap.js"),s=require("../../hooks/useTheme.js"),l=require("../../hooks/useAdaptiveColorMap.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=u(o),d=o.forwardRef((function(o,u){var d=s.default().colors,f=o.children,p=o.color,k=o.colorToken,m=void 0===k?"link":k,h=o.onDark,_=void 0!==h&&h,j=o.iconProps,v=o.size,q=void 0===v?"md":v,x=e.__rest(o,["children","color","colorToken","onDark","iconProps","size"]),y=l.default(d.text,m,_),z=a.default(q);return j&&!j.position&&(j.position="start"),c.default.createElement(t.Link,e.__assign({display:"inline-block",size:q,ref:u,color:p\|\|y},x),c.default.createElement(r.default,{spacing:1,align:"center"},"start"===(null==j?void 0:j.position)&&c.default.createElement(n.default,e.__assign({size:z},j)),c.default.createElement(i.default,null,f),"end"===(null==j?void 0:j.position)&&c.default.createElement(n.default,e.__assign({size:z},j))))}));d.displayName="Link",exports.default=d;
2	+ //# sourceMappingURL=link.component.js.map

package/build/components/Link/link.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"link.component.js","sources":["../../../src/components/Link/link.component.tsx"],"sourcesContent":["import React, { forwardRef, ForwardedRef, ReactNode } from 'react';\nimport { Link as CLink, LinkProps as CLinkProps } from '@chakra-ui/layout';\nimport HStack from 'chakra/components/HStack';\nimport LinkIcon, { LinkIconProps } from './components/linkIcon.component';\nimport Box from 'chakra/components/Box';\nimport { TextColor } from 'shared/types';\nimport { TextSize } from 'components/Text/text.types';\nimport useIconTextSizeMap from 'hooks/useIconTextSizeMap';\nimport useTheme from 'hooks/useTheme';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\n\nexport interface LinkProps extends CLinkProps {\n children: ReactNode;\n iconProps?: LinkIconProps;\n size?: TextSize;\n colorToken?: TextColor;\n onDark?: boolean;\n to?: string;\n}\n\nconst Link = forwardRef((props: LinkProps, ref: ForwardedRef<HTMLAnchorElement>): JSX.Element => {\n const { colors } = useTheme();\n const { children, color, colorToken = 'link', onDark = false, iconProps, size = 'md', ...rest } = props;\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken, onDark);\n const mappIconSize = useIconTextSizeMap(size);\n\n if (iconProps && !iconProps.position) {\n iconProps.position = 'start';\n }\n\n return (\n <CLink display=\"inline-block\" size={size} ref={ref} color={color || adaptiveColor} {...rest}>\n <HStack spacing={1} align=\"center\">\n {iconProps?.position === 'start' && <LinkIcon size={mappIconSize} {...iconProps} />}\n <Box>{children}</Box>\n {iconProps?.position === 'end' && <LinkIcon size={mappIconSize} {...iconProps} />}\n </HStack>\n </CLink>\n );\n});\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["Link","forwardRef","props","ref","colors","useTheme","children","color","_a","colorToken","_b","onDark","iconProps","_c","size","rest","adaptiveColor","useAdaptiveColorMap","text","mappIconSize","useIconTextSizeMap","position","React","CLink","__assign","display","createElement","HStack","spacing","align","LinkIcon","Box","displayName"],"mappings":"0nBAoBMA,EAAOC,EAAUA,YAAC,SAACC,EAAkBC,GACjC,IAAAC,EAAWC,mBACXC,EAA0FJ,EAAKI,SAArFC,EAAgFL,EAAKK,MAA9EC,EAAyEN,EAAtDO,WAAnBA,OAAa,IAAAD,EAAA,SAAQE,EAAoDR,EAAKS,OAAzDA,cAAcD,EAAEE,EAAoCV,EAA3BU,UAAEC,EAAyBX,EAAdY,KAAXA,OAAO,IAAAD,EAAA,OAASE,WAASb,EAA5F,CAAyF,WAAA,QAAA,aAAA,SAAA,YAAA,SACzFc,EAAgBC,EAAAA,QAA+Bb,EAAOc,KAAMT,EAAYE,GACxEQ,EAAeC,UAAmBN,GAMxC,OAJIF,IAAcA,EAAUS,WAC1BT,EAAUS,SAAW,SAIrBC,EAAAA,sBAACC,EAAAA,KAAKC,EAAAA,SAAA,CAACC,QAAQ,eAAeX,KAAMA,EAAMX,IAAKA,EAAKI,MAAOA,GAASS,GAAmBD,GACrFO,EAAC,QAAAI,cAAAC,WAAOC,QAAS,EAAGC,MAAM,UACC,WAAxBjB,MAAAA,SAAAA,EAAWS,WAAwBC,UAAAI,cAACI,EAAAA,QAASN,EAAAA,SAAA,CAAAV,KAAMK,GAAkBP,IACtEU,EAAAA,QAACI,cAAAK,UAAK,KAAAzB,GACmB,SAAxBM,MAAAA,OAAS,EAATA,EAAWS,WAAsBC,EAAA,QAAAI,cAACI,EAAAA,QAASN,EAAAA,SAAA,CAAAV,KAAMK,GAAkBP,SAM5EZ,EAAKgC,YAAc"}

package/build/components/Link/link.config.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+export declare const LinkConfig: {
+    parts?: undefined;
+    baseStyle?: import("@chakra-ui/styled-system").CSSWithMultiValues | import("@chakra-ui/theme-tools").SystemStyleFunction | undefined;
+    sizes?: Record<string, import("@chakra-ui/theme-tools").SystemStyleInterpolation> | undefined;
+    variants?: Record<string, import("@chakra-ui/theme-tools").SystemStyleInterpolation> | undefined;
+    defaultProps?: import("@chakra-ui/theme").ComponentDefaultProps | undefined;
+} | {
+    parts: string[];
+    baseStyle?: import("@chakra-ui/styled-system").CSSWithMultiValues | import("@chakra-ui/theme-tools").SystemStyleFunction | Partial<Record<string, import("@chakra-ui/styled-system").CSSObject>> | import("@chakra-ui/theme-tools").PartsStyleFunction<{
+        __type: string;
+    }> | undefined;
+    sizes?: Record<string, import("@chakra-ui/theme-tools").SystemStyleInterpolation> | Record<string, import("@chakra-ui/theme-tools").PartsStyleInterpolation<{
+        __type: string;
+    }>> | undefined;
+    variants?: Record<string, import("@chakra-ui/theme-tools").SystemStyleInterpolation> | Record<string, import("@chakra-ui/theme-tools").PartsStyleInterpolation<{
+        __type: string;
+    }>> | undefined;
+    defaultProps?: import("@chakra-ui/theme").ComponentDefaultProps | undefined;
+};

package/build/components/Link/link.config.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/tslib/tslib.es6.js"),s=require("../Text/text.config.js"),t=e.__assign(e.__assign({},{baseStyle:{textDecoration:"underline"}}),s.TextConfig);exports.LinkConfig=t;
2	+ //# sourceMappingURL=link.config.js.map

package/build/components/Link/link.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"link.config.js","sources":["../../../src/components/Link/link.config.ts"],"sourcesContent":["import { ComponentStyleConfig } from '@chakra-ui/theme';\nimport { TextConfig } from 'components/Text/text.config';\n\nconst BaseLinkConfig: ComponentStyleConfig = {\n baseStyle: {\n textDecoration: 'underline',\n },\n};\n\nexport const LinkConfig = { ...BaseLinkConfig, ...TextConfig };\n"],"names":["LinkConfig","__assign","baseStyle","textDecoration","TextConfig"],"mappings":"+JASaA,EAAUC,EAAAA,SAAAA,EAAAA,SAAA,GANsB,CAC3CC,UAAW,CACTC,eAAgB,eAI8BC,EAAUA"}

package/build/components/Logo/components/Logo/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../logo.component.js");exports.default=e.default;
2	+ //# sourceMappingURL=index.js.map

package/build/components/Logo/logo.component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("./logo.config.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e),r=function(e){var o,r=e.type,i=void 0===r?"full":r,a=e.color,u=void 0===a?"teal":a,n=e.height,c=e.width,d=e.handleClick,f={height:n,width:c};return o="icon"===i?t.logoIconMap[u]:t.fullLogoMap[u],l.default.createElement(o,{style:f,onClick:d})};r.displayName="Logo",exports.default=r;
2	+ //# sourceMappingURL=logo.component.js.map

package/build/components/Logo/logo.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"logo.component.js","sources":["../../../src/components/Logo/logo.component.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { logoIconMap, fullLogoMap } from './logo.config';\nimport { LogoType, LogoColor } from './logo.types';\n\nexport interface ILogoProps {\n type?: LogoType;\n color?: LogoColor;\n height?: number;\n width?: number;\n handleClick?: () => void;\n}\n\nconst Logo = ({ type = 'full', color = 'teal', height, width, handleClick }: ILogoProps): JSX.Element => {\n let LogoComponent;\n\n const style: CSSProperties = { height, width };\n\n if (type === 'icon') {\n LogoComponent = logoIconMap[color];\n } else {\n LogoComponent = fullLogoMap[color];\n }\n\n return <LogoComponent style={style} onClick={handleClick} />;\n};\n\nLogo.displayName = 'Logo';\n\nexport default Logo;\n"],"names":["Logo","_a","LogoComponent","_b","type","_c","color","height","width","handleClick","style","logoIconMap","fullLogoMap","React","createElement","onClick","displayName"],"mappings":"4MAYMA,EAAO,SAACC,OACRC,EADUC,EAAaF,EAAAG,KAAbA,OAAO,IAAAD,EAAA,SAAQE,EAAAJ,EAAAK,MAAAA,OAAK,IAAAD,EAAG,OAAMA,EAAEE,EAAMN,EAAAM,OAAEC,EAAKP,EAAAO,MAAEC,EAAWR,EAAAQ,YAGjEC,EAAuB,CAAEH,SAAQC,MAAKA,GAQ5C,OALEN,EADW,SAATE,EACcO,EAAAA,YAAYL,GAEZM,EAAAA,YAAYN,GAGvBO,EAAA,QAAAC,cAACZ,EAAa,CAACQ,MAAOA,EAAOK,QAASN,KAG/CT,EAAKgB,YAAc"}

package/build/components/Logo/logo.config.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../assets/logos/teal.svg.js"),s=require("../../assets/logos/tealIcon.svg.js"),t=require("../../assets/logos/black.svg.js"),l=require("../../assets/logos/blackIcon.svg.js"),o=require("../../assets/logos/white.svg.js"),a=require("../../assets/logos/whiteIcon.svg.js"),r={black:l.default,white:a.default,teal:s.default},u={black:t.default,white:o.default,teal:e.default};exports.fullLogoMap=u,exports.logoIconMap=r;
2	+ //# sourceMappingURL=logo.config.js.map

package/build/components/Logo/logo.config.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"logo.config.js","sources":["../../../src/components/Logo/logo.config.ts"],"sourcesContent":["import { Props } from 'framer-motion/types/types';\nimport { LogoColor } from './logo.types';\nimport { BlackLogoIcon, WhiteLogoIcon, TealLogoIcon, BlackLogo, WhiteLogo, TealLogo } from './logos';\n\nexport const logoIconMap: Record<LogoColor, React.FC<Props>> = {\n black: BlackLogoIcon,\n white: WhiteLogoIcon,\n teal: TealLogoIcon,\n};\n\nexport const fullLogoMap: Record<LogoColor, React.FC<Props>> = {\n black: BlackLogo,\n white: WhiteLogo,\n teal: TealLogo,\n};\n"],"names":["logoIconMap","black","BlackLogoIcon","white","WhiteLogoIcon","teal","TealLogoIcon","fullLogoMap","BlackLogo","WhiteLogo","TealLogo"],"mappings":"gWAIaA,EAAkD,CAC7DC,MAAOC,EAAa,QACpBC,MAAOC,EAAa,QACpBC,KAAMC,EAAY,SAGPC,EAAkD,CAC7DN,MAAOO,EAAS,QAChBL,MAAOM,EAAS,QAChBJ,KAAMK,EAAQ"}

package/build/components/Logo/logos.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import { ReactComponent as TealLogo } from '../../assets/logos/teal.svg';
+import { ReactComponent as TealLogoIcon } from '../../assets/logos/tealIcon.svg';
+import { ReactComponent as BlackLogo } from '../../assets/logos/black.svg';
+import { ReactComponent as BlackLogoIcon } from '../../assets/logos/blackIcon.svg';
+import { ReactComponent as WhiteLogo } from '../../assets/logos/white.svg';
+import { ReactComponent as WhiteLogoIcon } from '../../assets/logos/whiteIcon.svg';
+export { TealLogo, TealLogoIcon, BlackLogo, BlackLogoIcon, WhiteLogo, WhiteLogoIcon };

package/build/components/Menu/components/Menu/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../menu.component.js");exports.default=e.default;
2	+ //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuButton/components/Menu/components/MenuButton/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuButton.component.js");exports.default=e.default;
2	+ //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuButton/menuButton.component.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { MenuButtonProps as CMenuButtonProps } from '@chakra-ui/menu';
+import { ButtonSizeType, ButtonVariantType } from 'components/Button/button.types';
+import { IconName } from 'components/Icon/icon.types';
+export interface MenuButtonProps extends CMenuButtonProps {
+    leftElement?: ReactNode;
+    leftIconName?: IconName;
+    rightIconName?: IconName;
+    showRightIcon?: boolean;
+    size?: ButtonSizeType;
+    text?: string;
+    variant?: ButtonVariantType;
+}
+declare const MenuButton: ({ leftElement, leftIconName, rightIconName, showRightIcon, size, text, variant, ...rest }: MenuButtonProps) => JSX.Element;
+export default MenuButton;

package/build/components/Menu/components/MenuButton/menuButton.component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../../Icon/icon.component.js"),a=require("../../../../chakra/components/Box/chakra/components/Box/index.js"),r=require("../../../../chakra/components/HStack/chakra/components/HStack/index.js"),u=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js"),s=require("../../../Button/button.component.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=c(t);exports.default=function(c){var i=c.leftElement,l=c.leftIconName,m=c.rightIconName,f=void 0===m?"chevronDown":m,d=c.showRightIcon,x=void 0===d\|\|d,p=c.size,h=c.text,_=c.variant,v=e.__rest(c,["leftElement","leftIconName","rightIconName","showRightIcon","size","text","variant"]),g=l&&!h,M=t.useMemo((function(){if(g)switch(p){case"xs":return"4px";case"sm":return"6px";default:return"8px"}switch(p){case"xs":return"5px 8px";case"sm":return"8px 12px";case"md":return"10px 16px";default:return"12px 20px"}}),[g,p]),B=t.useMemo((function(){if(g)switch(p){case"xs":return"sm";case"sm":return"md";case"md":return"lg";default:return"xl"}return p\|\|"md"}),[g,p]),E=t.useMemo((function(){if(g)return"0px";switch(p){case"xs":case"sm":return"4px";default:return"8px"}}),[g,p]);return o.default.createElement(u.MenuButton,e.__assign({as:s.default,variant:_,size:p,position:"relative"},v,{className:"MenuButton",p:M,lineHeight:0,_active:{transform:"none"}}),o.default.createElement(r.default,{spacing:E,className:"MenuButton__ContentContainer"},i&&i,l&&o.default.createElement(a.default,{className:"MenuButton__LeftIcon"},o.default.createElement(n.default,{name:l,size:B})),h&&o.default.createElement(a.default,{className:"MenuButton__Text"},h),x&&o.default.createElement(a.default,{className:"MenuButton__RightIcon"},o.default.createElement(n.default,{name:f,size:"lg"===p?"sm":"xs"}))))};
2	+ //# sourceMappingURL=menuButton.component.js.map

package/build/components/Menu/components/MenuButton/menuButton.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menuButton.component.js","sources":["../../../../../src/components/Menu/components/MenuButton/menuButton.component.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport Icon from 'components/Icon';\nimport Box from 'chakra/components/Box';\nimport HStack from 'chakra/components/HStack';\nimport { MenuButton as CMenuButton, MenuButtonProps as CMenuButtonProps } from '@chakra-ui/menu';\nimport Button from 'components/Button';\nimport { ButtonSizeType, ButtonVariantType } from 'components/Button/button.types';\nimport { IconsSize, IconName } from 'components/Icon/icon.types';\n\nexport interface MenuButtonProps extends CMenuButtonProps {\n leftElement?: ReactNode;\n leftIconName?: IconName;\n rightIconName?: IconName;\n showRightIcon?: boolean;\n size?: ButtonSizeType;\n text?: string;\n variant?: ButtonVariantType;\n}\n\nconst MenuButton = ({\n leftElement,\n leftIconName,\n rightIconName = 'chevronDown',\n showRightIcon = true,\n size,\n text,\n variant,\n ...rest\n}: MenuButtonProps): JSX.Element => {\n const isIconButton = leftIconName && !text;\n const buttonPadding = useMemo((): string => {\n if (isIconButton) {\n switch (size) {\n case 'xs':\n return '4px';\n case 'sm':\n return '6px';\n default:\n return '8px';\n }\n }\n\n switch (size) {\n case 'xs':\n return '5px 8px';\n case 'sm':\n return '8px 12px';\n case 'md':\n return '10px 16px';\n default:\n return '12px 20px';\n }\n }, [isIconButton, size]);\n\n const iconSize = useMemo((): IconsSize => {\n if (isIconButton) {\n switch (size) {\n case 'xs':\n return 'sm';\n case 'sm':\n return 'md';\n case 'md':\n return 'lg';\n default:\n return 'xl';\n }\n }\n\n return size || 'md';\n }, [isIconButton, size]);\n\n const textSpacing = useMemo((): string => {\n if (isIconButton) {\n return '0px';\n }\n\n switch (size) {\n case 'xs':\n case 'sm':\n return '4px';\n default:\n return '8px';\n }\n }, [isIconButton, size]);\n\n return (\n <CMenuButton\n as={Button}\n variant={variant}\n size={size}\n position=\"relative\"\n {...rest}\n className=\"MenuButton\"\n p={buttonPadding}\n lineHeight={0}\n _active={{ transform: 'none' }}\n >\n <HStack spacing={textSpacing} className=\"MenuButton__ContentContainer\">\n {leftElement && leftElement}\n {leftIconName && (\n <Box className=\"MenuButton__LeftIcon\">\n <Icon name={leftIconName} size={iconSize} />\n </Box>\n )}\n {text && <Box className=\"MenuButton__Text\">{text}</Box>}\n {showRightIcon && (\n <Box className=\"MenuButton__RightIcon\">\n <Icon name={rightIconName} size={size === 'lg' ? 'sm' : 'xs'} />\n </Box>\n )}\n </HStack>\n </CMenuButton>\n );\n};\n\nexport default MenuButton;\n"],"names":["_a","leftElement","leftIconName","_b","rightIconName","_c","showRightIcon","size","text","variant","rest","__rest","isIconButton","buttonPadding","useMemo","iconSize","textSpacing","React","createElement","CMenuButton","MenuButton","as","Button","position","className","p","lineHeight","_active","transform","HStack","spacing","Box","Icon","name"],"mappings":"wkBAmBmB,SAACA,GAClB,IAAAC,EAAWD,EAAAC,YACXC,iBACAC,EAAAH,EAAAI,cAAAA,OAAgB,IAAAD,EAAA,cAAaA,EAC7BE,kBAAAC,OAAgB,IAAAD,GAAIA,EACpBE,EAAIP,EAAAO,KACJC,EAAIR,EAAAQ,KACJC,EAAOT,EAAAS,QACJC,EAAIC,EAAAA,OAAAX,EARW,wFAUZY,EAAeV,IAAiBM,EAChCK,EAAgBC,EAAAA,SAAQ,WAC5B,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,MACT,IAAK,KACH,MAAO,MACT,QACE,MAAO,MAIb,OAAQA,GACN,IAAK,KACH,MAAO,UACT,IAAK,KACH,MAAO,WACT,IAAK,KACH,MAAO,YACT,QACE,MAAO,eAEV,CAACK,EAAcL,IAEZQ,EAAWD,EAAAA,SAAQ,WACvB,GAAIF,EACF,OAAQL,GACN,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,IAAK,KACH,MAAO,KACT,QACE,MAAO,KAIb,OAAOA,GAAQ,OACd,CAACK,EAAcL,IAEZS,EAAcF,EAAAA,SAAQ,WAC1B,GAAIF,EACF,MAAO,MAGT,OAAQL,GACN,IAAK,KACL,IAAK,KACH,MAAO,MACT,QACE,MAAO,SAEV,CAACK,EAAcL,IAElB,OACEU,UAACC,cAAAC,EAAWC,uBACVC,GAAIC,EAAM,QACVb,QAASA,EACTF,KAAMA,EACNgB,SAAS,YACLb,EAAI,CACRc,UAAU,aACVC,EAAGZ,EACHa,WAAY,EACZC,QAAS,CAAEC,UAAW,UAEtBX,EAAC,QAAAC,cAAAW,WAAOC,QAASd,EAAaQ,UAAU,gCACrCvB,GAAeA,EACfC,GACCe,EAAA,QAAAC,cAACa,EAAG,QAAC,CAAAP,UAAU,wBACbP,UAACC,cAAAc,EAAAA,QAAK,CAAAC,KAAM/B,EAAcK,KAAMQ,KAGnCP,GAAQS,wBAACc,EAAAA,QAAG,CAACP,UAAU,oBAAoBhB,GAC3CF,GACCW,EAAA,QAAAC,cAACa,EAAG,QAAC,CAAAP,UAAU,yBACbP,EAAAA,QAACC,cAAAc,EAAAA,QAAK,CAAAC,KAAM7B,EAAeG,KAAe,OAATA,EAAgB,KAAO"}

package/build/components/Menu/components/MenuContainer/components/Menu/components/MenuContainer/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuContainer.component.js");exports.default=e.default;
2	+ //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuContainer/menuContainer.component.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { MenuProps as CMenuProps } from '@chakra-ui/menu';
+import { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';
+export interface MenuContainerProps extends Omit<CMenuProps, 'children' | 'onClose'> {
+    children?: ReactNode;
+    onClose?: (value: (MenuItemProps | undefined)[]) => void;
+}
+declare const MenuContainer: ({ children, onClose, ...rest }: MenuContainerProps) => JSX.Element;
+export default MenuContainer;

package/build/components/Menu/components/MenuContainer/menuContainer.component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),r=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js"),n=require("../../context/menu.context.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(t);exports.default=function(t){var u=t.children;t.onClose;var o=e.__rest(t,["children","onClose"]),l=n.useMenuContext().handleOnClose;return s.default.createElement(r.Menu,e.__assign({onClose:l},o),u)};
2	+ //# sourceMappingURL=menuContainer.component.js.map

package/build/components/Menu/components/MenuContainer/menuContainer.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menuContainer.component.js","sources":["../../../../../src/components/Menu/components/MenuContainer/menuContainer.component.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Menu as CMenu, MenuProps as CMenuProps } from '@chakra-ui/menu';\nimport { useMenuContext } from 'components/Menu/context/menu.context';\nimport { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';\n\nexport interface MenuContainerProps extends Omit<CMenuProps, 'children' | 'onClose'> {\n children?: ReactNode;\n onClose?: (value: (MenuItemProps | undefined)[]) => void;\n}\n\nconst MenuContainer = ({ children, onClose, ...rest }: MenuContainerProps): JSX.Element => {\n const { handleOnClose } = useMenuContext();\n\n return (\n <CMenu onClose={handleOnClose} {...rest}>\n {children}\n </CMenu>\n );\n};\n\nexport default MenuContainer;\n"],"names":["_a","children","rest","__rest","handleOnClose","useMenuContext","React","createElement","CMenu","Menu","__assign","onClose"],"mappings":"mXAUsB,SAACA,GAAE,IAAAC,2BAAsBC,EAAxBC,EAAAA,OAAAH,EAAA,CAAA,WAAA,YACbI,EAAkBC,iCAE1B,OACEC,UAAAC,cAACC,EAAKC,KAAAC,WAAA,CAACC,QAASP,GAAmBF,GAChCD"}

package/build/components/Menu/components/MenuItem/components/Menu/components/MenuItem/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuItem.component.js");exports.default=e.default;
2	+ //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuItem/menuItem.component.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { ReactNode, MutableRefObject, KeyboardEvent, ReactElement } from 'react';
+import { TextColor } from 'shared/types';
+export interface MenuItemProps {
+    canSelectAll?: boolean;
+    children?: ReactNode;
+    closeOnSelect?: boolean;
+    groupLabel?: string;
+    handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;
+    isDisabled?: boolean;
+    isMultiSelect?: boolean;
+    isSelected?: boolean;
+    itemIndex?: string;
+    label?: string | ReactElement;
+    leftElement?: ReactNode;
+    menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;
+    onSelect?: (selectedItem: MenuItemProps) => void;
+    shouldRetainSelection?: boolean;
+    shouldTruncateText?: boolean;
+    value?: string;
+    colorToken?: TextColor;
+    isPlaceholder?: boolean;
+}
+declare const MenuItem: ({ canSelectAll, children, colorToken, groupLabel, handleKeyboardNavigation, isDisabled, isMultiSelect, isPlaceholder, closeOnSelect, isSelected, itemIndex, label, leftElement, menuItemRefs, onSelect, shouldRetainSelection, shouldTruncateText, value, ...rest }: MenuItemProps) => JSX.Element;
+export default MenuItem;

package/build/components/Menu/components/MenuItem/menuItem.component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),n=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js"),l=require("../../../../chakra/components/Flex/chakra/components/Flex/index.js"),a=require("../../../../chakra/components/HStack/chakra/components/HStack/index.js"),r=require("../../../../chakra/components/Box/chakra/components/Box/index.js"),o=require("../../../../hooks/useTheme.js"),u=require("../../menu.config.js"),c=require("../../../TruncatedText/truncatedText.component.js"),s=require("../../../Text/text.component.js"),i=require("../../../../hooks/useAdaptiveColorMap.js"),d=require("../../../Icon/icon.component.js");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=m(t);exports.default=function(m){var h=m.canSelectAll,p=m.children,x=m.colorToken;m.groupLabel;var b=m.handleKeyboardNavigation,k=void 0===b?function(){}:b,g=m.isDisabled,v=m.isMultiSelect;m.isPlaceholder;var _=m.closeOnSelect,j=void 0===_?!v:_,S=m.isSelected,E=m.itemIndex,I=void 0===E?"0":E,q=m.label,M=m.leftElement,T=m.menuItemRefs,y=m.onSelect,L=m.shouldRetainSelection,C=void 0!==L&&L,N=m.shouldTruncateText,R=m.value,w=e.__rest(m,["canSelectAll","children","colorToken","groupLabel","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","closeOnSelect","isSelected","itemIndex","label","leftElement","menuItemRefs","onSelect","shouldRetainSelection","shouldTruncateText","value"]),D=o.default().colors,O=n.useMenuState().onClose,P=i.default(D.text,x\|\|"default"),A=t.useCallback((function(e){e.stopPropagation(),g\|\|(R&&y&&y({label:q,leftElement:M,value:R}),j&&O())}),[R,y,O,j,g,q,M]),H=t.useMemo((function(){return x?P:S&&C&&!v?D.text.light.link:D.text.light.default}),[S,C,v,P,x,D]);return f.default.createElement(r.default,e.__assign({},u.MenuItemConfig,{bg:S&&C&&!v?D.background.hover:"",className:"MenuList__Item",onClick:A,onKeyDown:function(e){return k(e,!1)},tabIndex:parseInt(h?I+=2:I),ref:function(e){return T&&I?T.current[parseInt(I)]=e:null},disabled:g},w),p\|\|f.default.createElement(a.default,{align:"center",spacing:3,minH:5,color:H},v&&f.default.createElement(l.default,{w:4,h:4,className:"MenuList__ItemCheckbox",align:"center",justify:"center",color:D.status.success},S?f.default.createElement(d.default,{name:"checkmarkCircle",size:"sm"}):f.default.createElement(r.default,{m:"2px",w:3,h:3,borderRadius:"100%",bg:D.background.grayDark})),M&&f.default.createElement(l.default,{align:"center",justify:"center",className:"MenuList__ItemLeftElement"},M),f.default.createElement(r.default,{className:"MenuList__ItemLabel",position:"relative",w:"100%"},"string"==typeof q?N?f.default.createElement(c.default,{color:H,textContent:q\|\|"",noOfLines:1}):f.default.createElement(s.default,{color:H},q):q)))};
2	+ //# sourceMappingURL=menuItem.component.js.map

package/build/components/Menu/components/MenuItem/menuItem.component.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"menuItem.component.js","sources":["../../../../../src/components/Menu/components/MenuItem/menuItem.component.tsx"],"sourcesContent":["import React, {\n ReactNode,\n MutableRefObject,\n useCallback,\n MouseEvent,\n KeyboardEvent,\n useMemo,\n ReactElement,\n} from 'react';\nimport { useMenuState } from '@chakra-ui/menu';\nimport Flex from 'chakra/components/Flex';\nimport HStack from 'chakra/components/HStack';\nimport Box from 'chakra/components/Box';\nimport useTheme from 'hooks/useTheme';\nimport { MenuItemConfig } from 'components/Menu/menu.config';\nimport { TextColor } from 'shared/types';\nimport TruncatedText from 'components/TruncatedText';\nimport Text from 'components/Text';\nimport useAdaptiveColorMap from 'hooks/useAdaptiveColorMap';\nimport Icon from 'components/Icon';\n\nexport interface MenuItemProps {\n canSelectAll?: boolean;\n children?: ReactNode;\n closeOnSelect?: boolean;\n groupLabel?: string;\n handleKeyboardNavigation?: (e: KeyboardEvent<HTMLDivElement>, elementIsInputField: boolean) => void;\n isDisabled?: boolean;\n isMultiSelect?: boolean;\n isSelected?: boolean;\n itemIndex?: string;\n label?: string | ReactElement;\n leftElement?: ReactNode;\n menuItemRefs?: MutableRefObject<HTMLDivElement[] | null[]>;\n onSelect?: (selectedItem: MenuItemProps) => void;\n shouldRetainSelection?: boolean;\n shouldTruncateText?: boolean;\n value?: string;\n colorToken?: TextColor;\n isPlaceholder?: boolean;\n}\n\nconst MenuItem = ({\n canSelectAll,\n children,\n colorToken,\n groupLabel,\n handleKeyboardNavigation = (): void => {},\n isDisabled,\n isMultiSelect,\n isPlaceholder,\n closeOnSelect = !isMultiSelect,\n isSelected,\n itemIndex = '0',\n label,\n leftElement,\n menuItemRefs,\n onSelect,\n shouldRetainSelection = false,\n shouldTruncateText,\n value,\n ...rest\n}: MenuItemProps): JSX.Element => {\n const { colors } = useTheme();\n const { onClose } = useMenuState();\n const adaptiveColor = useAdaptiveColorMap<TextColor>(colors.text, colorToken ? colorToken : 'default');\n\n const handleSelect = useCallback(\n (e: MouseEvent<HTMLDivElement>) => {\n e.stopPropagation();\n\n if (isDisabled) return;\n\n if (value && onSelect) {\n onSelect({\n label,\n leftElement,\n value,\n });\n }\n\n if (closeOnSelect) {\n onClose();\n }\n },\n [value, onSelect, onClose, closeOnSelect, isDisabled, label, leftElement],\n );\n\n const fontColor = useMemo(() => {\n if (colorToken) {\n return adaptiveColor;\n }\n\n return isSelected && shouldRetainSelection && !isMultiSelect ? colors.text.light.link : colors.text.light.default;\n }, [isSelected, shouldRetainSelection, isMultiSelect, adaptiveColor, colorToken, colors]);\n\n return (\n <Box\n {...MenuItemConfig}\n bg={isSelected && shouldRetainSelection && !isMultiSelect ? colors.background.hover : ''}\n className=\"MenuList__Item\"\n onClick={handleSelect}\n onKeyDown={(e: KeyboardEvent<HTMLDivElement>): void => handleKeyboardNavigation(e, false)}\n tabIndex={parseInt(canSelectAll ? (itemIndex += 2) : itemIndex)}\n ref={(el): HTMLDivElement | null =>\n menuItemRefs && itemIndex ? (menuItemRefs.current[parseInt(itemIndex)] = el) : null\n }\n // @ts-ignore\n disabled={isDisabled}\n {...rest}\n >\n {children ? (\n children\n ) : (\n <HStack align=\"center\" spacing={3} minH={5} color={fontColor}>\n {isMultiSelect && (\n <Flex\n w={4}\n h={4}\n className=\"MenuList__ItemCheckbox\"\n align=\"center\"\n justify=\"center\"\n color={colors.status.success}\n >\n {isSelected ? (\n <Icon name=\"checkmarkCircle\" size=\"sm\" />\n ) : (\n <Box m=\"2px\" w={3} h={3} borderRadius=\"100%\" bg={colors.background.grayDark} />\n )}\n </Flex>\n )}\n {leftElement && (\n <Flex align=\"center\" justify=\"center\" className=\"MenuList__ItemLeftElement\">\n {leftElement}\n </Flex>\n )}\n <Box className=\"MenuList__ItemLabel\" position=\"relative\" w=\"100%\">\n {typeof label === 'string' ? (\n shouldTruncateText ? (\n <TruncatedText color={fontColor} textContent={label || ''} noOfLines={1} />\n ) : (\n <Text color={fontColor}>{label}</Text>\n )\n ) : (\n label\n )}\n </Box>\n </HStack>\n )}\n </Box>\n );\n};\n\nexport default MenuItem;\n"],"names":["_a","canSelectAll","children","colorToken","groupLabel","_b","handleKeyboardNavigation","isDisabled","isMultiSelect","isPlaceholder","_c","closeOnSelect","isSelected","_d","itemIndex","label","leftElement","menuItemRefs","onSelect","_e","shouldRetainSelection","shouldTruncateText","value","rest","__rest","colors","useTheme","onClose","useMenuState","adaptiveColor","useAdaptiveColorMap","text","handleSelect","useCallback","e","stopPropagation","fontColor","useMemo","light","link","default","React","createElement","Box","__assign","MenuItemConfig","bg","background","hover","className","onClick","onKeyDown","tabIndex","parseInt","ref","el","current","disabled","HStack","align","spacing","minH","color","Flex","w","h","justify","status","success","Icon","name","size","m","borderRadius","grayDark","position","TruncatedText","textContent","noOfLines","Text"],"mappings":"s1BA0CiB,SAACA,GAChB,IAAAC,EAAYD,EAAAC,aACZC,aACAC,EAAUH,EAAAG,WACAH,EAAAI,WACV,IAAAC,EAAyCL,EAAAM,yBAAzCA,OAA2B,IAAAD,EAAA,aAAcA,EACzCE,EAAUP,EAAAO,WACVC,kBACaR,EAAAS,cAAA,IACbC,kBAAAC,OAAgB,IAAAD,GAACF,EAAaE,EAC9BE,EAAUZ,EAAAY,WACVC,EAAeb,EAAAc,UAAfA,OAAS,IAAAD,EAAG,IAAGA,EACfE,EAAKf,EAAAe,MACLC,EAAWhB,EAAAgB,YACXC,iBACAC,EAAQlB,EAAAkB,SACRC,0BAAAC,OAAwB,IAAAD,KACxBE,EAAkBrB,EAAAqB,mBAClBC,EAAKtB,EAAAsB,MACFC,EAAIC,EAAAA,OAAAxB,EAnBS,6QAqBRyB,EAAWC,mBACXC,EAAYC,yBACdC,EAAgBC,EAAAA,QAA+BL,EAAOM,KAAM5B,GAA0B,WAEtF6B,EAAeC,eACnB,SAACC,GACCA,EAAEC,kBAEE5B,IAEAe,GAASJ,GACXA,EAAS,CACPH,MAAKA,EACLC,YAAWA,EACXM,MAAKA,IAILX,GACFgB,OAGJ,CAACL,EAAOJ,EAAUS,EAAShB,EAAeJ,EAAYQ,EAAOC,IAGzDoB,EAAYC,EAAAA,SAAQ,WACxB,OAAIlC,EACK0B,EAGFjB,GAAcQ,IAA0BZ,EAAgBiB,EAAOM,KAAKO,MAAMC,KAAOd,EAAOM,KAAKO,MAAME,UACzG,CAAC5B,EAAYQ,EAAuBZ,EAAeqB,EAAe1B,EAAYsB,IAEjF,OACEgB,EAAAA,QAAAC,cAACC,EAAG,QAAAC,EAAAA,SAAA,GACEC,EAAAA,eACJ,CAAAC,GAAIlC,GAAcQ,IAA0BZ,EAAgBiB,EAAOsB,WAAWC,MAAQ,GACtFC,UAAU,iBACVC,QAASlB,EACTmB,UAAW,SAACjB,GAA2C,OAAA5B,EAAyB4B,GAAG,IACnFkB,SAAUC,SAASpD,EAAgBa,GAAa,EAAKA,GACrDwC,IAAK,SAACC,GACJ,OAAAtC,GAAgBH,EAAaG,EAAauC,QAAQH,SAASvC,IAAcyC,EAAM,MAGjFE,SAAUlD,GACNgB,GAEHrB,GAGCuC,EAAC,QAAAC,cAAAgB,EAAAA,QAAO,CAAAC,MAAM,SAASC,QAAS,EAAGC,KAAM,EAAGC,MAAO1B,GAChD5B,GACCiC,EAAAA,QAAAC,cAACqB,UAAI,CACHC,EAAG,EACHC,EAAG,EACHhB,UAAU,yBACVU,MAAM,SACNO,QAAQ,SACRJ,MAAOrC,EAAO0C,OAAOC,SAEpBxD,EACC6B,wBAAC4B,EAAAA,QAAI,CAACC,KAAK,kBAAkBC,KAAK,OAElC9B,wBAACE,EAAG,QAAA,CAAC6B,EAAE,MAAMR,EAAG,EAAGC,EAAG,EAAGQ,aAAa,OAAO3B,GAAIrB,EAAOsB,WAAW2B,YAIxE1D,GACCyB,EAAAA,QAAAC,cAACqB,EAAI,QAAC,CAAAJ,MAAM,SAASO,QAAQ,SAASjB,UAAU,6BAC7CjC,GAGLyB,EAAA,QAAAC,cAACC,UAAG,CAACM,UAAU,sBAAsB0B,SAAS,WAAWX,EAAE,QACvC,iBAAVjD,EACNM,EACEoB,EAAAA,sBAACmC,EAAa,QAAA,CAACd,MAAO1B,EAAWyC,YAAa9D,GAAS,GAAI+D,UAAW,IAEtErC,EAAC,QAAAC,cAAAqC,EAAAA,SAAKjB,MAAO1B,GAAYrB,GAC1B"}

package/build/components/Menu/components/MenuList/components/Menu/components/MenuList/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../menuList.component.js");exports.default=e.default;
2	+ //# sourceMappingURL=index.js.map

package/build/components/Menu/components/MenuList/menuList.component.d.ts ADDED Viewed

@@ -0,0 +1,18 @@
+import { MenuListProps as CMenuListProps } from '@chakra-ui/menu';
+import { MenuItemProps } from 'components/Menu/components/MenuItem/menuItem.component';
+export interface MenuListProps extends Omit<CMenuListProps, 'onSelect'> {
+    canSelectAll?: boolean;
+    canSelectGroups?: boolean;
+    isGrouped?: boolean;
+    isMultiSelect?: boolean;
+    isSearchable?: boolean;
+    menuItems?: MenuItemProps[];
+    onSelect?: ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => void) | ((selectedItem: MenuItemProps, allSelectedItems?: MenuItemProps[]) => Promise<void>);
+    onSelectAll?: ((selectedItems: MenuItemProps[]) => void) | ((selectedItems: MenuItemProps[]) => Promise<void>);
+    searchPlaceholder?: string;
+    shouldRetainSelection?: boolean;
+    isMatchWidthSet?: boolean;
+    shouldTruncateText?: boolean;
+}
+declare const MenuList: ({ canSelectAll, canSelectGroups, children, isGrouped, isMatchWidthSet, isMultiSelect, isSearchable, menuItems, onSelect, onSelectAll, searchPlaceholder, shouldRetainSelection, shouldTruncateText, minW, maxW, maxH, ...rest }: MenuListProps) => JSX.Element;
+export default MenuList;

package/build/components/Menu/components/MenuList/menuList.component.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../../node_modules/tslib/tslib.es6.js"),t=require("react"),l=require("../../../../node_modules/@chakra-ui/menu/dist/chakra-ui-menu.esm.js"),n=require("../../../../chakra/components/Box/chakra/components/Box/index.js"),u=require("../../../../chakra/components/Flex/chakra/components/Flex/index.js"),r=require("../../../Heading/heading.component.js"),a=require("../../../Text/text.component.js"),o=require("../MenuItem/menuItem.component.js"),i=require("../MenuSearchBar/menuSearchBar.component.js"),c=require("../MenuSelectAllButtons/menuSelectAllButtons.component.js"),s=require("../../context/menu.context.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var f=d(t);exports.default=function(d){var m=d.canSelectAll,p=void 0!==m&&m,v=d.canSelectGroups,h=void 0!==v&&v,S=d.children,x=d.isGrouped,_=void 0!==x&&x,g=d.isMatchWidthSet,b=d.isMultiSelect,k=void 0!==b&&b,I=d.isSearchable,M=void 0!==I&&I,A=d.menuItems,E=d.onSelect,y=d.onSelectAll,T=d.searchPlaceholder,j=d.shouldRetainSelection,w=void 0!==j&&j,q=d.shouldTruncateText,G=void 0===q\|\|q,L=d.minW,N=void 0===L?"240px":L,B=d.maxW,W=d.maxH,R=void 0===W?"480px":W,C=e.__rest(d,["canSelectAll","canSelectGroups","children","isGrouped","isMatchWidthSet","isMultiSelect","isSearchable","menuItems","onSelect","onSelectAll","searchPlaceholder","shouldRetainSelection","shouldTruncateText","minW","maxW","maxH"]),D=s.useMenuContext(),F=D.filteredMenuItems,H=D.setFilteredMenuItems,P=D.allMenuItems,O=D.groups,U=D.setGroups,z=D.focusedItemIndex,K=D.setFocusedItemIndex,J=D.searchInputRef,Q=D.menuItemRefs,V=t.useCallback((function(e){var t,l;if(null==Q?void 0:Q.current){var n=0===z,u=z===(null==Q?void 0:Q.current.length)-1,r=-1;if("ArrowDown"===e)if(u){if(M)return null===(t=null==J?void 0:J.current)\|\|void 0===t\|\|t.focus(),void K(-1);r=0}else r=z+1;else if("ArrowUp"===e)if(n){if(M)return null===(l=null==J?void 0:J.current)\|\|void 0===l\|\|l.focus(),void K(-1);r=Q.current.length-1}else r=z-1;var a=null==Q?void 0:Q.current[r];a?(null==a\|\|a.focus(),K(r)):K(-1)}}),[z,M,Q,J,K]),X=t.useCallback((function(e,t){e.persist(),(null==Q?void 0:Q.current)&&("ArrowDown"!==e.key&&"Tab"!==e.key\|\|V("ArrowDown"),"ArrowUp"===e.key&&V("ArrowUp"),"Enter"===e.key&&(e.preventDefault(),e.target.click()))}),[V,Q]),Y=t.useCallback((function(t,l){if(F&&P){var n=e.__spreadArray([],e.__read(F),!1),u=n.find((function(e){return e.value===t.value}));k&&u&&(u.isSelected=!u.isSelected),H(n);var r=P.filter((function(e){return e.isSelected}));E&&u&&E(u,r),l&&u&&l(u,r)}}),[P,F,k,E,H]),Z=t.useCallback((function(t){var l=t.groupName,n=t.clear,u=void 0!==n&&n;if(F&&P){var r=e.__spreadArray([],e.__read(F),!1),a=[];r.forEach((function(e){l?l===e.groupLabel&&(e.isSelected=!u,e.value&&e.isSelected&&a.push(e.value)):(e.isSelected=!u,e.value&&e.isSelected&&a.push(e.value))})),H(r),y&&y(P.filter((function(e){return e.isSelected})))}}),[F,P,y,H]);t.useEffect((function(){if(_){var t=e.__spreadArray([],e.__read(new Set(null==F?void 0:F.map((function(e){return e.groupLabel})))),!1);t.length&&U(t)}}),[F,_,U]);var $=t.useCallback((function(e,t){return e.isPlaceholder?f.default.createElement(f.default.Fragment,{key:e.value}):f.default.createElement(o.default,{canSelectAll:p,children:e.children,closeOnSelect:e.closeOnSelect,colorToken:e.colorToken,handleKeyboardNavigation:X,isDisabled:e.isDisabled,isMultiSelect:k,isSelected:e.isSelected,itemIndex:t.toString(),key:e.value,label:e.label,leftElement:e.leftElement,menuItemRefs:Q,onSelect:function(t){return Y(t,e.onSelect)},shouldRetainSelection:w,shouldTruncateText:G,value:e.value})}),[X,Y,k,Q,w,G,p]);return g\|\|(B="320px"),S?f.default.createElement(l.MenuList,e.__assign({},C),S):f.default.createElement(l.MenuList,e.__assign({className:"MeuList"},C,{maxW:B\|\|"unset",maxH:R,minW:N,overflow:"hidden auto"}),(M\|\|p&&k)&&f.default.createElement(n.default,{className:"MenuList__Header",m:"0 12px 8px"},M&&f.default.createElement(i.default,{handleKeyboardNavigation:X,menuItems:A\|\|[],searchInputRef:J,setFilteredMenuItems:H,placeholder:T}),p&&k&&f.default.createElement(c.default,{handleToggleAllItems:Z,hasSelectedItems:Boolean(null==F?void 0:F.find((function(e){return e.isSelected}))),isGrouped:!1})),f.default.createElement(n.default,{className:"MenuList__Body"},(null==F?void 0:F.length)?_?null==O?void 0:O.map((function(e,t){var l=null==F?void 0:F.filter((function(t){return t.groupLabel===e}));return f.default.createElement(n.default,{className:"MenuList__Group",key:"".concat(e\|\|"noGroup","-").concat(t)},e&&f.default.createElement(u.default,{minH:8,pt:4,pr:3,pb:1,pl:5,justify:"space-between",align:"center"},f.default.createElement(n.default,{textAlign:"left",className:"MenuList__GroupTitle"},f.default.createElement(r.default,{size:"xs"},e)),k&&h&&f.default.createElement(c.default,{handleToggleAllItems:Z,hasSelectedItems:Boolean(null==l?void 0:l.find((function(e){return e.isSelected}))),isGrouped:!0,groupName:e})),null==l?void 0:l.map((function(e,t){return $(e,t)})))})):null==F?void 0:F.map((function(e,t){return $(e,t)})):f.default.createElement(n.default,{textAlign:"center",display:"block",p:3},f.default.createElement(a.default,{size:"sm",colorToken:"subtle"},"No results found"))))};
2	+ //# sourceMappingURL=menuList.component.js.map