@elliemae/ds-controlled-form 2.3.0-next.13 → 2.3.0-next.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/controlled-checkbox/ControlledCheckbox.js +8 -4
- package/cjs/controlled-mask-hook/hooks/index.js +10 -0
- package/cjs/controlled-mask-hook/hooks/usePhoneMask.js +72 -0
- package/cjs/controlled-mask-hook/index.js +10 -0
- package/cjs/controlled-mask-hook/react-desc-prop-types.js +19 -0
- package/cjs/controlled-mask-hook/utils/addSpecialCharacters.js +50 -0
- package/cjs/controlled-mask-hook/utils/getPartialMaskedPos.js +15 -0
- package/cjs/controlled-mask-hook/utils/index.js +13 -0
- package/cjs/controlled-mask-hook/utils/setCursorPosition.js +9 -0
- package/cjs/controlled-text-input/DSInputText.js +89 -0
- package/cjs/controlled-text-input/config/useInputText.js +54 -0
- package/cjs/controlled-text-input/exported-related/data-test-ids.js +10 -0
- package/cjs/controlled-text-input/exported-related/index.js +12 -0
- package/cjs/controlled-text-input/exported-related/theming.js +13 -0
- package/cjs/controlled-text-input/index.js +15 -0
- package/cjs/controlled-text-input/react-desc-prop-types.js +45 -0
- package/cjs/controlled-text-input/styled/borders.js +33 -0
- package/cjs/controlled-text-input/styled/components.js +38 -0
- package/cjs/index.js +17 -6
- package/esm/controlled-checkbox/ControlledCheckbox.js +8 -4
- package/esm/controlled-mask-hook/hooks/index.js +1 -0
- package/esm/controlled-mask-hook/hooks/usePhoneMask.js +67 -0
- package/esm/controlled-mask-hook/index.js +1 -0
- package/esm/controlled-mask-hook/react-desc-prop-types.js +14 -0
- package/esm/controlled-mask-hook/utils/addSpecialCharacters.js +46 -0
- package/esm/controlled-mask-hook/utils/getPartialMaskedPos.js +11 -0
- package/esm/controlled-mask-hook/utils/index.js +3 -0
- package/esm/controlled-mask-hook/utils/setCursorPosition.js +5 -0
- package/esm/controlled-text-input/DSInputText.js +78 -0
- package/esm/controlled-text-input/config/useInputText.js +50 -0
- package/esm/controlled-text-input/exported-related/data-test-ids.js +6 -0
- package/esm/controlled-text-input/exported-related/index.js +2 -0
- package/esm/controlled-text-input/exported-related/theming.js +8 -0
- package/esm/controlled-text-input/index.js +3 -0
- package/esm/controlled-text-input/react-desc-prop-types.js +36 -0
- package/esm/controlled-text-input/styled/borders.js +24 -0
- package/esm/controlled-text-input/styled/components.js +28 -0
- package/esm/index.js +6 -2
- package/package.json +79 -10
- package/types/controlled-autocomplete/parts/controls/styled.d.ts +1 -1
- package/types/controlled-checkbox/react-desc-prop-types.d.ts +1 -0
- package/types/controlled-combobox/parts/controls/styled.d.ts +2 -2
- package/types/controlled-combobox/parts/dropdown-indicator/styled.d.ts +1 -1
- package/types/controlled-date-time-picker/parts/Pickers/Calendar/Styleds.d.ts +4 -4
- package/types/controlled-date-time-picker/parts/Pickers/CalendarWithTimeWheel/Styleds.d.ts +1 -1
- package/types/controlled-date-time-picker/parts/Pickers/TimeWheel/Styleds.d.ts +4 -4
- package/types/controlled-date-time-picker/parts/Styleds.d.ts +6 -6
- package/types/controlled-mask-hook/hooks/index.d.ts +1 -0
- package/types/controlled-mask-hook/hooks/usePhoneMask.d.ts +3 -0
- package/types/controlled-mask-hook/index.d.ts +2 -0
- package/types/controlled-mask-hook/react-desc-prop-types.d.ts +17 -0
- package/types/controlled-mask-hook/tests/usePhoneMask.test.d.ts +1 -0
- package/types/controlled-mask-hook/utils/addSpecialCharacters.d.ts +9 -0
- package/types/controlled-mask-hook/utils/getPartialMaskedPos.d.ts +1 -0
- package/types/controlled-mask-hook/utils/index.d.ts +3 -0
- package/types/controlled-mask-hook/utils/setCursorPosition.d.ts +1 -0
- package/types/controlled-text-input/DSInputText.d.ts +4 -0
- package/types/controlled-text-input/config/useInputText.d.ts +434 -0
- package/types/controlled-text-input/exported-related/data-test-ids.d.ts +4 -0
- package/types/controlled-text-input/exported-related/index.d.ts +2 -0
- package/types/controlled-text-input/exported-related/theming.d.ts +6 -0
- package/types/controlled-text-input/index.d.ts +2 -0
- package/types/controlled-text-input/react-desc-prop-types.d.ts +20 -0
- package/types/controlled-text-input/styled/borders.d.ts +10 -0
- package/types/controlled-text-input/styled/components.d.ts +3 -0
- package/types/controlled-text-input/tests/DSInput.events.test.d.ts +1 -0
- package/types/controlled-text-input/tests/DSInput.keyboard.test.d.ts +1 -0
- package/types/controlled-text-input/tests/DSInput.test.d.ts +1 -0
- package/types/index.d.ts +4 -2
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
|
|
3
|
+
export declare namespace DSInputTextT {
|
|
4
|
+
interface IProps {
|
|
5
|
+
value?: string | number;
|
|
6
|
+
onValueChange?: (nextValue: string | number, e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
7
|
+
onClear?: () => void;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
innerRef?: React.RefObject<HTMLInputElement> | ((_ref: HTMLInputElement) => void);
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
readOnly?: boolean;
|
|
12
|
+
hasError?: boolean;
|
|
13
|
+
inputSize?: 's' | 'm';
|
|
14
|
+
clearable?: boolean;
|
|
15
|
+
}
|
|
16
|
+
interface Props extends IProps, Omit<GlobalAttributesT<HTMLInputElement>, keyof IProps>, XstyledProps {
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
export declare const defaultProps: DSInputTextT.Props;
|
|
20
|
+
export declare const DSInputTextPropTypes: React.WeakValidationMap<unknown>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DSInputTextT } from '../react-desc-prop-types';
|
|
2
|
+
interface BorderNecessaryProps {
|
|
3
|
+
isDisabled: DSInputTextT.Props['disabled'];
|
|
4
|
+
hasError: DSInputTextT.Props['hasError'];
|
|
5
|
+
isReadOnly: DSInputTextT.Props['readOnly'];
|
|
6
|
+
hasFocus: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const getBorderCss: (props: BorderNecessaryProps) => any;
|
|
9
|
+
export declare const getHoverBorderCss: (props: BorderNecessaryProps) => any;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/types/index.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
|
+
export * from './controlled-autocomplete';
|
|
1
2
|
export * from './controlled-checkbox';
|
|
3
|
+
export * from './controlled-combobox';
|
|
2
4
|
export * from './controlled-date-range-picker';
|
|
3
5
|
export * from './controlled-date-time-picker';
|
|
6
|
+
export * from './controlled-mask-hook';
|
|
7
|
+
export * from './controlled-text-input';
|
|
4
8
|
export * from './controlled-toggle';
|
|
5
|
-
export * from './controlled-autocomplete';
|
|
6
|
-
export * from './controlled-combobox';
|