@equisoft/design-elements-react 9.9.2 → 9.9.3-snapshot.20250915034028
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/bundle.js +3065 -3050
- package/dist/bundle.js.LICENSE.txt +15 -9
- package/dist/components/buttons/abstract/styled.d.ts +1 -1
- package/dist/components/buttons/abstract/types.d.ts +1 -0
- package/dist/components/buttons/styled.d.ts +1 -1
- package/dist/components/buttons/types.d.ts +1 -0
- package/dist/components/date-picker/date-picker.d.ts +1 -1
- package/dist/components/date-picker/utils/datepicker-utils.d.ts +1 -5
- package/dist/components/icon/icon.d.ts +1 -0
- package/dist/components/radio-card-group/styled-components.d.ts +1 -1
- package/dist/components/table/table-caption.d.ts +14 -0
- package/dist/components/table/table.d.ts +7 -4
- package/dist/components/tabs/tab-button.d.ts +1 -15
- package/dist/components/tabs/tab-panel.d.ts +2 -9
- package/dist/components/tabs/tabs-classes.d.ts +5 -0
- package/dist/components/tabs/tabs.d.ts +2 -1
- package/dist/components/tabs/types.d.ts +30 -0
- package/dist/components/text-input/styles/inputs.d.ts +1 -1
- package/dist/hooks/use-theme.d.ts +1 -1
- package/dist/theme.js +1 -1
- package/dist/themes/index.d.ts +1 -0
- package/dist/themes/theme.d.ts +13 -8
- package/dist/themes/tokens/alias/color-tokens.d.ts +3 -0
- package/dist/themes/tokens/alias/text-tokens.d.ts +3 -0
- package/dist/themes/tokens/alias-tokens.d.ts +195 -47
- package/dist/themes/tokens/component/accordion-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/avatar-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/badge-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/bento-menu-button-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/breadcrumb-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/button-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/caption-tokens.d.ts +3 -0
- package/dist/themes/tokens/component/card-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/carousel-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/checkbox-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/chooser-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/combobox-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/datepicker-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/disclosure-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/dropdown-list-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/dropdown-menu-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/field-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/focus-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/global-banner-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/global-header-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/global-navigation-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/heading-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/label-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/legend-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/link-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/listbox-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/lozenge-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/menu-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/modal-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/nav-list-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/numeric-input-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/pagination-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/password-input-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/phone-input-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/progress-circular-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/progress-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/radio-button-group-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/radio-card-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/search-input-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/sectional-banner-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/segmented-control-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/side-drawer-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/slider-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/spinner-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/status-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/stepper-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/tab-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/table-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/tag-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/text-area-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/text-input-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/toast-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/toggle-switch-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/toggletip-tokens.d.ts +3 -8
- package/dist/themes/tokens/component/tooltip-tokens.d.ts +3 -8
- package/dist/themes/tokens/component-tokens.d.ts +704 -66
- package/dist/themes/tokens/index.d.ts +1 -0
- package/dist/themes/tokens/ref/palette-tokens.d.ts +3 -6
- package/dist/themes/tokens/ref/text-tokens.d.ts +3 -0
- package/dist/themes/tokens/ref/utility-tokens.d.ts +3 -0
- package/dist/themes/tokens/ref-tokens.d.ts +209 -9
- package/dist/themes/tokens/tokens.d.ts +11 -0
- package/dist/utils/css-state.d.ts +1 -1
- package/package.json +63 -67
- package/dist/themes/tokens/ref/color-utility-tokens.d.ts +0 -6
- package/dist/themes/tokens/ref/text-attributes-tokens.d.ts +0 -6
- package/dist/utility-types.d.ts +0 -1
|
@@ -1,9 +1,3 @@
|
|
|
1
|
-
/*
|
|
2
|
-
object-assign
|
|
3
|
-
(c) Sindre Sorhus
|
|
4
|
-
@license MIT
|
|
5
|
-
*/
|
|
6
|
-
|
|
7
1
|
/*!
|
|
8
2
|
Copyright (c) 2015 Jed Watson.
|
|
9
3
|
Based on code that is Copyright 2013-2015, Facebook, Inc.
|
|
@@ -11,7 +5,7 @@ object-assign
|
|
|
11
5
|
*/
|
|
12
6
|
|
|
13
7
|
/*!
|
|
14
|
-
react-datepicker
|
|
8
|
+
react-datepicker v8.7.0
|
|
15
9
|
https://github.com/Hacker0x01/react-datepicker
|
|
16
10
|
Released under the MIT License.
|
|
17
11
|
*/
|
|
@@ -55,7 +49,18 @@ object-assign
|
|
|
55
49
|
* @license MIT
|
|
56
50
|
*/
|
|
57
51
|
|
|
58
|
-
/**
|
|
52
|
+
/**
|
|
53
|
+
* @license React
|
|
54
|
+
* react-dom-server-legacy.browser.production.min.js
|
|
55
|
+
*
|
|
56
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
57
|
+
*
|
|
58
|
+
* This source code is licensed under the MIT license found in the
|
|
59
|
+
* LICENSE file in the root directory of this source tree.
|
|
60
|
+
*/
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* @license React
|
|
59
64
|
* react-dom-server.browser.production.min.js
|
|
60
65
|
*
|
|
61
66
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -64,7 +69,8 @@ object-assign
|
|
|
64
69
|
* LICENSE file in the root directory of this source tree.
|
|
65
70
|
*/
|
|
66
71
|
|
|
67
|
-
/**
|
|
72
|
+
/**
|
|
73
|
+
* @license React
|
|
68
74
|
* react-jsx-runtime.production.min.js
|
|
69
75
|
*
|
|
70
76
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FlattenInterpolation, ThemeProps } from 'styled-components';
|
|
2
|
-
import { ResolvedTheme } from '../../themes
|
|
2
|
+
import { ResolvedTheme } from '../../themes';
|
|
3
3
|
import { BaseButtonStyles } from './abstract/styled';
|
|
4
4
|
import { ButtonProps, ButtonType } from './types';
|
|
5
5
|
interface ButtonTypeStyles {
|
|
@@ -55,7 +55,7 @@ interface DatepickerProps {
|
|
|
55
55
|
onBlur?(event: FocusEvent<HTMLInputElement>): void;
|
|
56
56
|
onCalendarClose?(): void;
|
|
57
57
|
onCalendarOpen?(): void;
|
|
58
|
-
onChange?(date: Date): void;
|
|
58
|
+
onChange?(date: Date | null): void;
|
|
59
59
|
onFocus?(event: FocusEvent<HTMLInputElement>): void;
|
|
60
60
|
}
|
|
61
61
|
export declare const Datepicker: import("react").ForwardRefExoticComponent<DatepickerProps & import("react").RefAttributes<DatepickerHandles>>;
|
|
@@ -9,8 +9,4 @@ export declare function getLocaleDatePlaceholder(locale?: Locale): string;
|
|
|
9
9
|
export declare function getLocaleMonthsOptions(locale: Locale): DropdownListOption[];
|
|
10
10
|
export declare function getYearsOptions(minDate?: Date | null, maxDate?: Date | null): DropdownListOption[];
|
|
11
11
|
export declare function setLocaleFirstDayOfWeek(locale: Locale, dayOfWeek?: DayOfWeek): void;
|
|
12
|
-
|
|
13
|
-
* The version of format as only numbers (ex: "yyyy-MM-dd" would become "yyyyMMdd").
|
|
14
|
-
* Note that Month and Day are always converted to the 2 digits format.
|
|
15
|
-
*/
|
|
16
|
-
export declare function getNumericalDateFormat(dateFormat: string): string | null;
|
|
12
|
+
export declare function getAlternateDateFormats(dateFormat: string): string[];
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'react';
|
|
2
|
+
export type TableCaptionSize = 'large' | 'medium' | 'small';
|
|
3
|
+
export interface TableCaptionProps extends HTMLAttributes<HTMLTableCaptionElement> {
|
|
4
|
+
className?: string;
|
|
5
|
+
id?: string;
|
|
6
|
+
bold?: boolean;
|
|
7
|
+
size?: TableCaptionSize;
|
|
8
|
+
}
|
|
9
|
+
export interface StyledTableCaptionProps {
|
|
10
|
+
$bold?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export declare const TableCaption: import("react").ForwardRefExoticComponent<TableCaptionProps & {
|
|
13
|
+
children?: import("react").ReactNode | undefined;
|
|
14
|
+
} & import("react").RefAttributes<HTMLTableCaptionElement>>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ColumnSort, Row } from '@tanstack/react-table';
|
|
2
2
|
import { ReactElement } from 'react';
|
|
3
|
+
import { TableCaptionSize } from './table-caption';
|
|
3
4
|
import { type TableColumn } from './types';
|
|
4
5
|
type RowSize = 'small' | 'medium' | 'large';
|
|
5
6
|
export type RowSelectionMode = 'single' | 'multiple';
|
|
@@ -8,11 +9,14 @@ type RowIdField<T> = {
|
|
|
8
9
|
[K in keyof T]: T[K] extends TableRowId ? K : never;
|
|
9
10
|
}[keyof T];
|
|
10
11
|
export interface TableProps<T extends object> {
|
|
12
|
+
ariaLabelledBy?: string;
|
|
13
|
+
ariaDescribedBy?: string;
|
|
11
14
|
ariaLabelledByColumnId?: string;
|
|
12
15
|
data: T[];
|
|
13
16
|
defaultSort?: ColumnSort;
|
|
17
|
+
caption?: string;
|
|
18
|
+
captionSize?: TableCaptionSize;
|
|
14
19
|
columns: TableColumn<T>[];
|
|
15
|
-
excludeGroupsFromSelection?: boolean;
|
|
16
20
|
expandableRows?: 'single' | 'multiple';
|
|
17
21
|
expandChildrenOnRowSelection?: boolean;
|
|
18
22
|
hideSelectAll?: boolean;
|
|
@@ -42,9 +46,8 @@ export interface TableProps<T extends object> {
|
|
|
42
46
|
stickyFooter?: boolean;
|
|
43
47
|
manualSort?: boolean;
|
|
44
48
|
onRowClick?(row: Row<T>): void;
|
|
45
|
-
onSelectedRowIdsChange?(
|
|
46
|
-
onSelectedRowsChange?(selectedRows: T[]): void;
|
|
49
|
+
onSelectedRowIdsChange?(selectedRowIds: TableRowId[]): void;
|
|
47
50
|
onSort?(sort: ColumnSort | null): void;
|
|
48
51
|
}
|
|
49
|
-
export declare const Table: <T extends object>({ ariaLabelledByColumnId, className, data, rowIdField, defaultSort, columns: providedColumns,
|
|
52
|
+
export declare const Table: <T extends object>({ ariaLabelledBy, ariaDescribedBy, ariaLabelledByColumnId, caption, captionSize, className, data, rowIdField, defaultSort, columns: providedColumns, expandableRows, expandChildrenOnRowSelection, hideSelectAll, selectedRowIds, stickyHeader, stickyFooter, rowNumbers, rowSize, rowSelectionMode, striped, manualSort, onRowClick, onSelectedRowIdsChange, onSort, }: TableProps<T>) => ReactElement;
|
|
50
53
|
export {};
|
|
@@ -1,16 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { IconName } from '../icon/icon';
|
|
3
|
-
interface TabButtonProps {
|
|
4
|
-
global?: boolean;
|
|
5
|
-
id: string;
|
|
6
|
-
children: string;
|
|
7
|
-
panelId: string;
|
|
8
|
-
leftIcon?: IconName;
|
|
9
|
-
rightIcon?: IconName;
|
|
10
|
-
isSelected: boolean;
|
|
11
|
-
onClick(): void;
|
|
12
|
-
onRemove?(): void;
|
|
13
|
-
onKeyDown?(event: KeyboardEvent<HTMLDivElement>): void;
|
|
14
|
-
}
|
|
1
|
+
import { TabButtonProps } from './types';
|
|
15
2
|
export declare const TabButton: import("react").ForwardRefExoticComponent<TabButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
16
|
-
export {};
|
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
import { FunctionComponent, PropsWithChildren
|
|
2
|
-
|
|
3
|
-
buttonId: string;
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
hidden: boolean;
|
|
6
|
-
id: string;
|
|
7
|
-
global?: boolean;
|
|
8
|
-
}
|
|
1
|
+
import { FunctionComponent, PropsWithChildren } from 'react';
|
|
2
|
+
import { TabPanelProps } from './types';
|
|
9
3
|
export declare const TabPanel: FunctionComponent<PropsWithChildren<TabPanelProps>>;
|
|
10
|
-
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ReactNode, VoidFunctionComponent } from 'react';
|
|
2
2
|
import { IconName } from '../icon/icon';
|
|
3
|
+
import { TabSize } from './types';
|
|
3
4
|
export interface Tab {
|
|
4
5
|
id: string;
|
|
5
6
|
title: string;
|
|
@@ -18,7 +19,7 @@ interface AddButtonProps {
|
|
|
18
19
|
interface Props {
|
|
19
20
|
className?: string;
|
|
20
21
|
forceRenderTabPanels?: boolean;
|
|
21
|
-
|
|
22
|
+
size?: TabSize;
|
|
22
23
|
tabs: Tab[];
|
|
23
24
|
defaultSelectedId?: string;
|
|
24
25
|
addButton?: AddButtonProps;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ReactNode, KeyboardEvent } from 'react';
|
|
2
|
+
import { IconName } from '../icon/icon';
|
|
3
|
+
export type TabSize = 'medium' | 'small';
|
|
4
|
+
export interface Tab {
|
|
5
|
+
id: string;
|
|
6
|
+
title: string;
|
|
7
|
+
leftIcon?: IconName;
|
|
8
|
+
rightIcon?: IconName;
|
|
9
|
+
panelContent: ReactNode;
|
|
10
|
+
onBeforeUnload?(): Promise<boolean>;
|
|
11
|
+
}
|
|
12
|
+
export interface TabButtonProps {
|
|
13
|
+
size: TabSize;
|
|
14
|
+
id: string;
|
|
15
|
+
panelId: string;
|
|
16
|
+
leftIcon?: IconName;
|
|
17
|
+
rightIcon?: IconName;
|
|
18
|
+
isSelected: boolean;
|
|
19
|
+
onClick(): void;
|
|
20
|
+
onRemove?(): void;
|
|
21
|
+
onKeyDown?(event: KeyboardEvent<HTMLDivElement>): void;
|
|
22
|
+
children: ReactNode;
|
|
23
|
+
}
|
|
24
|
+
export interface TabPanelProps {
|
|
25
|
+
buttonId: string;
|
|
26
|
+
children: ReactNode;
|
|
27
|
+
hidden: boolean;
|
|
28
|
+
id: string;
|
|
29
|
+
size?: TabSize;
|
|
30
|
+
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FlattenSimpleInterpolation } from 'styled-components';
|
|
2
|
-
import { ResolvedTheme } from '../../../themes
|
|
2
|
+
import { ResolvedTheme } from '../../../themes';
|
|
3
3
|
import { DeviceContextProps } from '../../device-context-provider/device-context-provider';
|
|
4
4
|
export interface InputStyleOptions {
|
|
5
5
|
theme: ResolvedTheme;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ResolvedTheme } from '../themes
|
|
1
|
+
import { ResolvedTheme } from '../themes';
|
|
2
2
|
export declare function useTheme(): ResolvedTheme;
|