carbon-react 119.6.1 → 119.6.3

package/lib/hooks/__internal__/useFloating/useFloating.d.ts

@@ -1,8 +1,11 @@
 /// <reference types="react" />
 import { Strategy, Middleware, Placement } from "@floating-ui/dom";
+declare type CustomRefObject<T> = {
+    current?: T | null;
+};
 export interface UseFloatingProps {
     isOpen?: boolean;
-    reference: React.RefObject<HTMLElement | null>;
+    reference: CustomRefObject<HTMLElement | null>;
     floating: React.RefObject<HTMLElement | null>;
     strategy?: Strategy;
     middleware?: Middleware[];

package/lib/style/themes/medium/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _ = require("..");
+/* eslint-disable no-console */
 var _default = (() => {
   console.warn(`"Medium Theme" has been renamed to "Aegean".
 All references to that theme should be updated to:

package/lib/style/themes/small/index.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _ = require("..");
+/* eslint-disable no-console */
 var _default = (() => {
   console.warn(`"Small Theme" has been renamed to "Mint".
 All references to that theme should be updated to:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "carbon-react",
-  "version": "119.6.1",
+  "version": "119.6.3",
   "description": "A library of reusable React components for easily building user interfaces.",
   "files": [
     "lib",

package/esm/components/date/__internal__/date-picker/date-picker.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { DayPickerProps } from "react-day-picker";
-
-export interface DatePickerProps extends Pick<DayPickerProps, "onDayClick"> {
-  /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */
-  disablePortal?: boolean;
-  /** Minimum possible date YYYY-MM-DD */
-  minDate?: string;
-  /** Maximum possible date YYYY-MM-DD */
-  maxDate?: string;
-  /** Pass any props that match the DayPickerProps interface to override default behaviors */
-  pickerProps?: DayPickerProps;
-  /** Element that the DatePicker will be displayed under */
-  inputElement: React.RefObject<HTMLElement>;
-  /** Currently selected date */
-  selectedDays?: Date;
-  /** Callback to handle mousedown event on picker container */
-  pickerMouseDown?: () => void;
-  /** Sets whether the picker should be displayed */
-  open?: boolean;
-}
-
-declare function DatePicker(
-  props: DatePickerProps & React.RefAttributes<HTMLElement>
-): JSX.Element;
-
-export default DatePicker;

package/esm/components/date/__internal__/navbar/navbar.d.ts

@@ -1,8 +0,0 @@
-export interface NavbarProps {
-  onPreviousClick?: () => void;
-  onNextClick?: () => void;
-}
-
-declare function Navbar(props: NavbarProps): JSX.Element;
-
-export default Navbar;

package/esm/components/date/__internal__/weekday/weekday.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-
-export interface WeekdayProps {
-  className?: string;
-  title?: string;
-  children?: React.ReactNode;
-}
-
-declare function Weekday(
-  props: WeekdayProps & React.RefAttributes<HTMLElement>
-): JSX.Element;
-
-export default Weekday;

package/esm/components/date/date.d.ts

@@ -1,52 +0,0 @@
-import { DayPickerProps } from "react-day-picker";
-import { TextboxProps } from "../textbox";
-
-export interface DateChangeEvent {
-  target: {
-    value: {
-      formattedValue: string;
-      rawValue: string;
-    };
-  };
-}
-
-export interface DateInputProps
-  extends Omit<
-    TextboxProps,
-    | "value"
-    | "formattedValue"
-    | "rawValue"
-    | "onChange"
-    | "onMouseDown"
-    | "onChangeDeferred"
-    | "deferTimeout"
-    | "children"
-    | "leftChildren"
-    | "placeholder"
-    | "iconOnClick"
-    | "iconOnMouseDown"
-    | "enforceCharacterLimit"
-    | "characterLimit"
-    | "iconTabIndex"
-  > {
-  /** Boolean to allow the input to have an empty value */
-  allowEmptyValue?: boolean;
-  /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */
-  disablePortal?: boolean;
-  /** Minimum possible date YYYY-MM-DD */
-  minDate?: string;
-  /** Maximum possible date YYYY-MM-DD */
-  maxDate?: string;
-  /** Specify a callback triggered on change */
-  onChange: (ev: DateChangeEvent) => void;
-  /** The current date string */
-  value: string;
-  /** Pass any props that match the DayPickerProps interface to override default behaviors */
-  pickerProps?: DayPickerProps;
-}
-
-declare function DateInput(
-  props: SimpleSelectProps & React.RefAttributes<HTMLInputElement>
-): JSX.Element;
-
-export default DateInput;

package/esm/components/date-range/date-range-context.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-
-interface DateInputRefMap {
-  isBlurBlocked: { current: boolean };
-  setOpen: null | ((open: boolean) => void);
-}
-
-export interface DateRangeContextProps {
-  inputRefMap: {
-    start: DateInputRefMap;
-    end: DateInputRefMap;
-  };
-  setInputRefMap: (newState: DateInputRefMap) => void;
-}
-
-declare const DateRangeContext: React.Context<DateRangeContextProps>;
-export default DateRangeContext;

package/esm/components/date-range/date-range.d.ts

@@ -1,92 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { DateInputProps } from "../date/date";
-
-export interface DateRangeChangeEvent {
-  target: {
-    value: [
-      {
-        formattedValue: string;
-        rawValue: string;
-      },
-      {
-        formattedValue: string;
-        rawValue: string;
-      }
-    ];
-  };
-}
-
-export interface DateRangeProps extends MarginProps {
-  /** Props for the child end Date component */
-  endDateProps?: Partial<DateInputProps>;
-  /** Optional label for endDate field */
-  endLabel?: string;
-  /**
-   * Indicate that error has occurred on end date
-   * Pass string to display icon, tooltip and red border
-   * Pass true boolean to only display red border
-   */
-  endError?: boolean | string;
-  /**
-   * Indicate additional information for end date
-   * Pass string to display icon, tooltip and blue border
-   * Pass true boolean to only display blue border
-   */
-  endInfo?: boolean | string;
-  /**
-   * Indicate that warning has occurred on end date
-   * Pass string to display icon, tooltip and orange border
-   * Pass true boolean to only display orange border
-   */
-  endWarning?: boolean | string;
-  /**
-   * A React ref to pass to the second of the two Date Input fields
-   */
-  endRef?: React.ForwardedRef<HTMLInputElement>;
-  /** An optional string prop to provide an id to the component */
-  id?: string;
-  /** Display labels inline */
-  labelsInline?: boolean;
-  /** An optional string prop to provide a name to the component */
-  name?: string;
-  /** Specify a callback triggered on change */
-  onChange: (ev: DateRangeChangeEvent) => void;
-  /** Specify a callback triggered on blur */
-  onBlur?: (ev: DateRangeChangeEvent) => void;
-  /** Props for the child start Date component */
-  startDateProps?: Partial<DateInputProps>;
-  /** Optional label for startDate field */
-  startLabel?: string;
-  /**
-   * Indicate that error has occurred on start date
-   * Pass string to display icon, tooltip and red border
-   * Pass true boolean to only display red border
-   */
-  startError?: boolean | string;
-  /**
-   * Indicate that warning has occurred on start date
-   * Pass string to display icon, tooltip and orange border
-   * Pass true boolean to only display orange border
-   */
-  startWarning?: boolean | string;
-  /** Indicate additional information for start date
-   * Pass string to display icon, tooltip and blue border
-   * Pass true boolean to only display blue border
-   */
-  startInfo?: boolean | string;
-  /**
-   * A React ref to pass to the first of the two Date Input fields
-   */
-  startRef?: React.ForwardedRef<HTMLInputElement>;
-  /** An array containing the value of startDate and endDate */
-  value: string[];
-  /** When true, validation icons will be placed on labels instead of being placed on the inputs */
-  validationOnLabel?: boolean;
-  /** Overrides the default tooltip position */
-  tooltipPosition?: "top" | "bottom" | "left" | "right";
-}
-
-declare function DateRange(props: DateRangeProps): JSX.Element;
-
-export default DateRange;

package/lib/components/date/__internal__/date-picker/date-picker.d.ts

@@ -1,27 +0,0 @@
-import * as React from "react";
-import { DayPickerProps } from "react-day-picker";
-
-export interface DatePickerProps extends Pick<DayPickerProps, "onDayClick"> {
-  /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */
-  disablePortal?: boolean;
-  /** Minimum possible date YYYY-MM-DD */
-  minDate?: string;
-  /** Maximum possible date YYYY-MM-DD */
-  maxDate?: string;
-  /** Pass any props that match the DayPickerProps interface to override default behaviors */
-  pickerProps?: DayPickerProps;
-  /** Element that the DatePicker will be displayed under */
-  inputElement: React.RefObject<HTMLElement>;
-  /** Currently selected date */
-  selectedDays?: Date;
-  /** Callback to handle mousedown event on picker container */
-  pickerMouseDown?: () => void;
-  /** Sets whether the picker should be displayed */
-  open?: boolean;
-}
-
-declare function DatePicker(
-  props: DatePickerProps & React.RefAttributes<HTMLElement>
-): JSX.Element;
-
-export default DatePicker;

package/lib/components/date/__internal__/navbar/navbar.d.ts

@@ -1,8 +0,0 @@
-export interface NavbarProps {
-  onPreviousClick?: () => void;
-  onNextClick?: () => void;
-}
-
-declare function Navbar(props: NavbarProps): JSX.Element;
-
-export default Navbar;

package/lib/components/date/__internal__/weekday/weekday.d.ts

@@ -1,13 +0,0 @@
-import * as React from "react";
-
-export interface WeekdayProps {
-  className?: string;
-  title?: string;
-  children?: React.ReactNode;
-}
-
-declare function Weekday(
-  props: WeekdayProps & React.RefAttributes<HTMLElement>
-): JSX.Element;
-
-export default Weekday;

package/lib/components/date/date.d.ts

@@ -1,52 +0,0 @@
-import { DayPickerProps } from "react-day-picker";
-import { TextboxProps } from "../textbox";
-
-export interface DateChangeEvent {
-  target: {
-    value: {
-      formattedValue: string;
-      rawValue: string;
-    };
-  };
-}
-
-export interface DateInputProps
-  extends Omit<
-    TextboxProps,
-    | "value"
-    | "formattedValue"
-    | "rawValue"
-    | "onChange"
-    | "onMouseDown"
-    | "onChangeDeferred"
-    | "deferTimeout"
-    | "children"
-    | "leftChildren"
-    | "placeholder"
-    | "iconOnClick"
-    | "iconOnMouseDown"
-    | "enforceCharacterLimit"
-    | "characterLimit"
-    | "iconTabIndex"
-  > {
-  /** Boolean to allow the input to have an empty value */
-  allowEmptyValue?: boolean;
-  /** Boolean to toggle where DatePicker is rendered in relation to the Date Input */
-  disablePortal?: boolean;
-  /** Minimum possible date YYYY-MM-DD */
-  minDate?: string;
-  /** Maximum possible date YYYY-MM-DD */
-  maxDate?: string;
-  /** Specify a callback triggered on change */
-  onChange: (ev: DateChangeEvent) => void;
-  /** The current date string */
-  value: string;
-  /** Pass any props that match the DayPickerProps interface to override default behaviors */
-  pickerProps?: DayPickerProps;
-}
-
-declare function DateInput(
-  props: SimpleSelectProps & React.RefAttributes<HTMLInputElement>
-): JSX.Element;
-
-export default DateInput;

package/lib/components/date-range/date-range-context.d.ts

@@ -1,17 +0,0 @@
-import * as React from "react";
-
-interface DateInputRefMap {
-  isBlurBlocked: { current: boolean };
-  setOpen: null | ((open: boolean) => void);
-}
-
-export interface DateRangeContextProps {
-  inputRefMap: {
-    start: DateInputRefMap;
-    end: DateInputRefMap;
-  };
-  setInputRefMap: (newState: DateInputRefMap) => void;
-}
-
-declare const DateRangeContext: React.Context<DateRangeContextProps>;
-export default DateRangeContext;

package/lib/components/date-range/date-range.d.ts

@@ -1,92 +0,0 @@
-import * as React from "react";
-import { MarginProps } from "styled-system";
-import { DateInputProps } from "../date/date";
-
-export interface DateRangeChangeEvent {
-  target: {
-    value: [
-      {
-        formattedValue: string;
-        rawValue: string;
-      },
-      {
-        formattedValue: string;
-        rawValue: string;
-      }
-    ];
-  };
-}
-
-export interface DateRangeProps extends MarginProps {
-  /** Props for the child end Date component */
-  endDateProps?: Partial<DateInputProps>;
-  /** Optional label for endDate field */
-  endLabel?: string;
-  /**
-   * Indicate that error has occurred on end date
-   * Pass string to display icon, tooltip and red border
-   * Pass true boolean to only display red border
-   */
-  endError?: boolean | string;
-  /**
-   * Indicate additional information for end date
-   * Pass string to display icon, tooltip and blue border
-   * Pass true boolean to only display blue border
-   */
-  endInfo?: boolean | string;
-  /**
-   * Indicate that warning has occurred on end date
-   * Pass string to display icon, tooltip and orange border
-   * Pass true boolean to only display orange border
-   */
-  endWarning?: boolean | string;
-  /**
-   * A React ref to pass to the second of the two Date Input fields
-   */
-  endRef?: React.ForwardedRef<HTMLInputElement>;
-  /** An optional string prop to provide an id to the component */
-  id?: string;
-  /** Display labels inline */
-  labelsInline?: boolean;
-  /** An optional string prop to provide a name to the component */
-  name?: string;
-  /** Specify a callback triggered on change */
-  onChange: (ev: DateRangeChangeEvent) => void;
-  /** Specify a callback triggered on blur */
-  onBlur?: (ev: DateRangeChangeEvent) => void;
-  /** Props for the child start Date component */
-  startDateProps?: Partial<DateInputProps>;
-  /** Optional label for startDate field */
-  startLabel?: string;
-  /**
-   * Indicate that error has occurred on start date
-   * Pass string to display icon, tooltip and red border
-   * Pass true boolean to only display red border
-   */
-  startError?: boolean | string;
-  /**
-   * Indicate that warning has occurred on start date
-   * Pass string to display icon, tooltip and orange border
-   * Pass true boolean to only display orange border
-   */
-  startWarning?: boolean | string;
-  /** Indicate additional information for start date
-   * Pass string to display icon, tooltip and blue border
-   * Pass true boolean to only display blue border
-   */
-  startInfo?: boolean | string;
-  /**
-   * A React ref to pass to the first of the two Date Input fields
-   */
-  startRef?: React.ForwardedRef<HTMLInputElement>;
-  /** An array containing the value of startDate and endDate */
-  value: string[];
-  /** When true, validation icons will be placed on labels instead of being placed on the inputs */
-  validationOnLabel?: boolean;
-  /** Overrides the default tooltip position */
-  tooltipPosition?: "top" | "bottom" | "left" | "right";
-}
-
-declare function DateRange(props: DateRangeProps): JSX.Element;
-
-export default DateRange;