carbon-react 102.9.2 → 102.11.0

package/lib/components/message/type-icon/type-icon.style.d.ts

@@ -0,0 +1,2 @@
+export default TypeIconStyle;
+declare const TypeIconStyle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/modal/__internal__/modal-manager.d.ts

@@ -0,0 +1,9 @@
+export default ModalManager;
+declare const ModalManager: ModalManagerInstance;
+declare class ModalManagerInstance {
+    addModal: (modal: any, setTriggerRefocusFlag: any) => void;
+    isTopmost(modal: any): boolean;
+    removeModal(modal: any): void;
+    clearList(): void;
+    #private;
+}

package/lib/components/modal/modal.component.d.ts

@@ -0,0 +1,35 @@
+export const ModalContext: React.Context<{}>;
+export default Modal;
+import React from "react";
+declare function Modal({ children, open, onCancel, disableEscKey, disableClose, enableBackgroundUI, timeout, ...rest }: {
+    [x: string]: any;
+    children: any;
+    open: any;
+    onCancel: any;
+    disableEscKey: any;
+    disableClose: any;
+    enableBackgroundUI: any;
+    timeout: any;
+}): JSX.Element;
+declare namespace Modal {
+    namespace propTypes {
+        const children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
+        const open: PropTypes.Validator<boolean>;
+        const enableBackgroundUI: PropTypes.Requireable<boolean>;
+        const disableEscKey: PropTypes.Requireable<boolean>;
+        const disableClose: PropTypes.Requireable<boolean>;
+        const timeout: PropTypes.Requireable<number>;
+    }
+    namespace defaultProps {
+        const onCancel_1: null;
+        export { onCancel_1 as onCancel };
+        const enableBackgroundUI_1: boolean;
+        export { enableBackgroundUI_1 as enableBackgroundUI };
+        const disableEscKey_1: boolean;
+        export { disableEscKey_1 as disableEscKey };
+        const timeout_1: number;
+        export { timeout_1 as timeout };
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/modal/modal.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledModalBackground: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/mount-in-app/__spec__.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/multi-action-button/multi-action-button.component.d.ts

@@ -0,0 +1,37 @@
+export default MultiActionButton;
+declare function MultiActionButton({ align, disabled, as, buttonType, size, children, text, subtext, ...rest }: {
+    [x: string]: any;
+    align?: string | undefined;
+    disabled: any;
+    as: any;
+    buttonType: any;
+    size: any;
+    children: any;
+    text: any;
+    subtext: any;
+}): JSX.Element;
+declare namespace MultiActionButton {
+    const propTypes: {
+        /** Button type: "primary" | "secondary" | "tertiary" */
+        buttonType: PropTypes.Requireable<string>;
+        /** The additional button to display. */
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        /** Second text child, renders under main text, only when size is "large". */
+        subtext: PropTypes.Requireable<string>;
+        /** Customizes the appearance, can be set to 'primary', 'secondary' or 'transparent'. */
+        as: PropTypes.Requireable<string>;
+        /** The text to be displayed in the SplitButton. */
+        text: PropTypes.Validator<string>;
+        /** Gives the button a disabled state. */
+        disabled: PropTypes.Requireable<boolean>;
+        /** The size of the MultiActionButton. */
+        size: PropTypes.Requireable<string>;
+        /** A custom value for the data-element attribute. */
+        "data-element": PropTypes.Requireable<string>;
+        /** A custom value for the data-element attribute. */
+        "data-role": PropTypes.Requireable<string>;
+        /** Aligns the button's options */
+        align: PropTypes.Requireable<string>;
+    };
+}
+import PropTypes from "prop-types";

package/lib/components/multi-action-button/multi-action-button.config.d.ts

@@ -0,0 +1,3 @@
+export const MULTI_ACTION_BUTTON_ALIGNMENTS: string[];
+export const MULTI_ACTION_BUTTON_SIZES: string[];
+export const MULTI_ACTION_BUTTON_THEMES: string[];

package/lib/components/multi-action-button/multi-action-button.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledButtonChildrenContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledMultiActionButton: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/multi-step-wizard/__spec__.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/multi-step-wizard/multi-step-wizard.d.ts

@@ -0,0 +1,87 @@
+export default MultiStepWizard;
+declare class MultiStepWizard extends React.Component<any, any, any> {
+    constructor(props: any);
+    /**
+     * Returns wizard object to child components.
+     *
+     * @method getChildContext
+     * @return {void}
+     */
+    getChildContext(): void;
+    /**
+     * Validate step props
+     *
+     * @method validateStepProps
+     * @return {Object}
+     */
+    validateStepProps: (stepProps: any) => Object;
+    /**
+     * Get total number of steps
+     *
+     * @method totalSteps
+     * @return {Number}
+     */
+    get totalSteps(): number;
+    /**
+     * Moves to the next step.
+     *
+     * @method next
+     * @return {void}
+     */
+    next: () => void;
+    /**
+     * Back to the previous step.
+     *
+     * @method back
+     * @return {void}
+     */
+    back: () => void;
+    /**
+     * Completes the wizard.
+     *
+     * @method complete
+     * @return {void}
+     */
+    complete: () => void;
+    /**
+     * Returns the computed HTML for the wizard's steps.
+     *
+     * @method wizardStepsHTML
+     * @return {Object} JSX
+     */
+    get wizardStepsHTML(): Object;
+}
+declare namespace MultiStepWizard {
+    namespace propTypes {
+        const steps: any[];
+        const beforeSubmitValidation: Function;
+        const className: string;
+        const onSubmit: Function;
+        const currentStep: number;
+        const enableInactiveSteps: boolean;
+        const onNext: PropTypes.Requireable<(...args: any[]) => any>;
+        const onBack: PropTypes.Requireable<(...args: any[]) => any>;
+        const completed: boolean;
+    }
+    namespace defaultProps {
+        const beforeSubmitValidation_1: null;
+        export { beforeSubmitValidation_1 as beforeSubmitValidation };
+        const className_1: string;
+        export { className_1 as className };
+        const completed_1: boolean;
+        export { completed_1 as completed };
+        const currentStep_1: number;
+        export { currentStep_1 as currentStep };
+        const enableInactiveSteps_1: boolean;
+        export { enableInactiveSteps_1 as enableInactiveSteps };
+        const onNext_1: null;
+        export { onNext_1 as onNext };
+        const onBack_1: null;
+        export { onBack_1 as onBack };
+    }
+    namespace childContextTypes {
+        const wizard: Object;
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";

package/lib/components/multi-step-wizard/multi-step-wizard.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledMultiStepWizard: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledMultiStepWizardContent: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/multi-step-wizard/step/__spec__.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/multi-step-wizard/step/step.d.ts

@@ -0,0 +1,160 @@
+export default Step;
+/**
+ * A Step widget.
+ * This widget is part of MultiStepWizard and it is a wrapper for a step element that is passed to MultiStepWizard.
+ *
+ * == How to use a Step Widget in a component:
+ *  See MultiStepWizard widget
+ *
+ * @class Step
+ * @constructor
+ */
+declare class Step extends React.Component<any, any, any> {
+    constructor(props: Readonly<any>);
+    constructor(props: any, context?: any);
+    /**
+     * Completes the step's wizard and triggers the custom submit event handler of the step's wizard
+     *
+     * @method handleOnSubmit
+     * @return {void}
+     */
+    handleOnSubmit: (ev: any) => void;
+    /**
+     * Triggers the custom next event handler of the step's wizard
+     *
+     * @method handleOnNext
+     * @return {void}
+     */
+    handleOnNext: (ev: any) => void;
+    /**
+     * Triggers the custom back event handler of the step's wizard
+     *
+     * @method handleOnBack
+     * @return {void}
+     */
+    handleOnBack: (ev: any) => void;
+    /**
+     * Gets the step's wizard
+     *
+     * @method wizard
+     * @return {Object}
+     */
+    get wizard(): Object;
+    /**
+     * Gets the current step number
+     *
+     * @method currentStepNumber
+     * @return {Number}
+     */
+    get currentStepNumber(): number;
+    /**
+     * Checks if the step is the first step
+     *
+     * @method isFirstStep
+     * @return {Boolean}
+     */
+    get isFirstStep(): boolean;
+    /**
+     * Checks if the step is the last step
+     *
+     * @method isLastStep
+     * @return {Boolean}
+     */
+    get isLastStep(): boolean;
+    /**
+     * Checks if step component should be disabled.
+     *
+     * @method stepDisabled
+     * @return {Boolean}
+     */
+    get stepDisabled(): boolean;
+    /**
+     * Checks if step has been processed.
+     *
+     * @method stepProcessed
+     * @return {Boolean}
+     */
+    get stepProcessed(): boolean;
+    /**
+     * Checks if all steps are completed
+     *
+     * @method stepsCompleted
+     * @return {Boolean}
+     */
+    get stepsCompleted(): boolean;
+    /**
+     * Returns the computed HTML for the step.
+     *
+     * @method stepHTML
+     * @return {Object} JSX
+     */
+    get stepHTML(): Object;
+    /**
+     * Returns the computed HTML for the buttons.
+     *
+     * @method buttonHTML
+     * @return {Object} JSX
+     */
+    get buttonHTML(): Object;
+    /**
+     * Returns the computed HTML for the step indicator.
+     *
+     * @method indicatorHTML
+     * @return {Object} JSX
+     */
+    get indicatorHTML(): Object;
+    /**
+     * Returns the step indicator status.
+     *
+     * @method indicatorStatus
+     * @return {Boolean}
+     */
+    get indicatorStatus(): boolean;
+    /**
+     * Returns the computed HTML for the extra buttons.
+     *
+     * @method extraButtonHTML
+     * @return {Object} JSX
+     */
+    get extraButtonHTML(): Object;
+    /**
+     * Main class getter
+     *
+     * @method mainClasses
+     * @return {String}
+     */
+    get mainClasses(): string;
+}
+declare namespace Step {
+    namespace propTypes {
+        const stepNumber: number;
+        const defaultButton: boolean;
+        const onNext: Function;
+        const onBack: Function;
+        const extraButtons: any[];
+        const enabled: boolean;
+        const className: string;
+        const children: Node;
+    }
+    namespace defaultProps {
+        const children_1: null;
+        export { children_1 as children };
+        const className_1: string;
+        export { className_1 as className };
+        const defaultButton_1: boolean;
+        export { defaultButton_1 as defaultButton };
+        const enabled_1: boolean;
+        export { enabled_1 as enabled };
+        const extraButtons_1: never[];
+        export { extraButtons_1 as extraButtons };
+        const onBack_1: null;
+        export { onBack_1 as onBack };
+        const onNext_1: null;
+        export { onNext_1 as onNext };
+    }
+    namespace contextTypes {
+        const wizard: PropTypes.Requireable<object>;
+    }
+}
+import React from "react";
+import PropTypes from "prop-types";

package/lib/components/multi-step-wizard/step/step.style.d.ts

@@ -0,0 +1,11 @@
+export const StyledStep: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledStepContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledStepButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
+export const StyledStepIndicatorBar: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledStepIndicatorBackground: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledStepIndicatorIconContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StepIndicatorIconPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StepIndicatorIconContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledStepIndicatorIcon: import("styled-components").StyledComponent<typeof Icon, any, {}, never>;
+import Button from "../../button";
+import Icon from "../../icon";

package/lib/components/navigation-bar/navigation-bar.component.d.ts

@@ -0,0 +1,13 @@
+export default NavigationBar;
+declare function NavigationBar({ navigationType, isLoading, children, ariaLabel, stickyOffset, stickyPosition, ...props }: {
+    [x: string]: any;
+    navigationType?: string | undefined;
+    isLoading?: boolean | undefined;
+    children: any;
+    ariaLabel: any;
+    stickyOffset?: string | undefined;
+    stickyPosition: any;
+}): JSX.Element;
+declare namespace NavigationBar {
+    const propTypes: any;
+}

package/lib/components/navigation-bar/navigation-bar.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledNavigationBar;
+declare const StyledNavigationBar: import("styled-components").StyledComponent<"nav", any, {}, never>;

package/lib/components/note/__internal__/status-with-tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./status.component";

package/lib/components/note/__internal__/status-with-tooltip/status.component.d.ts

@@ -0,0 +1,3 @@
+export default StatusIcon;
+declare const StatusIcon: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
+import React from "react";

package/lib/components/note/__internal__/status-with-tooltip/status.style.d.ts

@@ -0,0 +1,2 @@
+export default StyledStatusIconWrapper;
+declare const StyledStatusIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/note/note.component.d.ts

@@ -0,0 +1,30 @@
+export default Note;
+declare function Note({ noteContent, width, inlineControl, title, name, createdDate, status, previews, onLinkAdded, ...rest }: {
+    [x: string]: any;
+    noteContent: any;
+    width?: number | undefined;
+    inlineControl: any;
+    title: any;
+    name: any;
+    createdDate: any;
+    status: any;
+    previews: any;
+    onLinkAdded: any;
+}): JSX.Element;
+declare namespace Note {
+    namespace propTypes {
+        const noteContent: PropTypes.Validator<object>;
+        const width: PropTypes.Requireable<number>;
+        const inlineControl: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const title: PropTypes.Requireable<string>;
+        const name: PropTypes.Requireable<string>;
+        const createdDate: PropTypes.Validator<string>;
+        const status: PropTypes.Requireable<PropTypes.InferProps<{
+            text: PropTypes.Validator<string>;
+            timeStamp: PropTypes.Validator<string>;
+        }>>;
+        const previews: PropTypes.Requireable<PropTypes.ReactNodeLike[]>;
+        const onLinkAdded: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/note/note.style.d.ts

@@ -0,0 +1,6 @@
+export const StyledNote: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledNoteContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledInlineControl: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledTitle: import("styled-components").StyledComponent<"header", any, {}, never>;
+export const StyledFooter: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledFooterContent: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/number/number.component.d.ts

@@ -0,0 +1,10 @@
+export default Number;
+declare function Number({ onChange, onKeyDown, value, ...rest }: {
+    [x: string]: any;
+    onChange: any;
+    onKeyDown: any;
+    value: any;
+}): JSX.Element;
+declare namespace Number {
+    const propTypes: any;
+}

package/lib/components/numeral-date/numeral-date.component.d.ts

@@ -0,0 +1,111 @@
+export default NumeralDate;
+declare function NumeralDate({ dateFormat, defaultValue, disabled, error, warning, "data-component": dataComponent, "data-element": dataElement, "data-role": dataRole, info, id, name, onBlur, onChange, value, validationOnLabel, label, labelInline, labelWidth, labelAlign, labelHelp, labelSpacing, fieldHelp, adaptiveLabelBreakpoint, required, readOnly, size, enableInternalError, enableInternalWarning, tooltipPosition, helpAriaLabel, ...rest }: {
+    [x: string]: any;
+    dateFormat?: string[] | undefined;
+    defaultValue: any;
+    disabled: any;
+    error?: string | undefined;
+    warning?: string | undefined;
+    "data-component": any;
+    "data-element": any;
+    "data-role": any;
+    info: any;
+    id: any;
+    name: any;
+    onBlur: any;
+    onChange: any;
+    value: any;
+    validationOnLabel?: boolean | undefined;
+    label: any;
+    labelInline: any;
+    labelWidth: any;
+    labelAlign: any;
+    labelHelp: any;
+    labelSpacing: any;
+    fieldHelp: any;
+    adaptiveLabelBreakpoint: any;
+    required: any;
+    readOnly: any;
+    size: any;
+    enableInternalError: any;
+    enableInternalWarning: any;
+    tooltipPosition: any;
+    helpAriaLabel: any;
+}): JSX.Element;
+declare namespace NumeralDate {
+    const propTypes: {
+        /** Identifier used for testing purposes, applied to the root element of the component. */
+        "data-component": PropTypes.Requireable<string>;
+        /** Identifier used for testing purposes, applied to the root element of the component. */
+        "data-element": PropTypes.Requireable<string>;
+        /** Identifier used for testing purposes, applied to the root element of the component. */
+        "data-role": PropTypes.Requireable<string>;
+        /** If true, the component will be disabled */
+        disabled: PropTypes.Requireable<boolean>;
+        /** If true, the component will be read-only */
+        readOnly: PropTypes.Requireable<boolean>;
+        /** Array of strings to define custom input layout.
+        Allowed formats:
+        ['dd', 'mm', 'yyyy'],
+        ['mm', 'dd', 'yyyy'],
+        ['dd', 'mm'],
+        ['mm', 'dd'],
+        ['mm', 'yyyy'] */
+        dateFormat: (props: any, propName: any, componentName: any) => Error | null;
+        /** Default value for use in uncontrolled mode  */
+        defaultValue: PropTypes.Requireable<object>;
+        /**  Value for use in controlled mode  */
+        value: PropTypes.Requireable<object>;
+        /** Indicate that error has occurred
+        Pass string to display icon, tooltip and red border
+        Pass true boolean to only display red border */
+        error: PropTypes.Requireable<string | boolean>;
+        /** Indicate that warning has occurred
+        Pass string to display icon, tooltip and orange border
+        Pass true boolean to only display orange border */
+        warning: PropTypes.Requireable<string | boolean>;
+        /** Indicate additional information
+        Pass string to display icon, tooltip and blue border
+        Pass true boolean to only display blue border */
+        info: PropTypes.Requireable<string | boolean>;
+        /** Blur event handler  */
+        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
+        /** Change event handler */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /** `id` for events */
+        id: PropTypes.Requireable<string>;
+        /** `name` for events */
+        name: PropTypes.Requireable<string>;
+        /** When true, validation icon will be placed on label instead of being placed on the input */
+        validationOnLabel: PropTypes.Requireable<boolean>;
+        /** When true, enables the internal errors to be displayed */
+        enableInternalError: PropTypes.Requireable<boolean>;
+        /** When true, enables the internal warnings to be displayed */
+        enableInternalWarning: PropTypes.Requireable<boolean>;
+        /** Label */
+        label: PropTypes.Requireable<string>;
+        /** Text applied to label help tooltip */
+        labelHelp: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** When true, label is placed in line with an input */
+        labelInline: PropTypes.Requireable<boolean>;
+        /** Label alignment. Works only when labelInline is true */
+        labelAlign: PropTypes.Requireable<string>;
+        /** Width of a label in percentage. Works only when labelInline is true */
+        labelWidth: PropTypes.Requireable<number>;
+        /** Spacing between label and a field for inline label, given number will be multiplied by base spacing unit (8) */
+        labelSpacing: PropTypes.Requireable<number>;
+        /** Help content to be displayed under an input */
+        fieldHelp: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        /** Breakpoint for adaptive label (inline labels change to top aligned). Enables the adaptive behaviour when set */
+        adaptiveLabelBreakpoint: PropTypes.Requireable<number>;
+        /** Flag to configure component as mandatory */
+        required: PropTypes.Requireable<boolean>;
+        /** Size of an input */
+        size: PropTypes.Requireable<string>;
+        /** Overrides the default tooltip position */
+        tooltipPosition: PropTypes.Requireable<string>;
+        /** Aria label for rendered help component */
+        helpAriaLabel: PropTypes.Requireable<string>;
+    };
+}
+import PropTypes from "prop-types";

package/lib/components/numeral-date/numeral-date.style.d.ts

@@ -0,0 +1,2 @@
+export const StyledNumeralDate: import("styled-components").StyledComponent<"div", any, {}, never>;
+export const StyledDateField: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/pager/__internal__/pager-navigation-link.component.d.ts

@@ -0,0 +1,20 @@
+export default PagerNavigationLink;
+declare function PagerNavigationLink({ type, currentPage, pageCount, pageSize, onClick, onPagination, }: {
+    type: any;
+    currentPage: any;
+    pageCount: any;
+    pageSize: any;
+    onClick: any;
+    onPagination: any;
+}): JSX.Element;
+declare namespace PagerNavigationLink {
+    namespace propTypes {
+        const type: PropTypes.Validator<string>;
+        const currentPage: PropTypes.Validator<string | number>;
+        const pageCount: PropTypes.Validator<string | number>;
+        const pageSize: PropTypes.Validator<string | number>;
+        const onClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onPagination: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";

package/lib/components/pager/__internal__/pager-navigation.component.d.ts

@@ -0,0 +1,32 @@
+export default PagerNavigation;
+declare function PagerNavigation({ pageSize, currentPage, setCurrentPage, onNext, onPrevious, onFirst, onLast, onPagination, pageCount, showFirstAndLastButtons, showPreviousAndNextButtons, showPageCount, }: {
+    pageSize: any;
+    currentPage: any;
+    setCurrentPage: any;
+    onNext: any;
+    onPrevious: any;
+    onFirst: any;
+    onLast: any;
+    onPagination: any;
+    pageCount: any;
+    showFirstAndLastButtons?: boolean | undefined;
+    showPreviousAndNextButtons?: boolean | undefined;
+    showPageCount?: boolean | undefined;
+}): JSX.Element;
+declare namespace PagerNavigation {
+    namespace propTypes {
+        const currentPage: PropTypes.Validator<string | number>;
+        const pageSize: PropTypes.Requireable<string | number>;
+        const pageCount: PropTypes.Requireable<string | number>;
+        const setCurrentPage: PropTypes.Requireable<(...args: any[]) => any>;
+        const onFirst: PropTypes.Requireable<(...args: any[]) => any>;
+        const onPrevious: PropTypes.Requireable<(...args: any[]) => any>;
+        const onNext: PropTypes.Requireable<(...args: any[]) => any>;
+        const onLast: PropTypes.Requireable<(...args: any[]) => any>;
+        const onPagination: PropTypes.Requireable<(...args: any[]) => any>;
+        const showFirstAndLastButtons: PropTypes.Requireable<boolean>;
+        const showPreviousAndNextButtons: PropTypes.Requireable<boolean>;
+        const showPageCount: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from "prop-types";