@cwellt_software/cwellt-reactjs-lib 1.0.0

package/dist/index.d.ts

@@ -0,0 +1,2095 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
+import React__default, { PropsWithChildren, HTMLProps, FC, ReactNode, CSSProperties, ReactElement, DetailedHTMLProps, TextareaHTMLAttributes, InputHTMLAttributes, SelectHTMLAttributes, Component, ComponentType } from 'react';
+import * as CSS from 'csstype';
+import { FormInstance } from 'antd/lib/form';
+import { ItemType } from 'antd/lib/menu/hooks/useItems';
+
+declare class CwSelectList {
+    type: string;
+    id: string;
+    description: string;
+    color: string;
+    constructor(type: string, id: string, description: string, color: string);
+}
+
+declare class CwSelectListItems {
+    type: string;
+    id: string;
+    description: string;
+    color: string;
+    active?: boolean;
+    constructor(type: string, id: string, description: string, color: string, active?: boolean);
+}
+
+interface CwSelectListProps {
+    color: string;
+    description: string;
+    id: string;
+    type: string;
+    typeName?: string;
+    active?: boolean;
+}
+
+declare function CwHeadingMain(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): react_jsx_runtime.JSX.Element;
+
+declare function CwHeadingSecond(props: React__default.PropsWithChildren<React__default.HTMLProps<HTMLHeadingElement>>): react_jsx_runtime.JSX.Element;
+
+interface CwAlignProps extends Omit<PropsWithChildren<HTMLProps<HTMLDivElement>>, "className" | "style"> {
+    $alignContent?: CSS.Property.AlignContent;
+    $alignItems?: CSS.Property.AlignItems;
+    $alignSelf?: CSS.Property.AlignSelf;
+    $bottom?: CSS.Property.Bottom;
+    $display?: CSS.Property.Display;
+    $flexBasis?: CSS.Property.FlexBasis;
+    $flexDirection?: CSS.Property.FlexDirection;
+    $flexGrow?: CSS.Property.FlexGrow;
+    $flexShrink?: CSS.Property.FlexShrink;
+    $flexWrap?: CSS.Property.FlexWrap;
+    $height?: CSS.Property.Height;
+    $justifyContent?: CSS.Property.JustifyContent;
+    $left?: CSS.Property.Left;
+    $margin?: CSS.Property.Margin;
+    $order?: CSS.Property.Order;
+    $padding?: CSS.Property.Padding;
+    $position?: CSS.Property.Position;
+    $right?: CSS.Property.Right;
+    $top?: CSS.Property.Top;
+    $width?: CSS.Property.Width;
+    $gap?: CSS.Property.Gap;
+}
+/**
+ * General purpose aligner flex container, useful for column or row view.
+ * @remarks
+ * ```txt
+ * $flexDirection="row" (default):
+ *
+ * <Row A> | - item 1 - item 2 - item 3 |
+ * <Row B> | - item 1 - item 2 - item 3 |
+ *
+ * $flexDirection="column":
+ *
+ *   <Col A>    <Col B>
+ * | - item 1 | - item 1 |
+ * | - item 2 | - item 2 |
+ * | - item 3 | - item 3 |
+ *
+ * ```
+ * @example
+ * <CwAlign $flexDirection="column">
+ *   <div>
+ *     <h2>ColumnA</h2>
+ *   </div>
+ *   <div>
+ *     <h2>ColumnB</h2>
+ *   </div>
+ * </CwAlign>
+ */
+declare function CwAlign(props: CwAlignProps): react_jsx_runtime.JSX.Element;
+
+interface CwLabelProps extends Omit<HTMLProps<PropsWithChildren<HTMLLabelElement>>, "className"> {
+    /** Text to display on the label; Same as props.children
+     * @example $text="Name:" */
+    $text?: string;
+    /** Text justify to side.
+     * @example $justify=right */
+    /** css margin */
+    $margin?: CSS.Property.Margin;
+    $justify?: CSS.Property.TextAlign;
+    /** css width  */
+    $width?: CSS.Property.Width;
+    /** css height */
+    $height?: CSS.Property.Height;
+    /** CwAlign properties */
+    $alignProps?: CwAlignProps;
+}
+/**
+ * Label for form controls.
+ * @example
+ * ```tsx
+ * <CwLabelForm $justify="right" >Username:</CwLabelForm>
+ * ```
+ */
+declare function CwLabel(props: CwLabelProps): react_jsx_runtime.JSX.Element;
+
+interface CwTooltipProps {
+    children?: any;
+    tooltipTitle?: any;
+    tooltipTitleStyle?: React$1.CSSProperties;
+}
+declare function CwTooltip(CwelltTooltipProps: React$1.PropsWithChildren<CwTooltipProps>): react_jsx_runtime.JSX.Element;
+
+interface CwTagProps {
+    children?: any;
+    styleTag?: React$1.CSSProperties;
+    styleTag_description?: React$1.CSSProperties;
+    closableTag?: boolean;
+    className?: string;
+    classNameTag_description?: string;
+    onClickTag?: any;
+    onClickClosableTag?: any;
+    idTag?: string;
+    ref?: any;
+    styleClosableButton?: React$1.CSSProperties;
+}
+declare function CwTag(tagProps: React$1.PropsWithChildren<CwTagProps>): react_jsx_runtime.JSX.Element;
+
+declare enum CwMessageType {
+    ERROR = "times-circle",
+    WARN = "exclamation-triangle",
+    INFO = "info-circle",
+    SUCCESS = "check-circle"
+}
+interface CwMessageProps {
+    $message: string;
+    $type?: CwMessageType;
+    $duration?: number;
+    $onClose?: () => void;
+}
+declare const CwMessage: FC<CwMessageProps>;
+declare const useCwMessage: () => {
+    showMessage: ($props: CwMessageProps) => void;
+    RenderMessage: react_jsx_runtime.JSX.Element | null;
+};
+declare class CwMessageManager {
+    private static instance;
+    private messageContainer;
+    root: any;
+    private constructor();
+    static getInstance(): CwMessageManager;
+    private init;
+    showMessage(message: string, type?: CwMessageType, duration?: number): void;
+    private closeMessage;
+}
+declare function CwDisplayMessage(message: string, type?: CwMessageType, duration?: number): void;
+
+interface CwIconProps extends Omit<HTMLProps<HTMLDivElement>, "className"> {
+    /** fontawesome4 name without the 'fa-' */
+    $id: string;
+}
+/**
+ * An icon from fontawesome4. Find them here: [fontawesome.com/v4](https://fontawesome.com/v4/icons/)
+ * @example
+ * <CwIcon $id="house" />
+ */
+declare function CwIcon(props: CwIconProps): react_jsx_runtime.JSX.Element;
+
+interface ICwLoadingProps {
+    cwelltClassNameContentLoading?: string;
+    cwelltClassNameLoading?: string;
+    cwelltBooleanLoading?: boolean;
+    cwelltTextLoading?: string;
+    cwelltSizeLoading?: "cwelltSmallLoadingSize" | "cwelltMediumLoadingSize" | "cwelltBigLoadingSize" | "cwelltLargeLoadingSize" | "cwelltExtraLargeLoadingSize";
+    cwelltDelayLoading?: number;
+}
+declare function CwLoading(props: React__default.PropsWithChildren<ICwLoadingProps>): react_jsx_runtime.JSX.Element;
+
+interface CwLoadingSmallProps {
+    cwelltBooleanLoadingAppointment?: boolean;
+}
+declare function CwLoadingSmall(CwelltLoadingAppointements: React$1.PropsWithChildren<CwLoadingSmallProps>): react_jsx_runtime.JSX.Element;
+
+interface CwGenericTooltipProps {
+    children: ReactNode;
+    content?: ReactNode;
+    dissapearsWhenHover?: boolean;
+    position?: TooltipPosition;
+    overlayStyle?: CSSProperties;
+}
+type TooltipPosition = "top" | "bottom" | "left" | "right";
+declare const CwGenericTooltip: FC<CwGenericTooltipProps>;
+
+interface CwModalProps {
+    modalState?: boolean;
+    classNameModalOverlay?: string;
+    widthModal?: string | number;
+    classNameModal?: string;
+    titleModal?: string;
+    onCloseModal?: any;
+    children?: any;
+    onSaveModal?: any;
+    formSaveModal?: string;
+    HtmlSubmitModal?: "submit";
+    HideBtnModal?: any;
+    hideModalActions?: boolean;
+    ShowcustButton?: boolean;
+    custButtonClassName?: string;
+    custButtonClick?: any;
+    custButtonTitle?: string;
+    custColorButtonTooltip?: string;
+}
+declare function CwModal(custModalProps: React__default.PropsWithChildren<CwModalProps>): react_jsx_runtime.JSX.Element;
+
+interface CwModalConfirmProps {
+    modalStateConfirm?: boolean;
+    children?: any;
+    classNameModalOverlay?: string;
+    classNameModalConfirm?: string;
+    widthModalConfirm?: string | number;
+    headerTextConfirm?: string;
+    onCloseModalConfirm?: any;
+    descriptionModalConfirm?: string;
+    onClickActionModalConfirm?: any;
+    confirmClassName?: string;
+    confirmText?: string;
+}
+declare function CwModalConfirm(custModalProps: React__default.PropsWithChildren<CwModalConfirmProps>): react_jsx_runtime.JSX.Element;
+
+interface CwModalIframeProps {
+    url: string;
+    title: string;
+    width: number;
+    height: number;
+    visible: boolean;
+    SET_IFRAME_VISIBLE: (visible: boolean) => void;
+    cblConfig: string;
+}
+interface State$6 {
+    disabled: boolean;
+}
+declare class CwModalIframe extends React$1.Component<CwModalIframeProps, State$6> {
+    constructor(Props: CwModalIframeProps);
+    draggableRef: React$1.RefObject<HTMLDivElement>;
+    handleCancel: () => void;
+    render(): react_jsx_runtime.JSX.Element;
+}
+
+interface CwReportModalProps$1 {
+    content: string;
+    name: string;
+    title: string;
+    width: number;
+    height: number;
+    visible: boolean;
+    moduleSettings: string;
+    reportName: string;
+    isModal?: boolean;
+    onCloseModal: () => void;
+}
+declare const CwModalReportFunctional: FC<CwReportModalProps$1>;
+
+interface CwReportModalProps {
+    url: File;
+    content: string;
+    name: string;
+    title: string;
+    width: number;
+    height: number;
+    visible: boolean;
+    moduleSettings: string;
+    reportName: string;
+    SET_MODAL_REPORT_VISIBLE: (visible: boolean) => void;
+    isModal?: boolean;
+}
+interface State$5 {
+    disabled: boolean;
+    modalPosition: {
+        top: number;
+        left: number;
+        right: number;
+        bottom: number;
+    };
+    isModal: boolean;
+}
+declare class CwReportModal extends React$1.Component<CwReportModalProps, State$5> {
+    formRef: React$1.RefObject<FormInstance<any>>;
+    constructor(props: Readonly<CwReportModalProps>);
+    render(): react_jsx_runtime.JSX.Element;
+}
+
+interface CwModalHoverProps extends Omit<HTMLProps<HTMLDialogElement>, "className"> {
+    /**  Function to run only once when the modal opens for the first time */
+    $onFirstOpened?: () => void;
+    /**  Element to hover to display the modal */
+    $hovereable: JSX.Element;
+}
+/**
+ * A modal that appears when an element is hovered
+ * @param children Contents of the modal
+ * @param $hovereable Element to hover to display the modal
+ * @param $onFirstOpened Function to run only once when the modal opens for the first time
+ * @example
+ * <CwModalHover $hovereable={<span>Hover me!</span>}>
+ *   <p>Hello there</p>
+ * </CwModalHover>
+ */
+declare const CwModalHover: FC<CwModalHoverProps>;
+
+interface CwDialogProps extends Omit<HTMLProps<PropsWithChildren<HTMLDialogElement>>, "className"> {
+    $customFooter?: Array<ReactElement>;
+    $customHeader?: Array<ReactElement>;
+    $headline?: string;
+    $size?: {
+        width: number;
+        height: number;
+    };
+    $zIndex?: number;
+    $scrim?: boolean;
+    $onSave?: () => void;
+    $onClose?: () => void;
+    isReport?: boolean;
+}
+declare const CwDialog: FC<CwDialogProps>;
+
+declare class CwDialogManager {
+    private static openDialogs;
+    static OpenDialog(id: string, props: CwDialogProps): void;
+    static CloseDialog(id: string): void;
+    static CloseAllDialogs(): void;
+    static CloseLastDialog(): void;
+    static CloseFirstDialog(): void;
+    static GetOpenDialogCount(): number;
+}
+
+interface CwAccordionContainerProps {
+    children?: any;
+    desc_text?: string;
+    style?: React$1.CSSProperties;
+}
+/**
+ *
+ * @param CwelltAccordionContainerProps
+ * @remarks Previously CwAccordionContainer
+ * @returns
+ */
+declare function CwAccordionContainer(CwelltAccordionContainerProps: React$1.PropsWithChildren<CwAccordionContainerProps>): react_jsx_runtime.JSX.Element;
+
+interface Column {
+    title: string;
+    dataIndex: string;
+    key: string;
+    render?: (item: DataItem) => React__default.ReactNode;
+    className?: string;
+}
+interface DataItem {
+    key: string;
+    [key: string]: any;
+}
+interface CwTableProps {
+    columns: Column[];
+    data: DataItem[];
+    pagination?: boolean;
+    itemsPerPage?: number;
+    expandedRowRender?: (record: DataItem) => React__default.ReactNode;
+    onExpand?: any;
+    classNameContainer?: string;
+    className?: string;
+    classNameHeader?: string;
+    classNameTr_row?: string;
+    style?: React__default.CSSProperties;
+    id?: string;
+    textNoData?: string;
+}
+/**
+ * A Table view
+ * @param props
+ * @example
+ * const columns = [
+ *   {
+ *     title: 'Name',
+ *     dataIndex: 'name',
+ *     key: 'name',
+ *   },
+ *   {
+ *     title: 'Age',
+ *     dataIndex: 'age',
+ *     key: 'age',
+ *     render: (age) => <span>{age} years</span>, // Example of custom rendering
+ *   },
+ *   {
+ *     title: 'Address',
+ *     dataIndex: 'address',
+ *     key: 'address',
+ *     render: (address) => (
+ *       <a href={`https://maps.google.com/?q=${encodeURIComponent(address)}`} target="_blank">
+ *         {address}
+ *       </a>
+ *     ), // Example of custom link rendering
+ *   },
+ * ];
+ *
+ * const data = [
+ *   {
+ *     key: '1',
+ *     name: 'Mike',
+ *     age: 32,
+ *     address: '10 Downing Street',
+ *   },
+ *   {
+ *     key: '2',
+ *     name: 'John',
+ *     age: 42,
+ *     address: '10 Downing Street',
+ *   },
+ *   {
+ *     key: '3',
+ *     name: 'Andres',
+ *     age: 33,
+ *     address: '10 Downing Street',
+ *   },
+ *   {
+ *     key: '4',
+ *     name: 'Gabriel',
+ *     age: 22,
+ *     address: '10 Downing Street',
+ *   },
+ *   {
+ *     key: '5',
+ *     name: 'Sergio',
+ *     age: 47,
+ *     address: '10 Downing Street',
+ *   },
+ *   {
+ *     key: '6',
+ *     name: 'Zacarias',
+ *     age: 61,
+ *     address: '10 Downing Street',
+ *   },
+ * ];
+ *
+ * const generateExpandedContent = (record) => {
+ *   var testValue = record;
+ *   return (
+ *     <div>
+ *       Contenido expandido personalizado para {record.name}
+ *     </div>
+ *   );
+ * };
+ *
+ * ------------------------- render ---------------------------
+ *
+ * <CwTable
+ *   columns={columns}
+ *   data={data} // WTF whatever array of objects you add here, make sure each has a key otherwise everything will expand
+ *   itemsPerPage={3}
+ *   pagination={true}
+ *   expandedRowRender={generateExpandedContent}
+ *   onExpand={(e)=> test(e)}
+ * />
+ * @returns React component
+ */
+declare function CwTable({ columns, data, pagination, itemsPerPage, expandedRowRender, onExpand, className, classNameHeader, classNameTr_row, style, classNameContainer, id, textNoData }: CwTableProps): react_jsx_runtime.JSX.Element;
+
+interface Tab {
+    key: string;
+    title: string;
+    content: React__default.ReactNode;
+    icon?: React__default.ReactNode | string;
+    iconClassName?: string;
+}
+interface CwTabsProps {
+    id?: string;
+    onTabClick?: any;
+    defaultActiveKey?: string;
+    classname?: string;
+    style?: React__default.CSSProperties;
+    tabs: Tab[];
+    tabsPosition?: 'top' | 'left';
+}
+/**
+ *
+ * @param CwTabsProps
+ * @example
+ * The way to use the tab component:
+ *  const tabs = [
+ *    { key: "1", title: 'Tab 1', icon: 'iconClassname', content: <div>Contenido de la pestaña 1</div> },
+ *    { key: "2", title: 'Tab 2', icon: 'iconClassname', content: <div>Contenido de la pestaña 2</div> },
+ *    { key: "3", title: 'Tab 3', icon: 'iconClassname', content: <div>Contenido de la pestaña 3</div> },
+ *  ];
+ *  <CwTabs
+ *        tabs={tabs}
+ * 		  tabsPosition="top"
+ *        defaultActiveKey="2"
+ *        onTabClick={(e)=> handleInput(e)}
+ *  />
+ * @returns A tab
+ */
+declare function CwTabs(CwTabsProps: React__default.PropsWithChildren<CwTabsProps>): react_jsx_runtime.JSX.Element;
+
+interface CwExpandableProps extends Omit<HTMLProps<PropsWithChildren<HTMLDetailsElement>>, "className"> {
+    /** Title of the expandable */
+    $briefing?: React__default.ReactNode;
+    /** Function to run when expandable is toggled open/closed */
+    $onToggle?: (willOpen: boolean) => void;
+    /** Function to run when expandable is open */
+    $onOpen?: (ev: MouseEvent) => void;
+    /** Function to run when expandable is closed */
+    $onClose?: (ev: MouseEvent) => void;
+}
+/**
+ * An expandable element with briefing and children displayed when clicked
+ * @param $briefing Title of the expandable
+ * @param $onToggle Function to run when expandable is toggled open/closed
+ * @param $onClose Function to run when expandable is closed
+ * @param $onOpen Function to run when expandable is opened
+ * @example
+ * <CwExpandable $briefing="Title here">Contents here</CwExpandable>
+ */
+declare const CwExpandable: FC<CwExpandableProps>;
+
+interface CwTableGroupedData_Row {
+    cells: {
+        content: JSX.Element;
+        compare: () => void;
+    }[];
+}
+interface CwTableGroupedData_Group {
+    title: string;
+    rows: CwTableGroupedData_Row[];
+}
+interface CwTableGroupedData {
+    head: {
+        title: string;
+        expandSize: string;
+    }[];
+    groups: CwTableGroupedData_Group[];
+}
+interface CwTableGroupedProps {
+    tableData: CwTableGroupedData;
+}
+/**
+ * A table with expandable row groups.
+ * @param props The data to display
+ * @example
+ * const sampleTableData: CwTableGroupedData = {
+ * 	head: [
+ * 		{ title: "Name", expandSize: "20%" },
+ * 		{ title: "Age", expandSize: "10%" },
+ * 		{ title: "Occupation", expandSize: "50%" },
+ * 		{ title: "Location", expandSize: "20%" }
+ * 	],
+ * 	groups: [
+ * 		{
+ * 			title: "Group 1",
+ * 			rows: [
+ * 				{
+ * 					cells: [
+ * 						{ content: <span>John Doe</span>, compare: () => {} },
+ * 						{ content: <span>30</span>, compare: () => {} },
+ * 						{ content: <span>Software Engineer</span>, compare: () => {} },
+ * 						{ content: <span>New York</span>, compare: () => {} }
+ * 					]
+ * 				},
+ * 				{
+ * 					cells: [
+ * 						{ content: <span>Jane Smith</span>, compare: () => {} },
+ * 						{ content: <span>25</span>, compare: () => {} },
+ * 						{ content: <span>Graphic Designer</span>, compare: () => {} },
+ * 						{ content: <span>San Francisco</span>, compare: () => {} }
+ * 					]
+ * 				}
+ * 			]
+ * 		},
+ * 		{
+ * 			title: "Group 2",
+ * 			rows: [
+ * 				{
+ * 					cells: [
+ * 						{ content: <span>Alice Johnson</span>, compare: () => {} },
+ * 						{ content: <span>28</span>, compare: () => {} },
+ * 						{ content: <span>Data Analyst</span>, compare: () => {} },
+ * 						{ content: <span>Chicago</span>, compare: () => {} }
+ * 					]
+ * 				},
+ * 				{
+ * 					cells: [
+ * 						{ content: <span>Bob Roberts</span>, compare: () => {} },
+ * 						{ content: <span>32</span>, compare: () => {} },
+ * 						{ content: <span>Marketer</span>, compare: () => {} },
+ * 						{ content: <span>Miami</span>, compare: () => {} }
+ * 					]
+ * 				}
+ * 			]
+ * 		}
+ * 	]
+ * };
+ */
+declare const CwTableGrouped: FC<CwTableGroupedProps>;
+
+interface ConfigDM {
+    ID: number;
+    Description: string;
+    Value: string;
+    Bindata: string;
+}
+interface CwFileUploadProps {
+    accept: string;
+    acceptString: string;
+    sizeString?: string;
+    file?: ConfigDM;
+    onChange: (file: File) => void;
+    onSaveHexContent: (hexContent: string) => void;
+}
+declare function CwFileUpload(fileUploadProps: React__default.PropsWithChildren<CwFileUploadProps>): react_jsx_runtime.JSX.Element;
+
+interface CwInputProps {
+    id?: string;
+    labelName?: string;
+    labelPosition?: string;
+    value?: string;
+    onChange?: any;
+    className?: string;
+    labelClassName?: string;
+    placeholder?: string;
+    style?: React__default.CSSProperties;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+}
+declare function CwInput(CwInputProps: React__default.PropsWithChildren<CwInputProps>): react_jsx_runtime.JSX.Element;
+
+interface CwButtonProps extends Omit<React.HTMLAttributes<HTMLButtonElement>, "className"> {
+    $text?: string;
+    ref?: React.LegacyRef<HTMLButtonElement>;
+}
+declare function CwButton(props: CwButtonProps): react_jsx_runtime.JSX.Element;
+
+interface CwDigitProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
+    /** Props to define alignment and size; undefined == column
+     * @example $alignProps={{_direction:"row"}} */
+    $alignProps?: CwAlignProps;
+    /** Props of the button; undefined == no button
+     * @example $buttonProps={{children:"Ok"}} */
+    $buttonProps?: CwButtonProps;
+    /** Props of the label; undefined == no label
+     * @example $labelProps={{children:"Your name please:"}} */
+    $labelProps?: CwLabelProps;
+    /** Props of the icon; undefined == no icon
+     * @example $iconProps={{_id:"phone"}} */
+    $iconProps?: CwIconProps;
+}
+/**
+ * Input for entering a string of number.
+ * @remarks
+ * ```txt
+ * CwIcon  CwLabel     CwSelect        CwButton
+ *  ↑      ↑           ↑               ↑
+ *             ╭────────────────────╮╭════╮
+ *  ⌂  Address ││        2          │║ Ok ║
+ *             ╰────────────────────╯╰════╯
+ * ```
+ * @example
+ * ```tsx
+ * <CwDigit
+ *   $iconProps={{ $id: "home" }}
+ *   $labelProps={{ children: "Name", width: "100px" }}
+ *   $buttonProps={{ children: "Ok", onclick:()=>{alert("hi")} }}
+ * />
+ * ```
+ */
+declare function CwDigit(props: CwDigitProps): react_jsx_runtime.JSX.Element;
+
+interface CwInputTextProps extends Omit<HTMLProps<HTMLInputElement>, "className"> {
+    /** Props to define alignment and size; undefined == column
+     * @example $alignProps={{$direction:"row"}} */
+    $alignProps?: CwAlignProps;
+    /** Props of the button; undefined == no button
+     * @example $buttonProps={{children:"Ok"}} */
+    $buttonProps?: CwButtonProps;
+    /** Props of the label; undefined == no label
+     * @example $labelProps={{children:"Your name please:"}} */
+    $labelProps?: CwLabelProps;
+    /** Props of the icon; undefined == no icon
+     * @example $iconProps={{$id:"phone"}} */
+    $iconProps?: CwIconProps;
+}
+/**
+ * Input for entering a string of text.
+ * @remarks
+ * ```txt
+ * CwIcon  CwLabel     CwSelect        CwButton
+ *  ↑      ↑           ↑               ↑
+ *             ╭────────────────────╮╭════╮
+ *  ⌂  Address ││ Sunset Valley, 2  │║ Ok ║
+ *             ╰────────────────────╯╰════╯
+ * ```
+ * @example
+ * ```tsx
+ * <CwInputText
+ *   $iconProps={{ $id: "home" }}
+ *   $labelProps={{ children: "Name", width: "100px" }}
+ *   $buttonProps={{ children: "Ok", onclick:()=>{alert("hi")} }}
+ * />
+ * ```
+ */
+declare function CwInputText(props: CwInputTextProps): react_jsx_runtime.JSX.Element;
+
+interface CwInputPhoneProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
+    /** Props to define alignment and size; undefined == column
+     * @example $alignProps={{_direction:"row"}} */
+    $alignProps?: CwAlignProps;
+    /** Props of the button; undefined == no button
+     * @example $buttonProps={{children:"Ok"}} */
+    $buttonProps?: CwButtonProps;
+    /** Props of the label; undefined == no label
+     * @example $labelProps={{children:"Your name please:"}} */
+    $labelProps?: CwLabelProps;
+    /** Props of the icon; undefined == no icon
+     * @example $iconProps={{_id:"phone"}} */
+    $iconProps?: CwIconProps;
+}
+/**
+ * Input for entering a telephone number.
+ * @remarks
+ * ```txt
+ * CwIcon CwLabel      CwSelect      CwButton
+ *  ↑     ↑            ↑             ↑
+ *           ╭────────────────────╮╭════╮
+ *  (  Phone ││ 0123456789+       │║ Ok ║
+ *           ╰────────────────────╯╰════╯
+ * ```
+ * @example
+ * ```tsx
+ * <CwInputPhone $iconProps={{_id:"phone"}} $labelProps={{children:"Phone"}} />
+ * ```
+ */
+declare function CwInputPhone(props: CwInputPhoneProps): react_jsx_runtime.JSX.Element;
+
+interface CwInputNumberProps {
+    id?: string;
+    labelName?: string;
+    labelPosition?: string;
+    value?: string;
+    onChange?: any;
+    className?: string;
+    labelClassName?: string;
+    placeholder?: string;
+    style?: React__default.CSSProperties;
+    disabled?: boolean;
+    required?: boolean;
+    error?: boolean;
+    step?: string;
+    min?: number;
+    max?: number;
+}
+declare function CwInputNumber(CwInputNumberProps: React__default.PropsWithChildren<CwInputNumberProps>): react_jsx_runtime.JSX.Element;
+
+interface CwTextAreaProps extends Omit<DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "className"> {
+    /** Can it be resized? */
+    $resize?: CSS.Property.Resize;
+    /** Props to define alignment and size; undefined == column
+     * @example $alignProps={{$direction:"row"}} */
+    $alignProps?: CwAlignProps;
+    /** Props of the button; undefined == no button
+     * @example $buttonProps={{children:"Ok"}} */
+    $buttonProps?: CwButtonProps;
+    /** Props of the label; undefined == no label
+     * @example $labelProps={{children:"Your name please:"}} */
+    $labelProps?: CwLabelProps;
+    /** Props of the icon; undefined == no icon
+     * @example $iconProps={{$id:"phone"}} */
+    $iconProps?: CwIconProps;
+}
+declare function CwTextArea(props: CwTextAreaProps): react_jsx_runtime.JSX.Element;
+
+interface CwInputDateProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
+    /** Props to define alignment and size; undefined == column
+     * @example $alignProps={{_direction:"row"}} */
+    $alignProps?: CwAlignProps;
+    /** Props of the button; undefined == no button
+     * @example $buttonProps={{children:"Ok"}} */
+    $buttonProps?: CwButtonProps;
+    /** Props of the label; undefined == no label
+     * @example $labelProps={{children:"Your name please:"}} */
+    $labelProps?: CwLabelProps;
+    /** Props of the icon; undefined == no icon
+     * @example $iconProps={{_id:"phone"}} */
+    $iconProps?: CwIconProps;
+}
+/**
+ * Input for entering a string of text.
+ * @remarks
+ * ```txt
+ * CwIcon  CwLabel  input type=date    CwButton
+ *  ↑      ↑           ↑               ↑
+ *               ╭────────────────────╮╭════╮
+ *  ⌂  Birthdate │ 0000 / 00 / 00     │║ Ok ║
+ *               ╰────────────────────╯╰════╯
+ * ```
+ * @example
+ * ```tsx
+ * <CwInputDate
+ *   $iconProps={{ $id: "Birthdate" }}
+ *   $labelProps={{ children: "Name", width: "100px" }}
+ *   $buttonProps={{ children: "Ok", onClick:()=>{alert("happy happy joy joy")} }}
+ * />
+ * ```
+ */
+declare function CwInputDate(props: CwInputDateProps): react_jsx_runtime.JSX.Element;
+
+interface CwInputDatePickerProps {
+    value: string;
+    onChange?: (value: string) => void;
+}
+declare const CwInputDatePicker: FC<CwInputDatePickerProps>;
+
+interface CwInputDatetimeProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
+    /** Props to define alignment and size; undefined == column
+     * @example $alignProps={{_direction:"row"}} */
+    $alignProps?: CwAlignProps;
+    /** Props of the button; undefined == no button
+     * @example $buttonProps={{children:"Ok"}} */
+    $buttonProps?: CwButtonProps;
+    /** Props of the label; undefined == no label
+     * @example $labelProps={{children:"Your name please:"}} */
+    $labelProps?: CwLabelProps;
+    /** Props of the icon; undefined == no icon
+     * @example $iconProps={{_id:"phone"}} */
+    $iconProps?: CwIconProps;
+}
+/**
+ * Input for entering a string of text.
+ * @remarks
+ * ```txt
+ * CwIcon  CwLabel  input type=date    CwButton
+ *  ↑      ↑           ↑               ↑
+ *               ╭────────────────────╮╭════╮
+ *  ⌂  Birthdate │ 0000 / 00 / 00     │║ Ok ║
+ *               ╰────────────────────╯╰════╯
+ * ```
+ * @example
+ * ```tsx
+ * <CwInputDate
+ *   $iconProps={{ $id: "Birthdate" }}
+ *   $labelProps={{ children: "Name", width: "100px" }}
+ *   $buttonProps={{ children: "Ok", onClick:()=>{alert("happy happy joy joy")} }}
+ * />
+ * ```
+ */
+declare function CwInputDatetime(props: CwInputDatetimeProps): react_jsx_runtime.JSX.Element;
+
+interface CwInputTimeProps extends Omit<HTMLProps<HTMLInputElement>, "className" | "type"> {
+    /** Props to define alignment and size; undefined == column
+     * @example $alignProps={{_direction:"row"}} */
+    $alignProps?: CwAlignProps;
+    /** Props of the button; undefined == no button
+     * @example $buttonProps={{children:"Ok"}} */
+    $buttonProps?: CwButtonProps;
+    /** Props of the label; undefined == no label
+     * @example $labelProps={{children:"Your name please:"}} */
+    $labelProps?: CwLabelProps;
+    /** Props of the icon; undefined == no icon
+     * @example $iconProps={{_id:"phone"}} */
+    $iconProps?: CwIconProps;
+}
+/**
+ * Input for entering a string of text.
+ * @remarks
+ * ```txt
+ * CwIcon  CwLabel  input type=time    CwButton
+ *  ↑      ↑           ↑               ↑
+ *               ╭────────────────────╮╭════╮
+ *  ⌂  Birthdate │ 00:00              │║ Ok ║
+ *               ╰────────────────────╯╰════╯
+ * ```
+ * @example
+ * ```tsx
+ * <CwTime
+ *   $iconProps={{ $id: "Birthdate" }}
+ *   $labelProps={{ children: "Name", width: "100px" }}
+ *   $buttonProps={{ children: "Ok", onClick:()=>{alert("happy happy joy joy")} }}
+ * />
+ * ```
+ */
+declare function CwTime(props: CwInputTimeProps): react_jsx_runtime.JSX.Element;
+
+interface CwInputDateTextProps extends Omit<React__default.HTMLProps<HTMLInputElement>, "className" | "type" | "placeholder" | "defaultValue" | "onChange"> {
+    /** "DD.MM.YYYY" by default */
+    $format?: "MM/DD/YYYY" | "DD/MM/YYYY" | "DD.MM.YYYY" | "YYYY-MM-DD";
+    $alignProps?: CwAlignProps;
+    $buttonProps?: CwButtonProps;
+    $labelProps?: CwLabelProps;
+    $iconProps?: CwIconProps;
+    onChange?: (e: any) => void;
+}
+/**
+ * Input for entering a string of text as a date
+ * @remarks
+ * ```txt
+ * CwIcon CwLabel (input type=text)   CwButton
+ *  ↑      ↑           ↑              ↑
+ *               ╭──────────────────╮╭════╮
+ *  %  Birthdate │ yyyy.MM.dd   [^] │║ Ok ║
+ *               ╰──────────────────╯╰════╯
+ *                                ↓
+ *                         (input type=date)
+ * ```
+ * - ***_format***: Is "DD.MM.YYYY" by default
+ * @example
+ * ```tsx
+ * <CwInputDateText
+ *   $iconProps={{ $id: "Birthdate" }}
+ *   $labelProps={{ children: "Name", width: "100px" }}
+ *   $buttonProps={{ children: "Ok", onClick:()=>{alert("happy happy joy joy")} }}
+ * />
+ * ```
+ */
+declare function CwInputDateText(props: CwInputDateTextProps): react_jsx_runtime.JSX.Element;
+
+interface CwInputImageProps extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "className" | "type" | "onChange"> {
+    $allowedImageFormats?: string[];
+    onChange?: (image: string | null) => void;
+}
+declare function CwInputImage(props: CwInputImageProps): react_jsx_runtime.JSX.Element;
+
+interface CwImageAreaProps extends Omit<HTMLProps<HTMLImageElement>, "className" | "ref" | "onMouseDown" | "onMouseMove" | "onMouseUp" | "onDragStart"> {
+    /** Not implemented */
+    $initialSelectionArea?: DOMRect;
+    /** Hide the selection area right after selecting */
+    $selectionAreaAttenuation?: CSS.Property.Opacity;
+    /** Called when the selection ends, return true to continue, false to abort */
+    $onSelectionEnd?: (rect: DOMRect) => boolean;
+    /** Called when the selection starts, return true to continue, false to abort  */
+    $onSelectionStart?: (x: number, y: number) => boolean;
+    /** Called when the picture area is successfully selected and the sub-image is obtained */
+    $onSelectionSuccess?: (base64img: string) => void;
+    /** Custom style for the selection area */
+    $selectionAreaStyle?: Omit<CSSProperties, "position" | "left" | "top" | "width" | "height" | "pointerEvents">;
+    /** Custom alignment props */
+    $alignProps?: Omit<CwAlignProps, "_position">;
+}
+interface CwImageAreaMethods {
+    /** Returns the current selected area as an image, or undefined if no selection has been made */
+    getSelectedImage: () => string | undefined;
+}
+/**
+ * An image with a selectable rectangle region, useful for cropping or selecting a section of the image
+ * @remarks ```txt
+ * ╭――――――――――――――――――――――――――――――――――――╮
+ * │  +═══════════════════+             │
+ * │  ║     .:::::::.     ║             │
+ * │  ║   .'     ':::     ║             │
+ * │  ║   :        ::.    ║             │
+ * │  ║   :-  --   ' :    ║             │
+ * │  ║   :        ..:    ║             │
+ * │  ║   :.--    .'::;   ║             │
+ * │  ║   ::.__ .'  ':;_  ║             │
+ * │  ║   ::/""".    .' ""║._           │
+ * │  +═══════════════════+  :          │
+ * │     .:::  .'..'          '         │
+ * │    . :'  .         '     ':        │
+ * │    : '  .:        .     . .        │
+ * │    :'   .:        :    .:  "--__   │
+ * │   /'   .::        :   .            │
+ * │  _: . ::::        '   .            │
+ * │.'    '-----------:   .             │
+ * │ :                    '---''--'--   │
+ * │ '--'"""""----------''              │
+ * ╰――――――――――――――――――――――――――――――――――――╯
+ * ```
+ * @example
+ * <CwImageArea src="path/to/image.png" _onSelectionSuccess={img => setImage(img)} />
+ */
+declare const CwImageArea: React__default.ForwardRefExoticComponent<CwImageAreaProps & React__default.RefAttributes<CwImageAreaMethods>>;
+
+interface CwWeekdaySelectorProps {
+    value?: string;
+    onChange?: (value: string) => void;
+    disabled?: boolean;
+}
+type Weekday = "M" | "T" | "W" | "R" | "F" | "S" | "U" | "m" | "t" | "w" | "r" | "f" | "s" | "u";
+/**
+ * This class represents a week where days can be selected or unselected
+ * @remark Selected days are in UPPERCASE, unselected days are in lowercase
+ * ```
+ * Monday     = "M" | "m"
+ * Tuesday    = "T" | "t"
+ * Wendnesday = "W" | "w"
+ * thuRsday   = "R" | "r"
+ * Friday     = "F" | "f"
+ * Saturday   = "S" | "s"
+ * sUnday     = "U" | "u"
+ * ```
+ */
+declare class Weekdays {
+    private static readonly WEEKDAYS_STANDARD_ARRAY_FULL;
+    private static readonly WEEKDAYS_STANDARD_ARRAY_EMPTY;
+    private static readonly WEEKDAYS_STANDARD_STRING_FULL;
+    private static readonly WEEKDAYS_STANDARD_STRING_EMPTY;
+    static readonly WEEKDAYS_TO_USA_LETTER_FORMAT: Map<string, string>;
+    static readonly WEEKDAYS_TO_USA_SHORT_FORMAT: Map<string, string>;
+    static readonly WEEKDAY_MAP: {
+        [key: number]: Weekday;
+    };
+    private days;
+    constructor(days?: Weekday[] | string);
+    includes(day: Weekday): boolean;
+    static fromString(value: string): Weekdays;
+    static isValidToday(validFrom: Date, validUntil: Date, validWeekdays: Weekdays): boolean;
+    private normalize;
+    toString(): string;
+    toStringFormatted(limiters?: {
+        startExistingDay: string;
+        endExsitingDay: string;
+        startMissingDay: string;
+        endMissingDay: string;
+        separator: string;
+    }, format?: Map<string, string>): string;
+    toArray(): Weekday[];
+    isEmpty(): boolean;
+    isFull(): boolean;
+    static getFullWeek(): Weekday[];
+    static getEmptyWeek(): Weekday[];
+}
+declare const CwWeekdaySelector: FC<CwWeekdaySelectorProps>;
+
+interface CwCheckboxProps {
+    id?: string;
+    labelName?: string;
+    labelPosition?: string;
+    labelClassName?: string;
+    checked?: boolean;
+    onChange?: any;
+    className?: string;
+    classNameContainer?: string;
+    style?: React__default.CSSProperties;
+    styleContainer?: React__default.CSSProperties;
+    disabled?: boolean;
+    error?: boolean;
+}
+declare function CwCheckbox(CwCheckboxProps: React__default.PropsWithChildren<CwCheckboxProps>): react_jsx_runtime.JSX.Element;
+
+interface CwToggleProps extends Omit<React__default.DetailedHTMLProps<React__default.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "className" | "type"> {
+    /** Props to define alignment and size; undefined == column
+     * @example $alignProps={{_direction:"row"}} */
+    $alignProps?: CwAlignProps;
+    /** Props of the button; undefined == no button
+     * @example $buttonProps={{children:"Ok"}} */
+    $buttonProps?: CwButtonProps;
+    /** Props of the label; undefined == no label
+     * @example $labelProps={{children:"Your name please:"}} */
+    $labelProps?: CwLabelProps;
+    /** Props of the icon; undefined == no icon
+     * @example $iconProps={{_id:"phone"}} */
+    $iconProps?: CwIconProps;
+}
+/**
+ * Toggle-styled checkbox
+ * @remarks
+ * ```txt
+ *   ▁▁▁▁
+ *  (  ⦿)
+ *   ▔▔▔▔
+ * ```
+ * @example
+ * <CwToggle checked/>
+ */
+declare function CwToggle(props: CwToggleProps): react_jsx_runtime.JSX.Element;
+
+interface CwSelectProps extends Omit<DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "className"> {
+    /** Props to define alignment and size; undefined == column
+     * @example $alignProps={{_direction:"row"}} */
+    $alignProps?: CwAlignProps;
+    /** Props of the button; undefined == no button
+     * @example $buttonProps={{_text:"Ok"}} */
+    $buttonProps?: CwButtonProps;
+    /** Props of the label; undefined == no label
+     * @example $labelProps={{_text:"Your name please:"}} */
+    $labelProps?: CwLabelProps;
+    /** Props of the icon; undefined == no icon
+     * @example $iconProps={{_id:"phone"}} */
+    $iconProps?: CwIconProps;
+    /** Default item
+     * @example $placeholder="Select something" */
+    $placeholder?: string;
+}
+/**
+ * Input for selecting an option from a list
+ * @remarks
+ * ```txt
+ * CwIcon  CwLabel     CwSelect        CwButton
+ *  ↑      ↑           ↑               ↑
+ *              ╭────────────────────╮╭════╮
+ *  ⌂   Cat:    │  Choose a cat   ╲╱ │║ Ok ║
+ *              ╰────────────────────╯╰════╯
+ *              │ Orange             │ ← CwOption
+ *              ├────────────────────┤
+ *              │ Black              │ ← CwOption
+ *              ├────────────────────┤
+ *              │ White              │ ← CwOption
+ *              ╰────────────────────╯
+ * ```
+ * @example
+ * <CwSelect name="cat" $iconProps={{_id:"pet"}} $labelProps={{children:"Cat:"}}>
+ *   <CwOption value="" > - Choose a cat - </CwOption>
+ *   <CwOption value="o" >Orange</CwOption>
+ *   <CwOption value="b" >Black</CwOption>
+ *   <CwOption value="w" >White</CwOption>
+ * </CwSelect>
+ */
+declare function CwSelect(props: CwSelectProps): react_jsx_runtime.JSX.Element;
+
+interface CwOptionProps extends Omit<HTMLProps<PropsWithChildren<HTMLOptionElement>>, "className"> {
+    $text?: string;
+}
+/**
+ * Option to display in the CwSelect
+ * @remarks
+ * Must be child of CwSelect
+ * @example
+ * <CwSelect>
+ *   <CwOption>A</CwOption>
+ *   <CwOption>B</CwOption>
+ *   <CwOption>C</CwOption>
+ * </CwSelect>
+ */
+declare function CwOption(props: CwOptionProps): react_jsx_runtime.JSX.Element;
+
+interface CwDropdownProps {
+    selectList: Array<CwSelectList>;
+    labelName: string;
+    labelPosition?: string;
+    labelClassName?: string;
+    handleChange?: (value: any) => void;
+    placeholder?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+    styleSelect?: React__default.CSSProperties;
+    styleOption?: React__default.CSSProperties;
+    disabled?: boolean;
+    error?: boolean;
+    defaultSelected?: any;
+}
+declare function CwDropdown(optionsProps: React__default.PropsWithChildren<CwDropdownProps>): react_jsx_runtime.JSX.Element;
+
+interface CwDropdownContainerProps {
+    dropDownState?: boolean;
+    idDropDownContainer?: string;
+    children?: any;
+    listItems?: Array<OptionListItems>;
+    onKeyDownDropDownContainer?: any;
+    onMouseLeaveDropDownContainer?: any;
+    className?: string;
+}
+interface OptionListItems {
+    idListOption?: string | number | any;
+    childrenOptionList?: string | any;
+}
+declare function CwDropdownContainer(dropDownContainerProps: React$1.PropsWithChildren<CwDropdownContainerProps>): react_jsx_runtime.JSX.Element;
+
+interface CwDropdownFilterProps {
+    IdContent?: string;
+    StyleContent?: React$1.CSSProperties;
+    StyleDropDownFilter?: React$1.CSSProperties;
+    ContentClassName?: string;
+    DropDownClassName?: string;
+    children?: any;
+    contentDropDown?: any;
+    DropDownFilterState?: boolean;
+    onMouseLeave?: any;
+    idDropDownFilter?: string;
+    DataSourceDropDownItem?: Array<CwDropdownListItems>;
+}
+interface CwDropdownListItems {
+    IdDropDown_filter?: string | number | any;
+    dropDownFilter_desc?: string | any;
+}
+declare function CwDropdownFilter(CwelltDropDownFilterProps: React$1.PropsWithChildren<CwDropdownFilterProps>): react_jsx_runtime.JSX.Element;
+
+interface CwDropdownNavigationProps {
+    onShowChanges?: any;
+    onShowVisibleChanges?: any;
+    onShowSkip?: any;
+    onShowBulkDuties?: any;
+    onShowAsigned?: any;
+    onShowAsignedActive?: string;
+    onShowHotel?: any;
+    onShowHotelActive?: string;
+    onShowWishes?: any;
+    onShowWishesActive?: string;
+    onShowTrainingAlerts?: any;
+    onShowTrainingAlertsActive?: string;
+    onSmartFilteringFlight?: any;
+    onSmartFilteringFlightActive?: string;
+    onSmartFilteringEmployee?: any;
+    onSmartFilteringEmployeeActive?: string;
+}
+declare function CwDropdownNavigation(CwelltDropDownNavigationProps: React$1.PropsWithChildren<CwDropdownNavigationProps>): react_jsx_runtime.JSX.Element;
+
+interface MultiselectProps {
+    selectLists: Array<Array<CwSelectList>>;
+    handleChange?: (value: any, test: any) => void;
+    selectedItems?: Array<CwSelectList>;
+}
+interface State$4 {
+    selected: any;
+    isVisibleDropDown: any;
+    activeClassName: string;
+}
+declare class MultiSelect extends React$1.Component<MultiselectProps, State$4> {
+    constructor(Props: MultiselectProps);
+    componentDidMount(): void;
+    onClickSelect: () => void;
+    handleOnDropDownVisibleChange: () => void;
+    onKeyUpSelect: (e_KeyUp_select: any) => void;
+    onMouseHoverDropDownActive: () => boolean;
+    onMouseLeaveMultiSelect: (event_mouseLeave: any) => void;
+    render(): react_jsx_runtime.JSX.Element;
+}
+
+interface CwMultiFilterTagProps {
+    /** Make sure each ID is unique */
+    ID: string;
+    /** The text displayed on the tag/filter/chip */
+    Name: string;
+    /** Working value, used for whatever you need, it might be the CrewmemberID or the same as Name */
+    Value: string;
+    /** Category it belongs to (you don't need to define categories elsewhere) */
+    Category: string;
+    /** background color for the tag/filter/chip, you can use hexToRGB("#bbbbbb") instead */
+    PrimaryColor: {
+        r: number;
+        g: number;
+        b: number;
+    };
+    /** color for text and outline of the tag/filter/chip, you can use hexToRGB("#222222") instead */
+    OnPrimaryColor: {
+        r: number;
+        g: number;
+        b: number;
+    };
+    Removable?: boolean;
+    Selectable?: boolean;
+    Selected?: boolean;
+    OnSelect?: (props: Omit<CwMultiFilterTagProps, "OnClick">) => void;
+    OnRemove?: (props: Omit<CwMultiFilterTagProps, "OnRemove">) => void;
+}
+/** @inheritdoc */
+interface ICwMultiFilterTag extends Omit<CwMultiFilterTagProps, "Removable" | "Selectable" | "Selected" | "OnSelect" | "OnRemove"> {
+}
+declare const CwMultiFilterTag: FC<CwMultiFilterTagProps>;
+
+declare function itemsToMultiFilterTags(items: Array<any>, nameKey: string, valueKey: string, category: string, primaryColor: {
+    r: number;
+    g: number;
+    b: number;
+}, onPrimaryColor: {
+    r: number;
+    g: number;
+    b: number;
+}): Set<ICwMultiFilterTag>;
+
+interface CwHeadFilterProps {
+    style?: React$1.CSSProperties;
+    className?: string;
+    placeholder_desc?: string;
+    children?: any;
+    onShowDropDown?: any;
+    onChangeSearch?: any;
+    Id?: string;
+    tagValueContent?: any;
+    onClearValue?: any;
+    onKeypressInput?: any;
+    onMouseLeave?: any;
+}
+declare function CwHeadFilter(cwelltFilterTabMultiSelectProps: React$1.PropsWithChildren<CwHeadFilterProps>): react_jsx_runtime.JSX.Element;
+
+interface CwFilterTabProps {
+    id?: string;
+    idDropDownContainer?: string;
+    style?: React__default.CSSProperties;
+    placeholder?: string;
+    onclickHandleChange?: any;
+    selectListsItems?: Array<Array<CwSelectListProps>>;
+    selectedListsItems?: Array<CwSelectListProps>;
+}
+declare function CwMultiselect(CwelltCustomFilterTabProps: React__default.PropsWithChildren<CwFilterTabProps>): JSX.Element;
+
+interface CwOptionListProps {
+    children?: any;
+    value?: string;
+    title?: string;
+    className?: string;
+    onClick?: any;
+    idOptionList?: string | number | any;
+    onKeyPress?: any;
+    onChangeOptionList?: any;
+    isSelected?: boolean;
+    style?: React$1.CSSProperties;
+}
+declare function CwOptionList(optionListProps: React$1.PropsWithChildren<CwOptionListProps>): react_jsx_runtime.JSX.Element;
+
+interface CwMultiFilterProps {
+    /** Classic HTML id, needed to simplify UI testing */
+    id: string;
+    /** Callback that gets called every filter change; receives the current collection of selected tags */
+    onChangeSelectedTags: (selectedTags: Set<ICwMultiFilterTag>) => void;
+    /** Collection of all available tags */
+    allTags: Set<ICwMultiFilterTag>;
+    /** Selected tags/filters passed as props */
+    selectedTags: Set<CwMultiFilterTagProps>;
+    style?: React__default.CSSProperties;
+}
+/**
+ * A multiple filter selector, a MULTI-SELECT even.
+ * @remark
+ * ```
+ * ╭───────────────────────────────────────────────────────────────╮
+ * │ ╭──────────╮ ╭──────────╮ ╭──────────╮                        │
+ * │ │FilterA x │ │FilterC x │ │FilterB x │  FilterC│          X   │
+ * │ ╰──────────╯ ╰──────────╯ ╰──────────╯                        │
+ * ╰───────────────────────────────────────────────────────────────╯
+ *  │ (All) (CategoryA) (CategoryB)                               │
+ *  │─────────────────────────────────────────────────────────────│
+ *  │ ╭────────╮                                                  │
+ *  │ │FilterF │                                                  │
+ *  │ ╰────────╯                                                  │
+ *  ╰─────────────────────────────────────────────────────────────╯
+ * ```
+    * @example
+ * ```
+ * /// Use setSelectedTags to set the initial selected tags or to add/remove them after an action.
+ * const [selectedTags, setSelectedTags] = useState(new Set<CwMultiFilterTagProps>());
+ * const [selectedCategory, setSelectedCategory] = useState("");
+ *
+ * <CwMultiFilter
+ *  $id="multifilter"
+ *  $onChange={tags => { // Collection of currently active tags
+ *    console.log("This will get called every time the selected filters change");
+ *  }}
+ *  $selectedTags={selectedTags} // Selected filters, in case you want to modify them manually
+ *  selectedCategory={selectedCategory}
+ *  onChangeCategory={setSelectedCategory}
+ *  $allTags={
+ *    new Set([
+ *      {
+ *        Name: "DEF", // The text displayed on the tag/filter/chip
+ *        Value: "DEF", // Working value, used for whatever you need, it might be the CrewmemberID or the same as Name
+ *        Category: "Crewmembers", // Category it belongs to (you don't need to define categories elsewhere)
+ *        ID: "Crewmembers_DEF", // make sure each ID is unique
+ *        OnPrimaryColor: hexToRGB("#2050a8"), // color for text and outline of the tag/filter/chip
+ *        PrimaryColor: hexToRGB("#cedcff"), // background color for the tag/filter/chip
+ *      },
+ *      {
+ *        Name: "ABC",
+ *        Value: "ABC",
+ *        Category: "Crewmembers",
+ *        ID: "Crewmembers_ABC",
+ *        OnPrimaryColor: hexToRGB("#2050a8"), // you can also do { r: 255, g: 128, b: 64 }
+ *        PrimaryColor: hexToRGB("#cedcff")
+ *      }
+ *    ])
+ *  }
+ * ```
+ * @param {CwMultiFilterProps} props
+ * @returns Set the `$onChange` callback to a function to check for changes in the selected filters
+ */
+declare const CwMultiFilter: FC<CwMultiFilterProps>;
+
+interface CwSearchInputProps extends HTMLProps<HTMLDivElement> {
+    selectList: Array<CwSelectList>;
+    labelName: string;
+    labelPosition?: string;
+    labelClassName?: string;
+    handleChange?: (value: any) => void;
+    placeholder?: string;
+    className?: string;
+    style?: React__default.CSSProperties;
+    disabled?: boolean;
+    error?: boolean;
+}
+declare function CwSearchInput(optionsProps: React__default.PropsWithChildren<CwSearchInputProps>): react_jsx_runtime.JSX.Element;
+
+interface ContextMenuProps extends React__default.PropsWithChildren {
+    options: string[];
+    onSelect: (option: string) => void;
+}
+/**
+ * A context menu that is rendered when the user clicks on a button.
+ * @author NVS
+ * @example
+ * <ContextMenu
+ *  options={['Option 1', 'Option 2', 'Option 3']}
+ *  onSelect={(option) => console.log(`Selected: ${option}`)}
+ * >
+ *   <div>Right-click me!</div>
+ * </ContextMenu>
+ */
+declare const CwContextMenu: React__default.FC<ContextMenuProps>;
+
+interface CwContextualMenuProps {
+    children?: any;
+    handleContextMenu?: any;
+    onClick?: any;
+    dataSourceContextMenu?: Array<CwDataItemsListProps>;
+    dataSourceContextMenu_schd?: Array<CwDataItemsListSchdProps>;
+}
+interface CwDataItemsListProps {
+    idDataItem?: string | number | any;
+    dataItemContent?: string | any;
+    style?: React$1.CSSProperties;
+    styleDataItem?: React$1.CSSProperties;
+}
+interface CwDataItemsListSchdProps {
+    key?: string;
+    text?: string;
+    icon?: string;
+    color?: string;
+}
+declare function CwContextualMenu(CwelltRightClickProps: React$1.PropsWithChildren<CwContextualMenuProps>): react_jsx_runtime.JSX.Element;
+
+/**
+ * A floating button.
+ * @identifier cw_btnFloatingButton
+ * @classes cw_btnFloatingButtonActive
+ * @dependencies #CwScheduler #CwSchedulerActive #cwelltContentDuty #cwelltContentDutyActive
+ */
+declare function CwFloatingButton(): react_jsx_runtime.JSX.Element;
+declare function CwButtonExpandAndCollapse(): react_jsx_runtime.JSX.Element;
+interface cwButtonsDescProps {
+    cw_btn_desc: string;
+    cw_btnOnclick: any;
+    cw_btn_disabled?: boolean;
+}
+declare function CwButtonDef({ cw_btn_desc, cw_btnOnclick, cw_btn_disabled }: cwButtonsDescProps): react_jsx_runtime.JSX.Element;
+declare function CwButtonDefOutline({ cw_btn_desc, cw_btnOnclick, cw_btn_disabled }: cwButtonsDescProps): react_jsx_runtime.JSX.Element;
+declare function CwButtonSec({ cw_btn_desc, cw_btnOnclick, cw_btn_disabled }: cwButtonsDescProps): react_jsx_runtime.JSX.Element;
+declare function CwButtonSecOutline({ cw_btn_desc, cw_btnOnclick, cw_btn_disabled }: cwButtonsDescProps): react_jsx_runtime.JSX.Element;
+declare function CwButtonDanger({ cw_btn_desc, cw_btnOnclick, cw_btn_disabled }: cwButtonsDescProps): react_jsx_runtime.JSX.Element;
+declare function CwButtonDangerOutline({ cw_btn_desc, cw_btnOnclick, cw_btn_disabled }: cwButtonsDescProps): react_jsx_runtime.JSX.Element;
+interface cw_btnProps {
+    cw_btnOnclick: any;
+    cw_btn_disabled?: boolean;
+    cw_name?: string;
+}
+declare function CwBtnAdd({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnSave({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnEdit({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnSearch({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnDownload({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnView({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnPrint({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnCancel({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnDelete({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnRefresh({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnHide({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnSelect({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnInfo({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnWarning({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnShare({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnFiles({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnAirport({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnUserFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnDownLoadAllInfo({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnPropertyFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnAddFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnEditFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnSelectedFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnUploadFiles({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnGoBackFolder({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnBookMark({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnArchive({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnArchiveRestore({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnPublish({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnApprove({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnBookMarkLinkPage({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnBulkDuty({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnDropDownMenu({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnAlert({ cw_btnOnclick, cw_btn_disabled, cw_name }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnNavFirstItemView({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnNavLastItemView({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnNavPreviewItem({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnNavNextDay({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnStatistic({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnCrewPlanning({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnReleasePeriod({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnGeneratePairing({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnImportRequests({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnPairing({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnVacations({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnMVT({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+declare function CwBtnDelay({ cw_btnOnclick, cw_btn_disabled }: cw_btnProps): react_jsx_runtime.JSX.Element;
+
+declare class cblEvent$1 {
+    id: string;
+    start: Date;
+    end: Date;
+    resourceId: number;
+    selected: boolean;
+    top: number;
+    leftPx: number;
+    rightPx: number;
+    width: number;
+    isFullHeight: boolean;
+    isReadOnly: boolean;
+    isResizable: boolean;
+    isDraggable: boolean;
+    data: any;
+    constructor(start: Date, end: Date, resourceId: number, data?: any, isFullHeight?: boolean, isReadOnly?: boolean, isResizable?: boolean, isDraggable?: boolean);
+}
+
+declare class Resource$1 {
+    uid: string;
+    id: number;
+    name: string;
+    maxTop: number;
+    events: cblEvent$1[];
+    isInViewport: boolean;
+    schedulerResourceDisplay: string | null;
+    isLoading: boolean;
+    data: any;
+    constructor(id: number, name: string, eventHeight: number, data?: any, schedulerResourceDisplay?: string | null);
+}
+
+type resourceCompProps2$2 = {
+    resource: Resource$1;
+    handleOnClickResourceContextMenu?: (key: string, resource: Resource$1) => void;
+};
+
+declare class CblDragAndDrop$2 {
+    fromId: string | null;
+    toId: string | null;
+    data: Array<any> | null;
+    droppedOnDate: Date | null;
+    resizeFromStart: boolean | null;
+    resizeFromEnd: boolean | null;
+    isCtrlKey: boolean | null;
+    constructor(fromId: string | null, toId: string | null, data: Array<any> | null, droppedOnDate?: Date | null, resizeFromStart?: boolean | null, resizeFromEnd?: boolean | null, isCtrlKey?: boolean | null);
+}
+
+type cblEventCompProps$2 = {
+    ref?: any;
+    cblEvent: cblEvent$1;
+    handleOnClickEventContextMenu?: (key: string, cblEvent: cblEvent$1) => void;
+};
+
+interface CwSchedulerProps$1 {
+    airportSelected?: number;
+    canBePinned?: boolean;
+    cblEventComp: React.FC<cblEventCompProps$2>;
+    descriptionColumn?: string;
+    endDate: Date;
+    events: cblEvent$1[];
+    groupByFunction: boolean;
+    height: number;
+    id: string;
+    module?: string;
+    parent: any;
+    pinnedResources?: number[];
+    resourceComp: React.FC<resourceCompProps2$2>;
+    resourceName?: string;
+    resources: Resource$1[];
+    resourceContextMenuContents?: Array<{
+        key: string;
+        text: string;
+        icon: string;
+        color: string;
+    }>;
+    startDate: Date;
+    scheduler_clearPinned?: (id: any) => void;
+    scheduler_handleCblEventClick: (cblEvent: cblEvent$1, schedulerId: string) => void;
+    scheduler_handleCblEventClickRight?: (cblEvent: cblEvent$1, schedulerId: string) => void;
+    scheduler_handleCblEventDoubleClick: (cblEvent: cblEvent$1, schedulerId: string) => void;
+    scheduler_handleCblEventResize?: (cblDragNDrop: CblDragAndDrop$2) => void;
+    scheduler_handleDblClickOnResourceInScheduler?: (resource: Resource$1) => void;
+    scheduler_handleEmptyClick?: (schedulerId: string) => void;
+    scheduler_handleMultiselectChange?: (value: any, selectedObjectsArray: any) => void;
+    scheduler_handleOnClickEventContextMenu?: (e: any, cblEvent: cblEvent$1) => void;
+    scheduler_handleOnClickResourceContextMenu?: (e: any, resource: Resource$1) => void;
+    scheduler_handleOnDropCblEventsOnResource: (cblDragNDrop: CblDragAndDrop$2, resource: Resource$1) => void;
+    scheduler_handlePinned?: (resourceId: number, type: string, schedulerId: string) => void;
+    scheduler_handleOnClickContextMenuResource?: (date: Date, resource: Resource$1, key: string, schedulerId: string) => void;
+}
+
+interface State$3 {
+    bottom: number;
+    dayPx: number;
+    division: number;
+    divisionType: string;
+    endDate: Date;
+    eventHeight: number;
+    events: cblEvent$1[];
+    groupByFunction: boolean;
+    hourPx: number;
+    lineStyle: number;
+    maxPx: number;
+    minutePx: number;
+    nowUtc: Date;
+    pinnedResources: Array<number>;
+    resources: Resource$1[];
+    selectedEvents: Array<number>;
+    showConsoleLogs: boolean;
+    startDate: Date;
+    timeHeaders: Array<Date>;
+    top: number;
+}
+
+declare class CwScheduler2 extends Component<CwSchedulerProps$1, State$3> {
+    contentArea?: HTMLTableDataCellElement;
+    constructor(Props: CwSchedulerProps$1);
+    init: (props: CwSchedulerProps$1) => void;
+    initOutside: (events: Array<cblEvent$1>, resources: Array<Resource$1>, _nextProps: CwSchedulerProps$1, startDate: Date, endDate: Date) => void;
+    componentDidMount(): void;
+    handleResize: () => void;
+    componentWillReceiveProps(_nextProps: CwSchedulerProps$1): void;
+    handleOnClickContextMenuResourceScheduler: (_clickEvent: any, _resource: Resource$1) => void;
+    handleOnClickResourceContextMenu: (_e: any, resource: Resource$1) => void;
+    handleCrewPinning: (resource: Resource$1, text: string) => void;
+    render(): react_jsx_runtime.JSX.Element;
+}
+
+declare class cblEvent {
+    id: string;
+    start: Date;
+    end: Date;
+    resourceId: number;
+    selected: boolean;
+    top: number;
+    leftPx: number;
+    rightPx: number;
+    width: number;
+    isFullHeight: boolean;
+    isReadOnly: boolean;
+    isResizable: boolean;
+    isDraggable: boolean;
+    data: any;
+    constructor(start: Date, end: Date, resourceId: number, data?: any, isFullHeight?: boolean, isReadOnly?: boolean, isResizable?: boolean, isDraggable?: boolean);
+}
+
+declare class Resource {
+    uid: string;
+    id: number;
+    name: string;
+    maxTop: number;
+    events: cblEvent[];
+    isInViewport: boolean;
+    schedulerResourceDisplay: string | null;
+    isLoading: boolean;
+    data: any;
+    constructor(id: number, name: string, eventHeight: number, data?: any, schedulerResourceDisplay?: string | null);
+}
+
+type cblEventCompProps$1 = {
+    cblEvent: cblEvent;
+    handleOnClickEventContextMenu?: (key: string, cblEvent: cblEvent) => void;
+};
+type resourceCompProps2$1 = {
+    resource: Resource;
+    handleOnClickResourceContextMenu?: (key: string, resource: Resource) => void;
+};
+interface SuperSchedulerProps$1 {
+    events: cblEvent[];
+    resourcesToPin: Resource[];
+    resources: Resource[];
+    height: number;
+    startDate: Date;
+    endDate: Date;
+    id: string;
+    scheduler_handleCblEventClick: (cblEvent: cblEvent, schedulerId: string) => void;
+    scheduler_handleCblEventClickRight?: (cblEvent: cblEvent, schedulerId: string) => void;
+    scheduler_handleCblEventDoubleClick: (cblEvent: cblEvent, schedulerId: string) => void;
+    scheduler_handleOnDropCblEventsOnResource: (cblDragNDrop: CblDragAndDrop$1, resource: Resource) => void;
+    parent: any;
+    cblEventComp: React$1.FC<cblEventCompProps$1>;
+    scheduler_handleOnClickEventContextMenu?: (e: any, cblEvent: cblEvent) => void;
+    resourceComp: React$1.FC<resourceCompProps2$1>;
+    scheduler_handleOnClickContextMenuResource?: (date: Date, resource: Resource, key: string) => void;
+    resourceContextMenuContents?: Array<{
+        key: string;
+        text: string;
+        icon: string;
+        color: string;
+    }>;
+    scheduler_handleDblClickOnResourceInScheduler?: (resource: Resource) => void;
+    scheduler_handleEmptyClick?: (schedulerId: string) => void;
+    canBePinned?: boolean;
+    pinnedResources?: Array<number>;
+    scheduler_handleCblEventResize?: (cblDragNDrop: CblDragAndDrop$1) => void;
+    scheduler_handleMultiselectChange?: (value: any, selectedObjectsArray: any) => void;
+    dataConfig?: string;
+    scheduler_handleClearPinnedOnParent: () => void;
+    scheduler_handlePinningOfResources: (resourceId: number[], text: string, schedulerId: string, requestString: string) => void;
+    resourceName?: string;
+    descriptionColumn?: string;
+    pinnedEvents?: cblEvent[];
+    scheduler_handleOnClickResourceContextMenu?: (e: any, resource: Resource) => void;
+    airportSelected?: number;
+    module?: string;
+    groupByFunction: boolean;
+}
+interface State$2 {
+    topsCalculated: number;
+    height: number;
+    dataConfig?: string;
+    pinnedResources: number[];
+}
+declare class CwSuperScheduler extends React$1.Component<SuperSchedulerProps$1, State$2> {
+    constructor(Props: SuperSchedulerProps$1);
+    componentDidUpdate(_previousProps: SuperSchedulerProps$1, _previousState: State$2): void;
+    scheduler_handleCblEventClick: (cblEvent: cblEvent, schedulerId: string) => void;
+    scheduler_handleCblEventClickRight: (cblEvent: cblEvent, schedulerId: string) => void;
+    scheduler_handleCblEventDoubleClick: (cblEvent: cblEvent, schedulerId: string) => void;
+    scheduler_handlePinnedClickMultipleIds: (resIds: number[], schedulerId: string, requestString: string) => void;
+    scheduler_handlePinnedClick: (resId: number, text: string, schedulerId: string) => void;
+    returnDynamicHeight(pinned: number, topsCalculated: number): {
+        topsCalculated: number;
+        height: number;
+    };
+    checkIfSlotAvailable(array: Array<cblEvent>, event: cblEvent): boolean;
+    handleOnClickContextMenuResource: (date: Date, resource: Resource, key: string, schedulerId: string) => void;
+    dateUTCString(date: any): any;
+    render(): react_jsx_runtime.JSX.Element;
+}
+declare class CblDragAndDrop$1 {
+    fromId: string | null;
+    toId: string | null;
+    data: Array<any> | null;
+    droppedOnDate: Date | null;
+    resizeFromStart: boolean | null;
+    resizeFromEnd: boolean | null;
+    isCtrlKey: boolean | null;
+    constructor(fromId: string | null, toId: string | null, data: Array<any> | null, droppedOnDate?: Date | null, resizeFromStart?: boolean | null, resizeFromEnd?: boolean | null, isCtrlKey?: boolean | null);
+}
+
+declare class CblDragAndDrop {
+    fromId: string | null;
+    toId: string | null;
+    data: Array<any> | null;
+    droppedOnDate: Date | null;
+    resizeFromStart: boolean | null;
+    resizeFromEnd: boolean | null;
+    isCtrlKey: boolean | null;
+    constructor(fromId: string | null, toId: string | null, data: Array<any> | null, droppedOnDate?: Date | null, resizeFromStart?: boolean | null, resizeFromEnd?: boolean | null, isCtrlKey?: boolean | null);
+}
+
+type cblEventCompProps = {
+    ref?: any;
+    cblEvent: cblEvent;
+    handleOnClickEventContextMenu?: (key: string, cblEvent: cblEvent) => void;
+};
+
+interface CwSchedulerProps {
+    airportSelected?: number;
+    canBePinned?: boolean;
+    cblEventComp: React.FC<cblEventCompProps>;
+    descriptionColumn?: string;
+    endDate: Date;
+    events: cblEvent[];
+    groupByFunction: boolean;
+    height: number;
+    id: string;
+    module?: string;
+    parent: any;
+    pinnedResources?: number[];
+    resourceComp: React.FC<resourceCompProps2$1>;
+    resourceName?: string;
+    resources: Resource[];
+    resourceContextMenuContents?: Array<{
+        key: string;
+        text: string;
+        icon: string;
+        color: string;
+    }>;
+    startDate: Date;
+    scheduler_clearPinned?: (id: any) => void;
+    scheduler_handleCblEventClick: (cblEvent: cblEvent, schedulerId: string) => void;
+    scheduler_handleCblEventClickRight?: (cblEvent: cblEvent, schedulerId: string) => void;
+    scheduler_handleCblEventDoubleClick: (cblEvent: cblEvent, schedulerId: string) => void;
+    scheduler_handleCblEventResize?: (cblDragNDrop: CblDragAndDrop) => void;
+    scheduler_handleDblClickOnResourceInScheduler?: (resource: Resource) => void;
+    scheduler_handleEmptyClick?: (schedulerId: string) => void;
+    scheduler_handleMultiselectChange?: (value: any, selectedObjectsArray: any) => void;
+    scheduler_handleOnClickEventContextMenu?: (e: any, cblEvent: cblEvent) => void;
+    scheduler_handleOnClickResourceContextMenu?: (e: any, resource: Resource) => void;
+    scheduler_handleOnDropCblEventsOnResource: (cblDragNDrop: CblDragAndDrop, resource: Resource) => void;
+    scheduler_handlePinned?: (resourceId: number, type: string, schedulerId: string) => void;
+    scheduler_handleOnClickContextMenuResource?: (date: Date, resource: Resource, key: string, schedulerId: string) => void;
+}
+
+interface State$1 {
+    dayPx: number;
+    division: number;
+    divisionType: string;
+    divisionsLeftPx: number[];
+    eventHeight: number;
+    hourPx: number;
+    lineStyle: number;
+    maxPx: number;
+    minutePx: number;
+    nowUtc: Date;
+    pinnedResources: Array<number>;
+    resources: Resource[];
+    selectedEvents: Array<number>;
+    showConsoleLogs: boolean;
+    timeHeaders: Array<Date>;
+}
+
+declare class CwScheduler extends Component<CwSchedulerProps, State$1> {
+    contentArea?: HTMLTableDataCellElement;
+    constructor(props: CwSchedulerProps);
+    handleResize: () => void;
+    objectsEqual: (o1: any, o2: any) => void;
+    objectsEqualDeep: (o1: any, o2: any) => boolean;
+    arraysEqual: (a1: any[], a2: any[]) => boolean;
+    componentWillReceiveProps(_nextProps: CwSchedulerProps): void;
+    getNewResources: (_nextProps: CwSchedulerProps, dayPx: number) => Resource[];
+    handleOnClickContextMenuResourceScheduler: (_clickEvent: any, _resource: Resource) => void;
+    handleCrewPinning: (resource: Resource, text: string) => void;
+    render(): react_jsx_runtime.JSX.Element;
+}
+
+declare class UiEvent {
+}
+type OnEvent = (event: UiEvent) => void;
+
+interface HeaderDivision {
+    top: string;
+    bottom: string[];
+}
+
+interface SchedulerHeaderContent {
+    title: string;
+    classification: string;
+}
+
+interface SchedulerEventDm {
+    id: string;
+    name: string;
+    resourceId: string;
+    color: string;
+    isLightColor: boolean;
+    isResizable: boolean;
+    isDraggable: boolean;
+    selected: boolean;
+    startDate: Date;
+    endDate: Date;
+    left: number;
+    width: number;
+    icons?: ReactElement;
+    tooltip?: ReactNode;
+    contextMenuItems?: ItemType[];
+    primaryTimeMarkerColor?: string;
+    secondaryTimeMarkerColor?: string;
+}
+interface SchedulerEventState<T extends SchedulerEventDm> {
+    value: T;
+    heightRem: number;
+    onEvent: OnEvent;
+}
+declare const SchedulerEvent: FC<SchedulerEventState<SchedulerEventDm>>;
+
+interface BackgroundEventDm extends SchedulerEventDm {
+    isVisible: boolean;
+}
+interface BackgroundEventProps extends SchedulerEventState<BackgroundEventDm> {
+}
+
+interface RowHeaderDm {
+    resourceId: string;
+    title: string;
+    title2?: string;
+    subtitle?: string;
+    subtitle2?: string;
+}
+interface RowHeaderProps<T extends RowHeaderDm> {
+    value: T;
+    color: string;
+    width: string;
+    onEvent: OnEvent;
+}
+declare const DefaultRowHeader: FC<RowHeaderProps<RowHeaderDm>>;
+
+interface SchedulerState {
+    selectedDate: Date;
+    isUtc: boolean;
+    isHeaderVisible: boolean;
+    visibleDays: number;
+    visibleRows?: number;
+}
+type LineState = {
+    left: number;
+    width: number;
+};
+
+type OrderCategory = "title" | "subtitle" | "title2" | "subtitle2";
+interface SchedulerProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
+    id: string;
+    state: SchedulerState;
+    header: SchedulerHeaderContent;
+    EventComp: React__default.ComponentType<SchedulerEventState<SchedulerEventDm>>;
+    events: P[];
+    backgroundEvents: BackgroundEventDm[];
+    rows: T[];
+    contextMenuItems: ItemType[];
+    orderCategory?: OrderCategory;
+    useOrderCategory?: boolean;
+    RowTitleComp: React__default.ComponentType<RowHeaderProps<T>>;
+    onEvent: OnEvent;
+}
+declare const Scheduler: <T extends RowHeaderDm, P extends SchedulerEventDm>(props: SchedulerProps<T, P>) => react_jsx_runtime.JSX.Element;
+
+interface SchedulerRowProps<T extends RowHeaderDm, P extends SchedulerEventDm> {
+    events: P[];
+    backgroundEvents: BackgroundEventDm[];
+    rowHeader: RowHeaderProps<T>;
+    contextMenuItems?: ItemType[];
+    EventComp: ComponentType<SchedulerEventState<P>>;
+    RowTitleComp: ComponentType<RowHeaderProps<T>>;
+    onEvent: OnEvent;
+    remHeight: number;
+    weekendLines: LineState[];
+    divisionLines: LineState[];
+    timeLinePercentage: number;
+    selectedDate: Date;
+    visibleDays: number;
+}
+
+declare const eventIsVisible: (startDate: Date, endDate: Date, selectedDate: Date, visibleDays: number) => boolean;
+
+declare const getDefaultDivisions: (visibleDays: number, selectedDate: Date) => HeaderDivision[];
+
+declare const getEventSizes: (schedulerDate: Date, totalDays: number, startDate: Date, endDate: Date) => {
+    left: number;
+    width: number;
+};
+
+type resourceCompProps2 = {
+    resource: Resource;
+    handleOnClickResourceContextMenu?: (key: string, resource: Resource) => void;
+};
+
+interface PinRowHeaderProps extends RowHeaderDm {
+    isPinned: boolean;
+    contextMenuItems: ItemType[];
+    isLoading: boolean;
+    highlightColor?: string;
+    tooltip?: ReactNode;
+    overlayTooltipStyle?: CSSProperties;
+    indicators?: ReactNode;
+}
+declare const PinRowHeader: FC<RowHeaderProps<PinRowHeaderProps>>;
+
+interface SuperSchedulerProps {
+    id: string;
+    state: SchedulerState;
+    header: SchedulerHeaderContent;
+    rows: PinRowHeaderProps[];
+    events: SchedulerEventDm[];
+    backgroundEvents: BackgroundEventDm[];
+    contextMenuItems: ItemType[];
+    pinnedOrderCategory?: OrderCategory;
+    unPinnedOrderCategory?: OrderCategory;
+    onEvent: OnEvent;
+}
+declare const SuperScheduler: FC<SuperSchedulerProps>;
+
+declare class OnPinRow implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnUnpinRow implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnClearPinned implements UiEvent {
+    constructor();
+}
+
+interface CwFindAirportProps {
+    handleChange: (value: number) => void;
+    searchType?: string;
+    placeHolder?: string;
+    required: boolean;
+    cblConfig: string;
+    className: string;
+    value?: number;
+    disabled?: boolean;
+    icaoText?: boolean;
+}
+interface State {
+    data: any[];
+    valueId: any;
+    valueText: string;
+    searchingAtProviders: boolean;
+    searchType: string;
+    airports: any[];
+}
+declare class CwFindAirport extends React$1.Component<CwFindAirportProps, State> {
+    constructor(Props: CwFindAirportProps);
+    componentDidMount(): void;
+    componentDidUpdate(_previousProps: any, _previousState: State): void;
+    fetchAirportData(airportId: number): void;
+    handleSearch(value: any): void;
+    handleChange(value: number): void;
+    handleSelect(value: any): void;
+    onClick(): void;
+    render(): react_jsx_runtime.JSX.Element;
+}
+
+declare class OnClickEvent implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnRangeClickEvent implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnMultiClickEvent implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnDoubleClickEvent implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnDragEvent implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnDropEvent implements UiEvent {
+    readonly id: string;
+    readonly date: Date;
+    constructor(id: string, date: Date);
+}
+declare class OnDropCtrlEvent implements UiEvent {
+    readonly id: string;
+    readonly date: Date;
+    constructor(id: string, date: Date);
+}
+declare class OnClickRowEvent implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnDoubleClickRowEvent implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnRightClickEvent implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnStartClickHeaderEvent implements UiEvent {
+    readonly date: Date;
+    constructor(date: Date);
+}
+declare class OnEndClickHeaderEvent implements UiEvent {
+    readonly date: Date;
+    constructor(date: Date);
+}
+declare class OnRightClickRow implements UiEvent {
+    readonly id: string;
+    readonly date: Date;
+    constructor(id: string, date: Date);
+}
+declare class OnLeftDragStart implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnRightDragStart implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnClickRowHeader implements UiEvent {
+    readonly id: string;
+    constructor(id: string);
+}
+declare class OnClickUtc implements UiEvent {
+    constructor();
+}
+declare class OnClickContextMenu implements UiEvent {
+    readonly id: string;
+    readonly clickedMenu: string;
+    constructor(id: string, clickedMenu: string);
+}
+
+export { type BackgroundEventDm, type BackgroundEventProps, CblDragAndDrop$1 as CblDragAndDrop, type Column, CwAccordionContainer, CwAlign, type CwAlignProps, CwBtnAdd, CwBtnAddFolder, CwBtnAirport, CwBtnAlert, CwBtnApprove, CwBtnArchive, CwBtnArchiveRestore, CwBtnBookMark, CwBtnBookMarkLinkPage, CwBtnBulkDuty, CwBtnCancel, CwBtnCrewPlanning, CwBtnDelay, CwBtnDelete, CwBtnDownLoadAllInfo, CwBtnDownload, CwBtnDropDownMenu, CwBtnEdit, CwBtnEditFolder, CwBtnFiles, CwBtnGeneratePairing, CwBtnGoBackFolder, CwBtnHide, CwBtnImportRequests, CwBtnInfo, CwBtnMVT, CwBtnNavFirstItemView, CwBtnNavLastItemView, CwBtnNavNextDay, CwBtnNavPreviewItem, CwBtnPairing, CwBtnPrint, CwBtnPropertyFolder, CwBtnPublish, CwBtnRefresh, CwBtnReleasePeriod, CwBtnSave, CwBtnSearch, CwBtnSelect, CwBtnSelectedFolder, CwBtnShare, CwBtnStatistic, CwBtnUploadFiles, CwBtnUserFolder, CwBtnVacations, CwBtnView, CwBtnWarning, CwButton, CwButtonDanger, CwButtonDangerOutline, CwButtonDef, CwButtonDefOutline, CwButtonExpandAndCollapse, CwButtonSec, CwButtonSecOutline, CwCheckbox, CwContextMenu, CwContextualMenu, CwDialog, CwDialogManager, type CwDialogProps, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownContainer, CwDropdownFilter, CwDropdownNavigation, CwExpandable, type CwExpandableProps, CwFileUpload, type CwFilterTabProps, CwFindAirport, CwFloatingButton, CwGenericTooltip, CwHeadFilter, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, type CwImageAreaMethods, type CwImageAreaProps, CwInput, CwInputDate, CwInputDatePicker, type CwInputDatePickerProps, type CwInputDateProps, CwInputDateText, type CwInputDateTextProps, CwInputDatetime, type CwInputDatetimeProps, CwInputImage, type CwInputImageProps, CwInputNumber, type CwInputNumberProps, CwInputPhone, type CwInputPhoneProps, CwInputText, type CwInputTextProps, type CwInputTimeProps, CwLabel, type CwLabelProps, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, type CwMessageProps, CwMessageType, CwModal, CwModalConfirm, CwModalHover, type CwModalHoverProps, CwModalIframe, CwModalReportFunctional, CwMultiFilter, type CwMultiFilterProps, CwMultiFilterTag, type CwMultiFilterTagProps, CwMultiselect, CwOption, CwOptionList, CwReportModal, type CwReportModalProps$1 as CwReportModalProps, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, type CwSelectListProps, CwSuperScheduler, CwTable, CwTableGrouped, type CwTableGroupedData, type CwTableGroupedData_Group, type CwTableGroupedData_Row, type CwTableGroupedProps, CwTabs, CwTag, CwTextArea, type CwTextAreaProps, CwTime, CwToggle, CwTooltip, CwWeekdaySelector, type DataItem, DefaultRowHeader, type ICwMultiFilterTag, MultiSelect, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, type OnEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, type PinRowHeaderProps, Resource, type RowHeaderDm, type RowHeaderProps, Scheduler, SchedulerEvent, type SchedulerEventDm, type SchedulerEventState, type SchedulerRowProps, type SchedulerState, SuperScheduler, type SuperSchedulerProps, UiEvent, type Weekday, Weekdays, cblEvent, type cblEventCompProps, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, type resourceCompProps2, useCwMessage };