@galaxy-ds/core 2.0.4 → 2.0.6

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galaxy-ds/core",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@galaxy-ds/core",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "main": "dist/index.js",
   "module": "dist/index.esm.js",
   "types": "dist/index.d.ts",

package/src/DatePicker/DatePicker.stories.mdx

@@ -1,6 +1,6 @@
 import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs';
 import DatePicker from './DatePicker';
-import DatePickerExample from './support/DatePickerExample.js';
+import DatePickerExample from './support/DatePickerExample';
 
 <Meta title="Form Elements/Calendars/DatePicker" component={DatePicker} />
 
@@ -12,15 +12,16 @@ import DatePickerExample from './support/DatePickerExample.js';
       docs: {
         source: {
           code: `
-function DatePickerExample() {
-  const [date, setDate] = useState(null);
-  return (
-    <DatePicker
-      onChange={(item) => setDate(item)}
-      date={date}
-    ></DatePicker>
-  );
-}
+import React, { useState } from 'react';
+import { DatePicker } from '@galaxy-ds/core';
+const DatePickerExample: React.FC = () => {
+  const [date, setDate] = useState<Date>(new Date());
+  const handleChange = (item: Date) => {
+    console.log(item);
+    setDate(item);
+  };
+  return <DatePicker onChange={handleChange} date={date}></DatePicker>;
+};
           `
           }
         }

package/src/DatePicker/support/DatePickerExample.tsx

@@ -0,0 +1,14 @@
+import React, { useState } from 'react';
+import { DatePicker } from '../';
+
+const DatePickerExample: React.FC = () => {
+  const [date, setDate] = useState<Date>(new Date());
+  const handleChange = (item: Date) => {
+    console.log(item);
+    setDate(item);
+  };
+
+  return <DatePicker onChange={handleChange} date={date} />;
+};
+
+export default DatePickerExample;

package/src/DateRangePicker/DateRangePicker.stories.mdx

@@ -1,6 +1,6 @@
 import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs';
 import DateRangePicker from './DateRangePicker';
-import DateRangePickerExample from './support/DateRangePickerExample.js';
+import DateRangePickerExample from './support/DateRangePickerExample';
 
 <Meta title="Form Elements/Calendars/DateRangePicker" component={DateRangePicker} />
 
@@ -16,22 +16,28 @@ Date range picker with default 2 months side by side.
           code: `
 import React, { useState } from 'react';
 import { DateRangePicker } from '@galaxy-ds/core';
-function DateRangePickerExample({months}) {
-  const [state, setState] = useState([
+import type { DateRangePickerProps, Range, RangeKeyDict } from '@galaxy-ds/core';
+const DateRangePickerExample: React.FC<DateRangePickerProps> = () => {
+  const [selectionRange, setSelectionRange] = useState<Range>(
     {
       startDate: new Date(),
+      endDate: new Date(),
       key: 'selection',
     },
-  ]);
+  );
+  const handleSelect = (ranges: RangeKeyDict) => {
+    console.table(ranges);
+    setSelectionRange(ranges['selection'])
+  }
   return (
     <DateRangePicker
-      onChange={(item) => setState([item.selection])}
-      ranges={state}
+      onChange={handleSelect}
+      ranges={[selectionRange]}
       months={2}
       dateDisplayFormat='dd MMMM yyyy'
-    ></DateRangePicker>
+    />
   );
-}
+};
           `
           }
         }
@@ -69,24 +75,30 @@ Show just a single month with `months={1}`.
       docs: {
         source: {
           code: `
-import React, {useState} from 'react';
+import React, { useState } from 'react';
 import { DateRangePicker } from '@galaxy-ds/core';
-function DateRangePickerExample({months}) {
-  const [state, setState] = useState([
+import type { DateRangePickerProps, Range, RangeKeyDict } from '@galaxy-ds/core';
+const DateRangePickerExample: React.FC<DateRangePickerProps> = () => {
+  const [selectionRange, setSelectionRange] = useState<Range>(
     {
       startDate: new Date(),
+      endDate: new Date(),
       key: 'selection',
     },
-  ]);
+  );
+  const handleSelect = (ranges: RangeKeyDict) => {
+    console.table(ranges);
+    setSelectionRange(ranges['selection'])
+  }
   return (
     <DateRangePicker
-      onChange={(item) => setState([item.selection])}
-      ranges={state}
+      onChange={handleSelect}
+      ranges={[selectionRange]}
       months={1}
       dateDisplayFormat='dd MMMM yyyy'
-    ></DateRangePicker>
+    />
   );
-}
+};
           `
           }
         }

package/src/DateRangePicker/DateRangePicker.test.tsx

@@ -3,5 +3,10 @@ import { render } from '@testing-library/react';
 import DateRangePicker from './DateRangePicker';
 
 test('DateRangePicker', () => {
-  render(<DateRangePicker />);
+  const ranges = {
+    startDate: new Date(),
+    endDate: new Date(),
+    key: 'selection',
+  };
+  render(<DateRangePicker ranges={[ranges]} />);
 });

package/src/DateRangePicker/DateRangePicker.types.ts

@@ -1,3 +1,13 @@
-import { DateRangePickerProps as ReactDateRangePickerProps } from 'react-date-range';
+import type {
+  DateRangePickerProps as ReactDateRangePickerProps,
+  Range,
+  RangeFocus,
+  RangeKeyDict,
+  Preview,
+  StaticRange,
+  InputRange,
+} from 'react-date-range';
 
 export interface DateRangePickerProps extends ReactDateRangePickerProps {}
+
+export { Range, RangeFocus, RangeKeyDict, Preview, StaticRange, InputRange };

package/src/DateRangePicker/support/DateRangePickerExample.tsx

@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import { DateRangePicker } from '../';
+import type {
+  DateRangePickerProps,
+  Range,
+  RangeKeyDict,
+} from '../DateRangePicker.types';
+
+const DateRangePickerExample: React.FC<DateRangePickerProps> = ({ months }) => {
+  const [selectionRange, setSelectionRange] = useState<Range>({
+    startDate: new Date(),
+    endDate: new Date(),
+    key: 'selection',
+  });
+
+  const handleSelect = (ranges: RangeKeyDict) => {
+    console.table(ranges);
+    setSelectionRange(ranges['selection']);
+  };
+
+  return (
+    <DateRangePicker
+      onChange={handleSelect}
+      ranges={[selectionRange]}
+      months={months}
+      dateDisplayFormat="dd MMMM yyyy"
+    />
+  );
+};
+
+export default DateRangePickerExample;

package/src/RibbonButton/RibbonButton.stories.mdx

@@ -1,6 +1,12 @@
-import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs"
-import { NewEntryRibbonIcon, MatterFolderRibbonIcon } from "../Icons/leap";
-import { RibbonButton } from "./RibbonButton"
+import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs";
+import { 
+  NewEntryRibbonIcon, 
+  CalendarRibbonIcon, 
+  DeleteRibbonIcon, 
+  MatterFolderRibbonIcon 
+} from "../Icons/leap";
+import { Divider } from "../Divider";
+import { RibbonButton } from "./RibbonButton";
 
 <Meta title="components/Buttons/RibbonButton" component={RibbonButton} />
 
@@ -36,4 +42,22 @@ import { RibbonButton } from "./RibbonButton"
   </Story>
 </Canvas>
 
+<Canvas withToolbar>
+  <Story
+    name="Toolbar"
+  >
+    {() => (
+      <div style={{ display: 'flex', alignItems: 'center' }}>
+        <RibbonButton icon={<NewEntryRibbonIcon />} label="New Entry" isWrapped />
+          <Divider orientation="vertical" sx={{ '&.MuiDivider-root': { height: '70px' }}} />
+        <RibbonButton icon={<CalendarRibbonIcon />} label="11th October" isWrapped />
+          <Divider orientation="vertical" sx={{ '&.MuiDivider-root': { height: '70px' }}} />
+        <RibbonButton icon={<DeleteRibbonIcon />} label="Delete" />
+          <Divider orientation="vertical" sx={{ '&.MuiDivider-root': { height: '70px' }}} />
+        <RibbonButton icon={<MatterFolderRibbonIcon />} label="Open Matter" isWrapped />
+      </div>
+    )}
+  </Story>
+</Canvas>
+
 <ArgsTable story="Default" />

package/src/RibbonButton/RibbonButton.styled.tsx

@@ -49,12 +49,11 @@ export const RibbonLabelStyled = styled(Typography)({
 export const RibbonContentStyled = styled('div', {
   shouldForwardProp: (prop) => prop !== 'isWrapped',
 })<{ isWrapped?: boolean }>(({ isWrapped }) => ({
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  height: '100%',
   ...(isWrapped && {
-    height: '80px',
     width: '54px',
-    p: {
-      position: 'relative',
-      bottom: '8px',
-    },
   }),
 }));

package/src/RibbonButton/RibbonButton.tsx

@@ -8,8 +8,9 @@ import { RibbonButtonProps, RibbonButtonRef } from './RibbonButton.types';
 
 export const RibbonButton = forwardRef<RibbonButtonRef, RibbonButtonProps>(
   function RibbonMenuListButton(props, ref) {
+    const { isWrapped, icon, label, ...rest } = props;
     return (
-      <RibbonButtonStyled ref={ref} variant="outlined" {...props}>
+      <RibbonButtonStyled ref={ref} variant="outlined" {...rest}>
         <RibbonContentStyled isWrapped={props.isWrapped}>
           {props.icon}
           <RibbonLabelStyled variant="body2">{props.label}</RibbonLabelStyled>

package/src/RibbonButtonGroup/RibbonButtonGroup.stories.mdx

@@ -1,5 +1,12 @@
 import { ArgsTable, Canvas, Meta, Story } from "@storybook/addon-docs"
-import { MatterFolderRibbonIcon, NewEntryRibbonIcon } from "../Icons/leap";
+import { 
+  NewEntryRibbonIcon, 
+  CalendarRibbonIcon, 
+  DeleteRibbonIcon, 
+  MatterFolderRibbonIcon 
+} from "../Icons/leap";
+import { Divider } from "../Divider";
+import { RibbonButton } from "../RibbonButton";
 import { RibbonButtonGroup } from "./RibbonButtonGroup"
 import { RibbonButtonGroupMenuExample } from "./RibbonButtonGroupMenuExample"
 
@@ -22,7 +29,25 @@ import { RibbonButtonGroupMenuExample } from "./RibbonButtonGroupMenuExample"
     name="Wrapped"
   >
     {() => (
-      <RibbonButtonGroup icon={<MatterFolderRibbonIcon />} label="Open Matter"  isWrapped/>
+      <RibbonButtonGroup icon={<MatterFolderRibbonIcon />} label="Open Matter"  isWrapped />
+    )}
+  </Story>
+</Canvas>
+
+<Canvas withToolbar>
+  <Story
+    name="Toolbar"
+  >
+    {() => (
+      <div style={{ display: 'flex', alignItems: 'center' }}>
+        <RibbonButtonGroup icon={<NewEntryRibbonIcon />} label="New Entry" isWrapped />
+          <Divider orientation="vertical" sx={{ '&.MuiDivider-root': { height: '70px' }}} />
+        <RibbonButton icon={<CalendarRibbonIcon />} label="11th October" isWrapped />
+          <Divider orientation="vertical" sx={{ '&.MuiDivider-root': { height: '70px' }}} />
+        <RibbonButton icon={<DeleteRibbonIcon />} label="Delete" />
+          <Divider orientation="vertical" sx={{ '&.MuiDivider-root': { height: '70px' }}} />
+        <RibbonButton icon={<MatterFolderRibbonIcon />} label="Open Matter" isWrapped />
+      </div>
     )}
   </Story>
 </Canvas>

package/src/RibbonButtonGroup/RibbonButtonGroup.tsx

@@ -14,14 +14,14 @@ export const RibbonButtonGroup = forwardRef<
   RibbonButtonGroupRef,
   RibbonButtonGroupProps
 >(function RibbonButtonGroup(props, ref) {
-  const { icon, label, isWrapped, onToggle, onClick } = props;
+  const { icon, label, isWrapped, onToggle, onClick, ...rest } = props;
 
   return (
     <RibbonButtonGroupStyled
       variant="outlined"
       disableRipple
       ref={ref}
-      {...props}
+      {...rest}
     >
       <RibbonButtonStyled
         variant="outlined"

package/src/RibbonButtonGroup/RibbonButtonGroup.types.ts

@@ -1,18 +1,17 @@
 import { ButtonGroupProps as MuiButtonGroupProps } from '@mui/material';
 import { RibbonButtonProps } from '../RibbonButton/RibbonButton.types';
 
-type ButtonGroupProps = MuiButtonGroupProps;
+type ButtonGroupProps = MuiButtonGroupProps & RibbonButtonProps;
 
-export type RibbonButtonGroupProps = ButtonGroupProps &
-  RibbonButtonProps & {
-    /**
-     * Primary Action
-     * */
-    onClick?: () => void;
-    /**
-     * Secondary Action
-     * */
-    onToggle?: () => void;
-  };
+export interface RibbonButtonGroupProps extends ButtonGroupProps {
+  /**
+   * Primary Action
+   * */
+  onClick?: () => void;
+  /**
+   * Secondary Action
+   * */
+  onToggle?: () => void;
+}
 
 export type RibbonButtonGroupRef = HTMLDivElement;

package/src/index.ts

@@ -58,7 +58,10 @@ export * from './ModalContent';
 export * from './ModalTitle';
 export * from './Pagination';
 export * from './ProgressBar';
+export * from './Popover';
 export * from './Radio';
+export * from './RibbonButton';
+export * from './RibbonButtonGroup';
 export * from './RadioGroup';
 export * from './Select';
 export * from './SidebarLayout';
@@ -70,7 +73,7 @@ export * from './Table';
 export * from './TableBody';
 export * from './TableCell';
 export * from './TableCellIcon';
-export * from './TableContainer'
+export * from './TableContainer';
 export * from './TableFooter';
 export * from './TableHead';
 export * from './TableRow';

package/dist/Accordion/AccordionProps.types.d.ts

@@ -1,10 +0,0 @@
-export interface AccordionProps {
-    children?: any;
-    title?: string;
-    time?: string;
-    color?: 'primary' | 'textPrimary';
-    bgColor?: string;
-    border?: boolean;
-    chevronPosition?: 'start' | 'end';
-    onClick?: (e: any) => void;
-}

package/dist/AccordionDetails/AccordionDetails.styled.d.ts

@@ -1,2 +0,0 @@
-declare const MuiAccordionDetails: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionDetailsProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export { MuiAccordionDetails };

package/dist/AccordionDetails/AccordionDetailsProps.types.d.ts

@@ -1,3 +0,0 @@
-import { AccordionDetailsProps as MuiAccordionDetailsProps } from "@mui/material";
-export interface AccordionDetailsProps extends MuiAccordionDetailsProps {
-}

package/dist/AccordionPanel/AccordionPanel.styled.d.ts

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-export declare const MuiAccordion: import("@emotion/styled").StyledComponent<{
-    children: NonNullable<import("react").ReactNode>;
-    classes?: Partial<import("@mui/material").AccordionClasses>;
-    defaultExpanded?: boolean;
-    disabled?: boolean;
-    disableGutters?: boolean;
-    expanded?: boolean;
-    onChange?: (event: import("react").SyntheticEvent<Element, Event>, expanded: boolean) => void;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme>;
-    TransitionComponent?: import("react").JSXElementConstructor<import("@mui/material/transitions").TransitionProps & {
-        children?: import("react").ReactElement<any, any>;
-    }>;
-    TransitionProps?: import("@mui/material/transitions").TransitionProps;
-} & Omit<import("@mui/material").PaperOwnProps, "classes" | "onChange"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, keyof import("@mui/material/OverridableComponent").CommonProps | "onChange" | "children" | "elevation" | "square" | "sx" | "variant" | "defaultExpanded" | "disabled" | "disableGutters" | "expanded" | "TransitionComponent" | "TransitionProps"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;

package/dist/AccordionPanel/AccordionPanelProps.types.d.ts

@@ -1,3 +0,0 @@
-import { AccordionProps } from "@mui/material";
-export interface AccordionPanelProps extends AccordionProps {
-}

package/dist/AccordionSummary/AccordionSummary.styled.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { Icon } from "../Icon";
-import { Typography } from "../Typography";
-declare const MuiAccordionSummary: import("@emotion/styled").StyledComponent<import("@mui/material").AccordionSummaryOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "expandIcon"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
-export { MuiAccordionSummary, Typography, Icon, };

package/dist/AccordionSummary/AccordionSummaryProps.types.d.ts

@@ -1,4 +0,0 @@
-import { AccordionSummaryProps as MuiAccordionSummaryProps } from "@mui/material";
-export interface AccordionSummaryProps extends MuiAccordionSummaryProps {
-    bgColor?: string;
-}

package/dist/AppointmentCalendar/AppointmentCalendar.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { AppointmentCalendarProps } from './AppointmentCalendarProps.types';
-declare const AppointmentCalendar: React.FC<AppointmentCalendarProps>;
-export default AppointmentCalendar;

package/dist/AppointmentCalendar/AppointmentCalendarProps.types.d.ts

@@ -1,89 +0,0 @@
-declare type IdentifierType = string | number;
-interface AddedAppointmentInterface {
-    day: string;
-    number: IdentifierType;
-    time: string;
-    id?: IdentifierType;
-}
-declare type AddCallbackType = (day: string, number: IdentifierType, time: string, id?: IdentifierType) => void;
-declare type RemoveCallbackType = (day: string, number: IdentifierType) => void;
-interface SimpleAddCaseInterface {
-    addedAppointment: AddedAppointmentInterface;
-    addCb: AddCallbackType;
-}
-interface ContinuousAddCaseInterface extends SimpleAddCaseInterface {
-    removedAppointment: AddedAppointmentInterface;
-    removeCb: RemoveCallbackType;
-}
-declare type AddAppointmentType = (args: ContinuousAddCaseInterface | SimpleAddCaseInterface) => void;
-declare type RemoveAppointmentType = (appointment: AddedAppointmentInterface, removeCb: RemoveCallbackType) => void;
-declare type AppointmentAttributesType = {
-    id?: IdentifierType;
-    number: IdentifierType;
-    isReserved?: boolean;
-    isSelected?: boolean;
-    periods?: number;
-} | null;
-interface AppointmentCalendarProps {
-    /**
-     * Should be customized as you need.
-     * Remember to use addCb(day,number,time,id) for accepting the selection, otherwise omit it.
-     * For continuous case see the example where should use removeCb(day,number) for previously selected appointment.
-     */
-    addAppointmentCallback?: AddAppointmentType;
-    /**
-     * Should be customized as you need. Remember to use removeCb(day,number) for accepting the deselection, otherwise omit it.
-     * ({day, number, time, id}, removeCb) => {console.log( Removed appointment ${number}, day ${day}, time ${time}, id ${id}); removeCb(day,number);}
-     */
-    removeAppointmentCallback?: RemoveAppointmentType;
-    /**
-     * Displays the name of the day of the week (true), otherwise in dd-mm-yyyy format.
-     */
-    alpha?: boolean;
-    /**
-     * Allows to continue select appointments while remove previous ones if you already have max reservable appointments.
-     */
-    continuous?: boolean;
-    /**
-     * Allow to have already selected appointments (true), otherwise (false) they aren't going to be checked by their isSelected property.
-     */
-    selectedByDefault?: boolean;
-    /**
-     * Limits the number of selectable appointments.
-     */
-    maxReservableAppointments?: number;
-    /**
-     * Sets the initial day for your days.
-     */
-    initialDay?: Date;
-    /**
-     * Sets the minimal period of time (ms) between appointments. Default is 15 minutes.
-     */
-    unitTime?: number;
-    /**
-     * Sets the locale param for Dates variables.
-     */
-    local?: string;
-    /**
-     * Shows the day (true), otherwise they are hidden (false).
-     */
-    visible?: boolean;
-    loading?: boolean;
-    /**
-     * An array of appointments.
-     */
-    days: AppointmentAttributesType[][];
-    /**
-     * Number of days in view
-     */
-    daysInView?: number;
-    /**
-     * Number of days to scroll by at a time
-     */
-    daysScrollBy?: number;
-    /**
-     * Max height of the container. Can be a string or a number, a valid CSS height value.
-     */
-    maxHeight?: number | string;
-}
-export { AppointmentAttributesType, AppointmentCalendarProps };

package/dist/Autocomplete/AutocompleteProps.types.d.ts

@@ -1,80 +0,0 @@
-/// <reference types="react" />
-export interface AutocompleteProps {
-    /**
-     * Custom action label to prepend at the bottom of the option list.
-     */
-    actionLabel?: string;
-    autoComplete?: boolean;
-    bottomButtonHeight?: number;
-    defaultValue?: any;
-    /**
-     * A function fires when clicking the custom action button prepended at the bottom of the option list.
-     */
-    actionClick?: (e: any) => void;
-    /**
-     * If true, the input will be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If true, the input can't be cleared.
-     */
-    disableClearable?: boolean;
-    /**
-     * A filter function that determines the options that are eligible
-     */
-    filterOptions?: (options: any, state: any) => any;
-    /**
-     * If true, the Autocomplete is free solo, meaning that the user input is not bound to provided options.
-     */
-    freeSolo?: boolean;
-    /**
-     * Used to determine the string value for a given option. It's used to fill the input (and the list box options if renderOption is not provided).
-     */
-    getOptionLabel?: (option: any) => string;
-    /**
-     * Input label
-     */
-    label?: string;
-    ListboxComponent?: any;
-    /**
-     * If true, value must be an array and the menu will support multiple selections.
-     */
-    multiple?: boolean;
-    /**
-     * Text to display when there are no options.
-     */
-    noOptionsText?: React.ReactNode;
-    /**
-     * Callback fired when the value changes.
-     */
-    onChange?: (event: object, value: any | any[], reason: string) => any;
-    open?: boolean;
-    onKeyDown?: (event: object) => void;
-    /**
-     * Array of options.
-     */
-    options: any[];
-    /**
-     * Placeholder passed to input
-     */
-    placeholder?: string;
-    /**
-     * Deprecated. Now styles automatically change based on theme.
-     */
-    platform?: 'desktop' | 'web';
-    /**
-     * Render the selected value.
-     * (value: T[], getTagProps: function) => ReactNode
-     * value: The value provided to the component.
-     * getTagProps: A tag props getter.
-     */
-    renderTags?: (value: any, getTagProps: any) => React.ReactNode;
-    /**
-     * Render the option, use getOptionLabel by default.
-     */
-    renderOption?: (option: any, state: any) => React.ReactNode;
-    filterSelectedOptions?: boolean;
-    fullWidth?: boolean;
-    onBlur?: (e: any | undefined) => void;
-    onFocus?: (e: any | undefined) => void;
-}

package/dist/AvatarGroup/AvatarGroupProps.types.d.ts

@@ -1,8 +0,0 @@
-export interface AvatarGroupProps {
-    children?: any;
-    size?: "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge";
-    color?: "default" | "primary" | "secondary" | string;
-    tooltip?: any;
-    max?: number;
-    tooltipPlacement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
-}

package/dist/AvatarsGroup/AvatarsGroup.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-import { AvatarsGroupProps } from "./AvatarsGroup.types";
-declare const AvatarsGroup: React.FC<AvatarsGroupProps>;
-export default AvatarsGroup;

package/dist/AvatarsGroup/AvatarsGroup.types.d.ts

@@ -1,9 +0,0 @@
-export interface AvatarsGroupProps {
-    children: any;
-    max?: number;
-    spacing?: 'medium' | 'small' | number;
-    size?: 'small' | 'medium' | 'large';
-    color?: 'default' | 'primary' | 'dark';
-    tooltip?: any;
-    tooltipPlacement?: 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
-}