@tmlmobilidade/ui 20250305.1841.5 → 20250306.1453.58
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 +8 -20
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/src/components/common/Menu/index.d.ts +4 -2
- package/dist/cjs/types/src/components/layout/AppWrapper/Header/index.d.ts +2 -1
- package/dist/cjs/types/src/components/layout/AppWrapper/index.d.ts +6 -3
- package/dist/cjs/types/src/components/layout/Sidebar/index.d.ts +1 -1
- package/dist/cjs/types/src/components/layout/index.d.ts +1 -0
- package/dist/esm/index.js +9 -21
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/src/components/common/Menu/index.d.ts +4 -2
- package/dist/esm/types/src/components/layout/AppWrapper/Header/index.d.ts +2 -1
- package/dist/esm/types/src/components/layout/AppWrapper/index.d.ts +6 -3
- package/dist/esm/types/src/components/layout/Sidebar/index.d.ts +1 -1
- package/dist/esm/types/src/components/layout/index.d.ts +1 -0
- package/dist/index.d.ts +11 -5
- package/package.json +1 -1
@@ -2,14 +2,16 @@ import { MenuDividerProps as MantineMenuDividerProps, MenuDropdownProps as Manti
|
|
2
2
|
export type MenuProps = MantineMenuProps;
|
3
3
|
export type MenuTargetProps = MantineMenuTargetProps;
|
4
4
|
export type MenuDropdownProps = MantineMenuDropdownProps;
|
5
|
-
export type MenuItemProps = MantineMenuItemProps
|
5
|
+
export type MenuItemProps = MantineMenuItemProps & {
|
6
|
+
href: string;
|
7
|
+
};
|
6
8
|
export type MenuDividerProps = MantineMenuDividerProps;
|
7
9
|
export type MenuLabelProps = MantineMenuLabelProps;
|
8
10
|
declare function Menu(props: MenuProps): import("react/jsx-runtime").JSX.Element;
|
9
11
|
declare namespace Menu {
|
10
12
|
var Target: (props: MenuTargetProps) => import("react/jsx-runtime").JSX.Element;
|
11
13
|
var Dropdown: (props: MenuDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
12
|
-
var Item: (props: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
14
|
+
var Item: ({ href, ...props }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
|
13
15
|
var Divider: (props: MenuDividerProps) => import("react/jsx-runtime").JSX.Element;
|
14
16
|
var Label: (props: MenuLabelProps) => import("react/jsx-runtime").JSX.Element;
|
15
17
|
}
|
@@ -1 +1,2 @@
|
|
1
|
-
|
1
|
+
import { HeaderProps } from '..';
|
2
|
+
export default function Header({ user_name }: HeaderProps): import("react/jsx-runtime").JSX.Element;
|
@@ -1,11 +1,14 @@
|
|
1
1
|
import { SidebarItemProps } from '../Sidebar';
|
2
|
-
interface
|
2
|
+
export interface HeaderProps {
|
3
|
+
user_name?: string;
|
4
|
+
}
|
5
|
+
export interface AppWrapperProps {
|
3
6
|
children: React.ReactNode;
|
7
|
+
headerProps?: HeaderProps;
|
4
8
|
icon: React.ReactNode | {
|
5
9
|
href: string;
|
6
10
|
icon: React.ReactNode;
|
7
11
|
};
|
8
12
|
sidebarItems: SidebarItemProps[];
|
9
13
|
}
|
10
|
-
export default function AppWrapper({ children, icon, sidebarItems, }: AppWrapperProps): import("react/jsx-runtime").JSX.Element;
|
11
|
-
export {};
|
14
|
+
export default function AppWrapper({ children, headerProps, icon, sidebarItems, }: AppWrapperProps): import("react/jsx-runtime").JSX.Element;
|
@@ -7,4 +7,4 @@ export interface SidebarItemProps {
|
|
7
7
|
export interface SidebarProps {
|
8
8
|
items: SidebarItemProps[];
|
9
9
|
}
|
10
|
-
export default function Sidebar({ items, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
10
|
+
export default function Sidebar({ items, }: SidebarProps): import("react/jsx-runtime").JSX.Element | null;
|
@@ -1,6 +1,7 @@
|
|
1
1
|
export { default as AppWrapper } from './AppWrapper';
|
2
2
|
export { default as Grid } from './Grid';
|
3
3
|
export { default as Section } from './Section';
|
4
|
+
export { SidebarItemProps } from './Sidebar';
|
4
5
|
export { default as Sidebar } from './Sidebar';
|
5
6
|
export { SimpleSurface } from './SimpleSurface';
|
6
7
|
export { default as Spacer } from './Spacer';
|
package/dist/index.d.ts
CHANGED
@@ -172,14 +172,16 @@ declare function Label({ caps, children, singleLine, size }: LabelProps): react_
|
|
172
172
|
type MenuProps = MenuProps$1;
|
173
173
|
type MenuTargetProps = MenuTargetProps$1;
|
174
174
|
type MenuDropdownProps = MenuDropdownProps$1;
|
175
|
-
type MenuItemProps = MenuItemProps$1
|
175
|
+
type MenuItemProps = MenuItemProps$1 & {
|
176
|
+
href: string;
|
177
|
+
};
|
176
178
|
type MenuDividerProps = MenuDividerProps$1;
|
177
179
|
type MenuLabelProps = MenuLabelProps$1;
|
178
180
|
declare function Menu(props: MenuProps): react_jsx_runtime.JSX.Element;
|
179
181
|
declare namespace Menu {
|
180
182
|
var Target: (props: MenuTargetProps) => react_jsx_runtime.JSX.Element;
|
181
183
|
var Dropdown: (props: MenuDropdownProps) => react_jsx_runtime.JSX.Element;
|
182
|
-
var Item: (props: MenuItemProps) => react_jsx_runtime.JSX.Element;
|
184
|
+
var Item: ({ href, ...props }: MenuItemProps) => react_jsx_runtime.JSX.Element;
|
183
185
|
var Divider: (props: MenuDividerProps) => react_jsx_runtime.JSX.Element;
|
184
186
|
var Label: (props: MenuLabelProps) => react_jsx_runtime.JSX.Element;
|
185
187
|
}
|
@@ -386,17 +388,21 @@ interface SidebarItemProps {
|
|
386
388
|
interface SidebarProps {
|
387
389
|
items: SidebarItemProps[];
|
388
390
|
}
|
389
|
-
declare function Sidebar({ items, }: SidebarProps): react_jsx_runtime.JSX.Element;
|
391
|
+
declare function Sidebar({ items, }: SidebarProps): react_jsx_runtime.JSX.Element | null;
|
390
392
|
|
393
|
+
interface HeaderProps {
|
394
|
+
user_name?: string;
|
395
|
+
}
|
391
396
|
interface AppWrapperProps {
|
392
397
|
children: React.ReactNode;
|
398
|
+
headerProps?: HeaderProps;
|
393
399
|
icon: React.ReactNode | {
|
394
400
|
href: string;
|
395
401
|
icon: React.ReactNode;
|
396
402
|
};
|
397
403
|
sidebarItems: SidebarItemProps[];
|
398
404
|
}
|
399
|
-
declare function AppWrapper({ children, icon, sidebarItems, }: AppWrapperProps): react_jsx_runtime.JSX.Element;
|
405
|
+
declare function AppWrapper({ children, headerProps, icon, sidebarItems, }: AppWrapperProps): react_jsx_runtime.JSX.Element;
|
400
406
|
|
401
407
|
interface Props$1 extends React.HTMLAttributes<HTMLDivElement> {
|
402
408
|
columns?: 'a' | 'aab' | 'ab' | 'abb' | 'abc' | 'abcd';
|
@@ -569,4 +575,4 @@ declare function useSearchQuery<T>(data: T[], { accessors, customSearch, debounc
|
|
569
575
|
setSearchQuery: React$1.Dispatch<React$1.SetStateAction<string | undefined>>;
|
570
576
|
};
|
571
577
|
|
572
|
-
export { ActionIcon, AppWrapper, Badge, Button, CMIcon, CMLogo, Checkbox, ComboboxComponent as Combobox, type DataItem, DataTable, type DataTableColumn, type DataTableColumnProps, type DataTableHeaderProps, type DataTableProps, type DataTableRowProps, type DataTableSearchProps, type DataTableTitleProps, DateTimePicker, DeleteActionIcon, Description, FileButton, Grid, Label, Menu, PasswordInput, Section, SegmentedControl, Sidebar, SimpleSurface, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeDark, ThemeLight, ThemeProvider, ThemeSwitcher, Themer, type ToastPromiseParams, type ToastProps, Tooltip, useScreenSize, useSearchQuery, useTheme, useToast };
|
578
|
+
export { ActionIcon, AppWrapper, Badge, Button, CMIcon, CMLogo, Checkbox, ComboboxComponent as Combobox, type DataItem, DataTable, type DataTableColumn, type DataTableColumnProps, type DataTableHeaderProps, type DataTableProps, type DataTableRowProps, type DataTableSearchProps, type DataTableTitleProps, DateTimePicker, DeleteActionIcon, Description, FileButton, Grid, Label, Menu, PasswordInput, Section, SegmentedControl, Sidebar, type SidebarItemProps, SimpleSurface, Slider, Spacer, Surface, Switch, TMLogo, TMLogoDark, TMLogoLight, Tag, Text, Component$1 as TextArea, Component as TextInput, ThemeDark, ThemeLight, ThemeProvider, ThemeSwitcher, Themer, type ToastPromiseParams, type ToastProps, Tooltip, useScreenSize, useSearchQuery, useTheme, useToast };
|