@xqmsg/ui-core 0.24.4 → 0.24.5
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/dist/components/input/StackedInput/StackedInput.d.ts +0 -1
- package/dist/components/input/StackedTextarea/StackedTextarea.d.ts +0 -1
- package/dist/components/input/index.d.ts +1 -2
- package/dist/components/select/index.d.ts +0 -1
- package/dist/ui-core.cjs.development.js +6 -28
- package/dist/ui-core.cjs.development.js.map +1 -1
- package/dist/ui-core.cjs.production.min.js +1 -1
- package/dist/ui-core.cjs.production.min.js.map +1 -1
- package/dist/ui-core.esm.js +6 -28
- package/dist/ui-core.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/input/StackedInput/StackedInput.tsx +0 -8
- package/src/components/input/StackedTextarea/StackedTextarea.tsx +2 -22
- package/src/components/input/index.tsx +0 -3
- package/src/components/select/index.tsx +0 -1
|
@@ -2,7 +2,6 @@ import React from 'react';
|
|
|
2
2
|
import { InputFieldProps } from '../InputTypes';
|
|
3
3
|
export interface StackedInputProps extends InputFieldProps {
|
|
4
4
|
isRequired?: boolean;
|
|
5
|
-
allowDefault?: boolean;
|
|
6
5
|
leftElement?: React.ReactNode;
|
|
7
6
|
rightElement?: React.ReactNode;
|
|
8
7
|
variant?: string;
|
|
@@ -21,7 +21,6 @@ export interface InputProps<T extends FieldValues = FieldValues> extends Validat
|
|
|
21
21
|
setError: UseFormSetError<T>;
|
|
22
22
|
clearErrors: UseFormClearErrors<T>;
|
|
23
23
|
leftElement?: React.ReactNode;
|
|
24
|
-
allowDefault?: boolean;
|
|
25
24
|
rightElement?: React.ReactNode;
|
|
26
25
|
variant?: string;
|
|
27
26
|
separators?: string[];
|
|
@@ -31,4 +30,4 @@ export interface InputProps<T extends FieldValues = FieldValues> extends Validat
|
|
|
31
30
|
* A functional React component utilized to render the `Input` component. Utilizes a switch statement
|
|
32
31
|
* to render the correct input based on the `inputType`.
|
|
33
32
|
*/
|
|
34
|
-
export declare function Input<T extends FieldValues>({ inputType, label, ariaLabel, className, placeholder, name, helperText, options, tooltipText, isInvalid, errorText, isRequired, maxLength, defaultValue, fullOptions, control, disabled, rightElement, leftElement,
|
|
33
|
+
export declare function Input<T extends FieldValues>({ inputType, label, ariaLabel, className, placeholder, name, helperText, options, tooltipText, isInvalid, errorText, isRequired, maxLength, defaultValue, fullOptions, control, disabled, rightElement, leftElement, variant, onChange, setValue, setError, clearErrors, separators, loadingOptions, }: InputProps<T>): React.JSX.Element;
|
|
@@ -20,7 +20,6 @@ export interface SelectNativeProps<T extends FieldValues> extends ValidationProp
|
|
|
20
20
|
setValue: UseFormSetValue<T>;
|
|
21
21
|
setError: UseFormSetError<T>;
|
|
22
22
|
clearErrors: UseFormClearErrors<T>;
|
|
23
|
-
allowDefault?: boolean;
|
|
24
23
|
}
|
|
25
24
|
/**
|
|
26
25
|
* A functional React component utilized to render the `SelectNative` component.
|
|
@@ -814,7 +814,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
|
|
|
814
814
|
return target;
|
|
815
815
|
}
|
|
816
816
|
|
|
817
|
-
var _excluded = ["type", "isRequired", "rightElement", "leftElement", "defaultValue", "
|
|
817
|
+
var _excluded = ["type", "isRequired", "rightElement", "leftElement", "defaultValue", "variant", "label"];
|
|
818
818
|
/**
|
|
819
819
|
* A functional React component utilized to render the `StackedInput` component.
|
|
820
820
|
*/
|
|
@@ -825,7 +825,6 @@ var StackedInput = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref)
|
|
|
825
825
|
rightElement = _ref2.rightElement,
|
|
826
826
|
leftElement = _ref2.leftElement,
|
|
827
827
|
defaultValue = _ref2.defaultValue,
|
|
828
|
-
allowDefault = _ref2.allowDefault,
|
|
829
828
|
variant = _ref2.variant,
|
|
830
829
|
label = _ref2.label,
|
|
831
830
|
props = _objectWithoutPropertiesLoose(_ref2, _excluded);
|
|
@@ -838,13 +837,7 @@ var StackedInput = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref)
|
|
|
838
837
|
ref: _ref,
|
|
839
838
|
defaultValue: defaultValue,
|
|
840
839
|
fontSize: isMobile ? '17px' : '13px',
|
|
841
|
-
variant: variant
|
|
842
|
-
onKeyDown: function onKeyDown(e) {
|
|
843
|
-
if (e.key === 'Enter' && !allowDefault) {
|
|
844
|
-
e.stopPropagation();
|
|
845
|
-
e.preventDefault();
|
|
846
|
-
}
|
|
847
|
-
}
|
|
840
|
+
variant: variant
|
|
848
841
|
})), rightElement && rightElement);
|
|
849
842
|
});
|
|
850
843
|
|
|
@@ -1222,13 +1215,12 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
|
|
|
1222
1215
|
}));
|
|
1223
1216
|
});
|
|
1224
1217
|
|
|
1225
|
-
var _excluded$2 = ["isRequired", "
|
|
1218
|
+
var _excluded$2 = ["isRequired", "variant", "label"];
|
|
1226
1219
|
/**
|
|
1227
1220
|
* A functional React component utilized to render the `StackedTextarea` component.
|
|
1228
1221
|
*/
|
|
1229
1222
|
var StackedTextarea = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref) {
|
|
1230
|
-
var
|
|
1231
|
-
variant = _ref2.variant,
|
|
1223
|
+
var variant = _ref2.variant,
|
|
1232
1224
|
label = _ref2.label,
|
|
1233
1225
|
props = _objectWithoutPropertiesLoose(_ref2, _excluded$2);
|
|
1234
1226
|
var isMobile = variant === 'mobile';
|
|
@@ -1238,26 +1230,14 @@ var StackedTextarea = /*#__PURE__*/React__default.forwardRef(function (_ref2, _r
|
|
|
1238
1230
|
}, props, {
|
|
1239
1231
|
variant: variant,
|
|
1240
1232
|
fontSize: "17px",
|
|
1241
|
-
placeholder: label != null ? label : ''
|
|
1242
|
-
onKeyDown: function onKeyDown(e) {
|
|
1243
|
-
if (e.key === 'Enter' && !allowDefault) {
|
|
1244
|
-
e.stopPropagation();
|
|
1245
|
-
e.preventDefault();
|
|
1246
|
-
}
|
|
1247
|
-
}
|
|
1233
|
+
placeholder: label != null ? label : ''
|
|
1248
1234
|
})));
|
|
1249
1235
|
}
|
|
1250
1236
|
return /*#__PURE__*/React__default.createElement(react.Textarea, Object.assign({
|
|
1251
1237
|
ref: _ref
|
|
1252
1238
|
}, props, {
|
|
1253
1239
|
variant: variant,
|
|
1254
|
-
fontSize: "13px"
|
|
1255
|
-
onKeyDown: function onKeyDown(e) {
|
|
1256
|
-
if (e.key === 'Enter' && !allowDefault) {
|
|
1257
|
-
e.stopPropagation();
|
|
1258
|
-
e.preventDefault();
|
|
1259
|
-
}
|
|
1260
|
-
}
|
|
1240
|
+
fontSize: "13px"
|
|
1261
1241
|
}));
|
|
1262
1242
|
});
|
|
1263
1243
|
|
|
@@ -1951,7 +1931,6 @@ function Input(_ref) {
|
|
|
1951
1931
|
disabled = _ref.disabled,
|
|
1952
1932
|
rightElement = _ref.rightElement,
|
|
1953
1933
|
leftElement = _ref.leftElement,
|
|
1954
|
-
allowDefault = _ref.allowDefault,
|
|
1955
1934
|
_ref$variant = _ref.variant,
|
|
1956
1935
|
variant = _ref$variant === void 0 ? 'default' : _ref$variant,
|
|
1957
1936
|
onChange = _ref.onChange,
|
|
@@ -1981,7 +1960,6 @@ function Input(_ref) {
|
|
|
1981
1960
|
disabled: disabled,
|
|
1982
1961
|
defaultValue: defaultValue,
|
|
1983
1962
|
value: value,
|
|
1984
|
-
allowDefault: allowDefault,
|
|
1985
1963
|
variant: variant,
|
|
1986
1964
|
label: label
|
|
1987
1965
|
});
|