quicksnack 3.81.0 → 3.83.0
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/bundle.js +619 -30728
- package/dist/bundle.min.js +4 -35
- package/dist/quicksnack.css +1 -1
- package/dist/src/animation/SlideInFromTop/SlideInFromTop.d.ts +2 -2
- package/dist/src/components/Box/Box.d.ts +2 -1
- package/dist/src/components/BreadCrumbs/BreadCrumbs.d.ts +2 -2
- package/dist/src/components/Container/Container.d.ts +2 -2
- package/dist/src/components/Dropdown/Dropdown.d.ts +2 -2
- package/dist/src/components/Menu/HamburgerButton.d.ts +2 -2
- package/dist/src/components/Menu/MenuCloseButton.d.ts +2 -2
- package/dist/src/components/Overlay/Overlay.d.ts +2 -2
- package/dist/src/components/Tabs/Tab.d.ts +1 -1
- package/dist/src/components/Tabs/Tabs.d.ts +2 -2
- package/dist/src/components/Toggle/Toggle.d.ts +2 -2
- package/dist/src/form/Label/Label.d.ts +2 -2
- package/dist/src/form/ScaffoldForm/FormGrid/FormGrid.d.ts +2 -2
- package/dist/src/form/ScaffoldForm/FormGrid/FormGridCell.d.ts +2 -1
- package/dist/src/form/ScaffoldForm/scaffoldFormProps.d.ts +3 -3
- package/dist/src/typography/Paragraph/Paragraph.d.ts +2 -2
- package/package.json +18 -18
- package/dist/src/components/Alert/Alert.d.ts +0 -8
- package/dist/src/components/ConfirmModal/ConfirmModal.d.ts +0 -15
- package/dist/src/components/Details/Details.d.ts +0 -8
- package/dist/src/components/Feedback/Feedback.d.ts +0 -10
- package/dist/src/components/Floater/Floater.d.ts +0 -15
- package/dist/src/components/Menu/Menu.d.ts +0 -9
- package/dist/src/components/Menu/SideBarHeader.d.ts +0 -6
- package/dist/src/components/Modal/Modal.d.ts +0 -8
- package/dist/src/components/Panel/Panel.d.ts +0 -17
- package/dist/src/components/Statistic/Statistic.d.ts +0 -11
- package/dist/src/components/Timeline/Timeline.d.ts +0 -18
- package/dist/src/components/TopBar/TopBar.d.ts +0 -7
- package/dist/src/form/Button/Button.d.ts +0 -14
- package/dist/src/form/Dropzone/Dropzone.d.ts +0 -7
- package/dist/src/form/ScaffoldForm/FormGrid/FormGridWrapper.d.ts +0 -10
- package/dist/src/layouts/BasicLayout/BasicLayout.d.ts +0 -8
- package/dist/src/layouts/FloatingPanelLayout/FloatingPanelLayout.d.ts +0 -12
- package/dist/src/layouts/SplitLayout/SplitLayout.d.ts +0 -17
package/dist/quicksnack.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
.Header-module_header__97lwI{font-weight:700;line-height:1.28571429em;margin:0;padding:0}h1.Header-module_header__97lwI{font-size:2rem;min-height:1rem}h2.Header-module_header__97lwI{font-size:1.71428571rem}h3.Header-module_header__97lwI{font-size:1.28571429rem}h4.Header-module_header__97lwI{font-size:1.07142857rem}h5.Header-module_header__97lwI{font-size:1rem}
|
|
6
6
|
.Paragraph-module_paragraph__-EZeT{font-size:14px;line-height:20px;margin:0}
|
|
7
7
|
.Box-module_box__Wgbf3{box-sizing:border-box}
|
|
8
|
-
.AnimatedCheckmark-module_svg__VAFDr{--green:#20c997}.AnimatedCheckmark-module_mask__mH-yZ{fill:none;stroke:var(--green);stroke-width:10}.AnimatedCheckmark-module_polyline__SJRcW{
|
|
8
|
+
.AnimatedCheckmark-module_svg__VAFDr{--green:#20c997}.AnimatedCheckmark-module_mask__mH-yZ{fill:none;stroke:var(--green);stroke-width:10}.AnimatedCheckmark-module_polyline__SJRcW{animation:AnimatedCheckmark-module_polyLineAnimation__qwADN .42s ease-in-out .8s backwards;stroke:var(--green);stroke-dasharray:100px,100px;stroke-dashoffset:200px;stroke-width:10}@keyframes AnimatedCheckmark-module_polyLineAnimation__qwADN{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.AnimatedCheckmark-module_circle__1BrC5{animation:AnimatedCheckmark-module_circleAnimation__yaTjr .6s ease-in-out backwards;stroke:var(--green);stroke-dasharray:480px,480px;stroke-dashoffset:960px;stroke-width:10}@keyframes AnimatedCheckmark-module_circleAnimation__yaTjr{0%{stroke-dashoffset:480px}to{stroke-dashoffset:960px}}.AnimatedCheckmark-module_circleColored__es08R{animation:AnimatedCheckmark-module_circleColoredAnimation__AZ-hR 1.2s ease-in-out 1.4s backwards;fill:#effaf8;stroke-dasharray:480px,480px;stroke-dashoffset:960px}@keyframes AnimatedCheckmark-module_circleColoredAnimation__AZ-hR{0%{opacity:0}to{opacity:1}}
|
|
9
9
|
.BreadCrumbs-module_breadcrumbs__-UMJj{display:flex;list-style:none;margin:0;padding:0}.BreadCrumbs-module_crumb__SSW-t{display:flex}.BreadCrumbs-module_crumb__SSW-t:not(:last-of-type):after{color:var(--colors-gray);content:"/";line-height:1em;margin:auto;padding:0 var(--spacing-2) 0 0}
|
|
10
10
|
.CollapsiblePanel-module_panel__DrLNG.CollapsiblePanel-module_isClosed__2qVew{border-bottom:0}.CollapsiblePanel-module_titleActionWrapper__SBw5b{transform:scaleY(-1)}.CollapsiblePanel-module_titleActionWrapper__SBw5b.CollapsiblePanel-module_isClosed__2qVew{transform:scaleY(1)}
|
|
11
11
|
.Panel-module_wrapper__vFRhJ{background-color:var(--common-white);border:1px solid #dededf;border-radius:4px;box-shadow:0 2px 3px #0000000f}.Panel-module_meta__Gj-8n{font-size:12px;font-style:italic}.Panel-module_headerWrapper__evUCF{min-width:0}.Panel-module_header__o7SiC{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Panel-module_title__181OP.Panel-module_hasChildren__UZijE{border-bottom:1px solid #22242626;border-radius:4px}.Panel-module_title__181OP.Panel-module_hasOnClick__X5WSh{cursor:pointer;user-select:none}.Panel-module_footer__t6-hz{background-color:#fff;border-radius:4px;border-top:1px solid #22242626}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { HTMLProps, PropsWithChildren } from "react";
|
|
1
|
+
import React, { HTMLProps, PropsWithChildren } from "react";
|
|
2
2
|
interface Props extends HTMLProps<HTMLDivElement> {
|
|
3
3
|
speed?: string;
|
|
4
4
|
}
|
|
5
|
-
export declare const SlideInFromTop: ({ className, speed, ...rest }: PropsWithChildren<Props>) => JSX.Element;
|
|
5
|
+
export declare const SlideInFromTop: ({ className, speed, ...rest }: PropsWithChildren<Props>) => React.JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { ResponsiveProps } from "../../responsiveness/responsive";
|
|
2
3
|
import { PropsWithChildren, HTMLProps } from "react";
|
|
3
4
|
export interface BoxProps extends ResponsiveProps, Omit<HTMLProps<HTMLDivElement>, "width"> {
|
|
4
5
|
className?: string;
|
|
5
6
|
}
|
|
6
|
-
export declare const Box: ({ className, children, p, pt, pr, pb, pl, m, mt, mr, mb, ml, width, display, flexBasis, flexGrow, flexWrap, rowGap, columnGap, flexShrink, flexDirection, alignItems, textAlign, justifyContent, ...rest }: PropsWithChildren<BoxProps>) => JSX.Element;
|
|
7
|
+
export declare const Box: ({ className, children, p, pt, pr, pb, pl, m, mt, mr, mb, ml, width, display, flexBasis, flexGrow, flexWrap, rowGap, columnGap, flexShrink, flexDirection, alignItems, textAlign, justifyContent, ...rest }: PropsWithChildren<BoxProps>) => React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React, { PropsWithChildren } from "react";
|
|
2
|
-
export declare const BreadCrumbs: (props: PropsWithChildren<React.HTMLProps<HTMLUListElement>>) => JSX.Element;
|
|
3
|
-
export declare const Crumb: (props: PropsWithChildren<React.HTMLProps<HTMLLIElement>>) => JSX.Element;
|
|
2
|
+
export declare const BreadCrumbs: (props: PropsWithChildren<React.HTMLProps<HTMLUListElement>>) => React.JSX.Element;
|
|
3
|
+
export declare const Crumb: (props: PropsWithChildren<React.HTMLProps<HTMLLIElement>>) => React.JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ComponentPropsWithRef } from "react";
|
|
2
|
-
export declare const Container: ({ className, ...props }: ComponentPropsWithRef<"div">) => JSX.Element;
|
|
1
|
+
import React, { ComponentPropsWithRef } from "react";
|
|
2
|
+
export declare const Container: ({ className, ...props }: ComponentPropsWithRef<"div">) => React.JSX.Element;
|
|
@@ -5,7 +5,7 @@ interface Props {
|
|
|
5
5
|
stayOpenOnClick?: boolean;
|
|
6
6
|
align?: "left" | "right";
|
|
7
7
|
}
|
|
8
|
-
export declare const DropdownMenu: ({ className, ...rest }: PropsWithChildren<HTMLAttributes<HTMLUListElement>>) => JSX.Element;
|
|
9
|
-
export declare const DropdownMenuItem: ({ className, ...rest }: PropsWithChildren<HTMLAttributes<HTMLLIElement>>) => JSX.Element;
|
|
8
|
+
export declare const DropdownMenu: ({ className, ...rest }: PropsWithChildren<HTMLAttributes<HTMLUListElement>>) => React.JSX.Element;
|
|
9
|
+
export declare const DropdownMenuItem: ({ className, ...rest }: PropsWithChildren<HTMLAttributes<HTMLLIElement>>) => React.JSX.Element;
|
|
10
10
|
export declare const Dropdown: React.FC<React.PropsWithChildren<Props>>;
|
|
11
11
|
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { ButtonProps } from "../../form/Button/Button";
|
|
3
|
-
export declare const HamburgerButton: ({ className, ...props }: ButtonProps) => JSX.Element;
|
|
3
|
+
export declare const HamburgerButton: ({ className, ...props }: ButtonProps) => React.JSX.Element;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { ButtonProps } from "../../form/Button/Button";
|
|
3
|
-
export declare const MenuCloseButton: ({ className, ...props }: ButtonProps) => JSX.Element;
|
|
3
|
+
export declare const MenuCloseButton: ({ className, ...props }: ButtonProps) => React.JSX.Element;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { HTMLProps } from "react";
|
|
2
|
-
export declare const Overlay: ({ className, ...rest }: HTMLProps<HTMLDivElement>) => JSX.Element;
|
|
1
|
+
import React, { HTMLProps } from "react";
|
|
2
|
+
export declare const Overlay: ({ className, ...rest }: HTMLProps<HTMLDivElement>) => React.JSX.Element;
|
|
@@ -6,5 +6,5 @@ interface Props<ID> {
|
|
|
6
6
|
onClick?: (id: ID) => void;
|
|
7
7
|
variant?: "hint" | "error";
|
|
8
8
|
}
|
|
9
|
-
export declare const Tab: <ID>({ id, isActive, onClick, variant, ...restProps }: React.PropsWithChildren<Props<ID> & Omit<BoxProps, "id" | "onClick">>) => JSX.Element;
|
|
9
|
+
export declare const Tab: <ID>({ id, isActive, onClick, variant, ...restProps }: React.PropsWithChildren<Props<ID> & Omit<BoxProps, "id" | "onClick">>) => React.JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { BoxProps } from "../Box/Box";
|
|
3
|
-
export declare const Tabs: ({ className, ...rest }: BoxProps) => JSX.Element;
|
|
3
|
+
export declare const Tabs: ({ className, ...rest }: BoxProps) => React.JSX.Element;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
interface Props {
|
|
3
3
|
isChecked?: boolean;
|
|
4
4
|
isDisabled?: boolean;
|
|
5
5
|
onChange?: (checked: boolean) => void;
|
|
6
6
|
}
|
|
7
|
-
export declare const Toggle: ({ isChecked, isDisabled, onChange }: Props) => JSX.Element;
|
|
7
|
+
export declare const Toggle: ({ isChecked, isDisabled, onChange }: Props) => React.JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { PropsWithChildren } from "react";
|
|
1
|
+
import React, { PropsWithChildren } from "react";
|
|
2
2
|
export interface LabelProps {
|
|
3
3
|
error?: boolean;
|
|
4
4
|
isRequired?: boolean;
|
|
5
5
|
className?: string;
|
|
6
6
|
}
|
|
7
|
-
export declare const Label: ({ error, isRequired, className, children, }: PropsWithChildren<LabelProps>) => JSX.Element;
|
|
7
|
+
export declare const Label: ({ error, isRequired, className, children, }: PropsWithChildren<LabelProps>) => React.JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { HTMLProps } from "react";
|
|
1
|
+
import React, { HTMLProps } from "react";
|
|
2
2
|
import { Responsive } from "../../../responsiveness/responsive";
|
|
3
3
|
interface Props extends HTMLProps<HTMLDivElement> {
|
|
4
4
|
columns?: Responsive<string>;
|
|
5
5
|
}
|
|
6
|
-
export declare const FormGrid: ({ columns, className, ...props }: Props) => JSX.Element;
|
|
6
|
+
export declare const FormGrid: ({ columns, className, ...props }: Props) => React.JSX.Element;
|
|
7
7
|
export {};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from "react";
|
|
1
2
|
import { OnlyResponsive, Responsive } from "../../../responsiveness/responsive";
|
|
2
3
|
import { PropsWithChildren } from "react";
|
|
3
4
|
export declare type Dimensions = {
|
|
@@ -12,4 +13,4 @@ export declare type FormGridCellProps = {
|
|
|
12
13
|
rowOffset?: number;
|
|
13
14
|
className?: string;
|
|
14
15
|
};
|
|
15
|
-
export declare const FormGridCell: ({ position, align, rowOffset, children, className, }: PropsWithChildren<FormGridCellProps>) => JSX.Element;
|
|
16
|
+
export declare const FormGridCell: ({ position, align, rowOffset, children, className, }: PropsWithChildren<FormGridCellProps>) => React.JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
export declare const scaffoldFormProps: {
|
|
3
3
|
fields: {
|
|
4
4
|
firstName: {
|
|
@@ -68,7 +68,7 @@ export declare const scaffoldFormProps: {
|
|
|
68
68
|
type: "DropZone";
|
|
69
69
|
props: {
|
|
70
70
|
label: string;
|
|
71
|
-
icon: JSX.Element;
|
|
71
|
+
icon: React.JSX.Element;
|
|
72
72
|
placeholder: string;
|
|
73
73
|
};
|
|
74
74
|
};
|
|
@@ -85,7 +85,7 @@ export declare const scaffoldFormProps: {
|
|
|
85
85
|
props: {
|
|
86
86
|
children: string;
|
|
87
87
|
variant: "primary";
|
|
88
|
-
icon: JSX.Element;
|
|
88
|
+
icon: React.JSX.Element;
|
|
89
89
|
};
|
|
90
90
|
};
|
|
91
91
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { HTMLAttributes, PropsWithChildren } from "react";
|
|
2
|
-
export declare const Paragraph: ({ className, ...props }: PropsWithChildren<HTMLAttributes<HTMLParagraphElement>>) => JSX.Element;
|
|
1
|
+
import React, { HTMLAttributes, PropsWithChildren } from "react";
|
|
2
|
+
export declare const Paragraph: ({ className, ...props }: PropsWithChildren<HTMLAttributes<HTMLParagraphElement>>) => React.JSX.Element;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "quicksnack",
|
|
3
3
|
"description": "Quickly create beautiful admin layouts using react",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.83.0",
|
|
5
5
|
"private": false,
|
|
6
6
|
"files": [
|
|
7
7
|
"dist/**"
|
|
@@ -41,14 +41,16 @@
|
|
|
41
41
|
"dependencies": {
|
|
42
42
|
"clsx": "1.1.1",
|
|
43
43
|
"lodash.chunk": "4.2.0",
|
|
44
|
-
"lodash.difference": "4.5.0"
|
|
44
|
+
"lodash.difference": "4.5.0",
|
|
45
|
+
"postcss": "^8.5.10"
|
|
45
46
|
},
|
|
46
47
|
"peerDependencies": {
|
|
47
|
-
"react": "^17.0.1 || ^18.0.0",
|
|
48
|
-
"react-dom": "^17.0.1 || ^18.0.0"
|
|
48
|
+
"react": "^17.0.1 || ^18.0.0 || ^19.0.0",
|
|
49
|
+
"react-dom": "^17.0.1 || ^18.0.0 || ^19.0.0"
|
|
49
50
|
},
|
|
50
51
|
"resolutions": {
|
|
51
|
-
"@types/react": "
|
|
52
|
+
"@types/react": "^19.0.0",
|
|
53
|
+
"@types/react-dom": "^19.0.0"
|
|
52
54
|
},
|
|
53
55
|
"devDependencies": {
|
|
54
56
|
"@babel/preset-env": "^7.23.6",
|
|
@@ -61,14 +63,11 @@
|
|
|
61
63
|
"@semantic-release/git": "10.0.1",
|
|
62
64
|
"@semantic-release/gitlab": "13.2.9",
|
|
63
65
|
"@semantic-release/npm": "13.1.3",
|
|
64
|
-
"@storybook/addon-
|
|
65
|
-
"@storybook/addon-essentials": "7.6.1",
|
|
66
|
-
"@storybook/addon-links": "7.6.1",
|
|
66
|
+
"@storybook/addon-links": "10.3.5",
|
|
67
67
|
"@storybook/addon-styling-webpack": "^0.0.5",
|
|
68
|
-
"@storybook/
|
|
69
|
-
"@storybook/preset-create-react-app": "
|
|
70
|
-
"@storybook/react": "
|
|
71
|
-
"@storybook/react-webpack5": "7.6.1",
|
|
68
|
+
"@storybook/addon-webpack5-compiler-babel": "^4.0.1",
|
|
69
|
+
"@storybook/preset-create-react-app": "10.3.5",
|
|
70
|
+
"@storybook/react-webpack5": "10.3.5",
|
|
72
71
|
"@testing-library/jest-dom": "5.16.4",
|
|
73
72
|
"@testing-library/react": "13.2.0",
|
|
74
73
|
"@testing-library/user-event": "14.2.0",
|
|
@@ -76,8 +75,8 @@
|
|
|
76
75
|
"@types/lodash.chunk": "^4.2.7",
|
|
77
76
|
"@types/lodash.difference": "^4.5.7",
|
|
78
77
|
"@types/node": "16.11.36",
|
|
79
|
-
"@types/react": "
|
|
80
|
-
"@types/react-dom": "
|
|
78
|
+
"@types/react": "^19.0.0",
|
|
79
|
+
"@types/react-dom": "^19.0.0",
|
|
81
80
|
"babel-loader": "8.2.5",
|
|
82
81
|
"commander": "^11.1.0",
|
|
83
82
|
"css-loader": "^6.8.1",
|
|
@@ -88,19 +87,20 @@
|
|
|
88
87
|
"postcss-loader": "^7.3.3",
|
|
89
88
|
"postcss-nested": "^6.0.1",
|
|
90
89
|
"prettier": "^3.1.1",
|
|
91
|
-
"react": "
|
|
92
|
-
"react-dom": "
|
|
90
|
+
"react": "^19.0.0",
|
|
91
|
+
"react-dom": "^19.0.0",
|
|
93
92
|
"react-hook-form": "7.34.0",
|
|
94
93
|
"react-icons": "4.3.1",
|
|
95
94
|
"rollup": "4.6.1",
|
|
96
95
|
"rollup-plugin-copy": "^3.5.0",
|
|
97
96
|
"rollup-plugin-postcss": "^4.0.2",
|
|
98
97
|
"semantic-release": "25.0.2",
|
|
99
|
-
"storybook": "
|
|
98
|
+
"storybook": "10.3.5",
|
|
100
99
|
"style-loader": "^3.3.3",
|
|
101
100
|
"styled-components": "6.0.7",
|
|
102
101
|
"ts-node": "^10.9.2",
|
|
103
102
|
"tslib": "^2.6.2",
|
|
104
|
-
"typescript": "4.6.4"
|
|
103
|
+
"typescript": "4.6.4",
|
|
104
|
+
"@storybook/addon-docs": "10.3.5"
|
|
105
105
|
}
|
|
106
106
|
}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface Props {
|
|
3
|
-
title?: string | JSX.Element;
|
|
4
|
-
variant?: "positive" | "negative" | "info" | "warning" | "basic" | "emphasized";
|
|
5
|
-
actions?: JSX.Element;
|
|
6
|
-
}
|
|
7
|
-
export declare const Alert: React.FC<React.PropsWithChildren<Props>>;
|
|
8
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Button } from "../../form/Button/Button";
|
|
3
|
-
interface Props {
|
|
4
|
-
title: string;
|
|
5
|
-
cancelLabel?: string;
|
|
6
|
-
confirmLabel?: string;
|
|
7
|
-
confirmIcon?: JSX.Element;
|
|
8
|
-
confirmVariant?: React.ComponentProps<typeof Button>["variant"];
|
|
9
|
-
cancelIcon?: JSX.Element;
|
|
10
|
-
isOpen: boolean;
|
|
11
|
-
onConfirm: () => void;
|
|
12
|
-
onCancel: () => void;
|
|
13
|
-
}
|
|
14
|
-
export declare const ConfirmModal: React.FC<React.PropsWithChildren<Props>>;
|
|
15
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface Props {
|
|
3
|
-
onConfirm: () => void;
|
|
4
|
-
buttonLabel: string | JSX.Element;
|
|
5
|
-
buttonIcon?: JSX.Element;
|
|
6
|
-
title: string | JSX.Element;
|
|
7
|
-
subtitle?: string | JSX.Element;
|
|
8
|
-
}
|
|
9
|
-
export declare const Feedback: React.FC<Props>;
|
|
10
|
-
export {};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { BoxProps } from "../Box/Box";
|
|
2
|
-
import React from "react";
|
|
3
|
-
interface ItemWithElement {
|
|
4
|
-
element: JSX.Element;
|
|
5
|
-
stretch?: boolean;
|
|
6
|
-
forceEqualWidth?: boolean;
|
|
7
|
-
}
|
|
8
|
-
interface Props extends BoxProps {
|
|
9
|
-
stretch?: boolean;
|
|
10
|
-
forceEqualWidth?: boolean;
|
|
11
|
-
multiRow?: boolean;
|
|
12
|
-
items: Array<JSX.Element | false | ItemWithElement>;
|
|
13
|
-
}
|
|
14
|
-
export declare const Floater: React.FC<React.PropsWithChildren<Props>>;
|
|
15
|
-
export {};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from "react";
|
|
2
|
-
interface Props {
|
|
3
|
-
item: string | JSX.Element;
|
|
4
|
-
isOpen?: boolean;
|
|
5
|
-
isActive?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const Menu: ({ children }: PropsWithChildren<unknown>) => JSX.Element;
|
|
8
|
-
export declare const MenuItem: React.FC<React.PropsWithChildren<Props>>;
|
|
9
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Panel } from "../Panel/Panel";
|
|
3
|
-
interface Props extends React.ComponentProps<typeof Panel> {
|
|
4
|
-
handleClickOverlay: () => void;
|
|
5
|
-
buttons?: JSX.Element;
|
|
6
|
-
}
|
|
7
|
-
export declare const Modal: React.FC<React.PropsWithChildren<Props>>;
|
|
8
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { CSSProperties } from "react";
|
|
2
|
-
import { BoxProps } from "../Box/Box";
|
|
3
|
-
import { Header } from "../../typography/Header/Header";
|
|
4
|
-
export interface PanelProps {
|
|
5
|
-
className?: string;
|
|
6
|
-
p?: number;
|
|
7
|
-
title?: string | JSX.Element;
|
|
8
|
-
titleLevel?: React.ComponentProps<typeof Header>["level"];
|
|
9
|
-
titleMeta?: string | JSX.Element;
|
|
10
|
-
onClickTitle?: React.MouseEventHandler;
|
|
11
|
-
footer?: string | JSX.Element;
|
|
12
|
-
titleAction?: string | JSX.Element;
|
|
13
|
-
stageProps?: BoxProps;
|
|
14
|
-
footerProps?: BoxProps;
|
|
15
|
-
style?: CSSProperties;
|
|
16
|
-
}
|
|
17
|
-
export declare const Panel: React.FC<React.PropsWithChildren<PanelProps>>;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface Props {
|
|
3
|
-
icon: JSX.Element;
|
|
4
|
-
value: string;
|
|
5
|
-
label: string;
|
|
6
|
-
smallerValue?: boolean;
|
|
7
|
-
valueTestId?: string;
|
|
8
|
-
backgroundColor: "blue" | "indigo" | "purple" | "pink" | "red" | "orange" | "yellow" | "green" | "teal" | "cyan" | "gray" | "grayDark" | "light" | "dark";
|
|
9
|
-
}
|
|
10
|
-
export declare const Statistic: React.FC<React.PropsWithChildren<Props>>;
|
|
11
|
-
export {};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
interface TimeLineProps {
|
|
3
|
-
title?: string | JSX.Element;
|
|
4
|
-
titleMeta?: string | JSX.Element;
|
|
5
|
-
isInitiallyOpen: boolean;
|
|
6
|
-
icon: JSX.Element;
|
|
7
|
-
chevron: string | JSX.Element;
|
|
8
|
-
color: string;
|
|
9
|
-
}
|
|
10
|
-
export declare const Timeline: React.FC<React.PropsWithChildren<TimeLineProps>>;
|
|
11
|
-
interface SimpleTimeLineProps {
|
|
12
|
-
title?: string | JSX.Element;
|
|
13
|
-
titleMeta?: string | JSX.Element;
|
|
14
|
-
icon: JSX.Element;
|
|
15
|
-
color: string;
|
|
16
|
-
}
|
|
17
|
-
export declare const SimpleTimeline: React.FC<SimpleTimeLineProps>;
|
|
18
|
-
export {};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
declare type Variant = "default" | "primary" | "secondary" | "danger" | "basic" | "text";
|
|
3
|
-
export interface ButtonProps extends React.ButtonHTMLAttributes<any> {
|
|
4
|
-
icon?: JSX.Element;
|
|
5
|
-
variant?: Variant;
|
|
6
|
-
hasChildren?: boolean;
|
|
7
|
-
actionButton?: boolean;
|
|
8
|
-
stretch?: boolean;
|
|
9
|
-
inline?: boolean;
|
|
10
|
-
interactiveDisabled?: boolean;
|
|
11
|
-
"data-testid"?: string;
|
|
12
|
-
}
|
|
13
|
-
export declare const Button: React.FC<React.PropsWithChildren<ButtonProps>>;
|
|
14
|
-
export {};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { FormGridCellProps } from "./FormGridCell";
|
|
3
|
-
export interface FormGridWrapperProps extends FormGridCellProps {
|
|
4
|
-
isRequired?: boolean;
|
|
5
|
-
label?: string | JSX.Element;
|
|
6
|
-
hint?: string | JSX.Element;
|
|
7
|
-
error?: string | JSX.Element;
|
|
8
|
-
skip?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export declare const FormGridWrapper: React.FC<React.PropsWithChildren<FormGridWrapperProps>>;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { DefaultLayoutProps } from "../DefaultLayout";
|
|
3
|
-
interface Props extends DefaultLayoutProps {
|
|
4
|
-
isLoading?: boolean;
|
|
5
|
-
loader?: string | JSX.Element;
|
|
6
|
-
}
|
|
7
|
-
export declare const BasicLayout: React.FC<React.PropsWithChildren<Props>>;
|
|
8
|
-
export {};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { Panel } from "../../components/Panel/Panel";
|
|
3
|
-
interface Props {
|
|
4
|
-
logoUrl?: string;
|
|
5
|
-
imageUrl: string;
|
|
6
|
-
panelProps: React.ComponentProps<typeof Panel>;
|
|
7
|
-
alert?: JSX.Element;
|
|
8
|
-
backgroundBaseColor?: string;
|
|
9
|
-
backgroundOpacity?: number;
|
|
10
|
-
}
|
|
11
|
-
export declare const FloatingPanelLayout: React.FC<React.PropsWithChildren<Props>>;
|
|
12
|
-
export {};
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React, { PropsWithChildren } from "react";
|
|
2
|
-
import { BoxProps } from "../../components/Box/Box";
|
|
3
|
-
import { DefaultLayoutProps } from "../DefaultLayout";
|
|
4
|
-
export interface SplitLayoutProps extends DefaultLayoutProps {
|
|
5
|
-
isLoading?: boolean;
|
|
6
|
-
loader?: string | JSX.Element;
|
|
7
|
-
}
|
|
8
|
-
export declare const SplitLayout: React.FC<PropsWithChildren<SplitLayoutProps>>;
|
|
9
|
-
export interface SplitProps {
|
|
10
|
-
leftWidth?: string;
|
|
11
|
-
left: JSX.Element;
|
|
12
|
-
right: JSX.Element;
|
|
13
|
-
leftBoxProps?: BoxProps;
|
|
14
|
-
rightBoxProps?: BoxProps;
|
|
15
|
-
wrapperBoxProps?: BoxProps;
|
|
16
|
-
}
|
|
17
|
-
export declare const Split: ({ leftWidth, wrapperBoxProps, left, leftBoxProps, right, rightBoxProps, }: SplitProps) => JSX.Element;
|