@reportportal/ui-kit 0.0.1-alpha.24 → 0.0.1-alpha.241

package/dist/components/spinLoader/spinLoader.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+
+interface SpinLoaderProps {
+    color?: string;
+    className?: string;
+}
+export declare const SpinLoader: FC<SpinLoaderProps>;
+export {};

package/dist/components/systemAlert/index.d.ts

@@ -0,0 +1 @@
+export { SystemAlert } from './systemAlert';

package/dist/components/systemAlert/systemAlert.d.ts

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

package/dist/components/systemAlert/types.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+
+export declare enum SystemAlertType {
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error"
+}
+export declare enum SystemAlertTypographyColorType {
+    WHITE = "white",
+    BLACK = "black"
+}
+export interface SystemAlertProps {
+    title: string;
+    onClose: () => void;
+    icon?: ReactElement | null;
+    type?: SystemAlertType;
+    typographyColor?: SystemAlertTypographyColorType;
+    duration?: number;
+    className?: string;
+    dataAutomationId?: string;
+}

package/dist/components/systemMessage/index.d.ts

@@ -1,3 +1,4 @@
 import { SystemMessage } from './systemMessage';
+
 export { SystemMessage };
 export default SystemMessage;

package/dist/components/systemMessage/systemMessage.d.ts

@@ -1,4 +1,5 @@
 import { FC, ReactNode } from 'react';
+
 type Mode = 'info' | 'warning' | 'error';
 interface SystemMessageProps {
     children?: ReactNode;

package/dist/components/table/constants.d.ts

@@ -0,0 +1,6 @@
+export declare const ASC = "asc";
+export declare const DESC = "desc";
+export declare const EXPANDABLE_CHECKBOX_COLUMN_WIDTH = 32;
+export declare const PRIMARY_COLUMN_DEFAULT_WIDTH = 100;
+export declare const ACTION_MENU_COLUMN_WIDTH = 48;
+export declare const GRADIENT_OVERLAY_WIDTH = 48;

package/dist/components/table/gradientOverlay/gradientOverlay.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+
+export interface GradientOverlayProps {
+    portalContainer?: HTMLElement | null;
+    visible: boolean;
+    position: {
+        top: number;
+        left?: number;
+        right?: number;
+    };
+    size: {
+        width: number;
+        height: number;
+    };
+    direction: 'left' | 'right';
+    className?: string;
+    dataTestId?: string;
+}
+export declare const GradientOverlay: ({ portalContainer, visible, position, size, direction, className, dataTestId, }: GradientOverlayProps) => ReactElement | null;

package/dist/components/table/gradientOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { GradientOverlay } from './gradientOverlay';
+export type { GradientOverlayProps } from './gradientOverlay';

package/dist/components/table/hooks/index.d.ts

@@ -0,0 +1,8 @@
+export { useTableColumns } from './useTableColumns';
+export { useTableHover } from './useTableHover';
+export { useTableExpansion } from './useTableExpansion';
+export { useColumnWidths } from './useColumnWidths';
+export { useColumnResize } from './useColumnResize';
+export { useRightGradientPosition, usePinnedGradientPosition } from './useGradientPosition';
+export type { RightGradientPosition, PinnedGradientPosition } from './useGradientPosition';
+export { useCheckboxRowSync } from './useCheckboxRowSync';

package/dist/components/table/hooks/useCheckboxRowSync.d.ts

@@ -0,0 +1,10 @@
+interface UseCheckboxRowSyncProps {
+    enabled: boolean;
+    rowCount: number;
+}
+export declare const useCheckboxRowSync: ({ enabled, rowCount }: UseCheckboxRowSyncProps) => {
+    setTableRowRef: (rowId: string | number) => (el: HTMLElement | null) => void;
+    setCheckboxRowRef: (rowId: string | number) => (el: HTMLElement | null) => void;
+    syncAllHeights: () => void;
+};
+export {};

package/dist/components/table/hooks/useColumnResize.d.ts

@@ -0,0 +1,21 @@
+import { MutableRefObject } from 'react';
+import { ResizeCallbackData } from 'react-resizable';
+import { PrimaryColumn, FixedColumn } from '../types';
+
+interface UseColumnResizeProps {
+    enabled?: boolean;
+    minWidth?: number;
+    maxWidth?: number;
+    columns?: (PrimaryColumn | FixedColumn)[];
+    columnWidthsRef?: MutableRefObject<Map<string, number>>;
+    onColumnResize?: (columnKey: string, width: number) => void;
+    initialColumnWidths?: Record<string, number>;
+}
+interface UseColumnResizeReturn {
+    columnWidths: Record<string, number>;
+    handleResize: (columnKey: string) => (e: React.SyntheticEvent, data: ResizeCallbackData) => void;
+    handleResizeStop: (columnKey: string) => () => void;
+    handleResizeStart: () => void;
+}
+export declare const useColumnResize: ({ enabled, minWidth, maxWidth, columns, columnWidthsRef, onColumnResize, initialColumnWidths, }: UseColumnResizeProps) => UseColumnResizeReturn;
+export {};

package/dist/components/table/hooks/useColumnWidths.d.ts

@@ -0,0 +1,8 @@
+import { MutableRefObject } from 'react';
+
+interface UseColumnWidthsReturn {
+    columnWidthsRef: MutableRefObject<Map<string, number>>;
+    setCellRef: (columnKey: string) => (element: HTMLDivElement | null) => void;
+}
+export declare const useColumnWidths: () => UseColumnWidthsReturn;
+export {};

package/dist/components/table/hooks/useGradientPosition.d.ts

@@ -0,0 +1,24 @@
+export interface RightGradientPosition {
+    visible: boolean;
+    position: {
+        top: number;
+        left: number;
+    };
+    size: {
+        width: number;
+        height: number;
+    };
+}
+export interface PinnedGradientPosition {
+    visible: boolean;
+    position: {
+        top: number;
+        left: number;
+    };
+    size: {
+        width: number;
+        height: number;
+    };
+}
+export declare const useRightGradientPosition: (table: HTMLElement | null, header: HTMLElement | null, scrollContainer: HTMLElement | null, isHeaderPinned: boolean, scrollLeft: number, scrollTop: number, tableScrollWidth: number, gradientUpdateCounter: number) => RightGradientPosition;
+export declare const usePinnedGradientPosition: (table: HTMLElement | null, scrollLeft: number, header: HTMLElement | null, scrollContainer: HTMLElement | null, isHeaderPinned: boolean, scrollTop: number, tableScrollWidth: number, gradientUpdateCounter: number) => PinnedGradientPosition;

package/dist/components/table/hooks/useTableColumns.d.ts

@@ -0,0 +1,13 @@
+import { PrimaryColumn, FixedColumn, Column } from '../types';
+
+interface UseTableColumnsProps {
+    primaryColumns: Column[];
+    fixedColumns: FixedColumn[];
+    pinnedColumnKeys: string[];
+}
+interface UseTableColumnsReturn {
+    pinnedColumns: (PrimaryColumn | FixedColumn)[];
+    scrollableColumns: (PrimaryColumn | FixedColumn)[];
+}
+export declare const useTableColumns: ({ primaryColumns, fixedColumns, pinnedColumnKeys, }: UseTableColumnsProps) => UseTableColumnsReturn;
+export {};

package/dist/components/table/hooks/useTableExpansion.d.ts

@@ -0,0 +1,15 @@
+import { Column, FixedColumn } from '../types';
+
+interface UseTableExpansionProps {
+    primaryColumns: Column[];
+    fixedColumns: FixedColumn[];
+    expandedRowIds: (string | number)[];
+    onToggleRowExpansion: (id: string | number) => void;
+}
+interface UseTableExpansionReturn {
+    expandedCells: Set<string>;
+    handleToggleRowExpansion: (id: string | number) => void;
+    isCellExpanded: (rowId: string | number, columnKey: string) => boolean;
+}
+export declare const useTableExpansion: ({ primaryColumns, fixedColumns, expandedRowIds, onToggleRowExpansion, }: UseTableExpansionProps) => UseTableExpansionReturn;
+export {};

package/dist/components/table/hooks/useTableHover.d.ts

@@ -0,0 +1,10 @@
+interface UseTableHoverReturn {
+    hoveredColumn: string | null;
+    hoveredRow: number | null;
+    handleColumnMouseEnter: (columnKey: string) => void;
+    handleColumnMouseLeave: () => void;
+    handleRowMouseEnter: (rowIndex: number) => void;
+    handleRowMouseLeave: () => void;
+}
+export declare const useTableHover: () => UseTableHoverReturn;
+export {};

package/dist/components/table/index.d.ts

@@ -1,3 +1,5 @@
 import { Table } from './table';
+
 export { Table };
+export type { RowData, Column, PrimaryColumn, FixedColumn, PinnedColumn, RowConfigs, DetailedCellData, MetaData, SortConfig, SortingDirection, TableComponentProps, } from './types';
 export default Table;

package/dist/components/table/resizeHandle/index.d.ts

@@ -0,0 +1 @@
+export { ResizeHandle } from './resizeHandle';

package/dist/components/table/resizeHandle/resizeHandle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ResizeHandle: (props: import('react').HTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> | null;

package/dist/components/table/table.d.ts

@@ -1,3 +1,4 @@
 import { FC } from 'react';
 import { TableComponentProps } from './types';
+
 export declare const Table: FC<TableComponentProps>;

package/dist/components/table/types.d.ts

@@ -1,14 +1,25 @@
-import { ReactNode } from 'react';
+import { Dispatch, ReactNode, RefObject, SetStateAction } from 'react';
+import { ASC, DESC } from './constants';
+
 export interface Column {
     key: string;
     header: string;
 }
 export interface PrimaryColumn extends Column {
     primary: boolean;
+    width?: string | number;
+    minWidth?: number;
+    maxWidth?: number;
 }
 export interface FixedColumn extends Column {
     width: string | number;
     align?: 'left' | 'center' | 'right';
+    minWidth?: number;
+    maxWidth?: number;
+}
+export interface PinnedColumn extends FixedColumn {
+    pinned: boolean;
+    pinnedPosition?: number;
 }
 export interface RowConfigs {
     size?: 'small' | 'medium' | 'large';
@@ -17,33 +28,60 @@ export interface DetailedCellData {
     content: string | number;
     component: ReactNode;
 }
+export interface MetaData {
+    [key: string]: any;
+}
 export interface RowData {
     id: string | number;
     [key: string]: DetailedCellData | RowConfigs | string | number | any;
     rowConfigs?: RowConfigs;
+    metaData?: MetaData;
 }
-export declare enum SortDirection {
-    ASC = "asc",
-    DESC = "desc"
-}
+export type SortingDirection = typeof ASC | typeof DESC | Uppercase<typeof ASC | typeof DESC>;
 export interface SortConfig {
     key: string;
-    direction: SortDirection;
+    direction: SortingDirection;
 }
 export interface TableComponentProps {
     data: RowData[];
-    primaryColumn: Column;
+    primaryColumn: Column | Column[];
     fixedColumns: FixedColumn[];
-    rowActionMenu?: ReactNode;
+    renderRowActions?: (metaData?: MetaData) => ReactNode;
     selectable?: boolean;
+    isCheckboxOutside?: boolean;
     className?: string;
+    wrapperClassName?: string;
     headerClassName?: string;
+    bodyClassName?: string;
     rowClassName?: string;
+    checkboxColumnClassName?: string;
     selectedRowIds?: (string | number)[];
-    sortingDirection?: SortDirection;
+    sortingDirection?: SortingDirection;
     sortingColumn?: Column;
     sortableColumns?: string[];
+    isHeaderFixed?: boolean;
+    isHorizontallyScrollable?: boolean;
+    pinnedColumnKeys?: string[];
+    isRowsExpandable?: boolean;
+    expandedRowIds?: (string | number)[];
+    isSelectAllCheckboxAlwaysVisible?: boolean;
+    disabledRowIds?: (string | number)[];
+    setExpandedRowIds?: Dispatch<SetStateAction<Set<string | number>>>;
+    isAllExpandedByDefault?: boolean;
+    expandAllTooltip?: ReactNode;
+    sortDisabledColumnTooltips?: Record<string, ReactNode>;
+    isResizable?: boolean;
+    minColumnWidth?: number;
+    maxColumnWidth?: number;
     onChangeSorting?: (sortConfig?: SortConfig) => void;
     onToggleRowSelection?: (id: string | number) => void;
     onToggleAllRowsSelection?: () => void;
+    onToggleRowExpansion?: (id: string | number) => void;
+    onToggleAllRowsExpansion?: () => void;
+    onColumnResize?: (columnKey: string, width: number) => void;
+    getRowCheckboxTooltip?: (rowId: string | number) => ReactNode;
+    externalScrollContainerRef?: RefObject<HTMLElement> | RefObject<Element> | null | undefined;
+    portalContainer?: HTMLElement | null;
+    rightGradientClassName?: string;
+    pinnedGradientClassName?: string;
 }

package/dist/components/table/utils.d.ts

@@ -1,3 +1,12 @@
-import { Column, RowData, SortConfig } from './types';
+import { CSSProperties, MutableRefObject } from 'react';
+import { Column, RowData, SortConfig, SortingDirection, PrimaryColumn, FixedColumn } from './types';
+
+export declare const isAsc: (direction: SortingDirection) => boolean;
 export declare const sortTableData: (tableData: RowData[], sortConfig?: SortConfig) => RowData[];
 export declare const getColumnsKeys: (columns: Column[]) => string[];
+export declare const toggleDirection: (direction: SortingDirection) => "asc" | "desc";
+export declare const isPrimaryColumn: (column: PrimaryColumn | FixedColumn) => boolean;
+export declare const getRowSizeClassName: (rowData: RowData) => string;
+export declare const calculatePinnedPosition: (columnIndex: number, columns: (PrimaryColumn | FixedColumn)[], columnWidthsRef: MutableRefObject<Map<string, number>>, isRowsExpandable: boolean, selectable: boolean, isCheckboxOutside?: boolean) => number;
+export declare const getCellStyle: (column: FixedColumn | PrimaryColumn, isPinned: boolean, pinnedIndex: number | undefined, pinnedColumns: (PrimaryColumn | FixedColumn)[], columnWidthsRef: MutableRefObject<Map<string, number>>, isRowsExpandable: boolean, selectable: boolean, isCheckboxOutside?: boolean) => CSSProperties;
+export declare const getGridTemplateColumns: (pinnedColumns: (PrimaryColumn | FixedColumn)[], scrollableColumns: (PrimaryColumn | FixedColumn)[], isRowsExpandable: boolean, selectable: boolean, renderRowActions: boolean, isHeader?: boolean, columnWidths?: Record<string, number>, isResizable?: boolean, isCheckboxOutside?: boolean) => string;

package/dist/components/themeProvider/index.d.ts

@@ -1,3 +1,4 @@
 import { ThemeProvider } from './themeProvider';
+
 export { ThemeProvider };
 export default ThemeProvider;

package/dist/components/themeProvider/themeProvider.d.ts

@@ -1,4 +1,5 @@
 import { ReactNode } from 'react';
+
 type ThemeKey = 'light' | 'dark' | string;
 interface ITheme {
     [themeKey: ThemeKey]: string;

package/dist/components/toggle/index.d.ts

@@ -1,3 +1,4 @@
 import { Toggle } from './toggle';
+
 export { Toggle };
 export default Toggle;

package/dist/components/toggle/toggle.d.ts

@@ -1,4 +1,5 @@
 import { ChangeEventHandler, FC, HTMLAttributes, ReactNode } from 'react';
+
 interface ToggleProps extends HTMLAttributes<HTMLInputElement> {
     value: boolean;
     title?: string;

package/dist/components/tooltip/tooltip.d.ts

@@ -1,14 +1,24 @@
 import { FC, ReactNode } from 'react';
-import { Placement } from '@floating-ui/react-dom';
+import { Placement } from '@floating-ui/react';
+
 interface TooltipProps {
     content: ReactNode;
     children: ReactNode;
     wrapperClassName?: string;
+    wrapperTabIndex?: number;
+    tooltipClassName?: string;
     contentClassName?: string;
     dynamicWidth?: boolean;
     width?: number;
+    minWidth?: number;
     placement?: Placement;
     dataAutomationId?: string;
+    arrowColor?: string;
+    safeZone?: number;
+    zIndex?: number;
+    mainAxis?: boolean;
+    portalRoot?: Element;
+    isFloating?: boolean;
 }
 export declare const Tooltip: FC<TooltipProps>;
 export {};

package/dist/constants-85822a6b.js

@@ -0,0 +1,6 @@
+const E = "Enter", t = "Tab", T = "data-autocomplete-portal-menu";
+export {
+  T as A,
+  E,
+  t as T
+};

package/dist/datePicker-09dd025d.js

@@ -0,0 +1,229 @@
+import { jsxs as x, Fragment as z, jsx as a } from "react/jsx-runtime";
+import { useMemo as v, forwardRef as J, useRef as K } from "react";
+import I from "react-datepicker/dist/es/index.js";
+import { c as Y } from "./bind-06a7ff84.js";
+import { F as Q } from "./fieldText-4a8e5496.js";
+import { D as L } from "./dropdown-d2a05471.js";
+import { S as B } from "./calendarArrow-44c7e60e.js";
+import { registerLocale as X } from "react-datepicker";
+function Z(e) {
+  return e == null;
+}
+const Ae = (e, t) => {
+  X(e, t);
+}, ee = (e, t, r = 20) => {
+  const d = new Array(r).fill(void 0).map((f, u) => e - u), D = e - r + 1;
+  return t > e ? [t, ...d] : t < D ? [...d, t] : d;
+}, te = "_header_1s3dn_1", ne = "_disabled_1s3dn_25", oe = "_dropdown_1s3dn_8", ae = {
+  header: te,
+  "dropdowns-wrapper": "_dropdowns-wrapper_1s3dn_8",
+  "button-prev": "_button-prev_1s3dn_13",
+  "button-next": "_button-next_1s3dn_14",
+  disabled: ne,
+  dropdown: oe,
+  "month-dropdown": "_month-dropdown_1s3dn_44",
+  "toggle-button": "_toggle-button_1s3dn_47"
+}, l = Y.bind(ae), re = ({
+  date: e = /* @__PURE__ */ new Date(),
+  changeYear: t = () => {
+  },
+  changeMonth: r = () => {
+  },
+  decreaseMonth: d = () => {
+  },
+  increaseMonth: D = () => {
+  },
+  prevMonthButtonDisabled: f = !1,
+  nextMonthButtonDisabled: u = !1,
+  headerNodes: w = null,
+  customClassName: y = "",
+  yearsOptions: N = [],
+  locale: k
+}) => {
+  const p = e.getFullYear(), S = e.getMonth(), C = v(() => {
+    const n = Array(12).keys(), m = new Intl.DateTimeFormat(k, {
+      month: "long"
+    }), g = (s) => m.format(new Date(p, s));
+    return Array.from(n, g).reduce((s, P, c) => s.concat({
+      value: c,
+      label: P
+    }), []);
+  }, [k, p]), A = v(() => {
+    const n = (/* @__PURE__ */ new Date()).getFullYear();
+    return (N.length > 0 ? N : ee(n, p)).reduce(
+      (g, _) => g.concat({ value: _, label: `${_}` }),
+      []
+    );
+  }, [N, p]), F = (n) => {
+    r(n);
+  }, o = (n) => {
+    t(n);
+  };
+  return /* @__PURE__ */ x(z, { children: [
+    w && /* @__PURE__ */ a("div", { className: l(y), children: w }),
+    /* @__PURE__ */ x("div", { className: l("header"), children: [
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Previous Months",
+          disabled: f,
+          onClick: (n) => {
+            n.stopPropagation(), d();
+          },
+          className: l("button-prev", { disabled: f }),
+          children: /* @__PURE__ */ a(B, {})
+        }
+      ),
+      /* @__PURE__ */ x("div", { className: l("dropdowns-wrapper"), children: [
+        /* @__PURE__ */ a(
+          L,
+          {
+            options: C,
+            value: S,
+            onChange: F,
+            transparentBackground: !0,
+            className: l("dropdown", "month-dropdown"),
+            toggleButtonClassName: l("toggle-button")
+          }
+        ),
+        /* @__PURE__ */ a(
+          L,
+          {
+            options: A,
+            value: p,
+            onChange: o,
+            transparentBackground: !0,
+            className: l("dropdown"),
+            toggleButtonClassName: l("toggle-button")
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Next Months",
+          disabled: u,
+          onClick: (n) => {
+            n.stopPropagation(), D();
+          },
+          className: l("button-next", { disabled: u }),
+          children: /* @__PURE__ */ a(B, {})
+        }
+      )
+    ] })
+  ] });
+}, se = "_calendar_1511k_5", ce = "_date_1511k_104", de = "_disabled_1511k_150", le = "_popper_1511k_159", ie = "_input_1511k_163", pe = {
+  calendar: se,
+  "current-date": "_current-date_1511k_103",
+  date: ce,
+  "end-date": "_end-date_1511k_121",
+  "selected-range": "_selected-range_1511k_131",
+  disabled: de,
+  popper: le,
+  input: ie,
+  "input-range": "_input-range_1511k_174"
+}, b = Y.bind(pe), ue = "en", me = "MM-dd-yyyy", ge = " to ", O = (e) => Z(e) ? void 0 : e, _e = J(
+  ({ selectsRange: e, value: t, ...r }, d) => /* @__PURE__ */ a(
+    Q,
+    {
+      ...r,
+      className: b("input", e ? "input-range" : ""),
+      defaultWidth: !1,
+      value: e ? (t == null ? void 0 : t.replace(" - ", ge)) ?? "" : t,
+      ref: d,
+      readOnly: !0
+    }
+  )
+), Fe = (e) => {
+  const {
+    onChange: t = () => {
+    },
+    disabled: r = !1,
+    onBlur: d = () => {
+    },
+    onFocus: D = () => {
+    },
+    headerNodes: f = null,
+    customClassName: u = "",
+    customTimeInput: w = void 0,
+    shouldCloseOnSelect: y = !0,
+    popperClassName: N = "",
+    calendarClassName: k = "",
+    popperPlacement: p = "bottom-start",
+    fixedHeight: S = !0,
+    language: C = ue,
+    yearsOptions: A = [],
+    dateFormat: F = me,
+    value: o = null
+  } = e, { minDate: n, maxDate: m } = e, g = O(n), _ = O(m), s = "selectsRange" in e && e.selectsRange === !0, P = K(null), c = s ? (o == null ? void 0 : o[0]) ?? void 0 : void 0, i = s ? (o == null ? void 0 : o[1]) ?? void 0 : void 0, $ = c == null ? void 0 : c.toDateString(), H = i == null ? void 0 : i.toDateString(), M = i && c && i > c, U = s ? "Select date range" : "Select date", j = e.placeholder ?? U, R = {
+    customInput: /* @__PURE__ */ a(_e, { ref: P, selectsRange: s }),
+    placeholderText: j,
+    disabled: r,
+    shouldCloseOnSelect: y,
+    fixedHeight: S,
+    locale: C,
+    showPopperArrow: !1,
+    dayClassName: (h) => {
+      if (!s) {
+        const W = o == null ? void 0 : o.toDateString(), q = h.toDateString();
+        return b("date", {
+          "current-date": q === W,
+          disabled: r
+        });
+      }
+      const T = h.toDateString(), G = T === $, E = M && T === H, V = c && i && h > c && h < i;
+      return b("date", {
+        "current-date": G,
+        "selected-range": V && !E,
+        "end-date": E && M,
+        disabled: r
+      });
+    },
+    calendarClassName: b(k, "calendar"),
+    renderCustomHeader: (h) => /* @__PURE__ */ a(
+      re,
+      {
+        ...h,
+        headerNodes: f,
+        customClassName: u,
+        yearsOptions: A,
+        locale: C
+      }
+    ),
+    onBlur: d,
+    onFocus: D,
+    customTimeInput: w,
+    showTimeInput: !!w,
+    popperClassName: b(N, "popper"),
+    dateFormat: F,
+    className: b("datepicker"),
+    popperPlacement: p
+  };
+  return s ? /* @__PURE__ */ a(
+    I,
+    {
+      ...R,
+      selectsRange: !0,
+      startDate: c,
+      endDate: i,
+      onChange: t,
+      minDate: g,
+      maxDate: _
+    }
+  ) : /* @__PURE__ */ a(
+    I,
+    {
+      ...R,
+      selected: o,
+      onChange: t,
+      minDate: g,
+      maxDate: _
+    }
+  );
+};
+export {
+  Fe as D,
+  Ae as r
+};