@elliemae/ds-form 3.16.4-rc.2 → 3.16.4-rc.3

package/dist/types/Radio/DSRadio.d.ts

@@ -0,0 +1,87 @@
+import React from 'react';
+interface DSRadioT {
+    [x: string]: unknown;
+    innerRef?: React.MutableRefObject<HTMLInputElement>;
+    containerProps?: {
+        [x: string]: unknown;
+    };
+    className?: string;
+    style?: React.CSSProperties;
+    labelText?: string;
+    htmlFor?: string;
+    hasError?: boolean;
+    readOnly?: boolean;
+    disabled?: boolean;
+    checked?: boolean;
+    value?: string;
+    name?: string;
+    onKeyDown?: React.KeyboardEventHandler<HTMLSpanElement>;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    children?: React.ReactNode | React.ReactNode[];
+    tabIndex?: number;
+}
+declare const DSRadio: {
+    ({ containerProps, className, style, labelText, htmlFor, hasError, readOnly, disabled, checked, value, name, onChange, children, tabIndex, innerRef, ...otherProps }: DSRadioT): JSX.Element;
+    defaultProps: {
+        containerProps: {};
+        className: string;
+        hasError: boolean;
+        readOnly: boolean;
+        disabled: boolean;
+        checked: boolean;
+        name: string;
+        onChange: () => null;
+        children: null;
+        tabIndex: number;
+    };
+    propTypes: {
+        /** Injected props to wrapper element of component */
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** css class prop */
+        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** name property to manage form */
+        name: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Displayable label for the radio
+         */
+        labelText: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** HTMLFOR property to manage form */
+        htmlFor: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Whether the radio has error or not
+         */
+        hasError: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Whether the radio is read only or not
+         */
+        readOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Whether the radio is disabled or not
+         */
+        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Whether the radio is checked or not
+         */
+        checked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Value that takes the checkbox if it is checked
+         */
+        value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Allows a function that is triggered once the radio changes
+         */
+        onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Optional, if you want a checkbox customized
+         */
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** HTML tabindex to manage focus */
+        tabIndex: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** style override object */
+        style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const DSRadioWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSRadioT>;
+export { DSRadio, DSRadioWithSchema };
+export default DSRadio;

package/dist/types/Radio/index.d.ts

@@ -0,0 +1 @@
+export * from './DSRadio.js';

package/dist/types/RadioGroup/DSRadioGroup.d.ts

@@ -0,0 +1,47 @@
+/// <reference types="react" />
+declare const DSRadioGroup: {
+    ({ containerProps, onChange, activeValue, children, orientation, disabled, truncateText, labelProps, }: {
+        containerProps: any;
+        onChange: any;
+        activeValue: any;
+        children: any;
+        orientation: any;
+        disabled: any;
+        truncateText: any;
+        labelProps: any;
+    }): JSX.Element;
+    propTypes: {
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        activeValue: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        orientation: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        labelProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    defaultProps: {
+        containerProps: {};
+        onChange: () => null;
+        orientation: string;
+        disabled: boolean;
+        truncateText: boolean;
+        labelProps: {
+            feedbackMessage: string;
+            labelText: string;
+            required: boolean;
+        };
+    };
+    displayName: string;
+};
+declare const DSRadioGroupWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    containerProps: any;
+    onChange: any;
+    activeValue: any;
+    children: any;
+    orientation: any;
+    disabled: any;
+    truncateText: any;
+    labelProps: any;
+}>;
+export { DSRadioGroup, DSRadioGroupWithSchema };
+export default DSRadioGroup;

package/dist/types/RadioGroup/defaultProps.d.ts

@@ -0,0 +1,12 @@
+export declare const defaultProps: {
+    containerProps: {};
+    onChange: () => null;
+    orientation: string;
+    disabled: boolean;
+    truncateText: boolean;
+    labelProps: {
+        feedbackMessage: string;
+        labelText: string;
+        required: boolean;
+    };
+};

package/dist/types/RadioGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './DSRadioGroup.js';

package/dist/types/RadioGroup/props.d.ts

@@ -0,0 +1,25 @@
+export declare const props: {
+    /** Inject props to component wrapper  */
+    containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /**
+     * Allows a function that is triggered once the radio group changes
+     */
+    onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /**
+     * Selected default active value
+     */
+    activeValue: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /**
+     * Radio group items to show of type DSRadio
+     */
+    children: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /**
+     * ['horizontal', 'vertical']
+     */
+    orientation: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /**
+     * Whether the radio group is disabled or not
+     */
+    disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+    labelProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+};

package/dist/types/RadioGroup/tests/DSRadioGroup.events.test.d.ts

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

package/dist/types/RequiredMark/RequiredMark.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const RequiredMark: ({ required, optional }: {
+    required?: boolean | undefined;
+    optional?: boolean | undefined;
+}) => JSX.Element | null;
+export { RequiredMark, RequiredMark as DSRequiredMark };
+export default RequiredMark;

package/dist/types/RequiredMark/index.d.ts

@@ -0,0 +1 @@
+export * from './RequiredMark.js';

package/dist/types/SearchBox/index.d.ts

@@ -0,0 +1 @@
+export * from '@elliemae/ds-common/SearchBox';

package/dist/types/TextBox/index.d.ts

@@ -0,0 +1 @@
+export * from '@elliemae/ds-common/TextBox';

package/dist/types/TimeInput/DSTimeInput.d.ts

@@ -0,0 +1,72 @@
+/// <reference types="react" />
+import { TimeInputImpl } from './TimeInputImpl.js';
+declare const DSTimeInput: {
+    ({ containerProps, innerRef, className, style, onChange, format, value, clearable, disabled, ariaLabel, }: {
+        containerProps?: {} | undefined;
+        innerRef: any;
+        className?: string | undefined;
+        style?: {} | undefined;
+        onChange?: (() => null) | undefined;
+        format: any;
+        value?: string | undefined;
+        clearable?: boolean | undefined;
+        disabled?: boolean | undefined;
+        ariaLabel?: string | undefined;
+    }): JSX.Element;
+    defaultProps: {
+        format: string;
+        disabled: boolean;
+        clearable: boolean;
+    };
+    propTypes: {
+        /** Injected props to wrapper element of component */
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Allows a function that is triggered once the time input changes
+         */
+        onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** a11y aria label */
+        'aria-label': import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** style object for time input wrapper */
+        style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** inner ref for time inpot wrapper */
+        innerRef: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /** class for time input */
+        className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Valid time format
+         */
+        format: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Default value once the component is initialized
+         */
+        value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Whether the time input is clearable or not
+         */
+        clearable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Whether the time input is disabled or not
+         */
+        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Aria label
+         */
+        ariaLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const DSTimeInputWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    containerProps?: {} | undefined;
+    innerRef: any;
+    className?: string | undefined;
+    style?: {} | undefined;
+    onChange?: (() => null) | undefined;
+    format: any;
+    value?: string | undefined;
+    clearable?: boolean | undefined;
+    disabled?: boolean | undefined;
+    ariaLabel?: string | undefined;
+}>;
+export { TimeInputImpl, DSTimeInputWithSchema, DSTimeInput };
+export default DSTimeInput;

package/dist/types/TimeInput/TimeInputImpl.d.ts

@@ -0,0 +1,56 @@
+/// <reference types="react" />
+import PropTypes from 'prop-types';
+declare const TimeInputImpl: {
+    ({ format, innerRef, onChange, className, value, disabled, clearable, "arial-label": ariaLabel, }: {
+        format: any;
+        innerRef: any;
+        onChange: any;
+        className: any;
+        value: any;
+        disabled: any;
+        clearable: any;
+        "arial-label": any;
+    }): JSX.Element;
+    propTypes: {
+        containerProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        /**
+         * Inner reference to the input
+         */
+        innerRef: PropTypes.Requireable<any>;
+        /**
+         * Classes to add to the container
+         */
+        className: PropTypes.Requireable<string>;
+        /**
+         * Styles to add to the container
+         */
+        style: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+        /**
+         * Allows a function that is triggered once the time input changes
+         */
+        onChange: PropTypes.Requireable<(...args: any[]) => any>;
+        /**
+         * Valid time format
+         */
+        format: PropTypes.Requireable<string>;
+        /**
+         * Default value once the component is initialized
+         */
+        value: PropTypes.Requireable<string>;
+        /**
+         * Whether the time input is clearable or not
+         */
+        clearable: PropTypes.Requireable<boolean>;
+        /**
+         * Whether the time input is disabled or not
+         */
+        disabled: PropTypes.Requireable<boolean>;
+        /**
+         * Aria label to add to the container
+         */
+        'aria-label': PropTypes.Requireable<boolean>;
+        'arial-label': PropTypes.Requireable<boolean>;
+    };
+};
+export { TimeInputImpl };
+export default TimeInputImpl;

package/dist/types/TimeInput/TimeInputs.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+declare const TimeInputs: ({ time, format, use12Hours, step, showHours, showMinutes, showSeconds, onChange, disabled, innerRef, clearable, "arial-label": ariaLabel, "aria-label": ariaLabel2, }: {
+    time: any;
+    format: any;
+    use12Hours: any;
+    step?: number | undefined;
+    showHours: any;
+    showMinutes: any;
+    showSeconds: any;
+    onChange: any;
+    disabled: any;
+    innerRef: any;
+    clearable: any;
+    "arial-label": any;
+    "aria-label": any;
+}) => JSX.Element;
+export { TimeInputs };
+export default TimeInputs;

package/dist/types/TimeInput/index.d.ts

@@ -0,0 +1 @@
+export * from './DSTimeInput.js';

package/dist/types/TimeInput/utils.d.ts

@@ -0,0 +1,39 @@
+export declare const isArrowIncrementDecrement: (key: any) => boolean;
+export declare const setNativeValue: (element: any, value: any) => void;
+export declare const placeholderFormat: (position: any, format: any, use12Hours: any) => "a" | "h" | "s" | "A" | "hh" | "HH" | "H" | "mm" | "m" | "ss" | undefined;
+export declare const formatMinutes: (format: any, value: any) => string;
+export declare const formatSeconds: (format: any, value: any) => string;
+export declare const formatHour: (format: any, value: any) => string;
+export declare const formatMeridiem: (format: any, value: any) => any;
+export declare const parseTimeNumberFromText: (stringValue: any) => number | null;
+export declare const focusNextInput: (currentEl: any) => void;
+export declare const focusPreviousInput: (currentEl: any) => void;
+export declare const getValidTimeNumber: ({ min, max }: {
+    min: any;
+    max: any;
+}, number: any, typed: any) => any;
+export declare const shouldFocusNextInput: (max: any, number: number | undefined, stringValue: any) => boolean;
+export declare const getTimeValuesFromTime: (time: any, format: any, use12Hours: any) => {
+    hours?: undefined;
+    minutes?: undefined;
+    seconds?: undefined;
+    meridiem?: undefined;
+} | {
+    hours: string;
+    minutes: string;
+    seconds: string;
+    meridiem: string;
+};
+export declare const resetTimeValues: () => {
+    hours: string;
+    minutes: string;
+    seconds: string;
+    meridiem: string;
+};
+export declare const commonInputProps: (onKeyDown: any, onInputFocus: any, onClick: any) => {
+    pattern: string;
+    type: string;
+    onKeyDown: any;
+    onClick: any;
+    onFocus: any;
+};

package/dist/types/Toggle/DSToggle.d.ts

@@ -0,0 +1,87 @@
+/// <reference types="react" />
+declare const DSToggle: {
+    ({ containerProps, hasError, readOnly, disabled, checked, labelOn, labelOff, name, value, size, ...otherProps }: {
+        [x: string]: any;
+        containerProps: any;
+        hasError: any;
+        readOnly: any;
+        disabled: any;
+        checked: any;
+        labelOn: any;
+        labelOff: any;
+        name: any;
+        value: any;
+        size: any;
+    }): JSX.Element;
+    defaultProps: {
+        labelOn: string;
+        labelOff: string;
+        size: string;
+        hasError: boolean;
+        readOnly: boolean;
+        disabled: boolean;
+        checked: undefined;
+    };
+    propTypes: {
+        /**
+         * Set of Properties attached to the main container
+         */
+        containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Whether the toggle has error or not
+         */
+        hasError: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Whether the toggle is read only or not
+         */
+        readOnly: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Whether the toggle is disabled or not
+         */
+        disabled: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Whether the toggle is checked or not
+         */
+        checked: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Allows a function that is triggered once the toggle changes
+         */
+        onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Label to show when the toggle is ON
+         */
+        labelOn: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Label to show when the toggle is OFF
+         */
+        labelOff: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Default value once the component is initialized
+         */
+        value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * ['s', 'm', 'l']
+         */
+        size: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        /**
+         * Input name
+         */
+        name: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const DSToggleWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    [x: string]: any;
+    containerProps: any;
+    hasError: any;
+    readOnly: any;
+    disabled: any;
+    checked: any;
+    labelOn: any;
+    labelOff: any;
+    name: any;
+    value: any;
+    size: any;
+}>;
+export default DSToggle;
+export { DSToggleWithSchema, DSToggle };

package/dist/types/Toggle/DSToggleImpl.d.ts

@@ -0,0 +1,61 @@
+import { Component } from 'react';
+declare class DSToggleImpl extends Component {
+    constructor(props: any);
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
+    /**
+     * ******************************************************
+     * Drag
+     * ****************************************************** *
+     *
+     * @param clientX
+     */
+    onDragStart: (clientX: any) => void;
+    onDragStop: (e: any) => void;
+    /**
+     * ******************************************************
+     * StandardEvents
+     * ****************************************************** *
+     *
+     * @param e
+     */
+    onBlur: (e: any) => void;
+    onFocus: (e: any) => void;
+    onChange: (e: any) => void;
+    /**
+     ******************************************************
+        MouseEvents
+     ******************************************************* *
+     */
+    onMouseEnter: () => void;
+    onMouseLeave: () => void;
+    onMouseMove: (event: any) => void;
+    onMouseDown: (event: any) => void;
+    onMouseUp: (event: any) => void;
+    /**
+     ******************************************************
+        Touch
+     ******************************************************* *
+     */
+    onTouchCancel: () => void;
+    onTouchEnd: (event: any) => void;
+    onTouchMove: (event: any) => void;
+    onTouchStart: (event: any) => void;
+    static getDerivedStateFromProps(props: any, state: any): {
+        drag: number;
+        checked: any;
+    } | null;
+    getSnapshotBeforeUpdate(prevProps: any): boolean;
+    /**
+     * ******************************************************
+     * other
+     * ****************************************************** *
+     *
+     * @param currentCheckState
+     */
+    setDragOnChange(currentCheckState: any): void;
+    verifyElements(): void;
+    render(): JSX.Element;
+}
+export { DSToggleImpl };
+export default DSToggleImpl;

package/dist/types/Toggle/DSToggleRender.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+declare const DSToggleRender: ({ containerProps, id, className, style, hasError, hide, readOnly, disabled, checked, onBlur, onFocus, onChange, onMouseDown, onMouseEnter, onMouseLeave, onTouchCancel, onTouchEnd, onTouchMove, onTouchStart, labelOn, labelOff, dragStyle, containerRef, handRef, name, value, size, defaultState, }: {
+    containerProps: any;
+    id: any;
+    className?: string | undefined;
+    style?: {} | undefined;
+    hasError?: boolean | undefined;
+    hide: any;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    checked?: boolean | undefined;
+    onBlur?: (() => null) | undefined;
+    onFocus?: (() => null) | undefined;
+    onChange?: (() => null) | undefined;
+    onMouseDown?: (() => null) | undefined;
+    onMouseEnter?: (() => null) | undefined;
+    onMouseLeave?: (() => null) | undefined;
+    onTouchCancel?: (() => null) | undefined;
+    onTouchEnd?: (() => null) | undefined;
+    onTouchMove?: (() => null) | undefined;
+    onTouchStart?: (() => null) | undefined;
+    labelOn?: string | undefined;
+    labelOff?: string | undefined;
+    dragStyle?: {} | undefined;
+    containerRef?: null | undefined;
+    handRef?: null | undefined;
+    name?: string | undefined;
+    value?: string | undefined;
+    size?: string | undefined;
+    defaultState: any;
+}) => JSX.Element;
+export { DSToggleRender };
+export default DSToggleRender;

package/dist/types/Toggle/index.d.ts

@@ -0,0 +1 @@
+export { default, DSToggleWithSchema, DSToggle } from './DSToggle.js';

package/dist/types/Toggle/props.d.ts

@@ -0,0 +1,47 @@
+import PropTypes from 'prop-types';
+export declare const togglePropTypes: {
+    /**
+     * Set of Properties attached to the main container
+     */
+    containerProps: PropTypes.Requireable<PropTypes.InferProps<{}>>;
+    /**
+     * Whether the toggle has error or not
+     */
+    hasError: PropTypes.Requireable<boolean>;
+    /**
+     * Whether the toggle is read only or not
+     */
+    readOnly: PropTypes.Requireable<boolean>;
+    /**
+     * Whether the toggle is disabled or not
+     */
+    disabled: PropTypes.Requireable<boolean>;
+    /**
+     * Whether the toggle is checked or not
+     */
+    checked: PropTypes.Requireable<boolean>;
+    /**
+     * Allows a function that is triggered once the toggle changes
+     */
+    onChange: PropTypes.Requireable<(...args: any[]) => any>;
+    /**
+     * Label to show when the toggle is ON
+     */
+    labelOn: PropTypes.Requireable<string>;
+    /**
+     * Label to show when the toggle is OFF
+     */
+    labelOff: PropTypes.Requireable<string>;
+    /**
+     * Default value once the component is initialized
+     */
+    value: PropTypes.Requireable<string>;
+    /**
+     * ['s', 'm', 'l']
+     */
+    size: PropTypes.Requireable<"s" | "m" | "l">;
+    /**
+     * Input name
+     */
+    name: PropTypes.Requireable<string>;
+};

package/dist/types/Toggle/toggleHelper.d.ts

@@ -0,0 +1,24 @@
+export declare const isValidDrag: ({ inside, circleWidth, drag, checked, boxWidth }: {
+    inside: any;
+    circleWidth: any;
+    drag: any;
+    checked: any;
+    boxWidth: any;
+}) => boolean;
+export declare const cleanDrag: () => {
+    startPoint: null;
+    isDragging: boolean;
+};
+export declare const calculateDrag: (clientX: any, { startPoint, checked, isDragging, boxWidth, circleWidth }: {
+    startPoint: any;
+    checked: any;
+    isDragging: any;
+    boxWidth: any;
+    circleWidth: any;
+}) => number | null;
+export declare const dragStartingPoints: (checked: any) => ({ circleWidth, boxWidth }: {
+    circleWidth: any;
+    boxWidth: any;
+}) => {
+    drag: number;
+};