formik-form-components 2.0.4 → 2.0.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.
@@ -1,8 +1,23 @@
1
1
  import React from "react";
2
- export interface AppInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name"> {
2
+ export interface AppInputFieldProps {
3
+ /** The name attribute for the input field (required for Formik) */
3
4
  name: string;
5
+ /** The label text to display above the input */
4
6
  label: React.ReactNode;
7
+ /** Additional CSS classes */
5
8
  className?: string;
9
+ /** All other standard input attributes */
10
+ type?: string;
11
+ placeholder?: string;
12
+ disabled?: boolean;
13
+ required?: boolean;
14
+ autoComplete?: string;
15
+ minLength?: number;
16
+ maxLength?: number;
17
+ pattern?: string;
18
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
19
+ onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
20
+ onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
6
21
  }
7
22
  declare const AppInputField: React.FC<AppInputFieldProps>;
8
23
  export default AppInputField;
@@ -1 +1 @@
1
- {"version":3,"file":"AppInputField.d.ts","sourceRoot":"","sources":["../../src/Form/AppInputField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IACjE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiE/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"AppInputField.d.ts","sourceRoot":"","sources":["../../src/Form/AppInputField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,kBAAkB;IACjC,mEAAmE;IACnE,IAAI,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC3D;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiE/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,46 +1,46 @@
1
- import '../styles/compiled-tailwind.css';
2
- import '../styles/PhoneInputCustom.css';
3
- export { default as Form } from '../Form/index';
4
- export { default as AppAutoCompleter } from '../Form/AppAutoCompleter';
5
- export { default as AppCheckBox } from '../Form/AppCheckBox';
6
- export { default as AppDateAndTimePicker } from '../Form/AppDateAndTimePicker';
7
- export { default as AppDatePicker } from '../Form/AppDatePicker';
8
- export { default as AppFormErrorMessage } from '../Form/AppFormErrorMessage';
9
- export { default as AppInputField } from '../Form/AppInputField';
10
- export { default as AppMultiSelector } from '../Form/AppMultiSelector';
11
- export { default as AppPhoneNoInput } from '../Form/AppPhoneNoInput';
12
- export { default as AppRadioGroup } from '../Form/AppRadioGroup';
13
- export { default as AppRating } from '../Form/AppRating';
14
- export { default as AppSelectInput } from '../Form/AppSelectInput';
15
- export { default as AppSimpleUploadFile } from '../Form/AppSimpleUploadFile';
16
- export { default as AppSwitch } from '../Form/AppSwitch';
17
- export { default as AppTagsCreator } from '../Form/AppTagsCreator';
18
- export { default as AppTextArea } from '../Form/AppTextArea';
19
- export { default as AppUploadFile } from '../Form/AppUploadFile';
20
- export { default as SubmitButton } from '../Form/SubmitButton';
21
- export { Upload, RejectionFiles, MultiFilePreview, SingleFilePreview } from '../upload';
22
- export type { UploadProps, CustomFile, FileWithPreview } from '../upload/types';
23
- export type { FormProps } from '../Form/index';
24
- export type { FileItem } from '../upload/preview/MultiFilePreview';
25
- export type { ExtendFile } from '../file-thumbnail/types';
26
- export type { AppAutoCompleterProps } from '../Form/AppAutoCompleter';
27
- export type { AppCheckBoxProps, CheckboxOption } from '../Form/AppCheckBox';
28
- export type { AppDateTimeInputProps } from '../Form/AppDateAndTimePicker';
29
- export type { AppDatePickerProps } from '../Form/AppDatePicker';
30
- export type { AppFormErrorMessageProps } from '../Form/AppFormErrorMessage';
31
- export type { AppInputFieldProps } from '../Form/AppInputField';
32
- export type { AppMultiSelectProps, AppSelectOption } from '../Form/AppMultiSelector';
33
- export type { AppPhoneNoInputProps } from '../Form/AppPhoneNoInput';
34
- export type { AppRadioGroupProps, RadioOption } from '../Form/AppRadioGroup';
35
- export type { AppRatingProps } from '../Form/AppRating';
36
- export type { AppSelectProps } from '../Form/AppSelectInput';
37
- export type { AppSimpleUploadFileProps } from '../Form/AppSimpleUploadFile';
38
- export type { AppSwitchProps } from '../Form/AppSwitch';
39
- export type { AppTagsCreatorProps } from '../Form/AppTagsCreator';
40
- export type { AppTextAreaProps } from '../Form/AppTextArea';
41
- export type { AppUploadFileProps } from '../Form/AppUploadFile';
42
- export type { SubmitButtonProps } from '../Form/SubmitButton';
43
- export { UploadIllustration } from '../assets/illustrations';
44
- export * from '../file-thumbnail/types';
45
- export * from '../file-thumbnail/utils';
1
+ import './styles/compiled-tailwind.css';
2
+ import './styles/PhoneInputCustom.css';
3
+ export { default as Form } from './Form/index';
4
+ export { default as AppAutoCompleter } from './Form/AppAutoCompleter';
5
+ export { default as AppCheckBox } from './Form/AppCheckBox';
6
+ export { default as AppDateAndTimePicker } from './Form/AppDateAndTimePicker';
7
+ export { default as AppDatePicker } from './Form/AppDatePicker';
8
+ export { default as AppFormErrorMessage } from './Form/AppFormErrorMessage';
9
+ export { default as AppInputField } from './Form/AppInputField';
10
+ export { default as AppMultiSelector } from './Form/AppMultiSelector';
11
+ export { default as AppPhoneNoInput } from './Form/AppPhoneNoInput';
12
+ export { default as AppRadioGroup } from './Form/AppRadioGroup';
13
+ export { default as AppRating } from './Form/AppRating';
14
+ export { default as AppSelectInput } from './Form/AppSelectInput';
15
+ export { default as AppSimpleUploadFile } from './Form/AppSimpleUploadFile';
16
+ export { default as AppSwitch } from './Form/AppSwitch';
17
+ export { default as AppTagsCreator } from './Form/AppTagsCreator';
18
+ export { default as AppTextArea } from './Form/AppTextArea';
19
+ export { default as AppUploadFile } from './Form/AppUploadFile';
20
+ export { default as SubmitButton } from './Form/SubmitButton';
21
+ export { Upload, RejectionFiles, MultiFilePreview, SingleFilePreview } from './upload';
22
+ export type { UploadProps, CustomFile, FileWithPreview } from './upload/types';
23
+ export type { FormProps } from './Form/index';
24
+ export type { FileItem } from './upload/preview/MultiFilePreview';
25
+ export type { ExtendFile } from './file-thumbnail/types';
26
+ export type { AppAutoCompleterProps } from './Form/AppAutoCompleter';
27
+ export type { AppCheckBoxProps, CheckboxOption } from './Form/AppCheckBox';
28
+ export type { AppDateTimeInputProps } from './Form/AppDateAndTimePicker';
29
+ export type { AppDatePickerProps } from './Form/AppDatePicker';
30
+ export type { AppFormErrorMessageProps } from './Form/AppFormErrorMessage';
31
+ export type { AppInputFieldProps } from './Form/AppInputField';
32
+ export type { AppMultiSelectProps, AppSelectOption } from './Form/AppMultiSelector';
33
+ export type { AppPhoneNoInputProps } from './Form/AppPhoneNoInput';
34
+ export type { AppRadioGroupProps, RadioOption } from './Form/AppRadioGroup';
35
+ export type { AppRatingProps } from './Form/AppRating';
36
+ export type { AppSelectProps } from './Form/AppSelectInput';
37
+ export type { AppSimpleUploadFileProps } from './Form/AppSimpleUploadFile';
38
+ export type { AppSwitchProps } from './Form/AppSwitch';
39
+ export type { AppTagsCreatorProps } from './Form/AppTagsCreator';
40
+ export type { AppTextAreaProps } from './Form/AppTextArea';
41
+ export type { AppUploadFileProps } from './Form/AppUploadFile';
42
+ export type { SubmitButtonProps } from './Form/SubmitButton';
43
+ export { UploadIllustration } from './assets/illustrations';
44
+ export * from './file-thumbnail/types';
45
+ export * from './file-thumbnail/utils';
46
46
  //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,OAAO,gCAAgC,CAAC;AACxC,OAAO,+BAA+B,CAAC;AAGvC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAG9D,OAAO,EACL,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,UAAU,CAAC;AAGlB,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC;AAC/E,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,YAAY,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAClE,YAAY,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,YAAY,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC3E,YAAY,EAAE,qBAAqB,EAAE,MAAM,6BAA6B,CAAC;AACzE,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AACpF,YAAY,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC5E,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAC3E,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACvD,YAAY,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,YAAY,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAG7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAG5D,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "formik-form-components",
3
- "version": "2.0.4",
3
+ "version": "2.0.5",
4
4
  "description": "Lightweight React form components built with Tailwind CSS - customizable, accessible, and ready to use",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
@@ -17,7 +17,7 @@
17
17
  "build:app": "react-scripts build",
18
18
  "build:css": "tailwindcss -i ./src/index.css -o ./src/styles/compiled-tailwind.css --minify",
19
19
  "build:lib": "npm run build:css && rollup -c && npm run build:types && npm run build:copy-types",
20
- "build:copy-types": "cp dist/lib/index.d.ts dist/index.d.ts 2>/dev/null || true",
20
+ "build:copy-types": "cp dist/index.d.ts dist/index.d.ts 2>/dev/null || true",
21
21
  "build:types": "tsc --project tsconfig.lib.json --emitDeclarationOnly --declaration --declarationDir dist",
22
22
  "prepublishOnly": "npm run build:lib",
23
23
  "test": "react-scripts test",