mainstack-design-system 0.4.2 → 0.4.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/build/mainstack-design-system.js +9086 -8951
- package/build/src/components/AccordionItem/index.d.ts +2 -1
- package/build/src/components/InputFields/Input.d.ts +3 -1
- package/build/src/components/Uploader/FileUploader.d.ts +1 -1
- package/build/src/components/controls/DoubleTab.d.ts +3 -1
- package/build/src/components/controls/TabMenu.d.ts +3 -1
- package/build/src/stories/InputFields/InputFields.stories.d.ts +1 -0
- package/package.json +2 -2
|
@@ -13,6 +13,7 @@ export interface IAccordionItem extends AccordionItemProps {
|
|
|
13
13
|
handleToggle?: () => void;
|
|
14
14
|
handleButton?: () => void;
|
|
15
15
|
isToggleChecked?: boolean;
|
|
16
|
+
maxWidthTitle?: string;
|
|
16
17
|
}
|
|
17
|
-
declare const AccordionItem: ({ children, title, subtitle, isDraggable, type, error, buttonLabel, handleDelete, handleToggle, handleButton, isToggleChecked, ...props }: IAccordionItem) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
declare const AccordionItem: ({ children, title, subtitle, isDraggable, type, error, buttonLabel, handleDelete, handleToggle, handleButton, isToggleChecked, maxWidthTitle, ...props }: IAccordionItem) => import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
export default AccordionItem;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/** @format */
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
import { InputProps } from "@chakra-ui/react";
|
|
3
4
|
export interface IInput extends InputProps {
|
|
4
5
|
label: string;
|
|
@@ -17,6 +18,7 @@ export interface IInput extends InputProps {
|
|
|
17
18
|
width?: string;
|
|
18
19
|
disabled?: boolean;
|
|
19
20
|
fontFamily?: string;
|
|
21
|
+
leftElement?: JSX.Element | string;
|
|
20
22
|
}
|
|
21
|
-
declare const Input: ({ label, name, id, value, onChange, defaultValue, placeholder, error, errorMessage, success, successMessage, hint, type, width, disabled, fontFamily, ...props }: IInput) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
declare const Input: ({ label, name, id, value, onChange, defaultValue, placeholder, error, errorMessage, success, successMessage, hint, type, width, disabled, fontFamily, leftElement, ...props }: IInput) => import("react/jsx-runtime").JSX.Element;
|
|
22
24
|
export default Input;
|
|
@@ -3,7 +3,7 @@ import { ChangeEvent } from "react";
|
|
|
3
3
|
export interface IFileUpload {
|
|
4
4
|
file?: File | undefined | null;
|
|
5
5
|
onHandleChange: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
6
|
-
handleDeleteFile?: (
|
|
6
|
+
handleDeleteFile?: () => void;
|
|
7
7
|
sizeLimit?: number;
|
|
8
8
|
fileActionPopover?: React.ReactNode;
|
|
9
9
|
accept?: string;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
/** @format */
|
|
2
2
|
import { TabProps } from "@chakra-ui/react";
|
|
3
3
|
export interface DoubleTabProps extends TabProps {
|
|
4
|
+
tabIndex?: number;
|
|
4
5
|
items: {
|
|
5
6
|
name: string;
|
|
6
7
|
element: any;
|
|
7
8
|
}[];
|
|
9
|
+
handleClick?: (index: number) => void;
|
|
8
10
|
}
|
|
9
|
-
declare const DoubleTab: ({ items, width }: DoubleTabProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare const DoubleTab: ({ items, width, tabIndex, handleClick, ...props }: DoubleTabProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
12
|
export default DoubleTab;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
/** @format */
|
|
2
2
|
import { TabProps } from "@chakra-ui/react";
|
|
3
3
|
export interface TabMenuProps extends TabProps {
|
|
4
|
+
tabIndex?: number;
|
|
4
5
|
items: {
|
|
5
6
|
name: string;
|
|
6
7
|
element: any;
|
|
7
8
|
}[];
|
|
9
|
+
handleClick?: (index: number) => void;
|
|
8
10
|
}
|
|
9
|
-
declare const TabMenu: ({ items, width }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
declare const TabMenu: ({ items, width, tabIndex, handleClick, ...props }: TabMenuProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
12
|
export default TabMenu;
|
|
@@ -7,4 +7,5 @@ type Story = StoryObj<typeof Input>;
|
|
|
7
7
|
export declare const SimpleInputField: Story;
|
|
8
8
|
export declare const SimpleInputPassword: Story;
|
|
9
9
|
export declare const SimpleInputSuccess: Story;
|
|
10
|
+
export declare const SimpleInputWithLeftElement: Story;
|
|
10
11
|
export declare const SimpleInputError: Story;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mainstack-design-system",
|
|
3
|
-
"version": "0.4.
|
|
3
|
+
"version": "0.4.4",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "build/mainstack-design-system.js",
|
|
6
6
|
"types": "build/src/index.d.ts",
|
|
@@ -109,4 +109,4 @@
|
|
|
109
109
|
"url": "https://github.com/The-Mainstack/mainstack-design-system/issues"
|
|
110
110
|
},
|
|
111
111
|
"homepage": "https://github.com/The-Mainstack/mainstack-design-system#readme"
|
|
112
|
-
}
|
|
112
|
+
}
|