@canonical/maas-react-components 2.7.0 → 2.7.2
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/@canonical/maas-react-components.es.js +2 -678
- package/dist/components/DynamicTable/DynamicTable.d.ts +3 -3
- package/dist/components/DynamicTable/DynamicTable.stories.d.ts +1 -1
- package/dist/components/FileUpload/FileUpload.stories.d.ts +1 -1
- package/dist/components/GenericTable/GenericTable.stories.d.ts +1 -1
- package/dist/components/GenericTable/components/PaginationBar/ControlsBar/ControlsBar.d.ts +2 -2
- package/dist/components/GenericTable/components/TableCheckbox/TableCheckbox.d.ts +2 -2
- package/dist/components/GenericTable/utils/renderDataRows.d.ts +1 -1
- package/dist/components/GenericTable/utils/renderLoadingRows.d.ts +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts +1 -1
- package/dist/components/NestedFormGroup/NestedFormGroup.d.ts +1 -1
- package/dist/components/NestedFormGroup/NestedFormGroup.stories.d.ts +2 -2
- package/dist/components/Pagination/Pagination.stories.d.ts +3 -3
- package/dist/components/QueryInput/QueryInput.stories.d.ts +1 -1
- package/dist/components/Stepper/Stepper.stories.d.ts +1 -1
- package/dist/components/TableCaption/TableCaption.d.ts +3 -3
- package/dist/components/TableCaption/TableCaption.stories.d.ts +1 -1
- package/dist/constants.d.ts +6 -0
- package/dist/elements/ExternalLink/ExternalLink.d.ts +1 -1
- package/dist/elements/ExternalLink/ExternalLink.stories.d.ts +1 -1
- package/dist/elements/Meter/Meter.d.ts +2 -2
- package/dist/elements/Meter/Meter.stories.d.ts +2 -2
- package/dist/elements/Placeholder/Placeholder.stories.d.ts +1 -1
- package/dist/lib-BEVV6FLF.mjs +2018 -0
- package/dist/maas-react-components.css +2 -1
- package/dist/sections/ContentSection/ContentSection.d.ts +6 -6
- package/dist/sections/ContentSection/ContentSection.stories.d.ts +5 -5
- package/dist/sections/FormSection/FormSection.d.ts +4 -4
- package/dist/sections/FormSection/FormSection.stories.d.ts +3 -3
- package/dist/sections/InputGroup/InputGroup.d.ts +3 -3
- package/dist/sections/InputGroup/InputGroup.stories.d.ts +3 -3
- package/dist/sections/MainToolbar/MainToolbar.d.ts +4 -4
- package/dist/sections/MainToolbar/MainToolbar.stories.d.ts +2 -2
- package/dist/sections/Navigation/Banner/Banner.d.ts +1 -1
- package/dist/sections/Navigation/Banner/Banner.stories.d.ts +2 -2
- package/dist/sections/Navigation/CollapseToggle/CollapseToggle.stories.d.ts +1 -1
- package/dist/sections/Navigation/Content/Content.d.ts +1 -1
- package/dist/sections/Navigation/Content/Content.stories.d.ts +2 -2
- package/dist/sections/Navigation/Controls/Controls.d.ts +1 -1
- package/dist/sections/Navigation/Controls/Controls.stories.d.ts +2 -2
- package/dist/sections/Navigation/Drawer/Drawer.d.ts +1 -1
- package/dist/sections/Navigation/Drawer/Drawer.stories.d.ts +2 -2
- package/dist/sections/Navigation/Footer/Footer.d.ts +1 -1
- package/dist/sections/Navigation/Footer/Footer.stories.d.ts +2 -2
- package/dist/sections/Navigation/Header/Header.d.ts +1 -1
- package/dist/sections/Navigation/Header/Header.stories.d.ts +2 -2
- package/dist/sections/Navigation/Icon/Icon.d.ts +1 -1
- package/dist/sections/Navigation/Icon/Icon.stories.d.ts +1 -1
- package/dist/sections/Navigation/Item/Item.d.ts +1 -1
- package/dist/sections/Navigation/Item/Item.stories.d.ts +3 -3
- package/dist/sections/Navigation/Label/Label.d.ts +1 -1
- package/dist/sections/Navigation/Label/Label.stories.d.ts +1 -1
- package/dist/sections/Navigation/Link/Link.d.ts +2 -2
- package/dist/sections/Navigation/Link/Link.stories.d.ts +3 -3
- package/dist/sections/Navigation/List/List.d.ts +1 -1
- package/dist/sections/Navigation/List/List.stories.d.ts +2 -2
- package/dist/sections/Navigation/Logo/Logo.d.ts +2 -2
- package/dist/sections/Navigation/Logo/Logo.stories.d.ts +2 -2
- package/dist/sections/Navigation/LogoIcon/LogoIcon.stories.d.ts +2 -2
- package/dist/sections/Navigation/LogoName/LogoName.d.ts +1 -1
- package/dist/sections/Navigation/LogoName/LogoName.stories.d.ts +1 -1
- package/dist/sections/Navigation/LogoTag/LogoTag.d.ts +1 -1
- package/dist/sections/Navigation/LogoTag/LogoTag.stories.d.ts +2 -2
- package/dist/sections/Navigation/LogoText/LogoText.d.ts +1 -1
- package/dist/sections/Navigation/MenuButton/MenuButton.d.ts +1 -1
- package/dist/sections/Navigation/MenuButton/MenuButton.stories.d.ts +1 -1
- package/dist/sections/Navigation/Navigation.d.ts +19 -19
- package/dist/sections/Navigation/Navigation.stories.d.ts +3 -3
- package/dist/sections/Navigation/Text/Text.d.ts +1 -1
- package/dist/sections/SidePanel/SidePanel.stories.d.ts +1 -1
- package/dist/sections/SidePanel/index.d.ts +1 -0
- package/dist/testing/index.es.js +112 -129
- package/dist/testing/mockSidePanel.d.ts +3 -2
- package/dist/testing/spyOnMutation.d.ts +2 -1
- package/dist/types.d.ts +7 -0
- package/dist/utils/formatBytes/formatBytes.stories.d.ts +1 -1
- package/package.json +12 -15
- package/dist/QueryInput-D7uXzKgr.mjs +0 -1648
|
@@ -4,7 +4,7 @@ type ControlsBarProps = PropsWithChildren<{
|
|
|
4
4
|
}>;
|
|
5
5
|
declare const ControlsBar: {
|
|
6
6
|
({ children, "aria-label": ariaLabel, }: ControlsBarProps): ReactElement;
|
|
7
|
-
Left: ({ children }: PropsWithChildren<object>) => import("react
|
|
8
|
-
Right: ({ children }: PropsWithChildren<object>) => import("react
|
|
7
|
+
Left: ({ children }: PropsWithChildren<object>) => import("react").JSX.Element;
|
|
8
|
+
Right: ({ children }: PropsWithChildren<object>) => import("react").JSX.Element;
|
|
9
9
|
};
|
|
10
10
|
export default ControlsBar;
|
|
@@ -9,7 +9,7 @@ declare const TableCheckbox: {
|
|
|
9
9
|
disabledTooltip?: string | ((row: Row<T>) => string);
|
|
10
10
|
isNested?: boolean;
|
|
11
11
|
}): ReactElement | null;
|
|
12
|
-
All: <T>({ table, ...props }: TableCheckboxProps<T>) => import("react
|
|
13
|
-
Group: <T>({ row, ...props }: TableCheckboxProps<T>) => import("react
|
|
12
|
+
All: <T>({ table, ...props }: TableCheckboxProps<T>) => import("react").JSX.Element | null;
|
|
13
|
+
Group: <T>({ row, ...props }: TableCheckboxProps<T>) => import("react").JSX.Element;
|
|
14
14
|
};
|
|
15
15
|
export default TableCheckbox;
|
|
@@ -8,4 +8,4 @@ export declare const renderDataRows: <T extends GenericTableData>({ table, colum
|
|
|
8
8
|
getSubRows?: (originalRow: T, index: number) => T[] | undefined;
|
|
9
9
|
noData: ReactNode;
|
|
10
10
|
selection?: SelectionProps<T>;
|
|
11
|
-
}) => import("react
|
|
11
|
+
}) => import("react").JSX.Element | import("react").JSX.Element[];
|
|
@@ -8,4 +8,4 @@ export declare const renderLoadingRows: <T extends GenericTableData>({ table, co
|
|
|
8
8
|
loadingVariant?: "skeleton" | "spinner";
|
|
9
9
|
skeletonRowCount: number;
|
|
10
10
|
skeletonGroupCount: number;
|
|
11
|
-
}) => import("react
|
|
11
|
+
}) => import("react").JSX.Element | import("react").JSX.Element[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { AriaAttributes, PropsWithChildren } from 'react';
|
|
2
|
-
export declare const NestedFormGroup: ({ children, ...props }: PropsWithChildren & Pick<AriaAttributes, "aria-hidden">) => import("react
|
|
2
|
+
export declare const NestedFormGroup: ({ children, ...props }: PropsWithChildren & Pick<AriaAttributes, "aria-hidden">) => import("react").JSX.Element;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
1
|
+
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { NestedFormGroup } from '.';
|
|
3
3
|
declare const meta: Meta<typeof NestedFormGroup>;
|
|
4
4
|
export default meta;
|
|
@@ -8,7 +8,7 @@ export declare const Example: {
|
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
10
|
export declare const ControlledExample: {
|
|
11
|
-
render: () => import("react
|
|
11
|
+
render: () => import("react").JSX.Element;
|
|
12
12
|
parameters: {
|
|
13
13
|
docs: {
|
|
14
14
|
source: {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
2
|
-
import { Pagination } from '
|
|
1
|
+
import { Meta } from '@storybook/react-vite';
|
|
2
|
+
import { Pagination } from '../..';
|
|
3
3
|
declare const meta: Meta<typeof Pagination>;
|
|
4
4
|
export default meta;
|
|
5
5
|
export declare const Example: {
|
|
@@ -15,7 +15,7 @@ export declare const Example: {
|
|
|
15
15
|
};
|
|
16
16
|
};
|
|
17
17
|
export declare const ControlledExample: {
|
|
18
|
-
render: () => import("react
|
|
18
|
+
render: () => import("react").JSX.Element;
|
|
19
19
|
parameters: {
|
|
20
20
|
docs: {
|
|
21
21
|
source: {
|
|
@@ -7,8 +7,8 @@ type TableCationProps = PropsWithChildren;
|
|
|
7
7
|
* @returns
|
|
8
8
|
*/
|
|
9
9
|
export declare const TableCaption: {
|
|
10
|
-
({ children }: TableCationProps): import("react
|
|
11
|
-
Title: ({ children }: TableCationProps) => import("react
|
|
12
|
-
Description: ({ children }: TableCationProps) => import("react
|
|
10
|
+
({ children }: TableCationProps): import("react").JSX.Element;
|
|
11
|
+
Title: ({ children }: TableCationProps) => import("react").JSX.Element;
|
|
12
|
+
Description: ({ children }: TableCationProps) => import("react").JSX.Element;
|
|
13
13
|
};
|
|
14
14
|
export {};
|
|
@@ -2,5 +2,5 @@ import { LinkProps } from '@canonical/react-components';
|
|
|
2
2
|
type ExternalLinkProps = Omit<LinkProps, "href"> & {
|
|
3
3
|
to: string;
|
|
4
4
|
};
|
|
5
|
-
export declare const ExternalLink: ({ children, to, ...props }: ExternalLinkProps) => import("react
|
|
5
|
+
export declare const ExternalLink: ({ children, to, ...props }: ExternalLinkProps) => import("react").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -30,8 +30,8 @@ export declare const testIds: {
|
|
|
30
30
|
segments: string;
|
|
31
31
|
};
|
|
32
32
|
declare const Meter: {
|
|
33
|
-
({ className, children, data, max, variant, size, ...props }: MeterProps):
|
|
34
|
-
Label: ({ className, children, }: React.PropsWithChildren<Pick<MeterProps, "className">>) =>
|
|
33
|
+
({ className, children, data, max, variant, size, ...props }: MeterProps): React.JSX.Element;
|
|
34
|
+
Label: ({ className, children, }: React.PropsWithChildren<Pick<MeterProps, "className">>) => React.JSX.Element;
|
|
35
35
|
};
|
|
36
36
|
export interface MeterSegmentProps extends Omit<MeterProps, "children"> {
|
|
37
37
|
datumWidths: number[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Meta } from '@storybook/react';
|
|
1
|
+
import { Meta } from '@storybook/react-vite';
|
|
2
2
|
import { Meter } from '.';
|
|
3
3
|
declare const meta: Meta<typeof Meter>;
|
|
4
4
|
export default meta;
|
|
@@ -25,7 +25,7 @@ export declare const WithLabel: {
|
|
|
25
25
|
value: number;
|
|
26
26
|
color: string;
|
|
27
27
|
}[];
|
|
28
|
-
children: import("react
|
|
28
|
+
children: import("react").JSX.Element;
|
|
29
29
|
};
|
|
30
30
|
};
|
|
31
31
|
export declare const NoItems: {
|