@galaxy-ds/core 2.0.18 → 2.0.20

package/dist/Chip/Chip.styled.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 export declare const ChipStyled: import("@emotion/styled").StyledComponent<import("@mui/material/Chip").ChipOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: import("react").Ref<HTMLDivElement>;
-}, "children" | "disabled" | "color" | "size" | "style" | "icon" | "label" | "classes" | "className" | "sx" | "tabIndex" | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "children" | "className" | "style" | "classes" | "color" | "sx" | "label" | "tabIndex" | "disabled" | "size" | "icon" | "variant" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/dist/Chip/Chip.types.d.ts

@@ -1,6 +1,6 @@
 import { ChipProps } from '@mui/material';
 export interface GDSChipProps extends ChipProps {
     rounded?: boolean;
-    onClick?: (e: any) => void;
-    onDelete?: (e: any) => void;
+    onClick?: () => void;
+    onDelete?: () => void;
 }

package/dist/Chip/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Chip.types';
 export * from './Chip';
+export * from './Chip.types';

package/dist/CssBaseline/CssBaseline.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { CssBaselineProps } from './CssBaseline.types';
-export declare const CssBaseline: React.FC<CssBaselineProps>;
+export declare const CssBaseline: (props: CssBaselineProps) => React.JSX.Element;
 export default CssBaseline;

package/dist/CssBaseline/CssBaseline.stories.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+declare const meta: {
+    title: string;
+    component: (props: import("./CssBaseline.types").CssBaselineProps) => import("react").JSX.Element;
+};
+export default meta;
+/**
+ *
+ * Kickstart an elegant, consistent, and simple baseline to build upon.
+ *
+ * ### Global reset
+ * Similar to normalize.css, a collection of HTML element and attribute style-normalizations.
+ * Add to application root level.
+ *
+ * ```javascript
+ * import React from 'react';
+ * import { CssBaseline } from '@galaxy-ds/core';
+ * export default function MyApp() {
+ * return (
+ *  <>
+ *    <CssBaseline />
+ *    //The rest of your application
+ *  </>
+ * );
+ * ```
+ */
+export declare const Default: {
+    args: {};
+    render: (args: {
+        children?: import("react").ReactNode;
+        enableColorScheme?: boolean | undefined;
+        classes?: Partial<import("@mui/material").ClassNameMap<never>> | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/DatePicker/DatePicker.stories.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+declare const meta: {
+    component: import("react").FC<import("./DatePicker.types").DatePickerProps>;
+    title: string;
+};
+export default meta;
+export declare const Default: {
+    args: {};
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/DatePicker/DatePicker.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { Calendar } from 'react-date-range';
 export declare const StyledCalendar: import("@emotion/styled").StyledComponent<import("react-date-range").CalendarProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {
-    ref?: import("react").Ref<Calendar>;
+    ref?: import("react").Ref<Calendar> | undefined;
 }>;

package/dist/DatePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DatePicker.types';
 export * from './DatePicker';
+export * from './DatePicker.types';

package/dist/DatePicker/support/DatePickerExample.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const DatePickerExample: React.FC;
+export default DatePickerExample;

package/dist/DateRangePicker/DateRangePicker.stories.d.ts

@@ -0,0 +1,241 @@
+/// <reference types="react" />
+/**
+ * Date range picker with default 2 months side by side.
+ *
+ *
+ * ### Shape of ranges
+ * ```js
+ * {
+ *   startDate: PropTypes.object,
+ *   endDate: PropTypes.object,
+ *   color: PropTypes.string,
+ *   key: PropTypes.string,
+ *   autoFocus: PropTypes.bool,
+ *   disabled: PropTypes.bool,
+ *   showDateDisplay: PropTypes.bool,
+ * }
+ * ```
+ */
+declare const meta: {
+    component: (props: import("./DateRangePicker.types").DateRangePickerProps) => import("react/jsx-runtime").JSX.Element;
+    title: string;
+};
+export default meta;
+export declare const Default: {
+    args: {
+        hasBorder: true;
+        months: number;
+    };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+    render: (args: {
+        hasBorder?: boolean | undefined;
+        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview | undefined) => void) | undefined;
+        onChange?: ((rangesByKey: import("react-date-range").RangeKeyDict) => void) | undefined;
+        moveRangeOnFirstSelection?: boolean | undefined;
+        retainEndDateOnFirstSelection?: boolean | undefined;
+        className?: string | undefined;
+        color?: string | undefined;
+        direction?: "horizontal" | "vertical" | undefined;
+        scroll?: import("react-date-range").ScrollOptions | undefined;
+        date?: Date | undefined;
+        locale?: Locale | undefined;
+        ariaLabels?: import("react-date-range").AriaLabelsShape | undefined;
+        calendarFocus?: "backwards" | "forwards" | undefined;
+        classNames?: import("react-date-range").ClassNames | undefined;
+        dateDisplayFormat?: string | undefined;
+        dayContentRenderer?: ((date: Date) => import("react").ReactNode) | undefined;
+        dayDisplayFormat?: string | undefined;
+        disabledDates?: Date[] | undefined;
+        disabledDay?: ((date: Date) => boolean) | undefined;
+        displayMode?: "date" | "dateRange" | undefined;
+        dragSelectionEnabled?: boolean | undefined;
+        editableDateInputs?: boolean | undefined;
+        endDatePlaceholder?: string | undefined;
+        fixedHeight?: boolean | undefined;
+        focusedRange?: import("react-date-range").RangeFocus | undefined;
+        initialFocusedRange?: import("react-date-range").RangeFocus | undefined;
+        maxDate?: Date | undefined;
+        minDate?: Date | undefined;
+        monthDisplayFormat?: string | undefined;
+        months?: number | undefined;
+        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: string | number | Date, mode?: "set" | "setYear" | "setMonth" | "monthOffset" | undefined) => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
+        onRangeFocusChange?: ((newFocusedRange: import("react-date-range").RangeFocus) => void) | undefined;
+        onShownDateChange?: ((date: Date) => void) | undefined;
+        preventSnapRefocus?: boolean | undefined;
+        preview?: import("react-date-range").Preview | undefined;
+        rangeColors?: string[] | undefined;
+        ranges?: import("react-date-range").Range[] | undefined;
+        showDateDisplay?: boolean | undefined;
+        showMonthAndYearPickers?: boolean | undefined;
+        showMonthArrow?: boolean | undefined;
+        showPreview?: boolean | undefined;
+        shownDate?: Date | undefined;
+        startDatePlaceholder?: string | undefined;
+        updateRange?: ((newRange: import("react-date-range").Range) => void) | undefined;
+        weekdayDisplayFormat?: string | undefined;
+        weekStartsOn?: 0 | 1 | 2 | 4 | 5 | 6 | 3 | undefined;
+        footerContent?: import("react").ReactNode;
+        headerContent?: import("react").ReactNode;
+        inputRanges?: import("react-date-range").InputRange[] | undefined;
+        renderStaticRangeLabel?: ((staticRange: import("react-date-range").StaticRange) => import("react").ReactNode) | undefined;
+        staticRanges?: import("react-date-range").StaticRange[] | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * Show just a single month with `months={1}`.
+ */
+export declare const SingleMonth: {
+    args: {
+        hasBorder: true;
+        months: number;
+    };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+    render: (args: {
+        hasBorder?: boolean | undefined;
+        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview | undefined) => void) | undefined;
+        onChange?: ((rangesByKey: import("react-date-range").RangeKeyDict) => void) | undefined;
+        moveRangeOnFirstSelection?: boolean | undefined;
+        retainEndDateOnFirstSelection?: boolean | undefined;
+        className?: string | undefined;
+        color?: string | undefined;
+        direction?: "horizontal" | "vertical" | undefined;
+        scroll?: import("react-date-range").ScrollOptions | undefined;
+        date?: Date | undefined;
+        locale?: Locale | undefined;
+        ariaLabels?: import("react-date-range").AriaLabelsShape | undefined;
+        calendarFocus?: "backwards" | "forwards" | undefined;
+        classNames?: import("react-date-range").ClassNames | undefined;
+        dateDisplayFormat?: string | undefined;
+        dayContentRenderer?: ((date: Date) => import("react").ReactNode) | undefined;
+        dayDisplayFormat?: string | undefined;
+        disabledDates?: Date[] | undefined;
+        disabledDay?: ((date: Date) => boolean) | undefined;
+        displayMode?: "date" | "dateRange" | undefined;
+        dragSelectionEnabled?: boolean | undefined;
+        editableDateInputs?: boolean | undefined;
+        endDatePlaceholder?: string | undefined;
+        fixedHeight?: boolean | undefined;
+        focusedRange?: import("react-date-range").RangeFocus | undefined;
+        initialFocusedRange?: import("react-date-range").RangeFocus | undefined;
+        maxDate?: Date | undefined;
+        minDate?: Date | undefined;
+        monthDisplayFormat?: string | undefined;
+        months?: number | undefined;
+        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: string | number | Date, mode?: "set" | "setYear" | "setMonth" | "monthOffset" | undefined) => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
+        onRangeFocusChange?: ((newFocusedRange: import("react-date-range").RangeFocus) => void) | undefined;
+        onShownDateChange?: ((date: Date) => void) | undefined;
+        preventSnapRefocus?: boolean | undefined;
+        preview?: import("react-date-range").Preview | undefined;
+        rangeColors?: string[] | undefined;
+        ranges?: import("react-date-range").Range[] | undefined;
+        showDateDisplay?: boolean | undefined;
+        showMonthAndYearPickers?: boolean | undefined;
+        showMonthArrow?: boolean | undefined;
+        showPreview?: boolean | undefined;
+        shownDate?: Date | undefined;
+        startDatePlaceholder?: string | undefined;
+        updateRange?: ((newRange: import("react-date-range").Range) => void) | undefined;
+        weekdayDisplayFormat?: string | undefined;
+        weekStartsOn?: 0 | 1 | 2 | 4 | 5 | 6 | 3 | undefined;
+        footerContent?: import("react").ReactNode;
+        headerContent?: import("react").ReactNode;
+        inputRanges?: import("react-date-range").InputRange[] | undefined;
+        renderStaticRangeLabel?: ((staticRange: import("react-date-range").StaticRange) => import("react").ReactNode) | undefined;
+        staticRanges?: import("react-date-range").StaticRange[] | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const NoBorder: {
+    args: {
+        hasBorder: false;
+        months: number;
+    };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+    render: (args: {
+        hasBorder?: boolean | undefined;
+        onPreviewChange?: ((preview?: Date | import("react-date-range").Preview | undefined) => void) | undefined;
+        onChange?: ((rangesByKey: import("react-date-range").RangeKeyDict) => void) | undefined;
+        moveRangeOnFirstSelection?: boolean | undefined;
+        retainEndDateOnFirstSelection?: boolean | undefined;
+        className?: string | undefined;
+        color?: string | undefined;
+        direction?: "horizontal" | "vertical" | undefined;
+        scroll?: import("react-date-range").ScrollOptions | undefined;
+        date?: Date | undefined;
+        locale?: Locale | undefined;
+        ariaLabels?: import("react-date-range").AriaLabelsShape | undefined;
+        calendarFocus?: "backwards" | "forwards" | undefined;
+        classNames?: import("react-date-range").ClassNames | undefined;
+        dateDisplayFormat?: string | undefined;
+        dayContentRenderer?: ((date: Date) => import("react").ReactNode) | undefined;
+        dayDisplayFormat?: string | undefined;
+        disabledDates?: Date[] | undefined;
+        disabledDay?: ((date: Date) => boolean) | undefined;
+        displayMode?: "date" | "dateRange" | undefined;
+        dragSelectionEnabled?: boolean | undefined;
+        editableDateInputs?: boolean | undefined;
+        endDatePlaceholder?: string | undefined;
+        fixedHeight?: boolean | undefined;
+        focusedRange?: import("react-date-range").RangeFocus | undefined;
+        initialFocusedRange?: import("react-date-range").RangeFocus | undefined;
+        maxDate?: Date | undefined;
+        minDate?: Date | undefined;
+        monthDisplayFormat?: string | undefined;
+        months?: number | undefined;
+        navigatorRenderer?: ((currFocusedDate: Date, changeShownDate: (value: string | number | Date, mode?: "set" | "setYear" | "setMonth" | "monthOffset" | undefined) => void, props: import("react-date-range").CalendarProps) => import("react").JSX.Element) | undefined;
+        onRangeFocusChange?: ((newFocusedRange: import("react-date-range").RangeFocus) => void) | undefined;
+        onShownDateChange?: ((date: Date) => void) | undefined;
+        preventSnapRefocus?: boolean | undefined;
+        preview?: import("react-date-range").Preview | undefined;
+        rangeColors?: string[] | undefined;
+        ranges?: import("react-date-range").Range[] | undefined;
+        showDateDisplay?: boolean | undefined;
+        showMonthAndYearPickers?: boolean | undefined;
+        showMonthArrow?: boolean | undefined;
+        showPreview?: boolean | undefined;
+        shownDate?: Date | undefined;
+        startDatePlaceholder?: string | undefined;
+        updateRange?: ((newRange: import("react-date-range").Range) => void) | undefined;
+        weekdayDisplayFormat?: string | undefined;
+        weekStartsOn?: 0 | 1 | 2 | 4 | 5 | 6 | 3 | undefined;
+        footerContent?: import("react").ReactNode;
+        headerContent?: import("react").ReactNode;
+        inputRanges?: import("react-date-range").InputRange[] | undefined;
+        renderStaticRangeLabel?: ((staticRange: import("react-date-range").StaticRange) => import("react").ReactNode) | undefined;
+        staticRanges?: import("react-date-range").StaticRange[] | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Popover: {
+    args: {
+        months: number;
+        hasBorder: boolean;
+    };
+    parameters: {
+        docs: {
+            source: {
+                code: string;
+            };
+        };
+    };
+    render: (args: {
+        months: number;
+        hasBorder: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/DateRangePicker/DateRangePicker.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { DateRangePicker } from 'react-date-range';
 export declare const StyledDateRangePicker: import("@emotion/styled").StyledComponent<import("react-date-range").DateRangePickerProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {
-    ref?: import("react").Ref<DateRangePicker>;
+    ref?: import("react").Ref<DateRangePicker> | undefined;
 }>;

package/dist/DateRangePicker/DateRangePicker.types.d.ts

@@ -1,5 +1,5 @@
-import type { DateRangePickerProps as ReactDateRangePickerProps, Range, RangeFocus, RangeKeyDict, Preview, StaticRange, InputRange } from 'react-date-range';
+import type { DateRangePickerProps as ReactDateRangePickerProps, InputRange, Preview, Range, RangeFocus, RangeKeyDict, StaticRange } from 'react-date-range';
 export interface DateRangePickerProps extends ReactDateRangePickerProps {
     hasBorder?: boolean;
 }
-export { Range, RangeFocus, RangeKeyDict, Preview, StaticRange, InputRange };
+export { InputRange, Preview, Range, RangeFocus, RangeKeyDict, StaticRange };

package/dist/DateRangePicker/index.d.ts

@@ -1,2 +1,2 @@
-export * from './DateRangePicker.types';
 export * from './DateRangePicker';
+export * from './DateRangePicker.types';

package/dist/DateRangePicker/support/DateRangePickerExample.d.ts

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