@xqmsg/ui-core 0.17.1 → 0.18.0

package/dist/components/icons/checkmark/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface CheckmarkProps {
+    boxSize: number | string;
+}
+/**
+ * A functional React component utilized to render the `Checkmark` icon component
+ */
+export declare const Checkmark: React.FC<CheckmarkProps>;

package/dist/components/icons/index.d.ts

@@ -1,3 +1,4 @@
+import { Checkmark } from './checkmark';
 import { ChevronDown } from './chevron/down';
 import { ChevronRight } from './chevron/right';
 import { Clock } from './clock';
@@ -25,4 +26,4 @@ import { TableFill } from './table/fill';
 import { TableOutline } from './table/outline';
 import { Trash } from './trash';
 import { Warning } from './warning';
-export { ChevronDown, ChevronRight, Clock, Close, Dropdown, Error, FileFill, FileOutline, FolderAddFill, FolderAddOutline, Google, GoogleDrive, Group, Home, Image, Link, Menu, Microsoft, MicrosoftOneDrive, Neutral, Positive, Search, Settings, TableFill, TableOutline, Trash, Warning, };
+export { Checkmark, ChevronDown, ChevronRight, Clock, Close, Dropdown, Error, FileFill, FileOutline, FolderAddFill, FolderAddOutline, Google, GoogleDrive, Group, Home, Image, Link, Menu, Microsoft, MicrosoftOneDrive, Neutral, Positive, Search, Settings, TableFill, TableOutline, Trash, Warning, };

package/dist/components/toolbar/Toolbar.stories.d.ts

@@ -0,0 +1,5 @@
+import { Meta } from '@storybook/react';
+import { ToolbarProps } from '.';
+declare const meta: Meta<ToolbarProps>;
+export default meta;
+export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ToolbarProps>;

package/dist/components/toolbar/components/actions/add/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface AddProps {
+    onClick: () => void;
+}
+/**
+ * A functional React component utilized to render the `Add` component
+ */
+export declare const Add: React.FC<AddProps>;

package/dist/components/toolbar/components/actions/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { FieldOption, FieldOptions } from '../../../input/InputTypes';
+export interface ActionsProps {
+    onSelectSortItem: (option: FieldOption) => void;
+    onClickAdd: () => void;
+    onClickSearch: () => void;
+    onChangeSearch: (value: string) => void;
+    searchValue: string;
+    sortOptions: FieldOptions;
+}
+/**
+ * A functional React component utilized to render the `Actions` component
+ */
+export declare const Actions: React.FC<ActionsProps>;

package/dist/components/toolbar/components/actions/search/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface SearchProps {
+    searchValue: string;
+    onClick: () => void;
+    onChange: (value: string) => void;
+}
+/**
+ * A functional React component utilized to render the `Search` component
+ */
+export declare const Search: React.FC<SearchProps>;

package/dist/components/toolbar/components/actions/sort/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { FieldOption, FieldOptions } from '../../../../input/InputTypes';
+export interface SortProps {
+    onSelectItem: (option: FieldOption) => void;
+    sortOptions: FieldOptions;
+}
+/**
+ * A functional React component utilized to render the `Sort` component
+ */
+export declare const Sort: React.FC<SortProps>;

package/dist/components/toolbar/components/breadcrumbs/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ToolbarLabelAndHandler } from '../..';
+export interface ToolbarBreadcrumbsProps {
+    pageList: ToolbarLabelAndHandler[];
+    currentPage: string;
+}
+/**
+ * A functional React component utilized to render the `ToolbarBreadcrumbs` component
+ */
+export declare const ToolbarBreadcrumbs: React.FC<ToolbarBreadcrumbsProps>;

package/dist/components/toolbar/components/breadcrumbs/item/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface ToolbarBreadcrumbItemProps {
+    pageLabel: string;
+    page: 'current' | 'previous' | 'initial' | 'other';
+    onClick: () => void;
+}
+/**
+ * A functional React component utilized to render the `ToolbarBreadcrumbItem` component
+ */
+export declare const ToolbarBreadcrumbItem: React.FC<ToolbarBreadcrumbItemProps>;

package/dist/components/toolbar/components/dropdown/index.d.ts

@@ -0,0 +1,14 @@
+import React, { RefObject } from 'react';
+import { FieldOption, FieldOptions } from '../../../input/InputTypes';
+export interface DropdownProps {
+    onSelectItem: (option: FieldOption) => void;
+    options: FieldOptions;
+    dropdownRef: RefObject<HTMLDivElement>;
+    position: 'top' | 'bottom';
+    optionIndex: number | null;
+    setOptionIndex: React.Dispatch<React.SetStateAction<number | null>>;
+}
+/**
+ * A functional React component utilized to render the `Dropdown` component
+ */
+export declare const Dropdown: React.FC<DropdownProps>;

package/dist/components/toolbar/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { FieldOption, FieldOptions } from '../input/InputTypes';
+export declare type ToolbarLabelAndHandler = {
+    label: string;
+    handler: () => void;
+};
+export interface ToolbarProps {
+    pageList: ToolbarLabelAndHandler[];
+    currentPage: string;
+    searchValue: string;
+    sortOptions: FieldOptions;
+    onSelectSortItem: (option: FieldOption) => void;
+    onClickAdd: () => void;
+    onChangeSearch: (value: string) => void;
+}
+/**
+ * A functional React component utilized to render the `Toolbar` component
+ */
+export declare const Toolbar: React.FC<ToolbarProps>;

package/dist/index.d.ts

@@ -15,5 +15,6 @@ export * from './components/table';
 export * from './components/tabs';
 export * from './components/text';
 export * from './theme/provider';
+export * from './components/toolbar';
 export * from './components/form/utils/formErrors';
 export * from './theme/foundations/colors';