@elliemae/ds-controlled-form 2.3.3-rc.0 → 2.4.0-rc.0

package/types/{controlled-date-time-picker → date-time-picker}/parts/Pickers/Calendar/Styleds.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledShadowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isControllerOnly: boolean;
 }, never>;
 export declare const StyledCalendarWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledHeader: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledHeaderButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledHeaderButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledBody: import("styled-components").StyledComponent<"section", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDayBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledDayBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledWeekDaysListWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledWeekDaysHeaderItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CalendarFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;

package/types/{controlled-date-time-picker → date-time-picker}/parts/Pickers/CalendarWithTimeWheel/Styleds.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledCalendarWithTimeWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     isControllerOnly: boolean;
 }, never>;

package/types/{controlled-date-time-picker → date-time-picker}/parts/Pickers/TimeWheel/Styleds.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledIconTriggerButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledWheelList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface StyledWheelListItemPropsT {
     isCurrentListItem?: boolean;
@@ -9,11 +9,11 @@ export declare const StyledTimePickerContainer: import("styled-components").Styl
     showShadow?: boolean | undefined;
     isControllerOnly: boolean;
 }, never>;
-export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTimePickerHead: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTimePickerWheelsLegend: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTimePickerWheelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledWheelListItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledWheelListItemPropsT, never>;
-export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledWheelChangeTimeBtn: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
 export declare const TimeWheelFooterMessage: import("styled-components").StyledComponent<"footer", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/types/{controlled-date-time-picker → date-time-picker}/parts/Styleds.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledColonSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledColonSeparator: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const Styled2DigitsInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledMin4DigitsInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledInputsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledInputsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledDateInputsWrapperGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const StyledTimeInputsWrapperGrid: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPickersIconsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
+export declare const StyledPickersIconsWrapperGrid: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
     isControllerOnly: boolean;
 }, never>;
-export declare const StyledFocusWithIn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/propTypes").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledFocusWithIn: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/types/react-desc-prop-types").DSGridT.Props & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledClearButton: import("styled-components").StyledComponent<import("react").ComponentType<import("@elliemae/ds-button/types/v2/react-desc-prop-types").DSButtonT.Props>, import("styled-components").DefaultTheme, {}, never>;

package/types/date-time-picker/tests/date-time-picker.onChange-meta-info.test.d.ts

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

package/types/date-time-picker/tests/date-time-picker.types-dom.test.d.ts

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

package/types/index.d.ts

@@ -1,6 +1,8 @@
-export * from './controlled-checkbox';
-export * from './controlled-date-range-picker';
-export * from './controlled-date-time-picker';
-export * from './controlled-toggle';
-export * from './controlled-autocomplete';
-export * from './controlled-combobox';
+export * from './autocomplete';
+export * from './checkbox';
+export * from './combobox';
+export * from './date-range-picker';
+export * from './date-time-picker';
+export * from './mask-hook';
+export * from './text-input';
+export * from './toggle';

package/types/mask-hook/hooks/index.d.ts

@@ -0,0 +1,4 @@
+export * from './usePhoneMask';
+export * from './useNumberMask';
+export * from './useSSNMask';
+export * from './useZipCode';

package/types/mask-hook/hooks/useNumberMask.d.ts

@@ -0,0 +1,3 @@
+import { DSMaskT } from '../react-desc-prop-types';
+export declare const useNumberMask: DSMaskT.NumberHook;
+export declare const UseNumberMaskWithSchema: any;

package/types/mask-hook/hooks/usePhoneMask.d.ts

@@ -0,0 +1,3 @@
+import { DSMaskT } from '../react-desc-prop-types';
+export declare const usePhoneMask: DSMaskT.Hook;
+export declare const UsePhoneMaskWithSchema: any;

package/types/mask-hook/hooks/useSSNMask.d.ts

@@ -0,0 +1,3 @@
+import { DSMaskT } from '../react-desc-prop-types';
+export declare const useSSNMask: DSMaskT.Hook;
+export declare const UseSSNMaskWithSchema: any;

package/types/mask-hook/hooks/useZipCode.d.ts

@@ -0,0 +1,3 @@
+import { DSMaskT } from '../react-desc-prop-types';
+export declare const useZipCode: DSMaskT.Hook;
+export declare const UseZipCodeMaskWithSchema: any;

package/types/mask-hook/index.d.ts

@@ -0,0 +1,2 @@
+export * from './hooks';
+export type { DSMaskT } from './react-desc-prop-types';

package/types/mask-hook/react-desc-prop-types.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+export declare namespace DSMaskT {
+    interface HookArgs {
+        valueSetter: React.Dispatch<React.SetStateAction<string>>;
+        onChange?: (e: React.ChangeEvent<HTMLInputElement>, mask?: string) => void;
+        onKeyDown?: React.KeyboardEventHandler<HTMLInputElement>;
+        onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    }
+    interface HookReturn {
+        onChange: React.ChangeEventHandler<HTMLInputElement>;
+        onKeyDown: React.KeyboardEventHandler<HTMLInputElement>;
+        onBlur?: React.FocusEventHandler<HTMLInputElement>;
+    }
+    interface NumberHookArgs extends HookArgs {
+        suffix: string;
+        prefix: string;
+        decimalPlaces: number;
+        allowNegative: boolean;
+        includeThousandsSeparator: boolean;
+        decimalRequired: boolean;
+    }
+    interface PhoneHookArgs extends HookArgs {
+        isInternational: boolean;
+    }
+    type Hook = (args: HookArgs) => HookReturn;
+    type PhoneHook = (args: PhoneHookArgs) => HookReturn;
+    type NumberHook = (args: NumberHookArgs) => HookReturn;
+}
+export declare const DSMaskHookDefaultProps: Partial<DSMaskT.PhoneHookArgs>;
+export declare const DSMaskPhoneHookDefaultProps: Partial<DSMaskT.PhoneHookArgs>;
+export declare const DSMaskNumberHookDefaultProps: Partial<DSMaskT.NumberHookArgs>;
+export declare const DSMaskHookPropsTypes: React.WeakValidationMap<unknown>;
+export declare const DSMaskPhoneHookPropsTypes: React.WeakValidationMap<unknown>;
+export declare const DSMaskNumberHookPropsTypes: React.WeakValidationMap<unknown>;

package/types/mask-hook/tests/useNumberMask.test.d.ts

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

package/types/mask-hook/tests/usePhoneMask.test.d.ts

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

package/types/mask-hook/tests/useSSNMask.test.d.ts

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

package/types/mask-hook/tests/useZipCode.test.d.ts

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

package/types/mask-hook/utils/addSpecialCharacters.d.ts

@@ -0,0 +1,9 @@
+/**
+ *
+ * @param {string[]} maskWithoutSpecialChars An array of characters with the unfinished mask
+ * @param {[string, number][]} specialCharsDescr An array of tuples. Each tuple contains a string and a position (What string to add in a particular position)
+ * @param {number} maskedPos Current masked position
+ * @param {string} lastKeyCode Last key code of the user
+ * @returns {[string, number]} A tuple containing the final mask and the final masked position
+ */
+export declare const addSpecialCharacters: (maskWithoutSpecialChars: string[], specialCharsDescr: [string, number][], maskedPos: number, lastKeyCode: string) => [string, number];

package/types/mask-hook/utils/getPartialMaskedPos.d.ts

@@ -0,0 +1 @@
+export declare const getPartialMaskedPos: (rawValue: string, maskWithoutSpecialChars: string[], cursorPos: number) => number;

package/types/mask-hook/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './addSpecialCharacters';
+export * from './getPartialMaskedPos';
+export * from './setCursorPosition';
+export * from './sharedFilters';

package/types/mask-hook/utils/setCursorPosition.d.ts

@@ -0,0 +1 @@
+export declare const setCursorPosition: (input: HTMLInputElement, position: number) => void;

package/types/mask-hook/utils/sharedFilters.d.ts

@@ -0,0 +1,6 @@
+/**
+ *
+ * @param {string[]} charactersToFilter An array of characters to filter from
+ * @returns [string] the filtered array including only 0~9 characters
+ */
+export declare const filterNumbersOnly: (charactersToFilter: string[]) => string[];

package/types/text-input/DSInputText.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { DSInputTextT } from './react-desc-prop-types';
+export declare const DSInputText: React.ComponentType<DSInputTextT.Props>;
+export declare const DSInputTextWithSchema: any;