@kbgarcia8/react-dynamic-form 1.0.0

package/dist/type/propTypes.d.ts

@@ -0,0 +1,144 @@
+import type { Theme } from './constantTypes';
+import type React from 'react';
+export interface themeContextValue {
+    currentTheme: Theme;
+    toggleTheme: () => void;
+}
+export type ChildrenProp = {
+    children: React.ReactNode;
+};
+type stringType = string | undefined;
+type dataAttributesType = Record<string, string | number | boolean> | undefined;
+type ButtonType = 'button' | 'submit';
+export interface ButtonProps {
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+    id: string;
+    buttonType: ButtonType;
+    source?: string;
+    svg?: React.ReactNode;
+    alt?: string;
+    text?: string;
+    className?: stringType;
+    pattern?: string | number | undefined;
+    dataAttributes?: dataAttributesType;
+}
+declare const InputTypes: readonly ["text", "password", "email", "number", "tel", "url", "search", "date", "file", "hidden"];
+interface BaseInput {
+    id: string;
+    onChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    isRequired: boolean;
+    dataAttributes?: dataAttributesType;
+    disabled?: boolean | undefined;
+    className?: stringType;
+    name: string;
+}
+export interface TextAreaInput extends BaseInput {
+    type: 'textarea';
+    value: string;
+    rows: number;
+    cols: number;
+}
+export interface CheckedInput extends BaseInput {
+    type: 'radio' | 'checkbox';
+    checked: boolean;
+    placeholderText?: never;
+}
+export interface GeneralInput extends BaseInput {
+    type: Exclude<typeof InputTypes[number], 'textarea' | 'radio' | 'checkbox'>;
+    value: string;
+    pattern?: stringType;
+    placeholderText?: stringType;
+    checked?: never;
+    rows?: never;
+    cols?: never;
+}
+export type InputProps = GeneralInput | TextAreaInput | CheckedInput;
+export interface LabelProps {
+    htmlFor?: string;
+    textLabel: string;
+    additionalInfo: string;
+    $labelFlexDirection?: React.CSSProperties['flexDirection'];
+    source?: string;
+    svg?: React.ReactNode;
+    className?: stringType;
+}
+export type EditableInputProps = {
+    labelClass?: string | undefined;
+    inputClass?: string | undefined;
+    isEditable?: boolean;
+    editIcon?: React.ReactNode;
+    onClickEdit: React.MouseEventHandler<HTMLButtonElement>;
+    deleteIcon?: React.ReactNode;
+    onClickDelete: React.MouseEventHandler<HTMLButtonElement>;
+    idx?: number;
+    ref: React.Ref<HTMLInputElement | HTMLTextAreaElement>;
+};
+export type LabeledInputProps = (LabelProps & TextAreaInput & EditableInputProps) | (LabelProps & CheckedInput & EditableInputProps) | (LabelProps & GeneralInput & EditableInputProps);
+export interface FormActionButtonsProps {
+    id: string;
+    hasSubmit: boolean;
+    submitText: string;
+    handleSubmit: React.MouseEventHandler<HTMLButtonElement>;
+    hasEdit: boolean;
+    editText: string;
+    handleEdit: React.MouseEventHandler<HTMLButtonElement>;
+    hasCancel: boolean;
+    cancelText: string;
+    handleCancel: React.MouseEventHandler<HTMLButtonElement>;
+    hasDelete: boolean;
+    deleteText: string;
+    handleDelete: React.MouseEventHandler<HTMLButtonElement>;
+}
+interface EditableInformation {
+    name: string;
+    info: string;
+    type: typeof InputTypes[number];
+}
+export interface NestedEditableOptionProps {
+    legend: string;
+    idx: number;
+    editableInformation: EditableInformation[];
+    onChangeOfEditableOption: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    onClickSaveEdit: React.MouseEventHandler<HTMLButtonElement>;
+    onClickCancelEdit: React.MouseEventHandler<HTMLButtonElement>;
+    onClickDeleteEntry: React.MouseEventHandler<HTMLButtonElement>;
+}
+export type inputEntryShape<T extends boolean> = LabeledInputProps & {
+    uniqueClass?: string;
+    editing: boolean;
+    editable: T;
+    editableInformation: EditableInformation[];
+} & (T extends true ? {
+    onClickEdit: React.MouseEventHandler<HTMLButtonElement>;
+    editIcon: React.ReactNode;
+    onClickDelete: React.MouseEventHandler<HTMLButtonElement>;
+    deleteIcon: React.ReactNode;
+    onClickSave: React.MouseEventHandler<HTMLButtonElement>;
+    onClickCancel: React.MouseEventHandler<HTMLButtonElement>;
+} : {
+    onClickEdit?: never;
+    editIcon?: never;
+    onClickDelete?: never;
+    deleteIcon?: never;
+    onClickSave?: never;
+    onClickCancel?: never;
+});
+interface FieldsetShape {
+    legend: string;
+    inputs: inputEntryShape<boolean>[];
+    height: string;
+    expandable: boolean;
+}
+export type DynamicFormProps = FormActionButtonsProps & LabeledInputProps & {
+    fieldsets: FieldsetShape[] | null;
+    id: string;
+    formInputs: inputEntryShape<boolean>[];
+    legendText?: string;
+    isExpandable: boolean;
+    labelAndInputContainerClass: string;
+    handleSubmitForm: React.FormEventHandler<HTMLFormElement>;
+    handleEditableInputEntryChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+    handleAddingInputEntry: React.MouseEventHandler<HTMLButtonElement>;
+};
+export {};
+//# sourceMappingURL=propTypes.d.ts.map

package/dist/type/propTypes.d.ts.map

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

package/dist/utils/utils.d.ts

@@ -0,0 +1,6 @@
+export type ColorString = string & {
+    __brand: 'color';
+};
+export declare const isColor: (value: string) => boolean;
+export declare const asColor: (value: string) => ColorString;
+//# sourceMappingURL=utils.d.ts.map

package/dist/utils/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/utils/utils.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG;IAAE,OAAO,EAAE,OAAO,CAAA;CAAE,CAAC;AAGxD,eAAO,MAAM,OAAO,GAAI,OAAO,MAAM,KAAG,OAIvC,CAAC;AAGF,eAAO,MAAM,OAAO,GAAI,OAAO,MAAM,KAAG,WAGvC,CAAC"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@kbgarcia8/react-dynamic-form",
+  "version": "1.0.0",
+  "description": "A form that can be nested with editable, expandable and flexible input-forms",
+  "keywords": [
+    "form",
+    "dynamic",
+    "nested",
+    "editable",
+    "expandable"
+  ],
+  "homepage": "https://github.com/kbgarcia8/react-dynamic-form#readme",
+  "bugs": {
+    "url": "https://github.com/kbgarcia8/react-dynamic-form/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kbgarcia8/react-dynamic-form.git"
+  },
+  "license": "ISC",
+  "author": "kbgarcia8",
+  "main": "./dist/react-dynamic-form.cjs.js",
+  "module": "./dist/react-dynamic-form.es.js",
+  "types": "./dist/index.d.ts",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/react-dynamic-form.es.js",
+      "require": "./dist/react-dynamic-form.cjs.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "clear": "rm -rf dist",
+    "tscompile": "pnpm run clear && tsc",
+    "build": "pnpm run clear && vite build && tsc --emitDeclarationOnly",
+    "preview": "vite preview"
+  },
+  "peerDependencies": {
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0",
+    "styled-components": ">=6"
+  },
+  "devDependencies": {
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "styled-components": "^6.1.19",
+    "typescript": "^5.9.3",
+    "vite": "^7.2.4"
+  }
+}