formik-form-components 2.0.3 → 2.0.4
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/README.md +1 -21
- package/dist/Form/AppAutoCompleter.d.ts +1 -2
- package/dist/Form/AppAutoCompleter.d.ts.map +1 -1
- package/dist/Form/AppCheckBox.d.ts +1 -1
- package/dist/Form/AppCheckBox.d.ts.map +1 -1
- package/dist/Form/AppDateAndTimePicker.d.ts +1 -1
- package/dist/Form/AppDateAndTimePicker.d.ts.map +1 -1
- package/dist/Form/AppFormErrorMessage.d.ts +1 -1
- package/dist/Form/AppFormErrorMessage.d.ts.map +1 -1
- package/dist/Form/AppInputField.d.ts +1 -1
- package/dist/Form/AppInputField.d.ts.map +1 -1
- package/dist/Form/AppMultiSelector.d.ts +1 -1
- package/dist/Form/AppMultiSelector.d.ts.map +1 -1
- package/dist/Form/AppPhoneNoInput.d.ts +1 -1
- package/dist/Form/AppPhoneNoInput.d.ts.map +1 -1
- package/dist/Form/AppRadioGroup.d.ts +1 -1
- package/dist/Form/AppRadioGroup.d.ts.map +1 -1
- package/dist/Form/AppRating.d.ts +1 -1
- package/dist/Form/AppRating.d.ts.map +1 -1
- package/dist/Form/AppSimpleUploadFile.d.ts +1 -1
- package/dist/Form/AppSimpleUploadFile.d.ts.map +1 -1
- package/dist/Form/AppSwitch.d.ts +1 -2
- package/dist/Form/AppSwitch.d.ts.map +1 -1
- package/dist/Form/AppTagsCreator.d.ts +1 -2
- package/dist/Form/AppTagsCreator.d.ts.map +1 -1
- package/dist/Form/AppTextArea.d.ts +1 -1
- package/dist/Form/AppTextArea.d.ts.map +1 -1
- package/dist/Form/AppUploadFile.d.ts +1 -1
- package/dist/Form/AppUploadFile.d.ts.map +1 -1
- package/dist/Form/SubmitButton.d.ts +1 -1
- package/dist/Form/SubmitButton.d.ts.map +1 -1
- package/dist/index.d.ts +17 -0
- package/dist/index.esm.js +2 -1
- package/dist/index.js +2 -1
- package/dist/lib/index.d.ts +17 -0
- package/dist/lib/index.d.ts.map +1 -1
- package/package.json +16 -22
- package/src/App.css +0 -38
- package/src/App.test.tsx +0 -9
- package/src/App.tsx +0 -166
- package/src/Form/AppAutoCompleter.tsx +0 -252
- package/src/Form/AppCheckBox.tsx +0 -101
- package/src/Form/AppDateAndTimePicker.tsx +0 -94
- package/src/Form/AppDatePicker.tsx +0 -69
- package/src/Form/AppFormErrorMessage.tsx +0 -34
- package/src/Form/AppInputField.tsx +0 -80
- package/src/Form/AppMultiSelector.tsx +0 -163
- package/src/Form/AppPhoneNoInput.tsx +0 -106
- package/src/Form/AppRadioGroup.tsx +0 -92
- package/src/Form/AppRating.tsx +0 -98
- package/src/Form/AppSelectInput.tsx +0 -249
- package/src/Form/AppSimpleUploadFile.tsx +0 -154
- package/src/Form/AppSwitch.tsx +0 -84
- package/src/Form/AppTagsCreator.tsx +0 -252
- package/src/Form/AppTextArea.tsx +0 -90
- package/src/Form/AppUploadFile.tsx +0 -167
- package/src/Form/SubmitButton.tsx +0 -122
- package/src/Form/index.tsx +0 -27
- package/src/assets/illustrations/BackgroundIllustration.tsx +0 -42
- package/src/assets/illustrations/UploadIllustration.tsx +0 -659
- package/src/assets/illustrations/index.ts +0 -1
- package/src/file-thumbnail/types.ts +0 -7
- package/src/file-thumbnail/utils.ts +0 -162
- package/src/index.css +0 -9
- package/src/index.tsx +0 -19
- package/src/lib/index.ts +0 -47
- package/src/logo.svg +0 -1
- package/src/react-app-env.d.ts +0 -1
- package/src/reportWebVitals.ts +0 -15
- package/src/setupTests.ts +0 -5
- package/src/styles/PhoneInputCustom.css +0 -238
- package/src/styles/compiled-tailwind.css +0 -1
- package/src/upload/Upload.tsx +0 -162
- package/src/upload/errors/RejectionFiles.tsx +0 -49
- package/src/upload/index.ts +0 -5
- package/src/upload/preview/MultiFilePreview.tsx +0 -297
- package/src/upload/preview/SingleFilePreview.tsx +0 -81
- package/src/upload/types.ts +0 -51
package/README.md
CHANGED
|
@@ -84,6 +84,7 @@ function MyForm() {
|
|
|
84
84
|
export default MyForm;
|
|
85
85
|
```
|
|
86
86
|
|
|
87
|
+
|
|
87
88
|
That's it! No Tailwind setup, no configuration files. Everything just works.
|
|
88
89
|
|
|
89
90
|
## 📚 Available Components
|
|
@@ -238,27 +239,6 @@ All components come pre-styled with Tailwind CSS. You can customize them by pass
|
|
|
238
239
|
</SubmitButton>
|
|
239
240
|
```
|
|
240
241
|
|
|
241
|
-
## 🔧 Advanced Usage
|
|
242
|
-
|
|
243
|
-
### Form Validation with Yup
|
|
244
|
-
|
|
245
|
-
```tsx
|
|
246
|
-
import * as Yup from 'yup';
|
|
247
|
-
|
|
248
|
-
const validationSchema = Yup.object({
|
|
249
|
-
name: Yup.string().required('Name is required'),
|
|
250
|
-
email: Yup.string().email('Invalid email').required('Email is required'),
|
|
251
|
-
age: Yup.number().min(18, 'Must be 18+').required('Age is required')
|
|
252
|
-
});
|
|
253
|
-
|
|
254
|
-
<Form
|
|
255
|
-
initialValues={{ name: '', email: '', age: '' }}
|
|
256
|
-
validationSchema={validationSchema}
|
|
257
|
-
onSubmit={(values) => console.log(values)}
|
|
258
|
-
>
|
|
259
|
-
<AppInputField name="email" label="Email" />
|
|
260
|
-
</Form>
|
|
261
|
-
```
|
|
262
242
|
|
|
263
243
|
### Submit Button with Loading State
|
|
264
244
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
interface AppAutoCompleterProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "onChange"> {
|
|
2
|
+
export interface AppAutoCompleterProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "onChange"> {
|
|
3
3
|
name: string;
|
|
4
4
|
label: string;
|
|
5
5
|
options: string[];
|
|
@@ -7,5 +7,4 @@ interface AppAutoCompleterProps extends Omit<React.InputHTMLAttributes<HTMLInput
|
|
|
7
7
|
className?: string;
|
|
8
8
|
}
|
|
9
9
|
export default function AppAutoCompleter({ name, label, options, multiple, className, ...inputProps }: AppAutoCompleterProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
11
10
|
//# sourceMappingURL=AppAutoCompleter.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppAutoCompleter.d.ts","sourceRoot":"","sources":["../../src/Form/AppAutoCompleter.tsx"],"names":[],"mappings":";AAQA,
|
|
1
|
+
{"version":3,"file":"AppAutoCompleter.d.ts","sourceRoot":"","sources":["../../src/Form/AppAutoCompleter.tsx"],"names":[],"mappings":";AAQA,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,IAAI,EACJ,KAAK,EACL,OAAY,EACZ,QAAgB,EAChB,SAAc,EACd,GAAG,UAAU,EACd,EAAE,qBAAqB,2CAgOvB"}
|
|
@@ -4,7 +4,7 @@ export interface CheckboxOption {
|
|
|
4
4
|
value: string | number | boolean;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
}
|
|
7
|
-
interface AppCheckBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "type"> {
|
|
7
|
+
export interface AppCheckBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "type"> {
|
|
8
8
|
name: string;
|
|
9
9
|
options: CheckboxOption[];
|
|
10
10
|
label?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppCheckBox.d.ts","sourceRoot":"","sources":["../../src/Form/AppCheckBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,
|
|
1
|
+
{"version":3,"file":"AppCheckBox.d.ts","sourceRoot":"","sources":["../../src/Form/AppCheckBox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1E,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA+E3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface AppDateTimeInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "name" | "value" | "onChange" | "min" | "max"> {
|
|
2
|
+
export interface AppDateTimeInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "name" | "value" | "onChange" | "min" | "max"> {
|
|
3
3
|
name: string;
|
|
4
4
|
label?: string;
|
|
5
5
|
/** Disable selecting past date & time */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppDateAndTimePicker.d.ts","sourceRoot":"","sources":["../../src/Form/AppDateAndTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,
|
|
1
|
+
{"version":3,"file":"AppDateAndTimePicker.d.ts","sourceRoot":"","sources":["../../src/Form/AppDateAndTimePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,MAAM,WAAW,qBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,GAAG,KAAK,CACvD;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,yCAAyC;IACzC,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2DrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppFormErrorMessage.d.ts","sourceRoot":"","sources":["../../src/Form/AppFormErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,
|
|
1
|
+
{"version":3,"file":"AppFormErrorMessage.d.ts","sourceRoot":"","sources":["../../src/Form/AppFormErrorMessage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,wBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAqB3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface AppInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name"> {
|
|
2
|
+
export interface AppInputFieldProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name"> {
|
|
3
3
|
name: string;
|
|
4
4
|
label: React.ReactNode;
|
|
5
5
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppInputField.d.ts","sourceRoot":"","sources":["../../src/Form/AppInputField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,
|
|
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"}
|
|
@@ -5,7 +5,7 @@ export interface AppSelectOption {
|
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
icon?: React.ReactNode;
|
|
7
7
|
}
|
|
8
|
-
interface AppMultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
8
|
+
export interface AppMultiSelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
9
9
|
name: string;
|
|
10
10
|
label?: string;
|
|
11
11
|
options: AppSelectOption[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppMultiSelector.d.ts","sourceRoot":"","sources":["../../src/Form/AppMultiSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,
|
|
1
|
+
{"version":3,"file":"AppMultiSelector.d.ts","sourceRoot":"","sources":["../../src/Form/AppMultiSelector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;CACpD;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwIjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import "react-phone-number-input/style.css";
|
|
3
3
|
import "../styles/PhoneInputCustom.css";
|
|
4
|
-
interface AppPhoneNoInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
|
|
4
|
+
export interface AppPhoneNoInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
|
|
5
5
|
name: string;
|
|
6
6
|
label: string;
|
|
7
7
|
international?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppPhoneNoInput.d.ts","sourceRoot":"","sources":["../../src/Form/AppPhoneNoInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,gCAAgC,CAAC;AAExC,
|
|
1
|
+
{"version":3,"file":"AppPhoneNoInput.d.ts","sourceRoot":"","sources":["../../src/Form/AppPhoneNoInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,oCAAoC,CAAC;AAC5C,OAAO,gCAAgC,CAAC;AAExC,MAAM,WAAW,oBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,OAAO,CACrB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAiFnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -4,7 +4,7 @@ export interface RadioOption {
|
|
|
4
4
|
value: string | number;
|
|
5
5
|
disabled?: boolean;
|
|
6
6
|
}
|
|
7
|
-
interface AppRadioGroupProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "name"> {
|
|
7
|
+
export interface AppRadioGroupProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "name"> {
|
|
8
8
|
name: string;
|
|
9
9
|
options: RadioOption[];
|
|
10
10
|
label?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppRadioGroup.d.ts","sourceRoot":"","sources":["../../src/Form/AppRadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,
|
|
1
|
+
{"version":3,"file":"AppRadioGroup.d.ts","sourceRoot":"","sources":["../../src/Form/AppRadioGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,OAAO,GAAG,MAAM,CAC9B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC7C;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiE/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/dist/Form/AppRating.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface AppRatingProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
|
|
2
|
+
export interface AppRatingProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value"> {
|
|
3
3
|
name: string;
|
|
4
4
|
label?: string;
|
|
5
5
|
max?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppRating.d.ts","sourceRoot":"","sources":["../../src/Form/AppRating.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,
|
|
1
|
+
{"version":3,"file":"AppRating.d.ts","sourceRoot":"","sources":["../../src/Form/AppRating.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,OAAO,CACrB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,SAAS,uFA2Ed,CAAC;AAIF,eAAe,SAAS,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface AppSimpleUploadFileProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "onError"> {
|
|
2
|
+
export interface AppSimpleUploadFileProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "onError"> {
|
|
3
3
|
name: string;
|
|
4
4
|
label?: string;
|
|
5
5
|
maxFiles?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppSimpleUploadFile.d.ts","sourceRoot":"","sources":["../../src/Form/AppSimpleUploadFile.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,
|
|
1
|
+
{"version":3,"file":"AppSimpleUploadFile.d.ts","sourceRoot":"","sources":["../../src/Form/AppSimpleUploadFile.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,MAAM,WAAW,wBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,UAAU,GAAG,OAAO,GAAG,SAAS,CACjC;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+H3D,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
package/dist/Form/AppSwitch.d.ts
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface AppSwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "className"> {
|
|
2
|
+
export interface AppSwitchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "className"> {
|
|
3
3
|
name: string;
|
|
4
4
|
label?: string;
|
|
5
5
|
className?: string;
|
|
6
6
|
labelPlacement?: "start" | "end" | "top" | "bottom";
|
|
7
7
|
}
|
|
8
8
|
export default function AppSwitch({ name, label, className, labelPlacement, required, ...inputProps }: AppSwitchProps): React.JSX.Element;
|
|
9
|
-
export {};
|
|
10
9
|
//# sourceMappingURL=AppSwitch.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppSwitch.d.ts","sourceRoot":"","sources":["../../src/Form/AppSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,
|
|
1
|
+
{"version":3,"file":"AppSwitch.d.ts","sourceRoot":"","sources":["../../src/Form/AppSwitch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,WAAW,CAAC;IACtE,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,QAAQ,CAAC;CACrD;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,IAAI,EACJ,KAAK,EACL,SAAc,EACd,cAAwB,EACxB,QAAQ,EACR,GAAG,UAAU,EACd,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+DpC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface AppTagsCreatorProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "onChange"> {
|
|
2
|
+
export interface AppTagsCreatorProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "name" | "value" | "onChange"> {
|
|
3
3
|
name: string;
|
|
4
4
|
label?: string;
|
|
5
5
|
options?: string[];
|
|
@@ -7,5 +7,4 @@ interface AppTagsCreatorProps extends Omit<React.InputHTMLAttributes<HTMLInputEl
|
|
|
7
7
|
helperText?: string;
|
|
8
8
|
}
|
|
9
9
|
export default function AppTagsCreator({ name, label, options, multiple, helperText, className, ...rest }: AppTagsCreatorProps): React.JSX.Element;
|
|
10
|
-
export {};
|
|
11
10
|
//# sourceMappingURL=AppTagsCreator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppTagsCreator.d.ts","sourceRoot":"","sources":["../../src/Form/AppTagsCreator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"AppTagsCreator.d.ts","sourceRoot":"","sources":["../../src/Form/AppTagsCreator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,OAAO,GAAG,UAAU,CAC9B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,IAAI,EACJ,KAAK,EACL,OAAY,EACZ,QAAe,EACf,UAAU,EACV,SAAc,EACd,GAAG,IAAI,EACR,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6NzC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface AppTextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "name" | "onChange"> {
|
|
2
|
+
export interface AppTextAreaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "name" | "onChange"> {
|
|
3
3
|
name: string;
|
|
4
4
|
label: string;
|
|
5
5
|
helperText?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppTextArea.d.ts","sourceRoot":"","sources":["../../src/Form/AppTextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,
|
|
1
|
+
{"version":3,"file":"AppTextArea.d.ts","sourceRoot":"","sources":["../../src/Form/AppTextArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EACjD,MAAM,GAAG,UAAU,CACpB;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,WAAW,8FAqEhB,CAAC;AAIF,eAAe,WAAW,CAAC"}
|
|
@@ -6,7 +6,7 @@ export declare const base64toBlob: ({ b64Data, sliceSize, forcedMimeType, }: {
|
|
|
6
6
|
forcedMimeType?: string | undefined;
|
|
7
7
|
}) => Blob;
|
|
8
8
|
export declare const blobToBase64: (file: File) => Promise<string>;
|
|
9
|
-
interface AppUploadFileProps extends Omit<UploadProps, "file" | "files" | "disabled"> {
|
|
9
|
+
export interface AppUploadFileProps extends Omit<UploadProps, "file" | "files" | "disabled"> {
|
|
10
10
|
name: string;
|
|
11
11
|
label?: string;
|
|
12
12
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppUploadFile.d.ts","sourceRoot":"","sources":["../../src/Form/AppUploadFile.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAW7C,eAAO,MAAM,YAAY;aAKd,MAAM;;;MAGb,IAsBH,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,IAAI,KAAG,QAAQ,MAAM,CAOvD,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"AppUploadFile.d.ts","sourceRoot":"","sources":["../../src/Form/AppUploadFile.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAW7C,eAAO,MAAM,YAAY;aAKd,MAAM;;;MAGb,IAsBH,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,IAAI,KAAG,QAAQ,MAAM,CAOvD,CAAC;AAEF,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,OAAO,GAAG,UAAU,CAAC;IACxD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACvD;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAiG/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
interface SubmitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
2
|
+
export interface SubmitButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
3
3
|
loading?: boolean;
|
|
4
4
|
icon?: React.ReactNode;
|
|
5
5
|
variant?: "default" | "primary" | "secondary" | "danger" | "ghost" | "outline";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../src/Form/SubmitButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,
|
|
1
|
+
{"version":3,"file":"SubmitButton.d.ts","sourceRoot":"","sources":["../../src/Form/SubmitButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,CAAC,EACJ,SAAS,GACT,SAAS,GACT,WAAW,GACX,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;IACd,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAED,QAAA,MAAM,YAAY,6FAiGjB,CAAC;AAIF,eAAe,YAAY,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -23,6 +23,23 @@ export type { UploadProps, CustomFile, FileWithPreview } from '../upload/types';
|
|
|
23
23
|
export type { FormProps } from '../Form/index';
|
|
24
24
|
export type { FileItem } from '../upload/preview/MultiFilePreview';
|
|
25
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';
|
|
26
43
|
export { UploadIllustration } from '../assets/illustrations';
|
|
27
44
|
export * from '../file-thumbnail/types';
|
|
28
45
|
export * from '../file-thumbnail/utils';
|