@agility/plenum-ui 2.0.0-rc3 → 2.0.0-rc4
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/index.d.ts +2 -0
- package/dist/index.js +6 -2
- package/dist/index.js.map +2 -2
- package/dist/types/stories/molecules/inputs/InputField/InputField.d.ts +2 -0
- package/package.json +1 -1
- package/stories/molecules/inputs/InputCounter/InputCounter.stories.tsx +18 -0
- package/stories/molecules/inputs/InputCounter/InputCounter.tsx +24 -0
- package/stories/molecules/inputs/InputCounter/index.tsx +3 -0
- package/stories/molecules/inputs/InputField/InputField.tsx +6 -1
- package/stories/molecules/inputs/TextInput/TextInput.stories.tsx +32 -0
- package/stories/molecules/inputs/TextInput/TextInput.tsx +162 -0
- package/stories/molecules/inputs/TextInput/index.tsx +3 -0
package/dist/index.d.ts
CHANGED
|
@@ -442,6 +442,8 @@ declare module '@agility/plenum-ui/stories/molecules/inputs/InputField/InputFiel
|
|
|
442
442
|
required?: boolean;
|
|
443
443
|
/** use input psuedo classes for :valid and :invalid styles. on by default */
|
|
444
444
|
clientSideCheck?: boolean;
|
|
445
|
+
/**ref for input */
|
|
446
|
+
ref?: React.Ref<HTMLInputElement>;
|
|
445
447
|
}
|
|
446
448
|
const InputField: React.FC<IInputFieldProps>;
|
|
447
449
|
export default InputField;
|
package/dist/index.js
CHANGED
|
@@ -5142,7 +5142,8 @@ var InputField = (_a) => {
|
|
|
5142
5142
|
required,
|
|
5143
5143
|
clientSideCheck = true,
|
|
5144
5144
|
placeholder,
|
|
5145
|
-
className
|
|
5145
|
+
className,
|
|
5146
|
+
ref
|
|
5146
5147
|
} = _b, rest = __objRest(_b, [
|
|
5147
5148
|
"type",
|
|
5148
5149
|
"id",
|
|
@@ -5156,16 +5157,19 @@ var InputField = (_a) => {
|
|
|
5156
5157
|
"required",
|
|
5157
5158
|
"clientSideCheck",
|
|
5158
5159
|
"placeholder",
|
|
5159
|
-
"className"
|
|
5160
|
+
"className",
|
|
5161
|
+
"ref"
|
|
5160
5162
|
]);
|
|
5161
5163
|
return /* @__PURE__ */ React11.createElement(
|
|
5162
5164
|
"input",
|
|
5163
5165
|
__spreadValues({}, __spreadValues({
|
|
5164
5166
|
type,
|
|
5165
5167
|
id: id2,
|
|
5168
|
+
ref,
|
|
5166
5169
|
name,
|
|
5167
5170
|
value,
|
|
5168
5171
|
onChange: (e) => {
|
|
5172
|
+
console.log(e);
|
|
5169
5173
|
handleChange(e.target.value);
|
|
5170
5174
|
},
|
|
5171
5175
|
autoFocus: isFocused,
|