@elliemae/ds-form 2.3.0-alpha.8 → 2.3.0-alpha.9

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

@@ -0,0 +1,207 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const DSTextBox: {
+    ({ containerProps, autoFocus, disabled, maxLength, minLength, fluidWidth, placeholder, value, hasError, readOnly, innerRef, type, min, max, clearable, leftComponent, rightComponent, required, variant, disableTooltip, id, ...otherProps }: {
+        [x: string]: any;
+        containerProps?: {} | undefined;
+        autoFocus?: boolean | undefined;
+        disabled?: boolean | undefined;
+        maxLength?: number | undefined;
+        minLength?: number | undefined;
+        fluidWidth?: boolean | undefined;
+        placeholder: any;
+        value?: string | undefined;
+        hasError?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        innerRef?: null | undefined;
+        type?: string | undefined;
+        min?: undefined;
+        max?: undefined;
+        clearable?: boolean | undefined;
+        leftComponent?: null | undefined;
+        rightComponent?: null | undefined;
+        required?: boolean | undefined;
+        variant: any;
+        disableTooltip: any;
+        id: any;
+    }): JSX.Element;
+    propTypes: {
+        /** inject props at textbox wrapper */
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the text box uses auto focus or not
+         */
+        autoFocus: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the text box is disabled or not
+         */
+        disabled: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Max length for the text box
+         */
+        maxLength: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Min length for the text box
+         */
+        minLength: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Make the content of the text box fit the container or not
+         */
+        fluidWidth: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Placeholder for the text box
+         */
+        placeholder: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Default value once the component is initialized
+         */
+        value: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the text box has error or not
+         */
+        hasError: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the text box is read only or not
+         */
+        readOnly: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** html min prop for input */
+        min: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** html max prop for input */
+        max: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the text box is clearable or not
+         */
+        clearable: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Component to be added at the left side of the text box
+         */
+        leftComponent: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Component to be added at the right side of the text box
+         */
+        rightComponent: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the text box is required or not
+         */
+        required: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * [
+         *  'variant-default',
+         *  'variant-focus',
+         *  'variant-active',
+         *  'variant-disabled',
+         * ]
+         */
+        variant: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** html input type */
+        type: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** Internal ref */
+        innerRef: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** disableTooltip */
+        disableTooltip: {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+    };
+};
+declare const DSTextBoxWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export default DSTextBox;
+export { DSTextBoxWithSchema, DSTextBox };

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

@@ -0,0 +1 @@
+export { DSTextBoxWithSchema, DSTextBox, default } from './DSTextBox';

package/dist/types/TextBox/tests/DSTextBox.test.d.ts

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

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

@@ -0,0 +1,122 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+import { TimeInputImpl } from './TimeInputImpl';
+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: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Allows a function that is triggered once the time input changes
+         */
+        onChange: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** a11y aria label */
+        'aria-label': {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** style object for time input wrapper */
+        style: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** inner ref for time inpot wrapper */
+        innerRef: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /** class for time input */
+        className: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Valid time format
+         */
+        format: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Default value once the component is initialized
+         */
+        value: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the time input is clearable or not
+         */
+        clearable: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the time input is disabled or not
+         */
+        disabled: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Aria label
+         */
+        ariaLabel: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSTimeInputWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema; /**
+     * Default value once the component is initialized
+     */
+};
+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';

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" | "hh" | "HH" | "H" | "mm" | "m" | "ss" | "s" | "A" | 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: any;
+};
+export declare const resetTimeValues: () => {
+    hours: string;
+    minutes: string;
+    seconds: string;
+    meridiem: any;
+};
+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,134 @@
+/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
+/// <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: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the toggle has error or not
+         */
+        hasError: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the toggle is read only or not
+         */
+        readOnly: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the toggle is disabled or not
+         */
+        disabled: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Whether the toggle is checked or not
+         */
+        checked: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Allows a function that is triggered once the toggle changes
+         */
+        onChange: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Label to show when the toggle is ON
+         */
+        labelOn: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Label to show when the toggle is OFF
+         */
+        labelOff: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Default value once the component is initialized
+         */
+        value: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * ['s', 'm', 'l']
+         */
+        size: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        /**
+         * Input name
+         */
+        name: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSToggleWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export default DSToggle;
+export { DSToggleWithSchema, DSToggle };

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

@@ -0,0 +1,57 @@
+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';