@prosperitainova/mirage-ui 1.0.49 → 1.0.51
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/dist/cjs/index.js +2 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/lib/InputCurrency/InputCurrency.d.ts +12 -6
- package/dist/cjs/types/lib/InputCurrency/InputCurrency.stories.d.ts +3 -4
- package/dist/cjs/types/lib/RadioGroup/RadioGroup.d.ts +8 -3
- package/dist/cjs/types/lib/ReturnButton/ReturnButton.stories.d.ts +1 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/lib/InputCurrency/InputCurrency.d.ts +12 -6
- package/dist/esm/types/lib/InputCurrency/InputCurrency.stories.d.ts +3 -4
- package/dist/esm/types/lib/RadioGroup/RadioGroup.d.ts +8 -3
- package/dist/esm/types/lib/ReturnButton/ReturnButton.stories.d.ts +1 -0
- package/dist/index.d.ts +22 -22
- package/package.json +3 -2
|
@@ -1,16 +1,22 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
import { InputHTMLAttributes, TextareaHTMLAttributes } from "react";
|
|
2
|
+
import "../../../src/theme/fonts/ProximaNova.css";
|
|
3
|
+
export type InputCurrencyProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
3
4
|
value?: string | number | boolean | readonly string[] | undefined;
|
|
4
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
5
|
-
placeholder?: string;
|
|
6
|
-
name?: string;
|
|
7
5
|
error?: string | boolean;
|
|
8
6
|
success?: boolean;
|
|
9
7
|
helper?: string;
|
|
10
8
|
label?: string;
|
|
11
|
-
|
|
9
|
+
newPassword?: boolean;
|
|
10
|
+
newPasswordLevel?: string;
|
|
11
|
+
search?: boolean;
|
|
12
|
+
mask?: string;
|
|
12
13
|
required?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
13
15
|
type?: string;
|
|
16
|
+
onChange?: (e: any) => void;
|
|
17
|
+
maxLength?: number;
|
|
18
|
+
fontSize?: "normal" | "large";
|
|
19
|
+
prefix?: string;
|
|
14
20
|
};
|
|
15
21
|
declare const InputCurrency: (props: InputCurrencyProps) => JSX.Element;
|
|
16
22
|
export default InputCurrency;
|
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import { InputCurrencyProps } from "./InputCurrency";
|
|
3
2
|
import { Story } from "@storybook/react";
|
|
4
|
-
declare const
|
|
3
|
+
declare const InputNumberStories: {
|
|
5
4
|
title: string;
|
|
6
5
|
component: (props: InputCurrencyProps) => JSX.Element;
|
|
7
6
|
};
|
|
8
|
-
export default
|
|
9
|
-
export declare const
|
|
7
|
+
export default InputNumberStories;
|
|
8
|
+
export declare const Number: Story<InputCurrencyProps>;
|
|
@@ -1,10 +1,15 @@
|
|
|
1
|
-
import { HTMLAttributes } from "react";
|
|
2
|
-
import { RadioProps } from "../RadioGroup/Radio";
|
|
1
|
+
import React, { HTMLAttributes } from "react";
|
|
3
2
|
import "../../../src/theme/fonts/ProximaNova.css";
|
|
4
3
|
import "bootstrap/dist/css/bootstrap.min.css";
|
|
4
|
+
export type OptionsProps = {
|
|
5
|
+
title: string;
|
|
6
|
+
description: string;
|
|
7
|
+
value: string;
|
|
8
|
+
setIndex?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
9
|
+
};
|
|
5
10
|
export type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
|
|
6
11
|
display: "row" | "column";
|
|
7
|
-
options:
|
|
12
|
+
options: OptionsProps[];
|
|
8
13
|
value?: string;
|
|
9
14
|
onChange?: (value: string, index: number) => void;
|
|
10
15
|
wrap?: boolean;
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import React
|
|
2
|
+
import React, { ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, HTMLAttributes, LiHTMLAttributes } from 'react';
|
|
3
3
|
import { Props } from 'react-select';
|
|
4
4
|
|
|
5
5
|
type ItemsProps = {
|
|
@@ -59,8 +59,8 @@ type CheckboxProps = InputHTMLAttributes<HTMLInputElement> & {
|
|
|
59
59
|
checked?: boolean;
|
|
60
60
|
position?: "top" | "bottom" | "left" | "right";
|
|
61
61
|
name?: string;
|
|
62
|
-
onChange?: (event: React
|
|
63
|
-
onClick?: (event: React
|
|
62
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
63
|
+
onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
|
|
64
64
|
};
|
|
65
65
|
declare const Checkbox: ({ onChange, ...props }: CheckboxProps) => JSX.Element;
|
|
66
66
|
|
|
@@ -134,29 +134,24 @@ type NotificationsBarProps = {
|
|
|
134
134
|
};
|
|
135
135
|
declare const NotificationBar: (props: NotificationsBarProps) => JSX.Element;
|
|
136
136
|
|
|
137
|
-
type RadioProps
|
|
137
|
+
type RadioProps = {
|
|
138
138
|
label?: string;
|
|
139
139
|
disabled?: boolean;
|
|
140
140
|
checked?: boolean;
|
|
141
141
|
position?: "top" | "bottom" | "left" | "right";
|
|
142
142
|
onChange?: (value: boolean) => void;
|
|
143
143
|
};
|
|
144
|
-
declare const Radio: ({ onChange, ...props }: RadioProps
|
|
144
|
+
declare const Radio: ({ onChange, ...props }: RadioProps) => JSX.Element;
|
|
145
145
|
|
|
146
|
-
type
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
disabled?: boolean;
|
|
150
|
-
checked?: boolean;
|
|
151
|
-
position?: "top" | "bottom" | "left" | "right";
|
|
146
|
+
type OptionsProps = {
|
|
147
|
+
title: string;
|
|
148
|
+
description: string;
|
|
152
149
|
value: string;
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
};
|
|
156
|
-
|
|
150
|
+
setIndex?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
151
|
+
};
|
|
157
152
|
type RadioGroupProps = HTMLAttributes<HTMLDivElement> & {
|
|
158
153
|
display: "row" | "column";
|
|
159
|
-
options:
|
|
154
|
+
options: OptionsProps[];
|
|
160
155
|
value?: string;
|
|
161
156
|
onChange?: (value: string, index: number) => void;
|
|
162
157
|
wrap?: boolean;
|
|
@@ -259,18 +254,23 @@ type TableProps = {
|
|
|
259
254
|
};
|
|
260
255
|
declare const Table: (props: TableProps) => JSX.Element;
|
|
261
256
|
|
|
262
|
-
type InputCurrencyProps = {
|
|
257
|
+
type InputCurrencyProps = InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
263
258
|
value?: string | number | boolean | readonly string[] | undefined;
|
|
264
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
265
|
-
placeholder?: string;
|
|
266
|
-
name?: string;
|
|
267
259
|
error?: string | boolean;
|
|
268
260
|
success?: boolean;
|
|
269
261
|
helper?: string;
|
|
270
262
|
label?: string;
|
|
271
|
-
|
|
263
|
+
newPassword?: boolean;
|
|
264
|
+
newPasswordLevel?: string;
|
|
265
|
+
search?: boolean;
|
|
266
|
+
mask?: string;
|
|
272
267
|
required?: boolean;
|
|
268
|
+
disabled?: boolean;
|
|
273
269
|
type?: string;
|
|
270
|
+
onChange?: (e: any) => void;
|
|
271
|
+
maxLength?: number;
|
|
272
|
+
fontSize?: "normal" | "large";
|
|
273
|
+
prefix?: string;
|
|
274
274
|
};
|
|
275
275
|
declare const InputCurrency: (props: InputCurrencyProps) => JSX.Element;
|
|
276
276
|
|
|
@@ -308,7 +308,7 @@ type ParcelSelectorProps = {
|
|
|
308
308
|
value: number;
|
|
309
309
|
onChange: (value: number) => void;
|
|
310
310
|
};
|
|
311
|
-
declare const ParcelSelector: React
|
|
311
|
+
declare const ParcelSelector: React.FC<ParcelSelectorProps>;
|
|
312
312
|
|
|
313
313
|
type DropContainerProps = {
|
|
314
314
|
open?: boolean;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@prosperitainova/mirage-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.51",
|
|
4
4
|
"private": false,
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
@@ -9,9 +9,10 @@
|
|
|
9
9
|
"dependencies": {
|
|
10
10
|
"@fortawesome/free-regular-svg-icons": "^6.2.1",
|
|
11
11
|
"bootstrap": "^5.2.3",
|
|
12
|
+
"react-currency-input": "^1.3.6",
|
|
12
13
|
"react-dropzone": "^14.2.3",
|
|
13
14
|
"react-input-mask": "^2.0.4",
|
|
14
|
-
"react-number-format": "
|
|
15
|
+
"react-number-format": "4.7.3",
|
|
15
16
|
"react-select": "^5.7.0",
|
|
16
17
|
"typescript": "^4.9.4"
|
|
17
18
|
},
|