@bigbinary/neeto-molecules 1.12.1 → 1.13.0

package/types/AdaptiveInput.d.ts

@@ -0,0 +1,51 @@
+import React from "react";
+import { TextareaProps } from "@bigbinary/neetoui";
+export interface AdaptiveInputProps extends TextareaProps {
+  label: string;
+  className?: string;
+  size: "small" | "medium" | "large";
+  required?: boolean;
+  disabled?: boolean;
+  suffix?: React.ReactNode;
+}
+export interface FormikAdaptiveInputProps extends AdaptiveInputProps {
+  name: string;
+}
+export
+/**
+ *
+ * An input component that dynamically adjusts between single-line and multi-line
+ *
+ * input based on content length.
+ *
+ * @example 
+ *
+ * import { AdaptiveInput } from "@bigbinary/neeto-molecules/AdaptiveInput";
+ * 
+ * const Description = () => (
+ *   <div className="flex-grow">
+ *     <AdaptiveInput required label="Description" />
+ *   </div>
+ * );
+ * @endexample
+ * The AdaptiveInput component wrapped in Formik.
+ *
+ * @example 
+ *
+ * import { FormikAdaptiveInput } from "@bigbinary/neeto-molecules/AdaptiveInput";
+ * import { Form } from "@bigbinary/neetoui/formik";
+ * 
+ * const App = () => (
+ *   <Form
+ *     formikProps={{
+ *       initialValues: { description: "Sample description" },
+ *       validationSchema: yup.string().required(),
+ *     }}
+ *   >
+ *     <FormikAdaptiveInput required name="description" />
+ *   </Form>
+ * );
+ * @endexample
+*/
+const AdaptiveInput: React.ForwardRefExoticComponent<AdaptiveInputProps>;
+export const FormikAdaptiveInput: React.ForwardRefExoticComponent<FormikAdaptiveInputProps>;