tp-react-elements-dev 1.12.15 → 1.12.20

package/README.md

@@ -1,96 +1,306 @@
-## How to use the Library
-This Library is a reusable component gives intialvalues and validation schema for useForm and you can render Form Field Components without adding any text fields.
+# tp-form-elements
 
-```js
-import { yupResolver } from "@hookform/resolvers/yup";
+A comprehensive React form library built with Material-UI and React Hook Form, designed for enterprise applications.
+
+## 🚀 Features
+
+- **🔄 Seamless Integration** - Built on React Hook Form for performance and flexibility
+- **🎨 Material Design** - Consistent with Material-UI design system
+- **✅ Robust Validation** - Integrated with Yup for schema validation
+- **♿ Accessibility First** - WCAG compliant with proper ARIA attributes
+- **📝 TypeScript Ready** - Full type safety and IntelliSense support
+- **📚 Rich Documentation** - Comprehensive docs with Storybook
+- **🧪 Well Tested** - Extensive test coverage with React Testing Library
+
+## 📋 Requirements
+
+- **Node.js**: v22.12.0 or higher (developed with v22.12.0)
+- **React**: v16.8.0 or higher
+- **TypeScript**: v4.5.0 or higher (optional but recommended)
+
+## 🔗 Supported Versions
+
+| Package           | Supported Versions |
+| ----------------- | ------------------ |
+| React             | 16.8.0 - 19.x      |
+| React DOM         | 16.8.0 - 19.x      |
+| React Hook Form   | 7.x                |
+| Material-UI       | 7.x                |
+| Material-UI Icons | 7.x                |
+| Emotion React     | 11.14.x            |
+| Emotion Styled    | 11.14.x            |
+
+## 📦 Installation
+
+This library uses **peer dependencies** to avoid version conflicts and reduce bundle size. You need to install the required dependencies separately.
+
+### 🚀 Quick Install (Recommended)
+
+Install the library and run our helper script to install all peer dependencies:
+
+```bash
+npm install tp-form-elements
+npm run install-peers
+```
+
+**Alternative:** Use our standalone installer:
+
+```bash
+npm install tp-form-elements
+npx install-tp-form-deps
+```
+
+### 📋 Manual Installation
+
+#### Step 1: Install Required Dependencies
+
+All of these are **mandatory** for the library to function:
+
+```bash
+npm install react@^19.1.1 react-dom@^19.1.1 react-hook-form@^7.62.0 @mui/material@^7.3.1 @mui/icons-material@^7.3.1 @emotion/react@^11.14.0 @emotion/styled@^11.14.1 @mui/x-date-pickers@^8.10.2 @hookform/error-message@^2.0.1 @hookform/resolvers@^5.2.1 date-fns@^4.1.0 dayjs@^1.11.13 jodit@^4.6.2 jodit-react@^5.2.19 yup@^1.7.0 crypto-js@^4.2.0 file-saver@^2.0.5 xlsx-js-style@^1.2.0
+```
+
+#### Step 2: Install Optional Dependencies
+
+```bash
+# Only install if you need session timeout functionality
+npm install react-idle-timer@^5.7.2
+```
+
+#### Step 3: Install the Library
+
+```bash
+npm install tp-form-elements
+```
+
+### 🔄 All-in-One Installation
+
+```bash
+npm install tp-form-elements react@^19.1.1 react-dom@^19.1.1 react-hook-form@^7.62.0 @mui/material@^7.3.1 @mui/icons-material@^7.3.1 @emotion/react@^11.14.0 @emotion/styled@^11.14.1 @mui/x-date-pickers@^8.10.2 @hookform/error-message@^2.0.1 @hookform/resolvers@^5.2.1 date-fns@^4.1.0 dayjs@^1.11.13 jodit@^4.6.2 jodit-react@^5.2.19 crypto-js@^4.2.0 file-saver@^2.0.5 xlsx-js-style@^1.2.0 yup@^1.7.0 react-idle-timer@^5.7.2
+```
+
+## 🔧 For Library Developers
+
+If you're contributing to this library or setting up for development:
+
+### Development Setup
+
+```bash
+# Clone the repository
+git clone https://github.com/your-office/form-elements.git
+cd form-elements
+
+# Install all dependencies (including devDependencies)
+npm install
+
+# Start development server
+npm run dev
+
+# Run tests
+npm test
+
+# Build the library
+npm run build
+```
+
+### Dependency Structure
+
+- **`peerDependencies`**: Required by library consumers, must be installed separately
+- **`devDependencies`**: Required for development, testing, and building the library
+- **`dependencies`**: Empty (following library best practices)
+
+### Why Peer Dependencies?
+
+1. **Avoid Version Conflicts**: Prevents multiple versions of React, MUI, etc.
+2. **Smaller Bundle Size**: No duplicate packages in consumer projects
+3. **Version Control**: Users control which versions they use
+4. **Industry Standard**: Same pattern used by MUI, React Hook Form, etc.
+
+### ⚠️ Known Issues & Future Improvements
+
+#### `DateRangePicker` Component Status
+
+- **Current Status**: DateRangePicker component temporarily disabled
+- **Reason**: Removed `mui-daterange-picker@1.0.5` due to React 18 compatibility issues
+- **Impact**: DateRangePicker component will show a placeholder message
+- **TODO**: Migrate to `@mui/x-date-pickers` DateRangePicker component for better React 18 support
+- **Timeline**: Migration planned for next major version
+
+**For Developers**: DateRangePicker will display a placeholder message until the migration is complete.
+
+### 🔄 Updating Dependencies
+
+When updating to a new version of the library:
+
+```bash
+npm update tp-form-elements
+npm run install-peers  # Updates peer dependencies to compatible versions
+```
+
+## 🎯 Quick Start
+
+```tsx
+import React from "react";
 import { useForm } from "react-hook-form";
-import { RenderForm, useFormValidatingContext } from "tp-react-elements-dev";
-import { FormSectionPropsItem } from "tp-react-elements-dev/dist/components/Form/FormRender";
-const App = () => {
-  const formArray:FormSectionPropsItem[]= [
-    {
-      name: "userName",
-      label: "User Name",
-      inputType: "text",
-      required: true,
-      errorMessage: "Please enter",
-    },
-    {
-      name: "password",
-      label: "Password",
-      inputType: "number",
-      required: true,
-      errorMessage: "Please enter",
-    },
-    {
-      name: "date",
-      label: "Password",
-      inputType: "datepicker",
-      required: true,
-      errorMessage: "Please select message",
-      minDate:'30/06/2024',
-      maxDate:'22/07/2024'
-    },
-    {
-      name: "password1",
-      label: "Password New",
-      inputType: "password",
-      required: true,
-      errorMessage: "Please select message",
-    },
-    {
-      name: "daterange",
-      label: "Password",
-      required:true,
-      inputType: "multiselect",
-      options:[]
-    },
-    {
-      name: "daterangepicker",
-      label: "Date range Picker",
-      required:true,
-      inputType: "dateRangePicker",
-      monthSpan:1
-    },
-    {
-      name: "status",
-      label: "sdf",
-      inputType: "toggleSwitch",
-      monthSpan:1
-    },
-    {
-      name: "yearpicker",
-      label: "Year",
-      required:true,
-      inputType: "yearpicker",
-      monthSpan:1
-    },
-    {
-      name: "monthpicker",
-      label: "Month Picker",
-      required:true,
-      inputType: "monthpicker",
-      monthSpan:1
-    },
-    {
-      name: "file",
-      label: "File Upload",
-      required:true,
-      inputType: "file",
-      monthSpan:1
-    },
-  ];
-  const { initialValues, validationSchema } = useFormValidatingContext(
-    formArray
+import { yupResolver } from "@hookform/resolvers/yup";
+import * as yup from "yup";
+import { Input } from "tp-form-elements";
+import { ThemeProvider } from "@mui/material/styles";
+import CssBaseline from "@mui/material/CssBaseline";
+
+const schema = yup.object({
+  email: yup.string().email().required(),
+  password: yup.string().min(8).required(),
+});
+
+function LoginForm() {
+  const { control, handleSubmit } = useForm({
+    resolver: yupResolver(schema),
+  });
+
+  const onSubmit = (data) => {
+    console.log(data);
+  };
+
+  return (
+    <ThemeProvider theme={customTheme}>
+      <CssBaseline />
+      <form onSubmit={handleSubmit(onSubmit)}>
+        <Input
+          name="email"
+          control={control}
+          label="Email Address"
+          type="email"
+          required
+          fullWidth
+        />
+        <Input
+          name="password"
+          control={control}
+          label="Password"
+          type="password"
+          required
+          fullWidth
+        />
+        <button type="submit">Sign In</button>
+      </form>
+    </ThemeProvider>
   );
-  const form=useForm({
-    defaultValues:initialValues,
-    resolver:yupResolver(validationSchema)
-  })
+}
+```
+
+## 📋 Components
+
+### Input
+
+A versatile input component that handles text, email, password, number, and multiline inputs.
+
+```tsx
+<Input
+  name="email"
+  control={control}
+  label="Email Address"
+  type="email"
+  placeholder="your@email.com"
+  helpText="We'll never share your email"
+  required
+  fullWidth
+/>
+```
+
+**Props:**
+
+- `name` - Field name for form registration
+- `control` - React Hook Form control object (optional for uncontrolled)
+- `label` - Input label
+- `type` - Input type (text, email, password, number, etc.)
+- `placeholder` - Placeholder text
+- `helpText` - Helper text shown below input
+- `required` - Whether field is required
+- `disabled` - Whether field is disabled
+- `multiline` - Render as textarea
+- `transform` - Transform function for input value
+- All Material-UI TextField props are supported
+
+## 🎨 Theming
+
+The library uses Material-UI's theming system. You can customize the appearance by providing your own theme:
+
+```tsx
+import { createTheme, ThemeProvider } from "@mui/material/styles";
+
+const customTheme = createTheme({
+  palette: {
+    primary: {
+      main: "#your-primary-color",
+    },
+  },
+});
+
+function App() {
   return (
-    <RenderForm formArray={formArray} name={"form1"} form={form} numberOfColumns={2} />
-  )
+    <ThemeProvider theme={customTheme}>
+      {/* Your form components */}
+    </ThemeProvider>
+  );
 }
+```
+
+## 🔨 Building
+
+The library supports multiple build formats for different environments:
+
+```bash
+# Build complete library (ESM + CJS + TypeScript declarations)
+npm run build:lib
+
+# Build specific formats
+npm run build:lib:esm    # ES Module build with TypeScript declarations
+npm run build:lib:cjs    # CommonJS build only
+npm run build:types      # Generate TypeScript declarations only
+
+# Development builds
+npm run build            # Vite build for playground
+npm run dev              # Start development server
+```
+
+### Build Outputs
+
+- **ESM Build** (`dist/index.esm.js`) - For modern bundlers (Vite, Webpack 5+, Rollup)
+- **CommonJS Build** (`dist/index.js`) - For legacy Node.js environments and older tools
+- **TypeScript Declarations** (`dist/index.d.ts`) - Full type definitions for TypeScript projects
+- **CSS Bundles** (`dist/index.esm.css`, `dist/index.css`) - Extracted styles for each format
+
+For detailed information about our TypeScript declaration setup, see `docs/typescript-declarations.md`.
+
+## 🧪 Testing
+
+```bash
+npm test                 # Run tests
+npm run test:coverage    # Run with coverage
+npm run test:ui          # Run with UI
+```
+
+## 📖 Documentation
+
+- **Storybook**: Run `npm run storybook` for interactive component documentation
+- **TypeScript**: Full IntelliSense support in your IDE
+- **Playground**: Run `npm run dev` to explore components in the development environment
+
+## 🤝 Contributing
+
+1. Fork the repository
+2. Create a feature branch: `git checkout -b feature/new-component`
+3. Make your changes and add tests
+4. Run tests: `npm test`
+5. Submit a pull request
+
+## 📄 License
+
+MIT License - see LICENSE file for details.
+
+## 🆘 Support
 
-export default App
-```
+- Check our [Storybook documentation](https://your-storybook-url.com)
+- File issues on [GitHub](https://github.com/your-office/form-elements/issues)
+- Internal Slack: #form-library-support

package/dist/Utilities/Constants/FormConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormConstants.d.ts","sourceRoot":"","sources":["../../../src/Utilities/Constants/FormConstants.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE3E,eAAO,MAAM,WAAW,GAAI,SAAS,YAAY,EAAE,OAAO,eAAe,EAAC,YAAU,OAAa,oDAM9F,CAAC;AACJ,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,GAAG,UAc/C;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,sBAYjD;AAED;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,UAIrE;AAED,eAAO,MAAM,WAAW,GAAI,iBAAiB,MAAM,GAAG,GAAG,WAaxD,CAAC"}

package/dist/Utilities/Constants/FunctionConstants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FunctionConstants.d.ts","sourceRoot":"","sources":["../../../src/Utilities/Constants/FunctionConstants.ts"],"names":[],"mappings":"AAqBA,eAAO,MAAM,iCAAiC,GAC5C,UAAU,MAAM,EAChB,SAAS,GAAG,EAAE,EACd,UAAS,GAAG,EAAO,EACnB,gBAAe,GAAG,EAAO,EACzB,mBAAkB,MAAmB,EACrC,cAAa,MAAiB,SA0I/B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,MAAM,UAEjD;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,UAQvC;AAED,wBAAgB,iBAAiB,CAC/B,QAAQ,EAAE,GAAG,EAAE,EACf,UAAU,EAAE,MAAM,EAClB,uBAAuB,EAAE,MAAM,OAkChC;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,GACzB,YAAW,MAAU,EACrB,WAAU,MAAM,GAAG,IAAW,KAC7B,MAQF,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,6BAA6B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzE,KAAK,EAAE,CAAC,EAAE,EACV,GAAG,EAAE,MAAM,CAAC,GACX,MAAM,CAQR;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,MAAM,GACf,OAAO,CAST;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,CAiBnE;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,GAAE,MAAU,GAAG,MAAM,CAE9D;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,EAAE,YAAY,MAAM,KAAG,MAO9D,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,GAAI,YAAY,MAAM,EAAE,YAAY,MAAM,KAAG,MAMpE,CAAC"}

package/dist/Utilities/Interface/FormInterface.d.ts

@@ -10,7 +10,7 @@ export interface TextFieldInputProps {
 export interface FormSectionPropsItem {
     name: string;
     label: string;
-    inputType: "text" | "password" | "number" | "select" | "datepicker" | "multiselect" | "select-v2" | "decimal" | "alpha-numerical" | "yearpicker" | "dateRangePicker" | "monthpicker" | "multiselect" | "file" | "multifile" | "textarea" | "phoneNumber" | "pincode" | "email" | "toggleSwitch" | "rich-text-editor" | "multiEmail" | "timepicker" | "checkbox-group" | "radio-group" | "checkbox" | "";
+    inputType: "text" | "password" | "number" | "select" | "datepicker" | "multiselect" | "select-v2" | "decimal" | "alpha-numerical" | "yearpicker" | "dateRangePicker" | "monthpicker" | "multiselect" | "file" | "multifile" | "textarea" | "phoneNumber" | "pincode" | "email" | "toggleSwitch" | "rich-text-editor" | "multiEmail" | "timepicker" | "checkbox-group" | "radio-group" | "checkbox" | "custom" | "";
     options?: OptionsProps[];
     required?: boolean;
     errorMessage?: string;
@@ -54,6 +54,7 @@ export interface FormSectionPropsItem {
     size?: "extrasmall" | '';
     decimalFixedTo?: number;
     customValidation?: (value: any) => void;
+    FormCell?: React.ReactNode;
 }
 export type VariantProps = "standard" | "outlined" | "";
 export interface FormRenderProps {

package/dist/Utilities/Interface/FormInterface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInterface.d.ts","sourceRoot":"","sources":["../../../src/Utilities/Interface/FormInterface.ts"],"names":[],"mappings":"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"}

package/dist/Utilities/index.d.ts

@@ -0,0 +1,4 @@
+export { calculateTotalArrayValueTotal, checkIsDateIsBefore, findMenuHierarchy, getDesiredDate, getFormattedDate, getInitials, getUsernameFromEmail, handleDownloadReactTableDataExcel, lightenColor, } from "./Constants/FunctionConstants";
+export * from "./Constants/FormConstants";
+export * from "./Interface/FormInterface";
+//# sourceMappingURL=index.d.ts.map

package/dist/Utilities/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Utilities/index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,6BAA6B,EAC7B,mBAAmB,EACnB,iBAAiB,EACjB,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,oBAAoB,EACpB,iCAAiC,EACjC,YAAY,GACb,MAAM,+BAA+B,CAAC;AAGvC,cAAc,2BAA2B,CAAC;AAG1C,cAAc,2BAA2B,CAAC"}

package/dist/assets/icons/flaticon_hvc.css

@@ -0,0 +1,194 @@
+/*!
+*    ______ _       _   _
+*    |  ____| |     | | (_)
+*    | |__  | | __ _| |_ _  ___ ___  _ __
+*    |  __| | |/ _` | __| |/ __/ _ \| '_ \
+*    | |    | | (_| | |_| | (_| (_) | | | |
+*    |_|    |_|\__,_|\__|_|\___\___/|_| |_|
+*
+*         https://www.flaticon.com
+*/
+
+@font-face {
+    font-family: "flaticon_hvc";
+    src: url("./flaticon_hvc.woff2?09127989b5c99a4f290cd7bb7c4bad12") format("woff2"),
+url("./flaticon_hvc.woff?09127989b5c99a4f290cd7bb7c4bad12") format("woff"),
+url("./flaticon_hvc.eot?09127989b5c99a4f290cd7bb7c4bad12#iefix") format("embedded-opentype"),
+url("./flaticon_hvc.ttf?09127989b5c99a4f290cd7bb7c4bad12") format("truetype"),
+url("./flaticon_hvc.svg?09127989b5c99a4f290cd7bb7c4bad12#flaticon_hvc") format("svg")
+}
+
+i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
+    font-family: flaticon_hvc !important;
+    font-style: normal;
+    font-weight: normal !important;
+    font-variant: normal;
+    text-transform: none;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.flaticon-setting:before {
+    content: "\f101";
+}
+.flaticon-refresh:before {
+    content: "\f102";
+}
+.flaticon-setting-1:before {
+    content: "\f103";
+}
+.flaticon-check:before {
+    content: "\f104";
+}
+.flaticon-bank:before {
+    content: "\f105";
+}
+.flaticon-user:before {
+    content: "\f106";
+}
+.flaticon-user-1:before {
+    content: "\f107";
+}
+.flaticon-info-sign:before {
+    content: "\f108";
+}
+.flaticon-clipboard:before {
+    content: "\f109";
+}
+.flaticon-right-arrow:before {
+    content: "\f10a";
+}
+.flaticon-home:before {
+    content: "\f10b";
+}
+.flaticon-search:before {
+    content: "\f10c";
+}
+.flaticon-eye:before {
+    content: "\f10d";
+}
+.flaticon-edit:before {
+    content: "\f10e";
+}
+.flaticon-delete:before {
+    content: "\f10f";
+}
+.flaticon-add-1:before {
+    content: "\f110";
+}
+.flaticon-plus-1:before {
+    content: "\f111";
+}
+.flaticon-compose:before {
+    content: "\f112";
+}
+.flaticon-trash:before {
+    content: "\f113";
+}
+.flaticon-download:before {
+    content: "\f114";
+}
+.flaticon-downloading:before {
+    content: "\f115";
+}
+.flaticon-upload:before {
+    content: "\f116";
+}
+.flaticon-right-arrow-1:before {
+    content: "\f117";
+}
+.flaticon-user-2:before {
+    content: "\f118";
+}
+.flaticon-man-in-suit-and-tie:before {
+    content: "\f119";
+}
+.flaticon-cancel:before {
+    content: "\f11a";
+}
+.flaticon-check-mark:before {
+    content: "\f11b";
+}
+.flaticon-bars:before {
+    content: "\f11c";
+}
+.flaticon-copy:before {
+    content: "\f11d";
+}
+.flaticon-printer:before {
+    content: "\f11e";
+}
+.flaticon-file:before {
+    content: "\f11f";
+}
+.flaticon-file-1:before {
+    content: "\f120";
+}
+.flaticon-file-2:before {
+    content: "\f121";
+}
+.flaticon-eye-1:before {
+    content: "\f122";
+}
+.flaticon-upload-1:before {
+    content: "\f123";
+}
+.flaticon-production:before {
+    content: "\f124";
+}
+.flaticon-cube:before {
+    content: "\f125";
+}
+.flaticon-rotation:before {
+    content: "\f126";
+}
+.flaticon-rotation-1:before {
+    content: "\f127";
+}
+.flaticon-spinning:before {
+    content: "\f128";
+}
+.flaticon-spinning-1:before {
+    content: "\f129";
+}
+.flaticon-ready-stock:before {
+    content: "\f12a";
+}
+.flaticon-ready-stock-1:before {
+    content: "\f12b";
+}
+.flaticon-visible:before {
+    content: "\f12c";
+}
+.flaticon-printing:before {
+    content: "\f12d";
+}
+.flaticon-like:before {
+    content: "\f12e";
+}
+.flaticon-thumb-up:before {
+    content: "\f12f";
+}
+.flaticon-thumbs-up:before {
+    content: "\f130";
+}
+.flaticon-thumb-down:before {
+    content: "\f131";
+}
+.flaticon-dislike:before {
+    content: "\f132";
+}
+.flaticon-thumb-down-1:before {
+    content: "\f133";
+}
+.flaticon-pointing-right:before {
+    content: "\f134";
+}
+.flaticon-point:before {
+    content: "\f135";
+}
+.flaticon-history:before {
+    content: "\f136";
+}
+