@amboss/design-system 2.1.4 → 2.1.5
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/cjs/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +14 -0
- package/build/cjs/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -0
- package/build/cjs/components/DataTable/index.d.ts +1 -0
- package/build/cjs/components/DataTable/index.js +1 -1
- package/build/cjs/components/DataTable/useDataTableQueryFilter.d.ts +7 -0
- package/build/cjs/components/DataTable/useDataTableQueryFilter.js +1 -0
- package/build/cjs/components/Toolbar/Toolbar.d.ts +7 -0
- package/build/cjs/components/Toolbar/Toolbar.js +1 -0
- package/build/cjs/components/Toolbar/ToolbarGroup.d.ts +5 -0
- package/build/cjs/components/Toolbar/ToolbarGroup.js +1 -0
- package/build/cjs/components/Toolbar/index.d.ts +4 -0
- package/build/cjs/components/Toolbar/index.js +1 -0
- package/build/cjs/index.d.ts +1 -0
- package/build/cjs/index.js +1 -1
- package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.d.ts +14 -0
- package/build/esm/components/BulkActionsToolbar/BulkActionsToolbar.js +1 -0
- package/build/esm/components/DataTable/index.d.ts +1 -0
- package/build/esm/components/DataTable/index.js +1 -1
- package/build/esm/components/DataTable/useDataTableQueryFilter.d.ts +7 -0
- package/build/esm/components/DataTable/useDataTableQueryFilter.js +1 -0
- package/build/esm/components/Toolbar/Toolbar.d.ts +7 -0
- package/build/esm/components/Toolbar/Toolbar.js +1 -0
- package/build/esm/components/Toolbar/ToolbarGroup.d.ts +5 -0
- package/build/esm/components/Toolbar/ToolbarGroup.js +1 -0
- package/build/esm/components/Toolbar/index.d.ts +4 -0
- package/build/esm/components/Toolbar/index.js +1 -0
- package/build/esm/index.d.ts +1 -0
- package/build/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type ButtonProps } from "../Button/Button";
|
|
3
|
+
import { type SearchInputProps } from "../Form/SearchInput/SearchInput";
|
|
4
|
+
type ActionProp = {
|
|
5
|
+
label: string;
|
|
6
|
+
} & Omit<ButtonProps, "children" | "size" | "onClick">;
|
|
7
|
+
export type BulkActionsToolbarProps = {
|
|
8
|
+
actions?: ActionProp[];
|
|
9
|
+
searchInputProps: SearchInputProps;
|
|
10
|
+
totalItems: string;
|
|
11
|
+
};
|
|
12
|
+
declare function BulkActionsToolbarUI({ actions, totalItems, searchInputProps, }: BulkActionsToolbarProps): React.ReactElement;
|
|
13
|
+
export declare const BulkActionsToolbar: React.MemoExoticComponent<typeof BulkActionsToolbarUI>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"BulkActionsToolbar",{enumerable:!0,get:function(){return BulkActionsToolbar}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_Text=require("../Typography/Text/Text"),_Button=require("../Button/Button"),_Box=require("../Box/Box"),_Inline=require("../Inline/Inline"),_Divider=require("../Divider/Divider"),_Toolbar=require("../Toolbar"),_SearchInput=require("../Form/SearchInput/SearchInput"),BulkActionsToolbar=_react.default.memo(function({actions,totalItems,searchInputProps}){return _react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_Toolbar.Toolbar,null,_react.default.createElement(_Toolbar.ToolbarGroup,{order:["last","first"],size:[12,8]},_react.default.createElement(_Box.Box,{space:["xs","zero"]},_react.default.createElement(_Text.Text,{size:"s",color:"secondary",weight:"bold"},totalItems)),_react.default.createElement(_Inline.Inline,null,null==actions?void 0:actions.map(({variant="secondary",label,...buttonProps})=>_react.default.createElement(_Button.Button,{...buttonProps,key:`action-${label}`,size:"s",variant:variant},label)))),_react.default.createElement(_Toolbar.ToolbarGroup,{order:["first","last"],size:[12,4]},_react.default.createElement(_SearchInput.SearchInput,searchInputProps))),_react.default.createElement(_Divider.Divider,null))});
|
|
@@ -2,3 +2,4 @@ export type { DataTableColumn, DataTableRow } from "./types";
|
|
|
2
2
|
export { DataTable, BaseDataTable } from "./DataTable";
|
|
3
3
|
export type { DataTableProps } from "./DataTable";
|
|
4
4
|
export { useDataTableSort } from "./useDataTableSort";
|
|
5
|
+
export { useDataTableQueryFilter } from "./useDataTableQueryFilter";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{BaseDataTable:function(){return _DataTable.BaseDataTable},DataTable:function(){return _DataTable.DataTable},useDataTableSort:function(){return _useDataTableSort.useDataTableSort}});const _DataTable=require("./DataTable"),_useDataTableSort=require("./useDataTableSort");
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{BaseDataTable:function(){return _DataTable.BaseDataTable},DataTable:function(){return _DataTable.DataTable},useDataTableQueryFilter:function(){return _useDataTableQueryFilter.useDataTableQueryFilter},useDataTableSort:function(){return _useDataTableSort.useDataTableSort}});const _DataTable=require("./DataTable"),_useDataTableSort=require("./useDataTableSort"),_useDataTableQueryFilter=require("./useDataTableQueryFilter");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { DataTableRow } from "./types";
|
|
2
|
+
type DataTableQueryFilterProps = {
|
|
3
|
+
filteredByValue: string;
|
|
4
|
+
rows: DataTableRow[] | undefined;
|
|
5
|
+
};
|
|
6
|
+
export declare function useDataTableQueryFilter({ filteredByValue, rows, }: DataTableQueryFilterProps): DataTableRow[] | undefined;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useDataTableQueryFilter",{enumerable:!0,get:function(){return useDataTableQueryFilter}});const _react=require("react");function useDataTableQueryFilter({filteredByValue,rows}){return(0,_react.useMemo)(()=>null==rows?void 0:rows.filter(row=>Object.values(row).some(cellValue=>String(cellValue).toLowerCase().includes(filteredByValue.toLowerCase()))),[filteredByValue,rows])}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type ColumnsProps } from "../Column/Columns";
|
|
3
|
+
export type ToolbarProps = {
|
|
4
|
+
children: ColumnsProps["children"];
|
|
5
|
+
"data-e2e-test-id"?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function Toolbar({ children, "data-e2e-test-id": dataE2eTestId, }: ToolbarProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Toolbar",{enumerable:!0,get:function(){return Toolbar}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_Columns=require("../Column/Columns"),_Box=require("../Box/Box");function Toolbar({children,"data-e2e-test-id":dataE2eTestId}){return _react.default.createElement(_Box.Box,{space:"xs",lSpace:["xs","m"],"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Toolbar"},_react.default.createElement(_Columns.Columns,{vAlignItems:"center",gap:"xs",alignItems:"spaceBetween"},children))}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type ColumnProps } from "../Column/Columns";
|
|
3
|
+
import { type InlineProps } from "../Inline/Inline";
|
|
4
|
+
export type ToolbarGroupProps = Partial<ColumnProps> & Pick<InlineProps, "children">;
|
|
5
|
+
export declare function ToolbarGroup({ children, size, ...restColumnProps }: ToolbarGroupProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ToolbarGroup",{enumerable:!0,get:function(){return ToolbarGroup}});const _react=require("@swc/helpers/_/_interop_require_default")._(require("react")),_Columns=require("../Column/Columns"),_Inline=require("../Inline/Inline");function ToolbarGroup({children,size=[12,6],...restColumnProps}){return _react.default.createElement(_Columns.Column,{...restColumnProps,size:size},_react.default.Children.count(children)>1?_react.default.createElement(_Inline.Inline,{vAlignItems:"center",alignItems:["spaceBetween","left"],noWrap:!0},children):children)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{Toolbar:function(){return _Toolbar.Toolbar},ToolbarGroup:function(){return _ToolbarGroup.ToolbarGroup}});const _Toolbar=require("./Toolbar"),_ToolbarGroup=require("./ToolbarGroup");
|
package/build/cjs/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export * from "./components/Typography/StyledText/StyledText";
|
|
|
15
15
|
export * from "./components/Link/Link";
|
|
16
16
|
export * from "./components/Icon/Icon";
|
|
17
17
|
export * from "./components/Button/Button";
|
|
18
|
+
export * from "./components/BulkActionsToolbar/BulkActionsToolbar";
|
|
18
19
|
export * from "./components/Divider/Divider";
|
|
19
20
|
export * from "./components/Column/Columns";
|
|
20
21
|
export * from "./components/Form/SearchInput/SearchInput";
|
package/build/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{CacheProvider:function(){return _react.CacheProvider},ThemeProvider:function(){return _react.ThemeProvider},createCache:function(){return _cache.default},dark:function(){return dark},light:function(){return light}});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/Typography/Header/Header"),exports),_export_star._(require("./components/Typography/Text/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Select/Select"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/Container/Container"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem/MediaItem"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{CacheProvider:function(){return _react.CacheProvider},ThemeProvider:function(){return _react.ThemeProvider},createCache:function(){return _cache.default},dark:function(){return dark},light:function(){return light}});const _export_star=require("@swc/helpers/_/_export_star"),_interop_require_default=require("@swc/helpers/_/_interop_require_default"),_visualConfig=require("./web-tokens/visualConfig"),_react=require("@emotion/react"),_cache=_interop_require_default._(require("@emotion/cache"));_export_star._(require("./components/Card/Card"),exports),_export_star._(require("./components/Card/CardBox"),exports),_export_star._(require("./components/Box/Box"),exports),_export_star._(require("./components/Inline/Inline"),exports),_export_star._(require("./components/Stack/Stack"),exports),_export_star._(require("./components/Typography/Header/Header"),exports),_export_star._(require("./components/Typography/Text/Text"),exports),_export_star._(require("./components/Typography/TextClamped/TextClamped"),exports),_export_star._(require("./components/Typography/StyledText/StyledText"),exports),_export_star._(require("./components/Link/Link"),exports),_export_star._(require("./components/Icon/Icon"),exports),_export_star._(require("./components/Button/Button"),exports),_export_star._(require("./components/BulkActionsToolbar/BulkActionsToolbar"),exports),_export_star._(require("./components/Divider/Divider"),exports),_export_star._(require("./components/Column/Columns"),exports),_export_star._(require("./components/Form/SearchInput/SearchInput"),exports),_export_star._(require("./components/Tabs/Tabs"),exports),_export_star._(require("./components/Badge/Badge"),exports),_export_star._(require("./components/SearchResult/SearchResult"),exports),_export_star._(require("./components/Form/ToggleButton/ToggleButton"),exports),_export_star._(require("./components/DropdownMenu/DropdownMenu"),exports),_export_star._(require("./components/Form/FormFieldGroup/FormFieldGroup"),exports),_export_star._(require("./components/Form/Input"),exports),_export_star._(require("./components/Form/Checkbox/Checkbox"),exports),_export_star._(require("./components/Form/Toggle/Toggle"),exports),_export_star._(require("./components/Form/Radio/Radio"),exports),_export_star._(require("./components/Form/RadioButton/RadioButton"),exports),_export_star._(require("./components/Form/RangeInput/RangeInput"),exports),_export_star._(require("./components/Form/Textarea/Textarea"),exports),_export_star._(require("./components/Form/Select/Select"),exports),_export_star._(require("./components/SubThemeProvider/SubThemeProvider"),exports),_export_star._(require("./components/PictogramButton/PictogramButton"),exports),_export_star._(require("./components/MediaViewerBar/MediaViewerBar"),exports),_export_star._(require("./components/SegmentedProgressBar/SegmentedProgressBar"),exports),_export_star._(require("./components/ProgressBar/ProgressBar"),exports),_export_star._(require("./components/Container/Container"),exports),_export_star._(require("./components/Form/PasswordInput"),exports),_export_star._(require("./components/RoundButton/RoundButton"),exports),_export_star._(require("./components/Notification/Notification"),exports),_export_star._(require("./components/Logo/Logo"),exports),_export_star._(require("./components/MediaItem/MediaItem"),exports),_export_star._(require("./components/Callout/Callout"),exports),_export_star._(require("./components/Patterns/Modal/Modal"),exports),_export_star._(require("./components/Patterns/ButtonGroup/ButtonGroup"),exports),_export_star._(require("./components/Collapsible/Collapsible"),exports),_export_star._(require("./components/LoadingSpinner/LoadingSpinner"),exports),_export_star._(require("./components/Pagination/Pagination"),exports),_export_star._(require("./components/DataTable"),exports),_export_star._(require("./components/Form/SegmentedControl/SegmentedControl"),exports),_export_star._(require("./components/Tooltip/Tooltip"),exports),_export_star._(require("./components/Tag/Tag"),exports),_export_star._(require("./components/TagGroup/TagGroup"),exports),_export_star._(require("./components/Toggletip/Toggletip"),exports),_export_star._(require("./components/Popover/Popover"),exports),_export_star._(require("./components/UserHighlightTooltip/UserHighlightTooltip"),exports),_export_star._(require("./components/Sheet/Sheet"),exports),_export_star._(require("./components/Image/Image"),exports),_export_star._(require("./components/Form/MaskedInput/MaskedInput"),exports),_export_star._(require("./components/Utilities/Expandable/Expandable"),exports),_export_star._(require("./components/QBankRichText/QBankRichText"),exports);const{dark,light}=_visualConfig.ambossVisualConfiguration;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type ButtonProps } from "../Button/Button";
|
|
3
|
+
import { type SearchInputProps } from "../Form/SearchInput/SearchInput";
|
|
4
|
+
type ActionProp = {
|
|
5
|
+
label: string;
|
|
6
|
+
} & Omit<ButtonProps, "children" | "size" | "onClick">;
|
|
7
|
+
export type BulkActionsToolbarProps = {
|
|
8
|
+
actions?: ActionProp[];
|
|
9
|
+
searchInputProps: SearchInputProps;
|
|
10
|
+
totalItems: string;
|
|
11
|
+
};
|
|
12
|
+
declare function BulkActionsToolbarUI({ actions, totalItems, searchInputProps, }: BulkActionsToolbarProps): React.ReactElement;
|
|
13
|
+
export declare const BulkActionsToolbar: React.MemoExoticComponent<typeof BulkActionsToolbarUI>;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import{Text}from"../Typography/Text/Text";import{Button}from"../Button/Button";import{Box}from"../Box/Box";import{Inline}from"../Inline/Inline";import{Divider}from"../Divider/Divider";import{Toolbar,ToolbarGroup}from"../Toolbar";import{SearchInput}from"../Form/SearchInput/SearchInput";export const BulkActionsToolbar=React.memo(function({actions,totalItems,searchInputProps}){return React.createElement(React.Fragment,null,React.createElement(Toolbar,null,React.createElement(ToolbarGroup,{order:["last","first"],size:[12,8]},React.createElement(Box,{space:["xs","zero"]},React.createElement(Text,{size:"s",color:"secondary",weight:"bold"},totalItems)),React.createElement(Inline,null,null==actions?void 0:actions.map(({variant="secondary",label,...buttonProps})=>React.createElement(Button,{...buttonProps,key:`action-${label}`,size:"s",variant:variant},label)))),React.createElement(ToolbarGroup,{order:["first","last"],size:[12,4]},React.createElement(SearchInput,searchInputProps))),React.createElement(Divider,null))});
|
|
@@ -2,3 +2,4 @@ export type { DataTableColumn, DataTableRow } from "./types";
|
|
|
2
2
|
export { DataTable, BaseDataTable } from "./DataTable";
|
|
3
3
|
export type { DataTableProps } from "./DataTable";
|
|
4
4
|
export { useDataTableSort } from "./useDataTableSort";
|
|
5
|
+
export { useDataTableQueryFilter } from "./useDataTableQueryFilter";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export{DataTable,BaseDataTable}from"./DataTable";export{useDataTableSort}from"./useDataTableSort";
|
|
1
|
+
export{DataTable,BaseDataTable}from"./DataTable";export{useDataTableSort}from"./useDataTableSort";export{useDataTableQueryFilter}from"./useDataTableQueryFilter";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { DataTableRow } from "./types";
|
|
2
|
+
type DataTableQueryFilterProps = {
|
|
3
|
+
filteredByValue: string;
|
|
4
|
+
rows: DataTableRow[] | undefined;
|
|
5
|
+
};
|
|
6
|
+
export declare function useDataTableQueryFilter({ filteredByValue, rows, }: DataTableQueryFilterProps): DataTableRow[] | undefined;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useMemo}from"react";export function useDataTableQueryFilter({filteredByValue,rows}){return useMemo(()=>null==rows?void 0:rows.filter(row=>Object.values(row).some(cellValue=>String(cellValue).toLowerCase().includes(filteredByValue.toLowerCase()))),[filteredByValue,rows])}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type ColumnsProps } from "../Column/Columns";
|
|
3
|
+
export type ToolbarProps = {
|
|
4
|
+
children: ColumnsProps["children"];
|
|
5
|
+
"data-e2e-test-id"?: string;
|
|
6
|
+
};
|
|
7
|
+
export declare function Toolbar({ children, "data-e2e-test-id": dataE2eTestId, }: ToolbarProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import{Columns}from"../Column/Columns";import{Box}from"../Box/Box";export function Toolbar({children,"data-e2e-test-id":dataE2eTestId}){return React.createElement(Box,{space:"xs",lSpace:["xs","m"],"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Toolbar"},React.createElement(Columns,{vAlignItems:"center",gap:"xs",alignItems:"spaceBetween"},children))}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type ColumnProps } from "../Column/Columns";
|
|
3
|
+
import { type InlineProps } from "../Inline/Inline";
|
|
4
|
+
export type ToolbarGroupProps = Partial<ColumnProps> & Pick<InlineProps, "children">;
|
|
5
|
+
export declare function ToolbarGroup({ children, size, ...restColumnProps }: ToolbarGroupProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import{Column}from"../Column/Columns";import{Inline}from"../Inline/Inline";export function ToolbarGroup({children,size=[12,6],...restColumnProps}){return React.createElement(Column,{...restColumnProps,size:size},React.Children.count(children)>1?React.createElement(Inline,{vAlignItems:"center",alignItems:["spaceBetween","left"],noWrap:!0},children):children)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export{Toolbar}from"./Toolbar";export{ToolbarGroup}from"./ToolbarGroup";
|
package/build/esm/index.d.ts
CHANGED
|
@@ -15,6 +15,7 @@ export * from "./components/Typography/StyledText/StyledText";
|
|
|
15
15
|
export * from "./components/Link/Link";
|
|
16
16
|
export * from "./components/Icon/Icon";
|
|
17
17
|
export * from "./components/Button/Button";
|
|
18
|
+
export * from "./components/BulkActionsToolbar/BulkActionsToolbar";
|
|
18
19
|
export * from "./components/Divider/Divider";
|
|
19
20
|
export * from "./components/Column/Columns";
|
|
20
21
|
export * from "./components/Form/SearchInput/SearchInput";
|
package/build/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Select/Select";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";
|
|
1
|
+
import{ambossVisualConfiguration}from"./web-tokens/visualConfig";export const{dark,light}=ambossVisualConfiguration;export{ThemeProvider,CacheProvider}from"@emotion/react";export{default as createCache}from"@emotion/cache";export*from"./components/Card/Card";export*from"./components/Card/CardBox";export*from"./components/Box/Box";export*from"./components/Inline/Inline";export*from"./components/Stack/Stack";export*from"./components/Typography/Header/Header";export*from"./components/Typography/Text/Text";export*from"./components/Typography/TextClamped/TextClamped";export*from"./components/Typography/StyledText/StyledText";export*from"./components/Link/Link";export*from"./components/Icon/Icon";export*from"./components/Button/Button";export*from"./components/BulkActionsToolbar/BulkActionsToolbar";export*from"./components/Divider/Divider";export*from"./components/Column/Columns";export*from"./components/Form/SearchInput/SearchInput";export*from"./components/Tabs/Tabs";export*from"./components/Badge/Badge";export*from"./components/SearchResult/SearchResult";export*from"./components/Form/ToggleButton/ToggleButton";export*from"./components/DropdownMenu/DropdownMenu";export*from"./components/Form/FormFieldGroup/FormFieldGroup";export*from"./components/Form/Input";export*from"./components/Form/Checkbox/Checkbox";export*from"./components/Form/Toggle/Toggle";export*from"./components/Form/Radio/Radio";export*from"./components/Form/RadioButton/RadioButton";export*from"./components/Form/RangeInput/RangeInput";export*from"./components/Form/Textarea/Textarea";export*from"./components/Form/Select/Select";export*from"./components/SubThemeProvider/SubThemeProvider";export*from"./components/PictogramButton/PictogramButton";export*from"./components/MediaViewerBar/MediaViewerBar";export*from"./components/SegmentedProgressBar/SegmentedProgressBar";export*from"./components/ProgressBar/ProgressBar";export*from"./components/Container/Container";export*from"./components/Form/PasswordInput";export*from"./components/RoundButton/RoundButton";export*from"./components/Notification/Notification";export*from"./components/Logo/Logo";export*from"./components/MediaItem/MediaItem";export*from"./components/Callout/Callout";export*from"./components/Patterns/Modal/Modal";export*from"./components/Patterns/ButtonGroup/ButtonGroup";export*from"./components/Collapsible/Collapsible";export*from"./components/LoadingSpinner/LoadingSpinner";export*from"./components/Pagination/Pagination";export*from"./components/DataTable";export*from"./components/Form/SegmentedControl/SegmentedControl";export*from"./components/Tooltip/Tooltip";export*from"./components/Tag/Tag";export*from"./components/TagGroup/TagGroup";export*from"./components/Toggletip/Toggletip";export*from"./components/Popover/Popover";export*from"./components/UserHighlightTooltip/UserHighlightTooltip";export*from"./components/Sheet/Sheet";export*from"./components/Image/Image";export*from"./components/Form/MaskedInput/MaskedInput";export*from"./components/Utilities/Expandable/Expandable";export*from"./components/QBankRichText/QBankRichText";
|