@canonical/maas-react-components 1.28.0 → 1.28.1
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 +322 -330
- package/dist/@canonical/maas-react-components.umd.js +7 -7
- package/dist/src/lib/components/DynamicTable/DynamicTable.d.ts +3 -3
- package/dist/src/lib/components/DynamicTable/DynamicTable.stories.d.ts +2 -1
- package/dist/src/lib/components/DynamicTable/index.d.ts +1 -1
- package/dist/src/lib/components/FadeInDown/FadeInDown.d.ts +2 -2
- package/dist/src/lib/components/FadeInDown/index.d.ts +1 -1
- package/dist/src/lib/components/FileUpload/FileUpload.d.ts +3 -3
- package/dist/src/lib/components/FileUpload/FileUpload.stories.d.ts +2 -1
- package/dist/src/lib/components/FileUpload/hooks.d.ts +3 -2
- package/dist/src/lib/components/FileUpload/index.d.ts +1 -1
- package/dist/src/lib/components/MultiSelect/MultiSelect.d.ts +2 -2
- package/dist/src/lib/components/MultiSelect/MultiSelect.stories.d.ts +2 -1
- package/dist/src/lib/components/MultiSelect/index.d.ts +1 -1
- package/dist/src/lib/components/NestedFormGroup/NestedFormGroup.d.ts +2 -2
- package/dist/src/lib/components/NestedFormGroup/NestedFormGroup.stories.d.ts +3 -2
- package/dist/src/lib/components/NestedFormGroup/index.d.ts +1 -1
- package/dist/src/lib/components/Pagination/Pagination.d.ts +2 -2
- package/dist/src/lib/components/Pagination/Pagination.stories.d.ts +3 -2
- package/dist/src/lib/components/Pagination/index.d.ts +1 -1
- package/dist/src/lib/components/Stepper/Stepper.d.ts +1 -0
- package/dist/src/lib/components/Stepper/Stepper.stories.d.ts +2 -1
- package/dist/src/lib/components/Stepper/index.d.ts +1 -1
- package/dist/src/lib/components/TableCaption/TableCaption.d.ts +2 -1
- package/dist/src/lib/components/TableCaption/TableCaption.stories.d.ts +2 -1
- package/dist/src/lib/components/TableCaption/index.d.ts +1 -1
- package/dist/src/lib/components/index.d.ts +7 -7
- package/dist/src/lib/elements/ExternalLink/ExternalLink.d.ts +3 -2
- package/dist/src/lib/elements/ExternalLink/ExternalLink.stories.d.ts +3 -2
- package/dist/src/lib/elements/ExternalLink/index.d.ts +1 -1
- package/dist/src/lib/elements/Meter/Meter.d.ts +0 -1
- package/dist/src/lib/elements/Meter/Meter.stories.d.ts +3 -2
- package/dist/src/lib/elements/Meter/index.d.ts +1 -1
- package/dist/src/lib/elements/Placeholder/Placeholder.d.ts +2 -2
- package/dist/src/lib/elements/Placeholder/Placeholder.stories.d.ts +2 -1
- package/dist/src/lib/elements/Placeholder/index.d.ts +1 -1
- package/dist/src/lib/elements/ProgressIndicator/ProgressIndicator.d.ts +1 -2
- package/dist/src/lib/elements/ProgressIndicator/index.d.ts +1 -1
- package/dist/src/lib/elements/index.d.ts +4 -4
- package/dist/src/lib/index.d.ts +4 -4
- package/dist/src/lib/sections/ContentSection/ContentSection.d.ts +1 -2
- package/dist/src/lib/sections/ContentSection/ContentSection.stories.d.ts +2 -1
- package/dist/src/lib/sections/ContentSection/index.d.ts +1 -1
- package/dist/src/lib/sections/FormSection/FormSection.d.ts +0 -1
- package/dist/src/lib/sections/FormSection/FormSection.stories.d.ts +3 -2
- package/dist/src/lib/sections/FormSection/index.d.ts +1 -1
- package/dist/src/lib/sections/InputGroup/InputGroup.d.ts +1 -0
- package/dist/src/lib/sections/InputGroup/InputGroup.stories.d.ts +3 -2
- package/dist/src/lib/sections/InputGroup/index.d.ts +1 -1
- package/dist/src/lib/sections/MainToolbar/MainToolbar.d.ts +1 -2
- package/dist/src/lib/sections/MainToolbar/MainToolbar.stories.d.ts +2 -1
- package/dist/src/lib/sections/MainToolbar/index.d.ts +1 -1
- package/dist/src/lib/sections/Navigation/Banner/Banner.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Banner/Banner.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/CollapseToggle/CollapseToggle.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Content/Content.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Content/Content.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Controls/Controls.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Controls/Controls.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Drawer/Drawer.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Drawer/Drawer.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Footer/Footer.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Footer/Footer.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Header/Header.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Header/Header.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Icon/Icon.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Item/Item.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Item/Item.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Label/Label.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Label/Label.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Link/Link.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Link/Link.stories.d.ts +3 -2
- package/dist/src/lib/sections/Navigation/List/List.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/List/List.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Logo/Logo.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Logo/Logo.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/LogoIcon/LogoIcon.d.ts +3 -2
- package/dist/src/lib/sections/Navigation/LogoIcon/LogoIcon.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/LogoName/LogoName.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/LogoName/LogoName.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/LogoTag/LogoTag.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/LogoTag/LogoTag.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/LogoText/LogoText.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/MenuButton/MenuButton.d.ts +3 -2
- package/dist/src/lib/sections/Navigation/MenuButton/MenuButton.stories.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/Navigation.d.ts +21 -21
- package/dist/src/lib/sections/Navigation/Navigation.stories.d.ts +3 -2
- package/dist/src/lib/sections/Navigation/Text/Text.d.ts +2 -1
- package/dist/src/lib/sections/Navigation/index.d.ts +1 -1
- package/dist/src/lib/sections/index.d.ts +5 -5
- package/dist/src/lib/utils/formatBytes/formatBytes.stories.d.ts +2 -1
- package/dist/src/lib/utils/formatBytes/index.d.ts +1 -1
- package/dist/src/lib/utils/index.d.ts +1 -1
- package/dist/src/types.d.ts +2 -1
- package/dist/style.css +1 -1
- package/dist/vitest-setup.d.ts +1 -0
- package/package.json +12 -12
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { Meta, StoryObj } from "@storybook/react";
|
|
2
1
|
import { Placeholder } from './Placeholder';
|
|
2
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
|
|
3
4
|
declare const meta: Meta<typeof Placeholder>;
|
|
4
5
|
export default meta;
|
|
5
6
|
export declare const TextExample: StoryObj<typeof Placeholder>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Placeholder';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './ProgressIndicator';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
1
|
+
export * from './Meter';
|
|
2
|
+
export * from './ExternalLink';
|
|
3
|
+
export * from './ProgressIndicator';
|
|
4
|
+
export * from './Placeholder';
|
package/dist/src/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
1
|
+
export * from './elements';
|
|
2
|
+
export * from './sections';
|
|
3
|
+
export * from './components';
|
|
4
|
+
export * from './utils';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './ContentSection';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
export interface FormSectionProps {
|
|
2
2
|
}
|
|
3
|
-
import "./FormSection.scss";
|
|
4
3
|
export declare const FormSection: {
|
|
5
4
|
({ children }: React.PropsWithChildren): import("react/jsx-runtime").JSX.Element;
|
|
6
5
|
Title: ({ children }: React.PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import { FormSection } from '.';
|
|
2
|
+
import { Meta } from '@storybook/react';
|
|
3
|
+
|
|
3
4
|
export declare const Example: ({ children, }: {
|
|
4
5
|
label?: string | undefined;
|
|
5
6
|
description?: string | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './FormSection';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
1
|
+
import { InputGroup } from '.';
|
|
2
|
+
import { Meta } from '@storybook/react';
|
|
3
|
+
|
|
3
4
|
export declare const Example: () => import("react/jsx-runtime").JSX.Element;
|
|
4
5
|
declare const meta: Meta<typeof InputGroup>;
|
|
5
6
|
export default meta;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './InputGroup';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './MainToolbar';
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ComponentProps, ElementType } from "react";
|
|
2
1
|
import { AsProp } from '../../../../types';
|
|
2
|
+
import { ComponentProps, ElementType } from 'react';
|
|
3
|
+
|
|
3
4
|
export interface NavigationLinkProps extends ComponentProps<typeof Link> {
|
|
4
5
|
}
|
|
5
6
|
export declare const Link: <C extends ElementType = "a", T extends ComponentProps<C> = ComponentProps<C>>({ as, ...props }: AsProp<C> & Omit<T, "as">) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { Meta } from "@storybook/react";
|
|
2
1
|
import { Navigation } from '../Navigation';
|
|
2
|
+
import { Meta } from '@storybook/react';
|
|
3
|
+
|
|
3
4
|
declare const meta: Meta<typeof Navigation.Link>;
|
|
4
5
|
export default meta;
|
|
5
6
|
export declare const Example: {
|
|
@@ -12,7 +13,7 @@ export declare const Example: {
|
|
|
12
13
|
};
|
|
13
14
|
export declare const ButtonExample: {
|
|
14
15
|
args: {
|
|
15
|
-
as: <P>({ appearance, children, className, dense, disabled, element: Component, hasIcon, inline, onClick, small, ...buttonProps }: import(
|
|
16
|
+
as: <P>({ appearance, children, className, dense, disabled, element: Component, hasIcon, inline, onClick, small, ...buttonProps }: import('@canonical/react-components').ButtonProps<P>) => JSX.Element;
|
|
16
17
|
appearance: string;
|
|
17
18
|
children: import("react/jsx-runtime").JSX.Element;
|
|
18
19
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ComponentProps, ElementType, ReactNode } from "react";
|
|
2
1
|
import { AsProp } from '../../../../types';
|
|
2
|
+
import { ComponentProps, ElementType, ReactNode } from 'react';
|
|
3
|
+
|
|
3
4
|
export interface NavigationLogoProps extends ComponentProps<typeof Logo> {
|
|
4
5
|
children: ReactNode;
|
|
5
6
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { ReactElement } from
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
|
+
|
|
2
3
|
export interface NavigationLogoIconProps {
|
|
3
4
|
children: ReactElement;
|
|
4
5
|
}
|
|
5
|
-
export declare const LogoIcon: ({ children }: NavigationLogoIconProps) => ReactElement<any, string | import(
|
|
6
|
+
export declare const LogoIcon: ({ children }: NavigationLogoIconProps) => ReactElement<any, string | import('react').JSXElementConstructor<any>>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { ButtonProps } from '@canonical/react-components';
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
|
+
|
|
3
4
|
export interface NavigationMenuButtonProps {
|
|
4
5
|
children: ReactNode;
|
|
5
6
|
className?: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ReactNode } from
|
|
2
|
-
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
|
|
3
3
|
export interface NavigationProps {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
className?: string;
|
|
@@ -7,24 +7,24 @@ export interface NavigationProps {
|
|
|
7
7
|
}
|
|
8
8
|
export declare const Navigation: {
|
|
9
9
|
({ children, className, isCollapsed }: NavigationProps): import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
Header: ({ children }: import(
|
|
11
|
-
Banner: ({ children }: import(
|
|
12
|
-
Drawer: ({ children }: import(
|
|
13
|
-
Controls: ({ children }: import(
|
|
14
|
-
CollapseToggle: ({ isCollapsed, setIsCollapsed, className, }: import(
|
|
15
|
-
Content: ({ children }: import(
|
|
16
|
-
Footer: ({ children }: import(
|
|
17
|
-
List: ({ children, className }: import(
|
|
18
|
-
Item: ({ children, className, hasActiveChild }: import(
|
|
19
|
-
Link: <C extends import(
|
|
20
|
-
Text: ({ children }: import(
|
|
21
|
-
Icon: ({ light, name }: import(
|
|
22
|
-
Label: ({ children, id, variant }: import(
|
|
23
|
-
Logo: <C_1 extends import(
|
|
24
|
-
LogoTag: ({ children }: import(
|
|
25
|
-
LogoIcon: ({ children }: import(
|
|
26
|
-
LogoName: ({ children, variant }: import(
|
|
27
|
-
LogoText: ({ children }: import(
|
|
10
|
+
Header: ({ children }: import('./Header/Header').NavigationHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
Banner: ({ children }: import('./Banner/Banner').NavigationBannerProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
Drawer: ({ children }: import('./Drawer/Drawer').NavigationDrawerProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
Controls: ({ children }: import('./Controls/Controls').NavigationPanelControlsProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
CollapseToggle: ({ isCollapsed, setIsCollapsed, className, }: import('./CollapseToggle/CollapseToggle').NavigationCollapseToggleProps) => JSX.Element;
|
|
15
|
+
Content: ({ children }: import('./Content/Content').NavigationContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
Footer: ({ children }: import('./Footer/Footer').NavigationFooterProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
List: ({ children, className }: import('./List/List').NavigationListProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
Item: ({ children, className, hasActiveChild }: import('./Item/Item').NavigationItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
+
Link: <C extends import('react').ElementType = "a", T extends import('react').ComponentProps<C> = import('react').ComponentProps<C>>({ as, ...props }: import('../../../types').AsProp<C> & Omit<T, "as">) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
Text: ({ children }: import('./Text/Text').NavigationTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
Icon: ({ light, name }: import('./Icon/Icon').NavigationIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
Label: ({ children, id, variant }: import('./Label/Label').NavigationLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
Logo: <C_1 extends import('react').ElementType = "a", T_1 extends import('react').ComponentProps<C_1> = import('react').ComponentProps<C_1>>({ as, children, className, ...props }: import('../../../types').AsProp<C_1> & Omit<T_1, "as">) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
LogoTag: ({ children }: import('./LogoTag/LogoTag').NavigationLogoTagProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
LogoIcon: ({ children }: import('./LogoIcon/LogoIcon').NavigationLogoIconProps) => import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
|
|
26
|
+
LogoName: ({ children, variant }: import('./LogoName/LogoName').NavigationLogoNameProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
LogoText: ({ children }: import('./LogoText/LogoText').NavigationTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
28
28
|
};
|
|
29
29
|
export interface NavigationBarProps {
|
|
30
30
|
children: ReactNode;
|
|
@@ -32,5 +32,5 @@ export interface NavigationBarProps {
|
|
|
32
32
|
}
|
|
33
33
|
export declare const NavigationBar: {
|
|
34
34
|
({ children, className }: NavigationBarProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
-
MenuButton: ({ children, className, onClick, }: import(
|
|
35
|
+
MenuButton: ({ children, className, onClick, }: import('./MenuButton/MenuButton').NavigationMenuButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
36
36
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
1
|
+
import { Navigation } from './Navigation';
|
|
2
|
+
import { Meta } from '@storybook/react';
|
|
3
|
+
|
|
3
4
|
declare const meta: Meta<typeof Navigation>;
|
|
4
5
|
export default meta;
|
|
5
6
|
export declare const Example: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './Navigation';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export * from
|
|
4
|
-
export * from
|
|
5
|
-
export * from
|
|
1
|
+
export * from './Navigation';
|
|
2
|
+
export * from './InputGroup';
|
|
3
|
+
export * from './FormSection';
|
|
4
|
+
export * from './MainToolbar';
|
|
5
|
+
export * from './ContentSection';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './formatBytes';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from './formatBytes';
|
package/dist/src/types.d.ts
CHANGED