@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.
Files changed (92) hide show
  1. package/dist/bundle.js +3065 -3050
  2. package/dist/bundle.js.LICENSE.txt +15 -9
  3. package/dist/components/buttons/abstract/styled.d.ts +1 -1
  4. package/dist/components/buttons/abstract/types.d.ts +1 -0
  5. package/dist/components/buttons/styled.d.ts +1 -1
  6. package/dist/components/buttons/types.d.ts +1 -0
  7. package/dist/components/date-picker/date-picker.d.ts +1 -1
  8. package/dist/components/date-picker/utils/datepicker-utils.d.ts +1 -5
  9. package/dist/components/icon/icon.d.ts +1 -0
  10. package/dist/components/radio-card-group/styled-components.d.ts +1 -1
  11. package/dist/components/table/table-caption.d.ts +14 -0
  12. package/dist/components/table/table.d.ts +7 -4
  13. package/dist/components/tabs/tab-button.d.ts +1 -15
  14. package/dist/components/tabs/tab-panel.d.ts +2 -9
  15. package/dist/components/tabs/tabs-classes.d.ts +5 -0
  16. package/dist/components/tabs/tabs.d.ts +2 -1
  17. package/dist/components/tabs/types.d.ts +30 -0
  18. package/dist/components/text-input/styles/inputs.d.ts +1 -1
  19. package/dist/hooks/use-theme.d.ts +1 -1
  20. package/dist/theme.js +1 -1
  21. package/dist/themes/index.d.ts +1 -0
  22. package/dist/themes/theme.d.ts +13 -8
  23. package/dist/themes/tokens/alias/color-tokens.d.ts +3 -0
  24. package/dist/themes/tokens/alias/text-tokens.d.ts +3 -0
  25. package/dist/themes/tokens/alias-tokens.d.ts +195 -47
  26. package/dist/themes/tokens/component/accordion-tokens.d.ts +3 -8
  27. package/dist/themes/tokens/component/avatar-tokens.d.ts +3 -8
  28. package/dist/themes/tokens/component/badge-tokens.d.ts +3 -8
  29. package/dist/themes/tokens/component/bento-menu-button-tokens.d.ts +3 -8
  30. package/dist/themes/tokens/component/breadcrumb-tokens.d.ts +3 -8
  31. package/dist/themes/tokens/component/button-tokens.d.ts +3 -8
  32. package/dist/themes/tokens/component/caption-tokens.d.ts +3 -0
  33. package/dist/themes/tokens/component/card-tokens.d.ts +3 -8
  34. package/dist/themes/tokens/component/carousel-tokens.d.ts +3 -8
  35. package/dist/themes/tokens/component/checkbox-tokens.d.ts +3 -8
  36. package/dist/themes/tokens/component/chooser-tokens.d.ts +3 -8
  37. package/dist/themes/tokens/component/combobox-tokens.d.ts +3 -8
  38. package/dist/themes/tokens/component/datepicker-tokens.d.ts +3 -8
  39. package/dist/themes/tokens/component/disclosure-tokens.d.ts +3 -8
  40. package/dist/themes/tokens/component/dropdown-list-tokens.d.ts +3 -8
  41. package/dist/themes/tokens/component/dropdown-menu-tokens.d.ts +3 -8
  42. package/dist/themes/tokens/component/field-tokens.d.ts +3 -8
  43. package/dist/themes/tokens/component/focus-tokens.d.ts +3 -8
  44. package/dist/themes/tokens/component/global-banner-tokens.d.ts +3 -8
  45. package/dist/themes/tokens/component/global-header-tokens.d.ts +3 -8
  46. package/dist/themes/tokens/component/global-navigation-tokens.d.ts +3 -8
  47. package/dist/themes/tokens/component/heading-tokens.d.ts +3 -8
  48. package/dist/themes/tokens/component/label-tokens.d.ts +3 -8
  49. package/dist/themes/tokens/component/legend-tokens.d.ts +3 -8
  50. package/dist/themes/tokens/component/link-tokens.d.ts +3 -8
  51. package/dist/themes/tokens/component/listbox-tokens.d.ts +3 -8
  52. package/dist/themes/tokens/component/lozenge-tokens.d.ts +3 -8
  53. package/dist/themes/tokens/component/menu-tokens.d.ts +3 -8
  54. package/dist/themes/tokens/component/modal-tokens.d.ts +3 -8
  55. package/dist/themes/tokens/component/nav-list-tokens.d.ts +3 -8
  56. package/dist/themes/tokens/component/numeric-input-tokens.d.ts +3 -8
  57. package/dist/themes/tokens/component/pagination-tokens.d.ts +3 -8
  58. package/dist/themes/tokens/component/password-input-tokens.d.ts +3 -8
  59. package/dist/themes/tokens/component/phone-input-tokens.d.ts +3 -8
  60. package/dist/themes/tokens/component/progress-circular-tokens.d.ts +3 -8
  61. package/dist/themes/tokens/component/progress-tokens.d.ts +3 -8
  62. package/dist/themes/tokens/component/radio-button-group-tokens.d.ts +3 -8
  63. package/dist/themes/tokens/component/radio-card-tokens.d.ts +3 -8
  64. package/dist/themes/tokens/component/search-input-tokens.d.ts +3 -8
  65. package/dist/themes/tokens/component/sectional-banner-tokens.d.ts +3 -8
  66. package/dist/themes/tokens/component/segmented-control-tokens.d.ts +3 -8
  67. package/dist/themes/tokens/component/side-drawer-tokens.d.ts +3 -8
  68. package/dist/themes/tokens/component/slider-tokens.d.ts +3 -8
  69. package/dist/themes/tokens/component/spinner-tokens.d.ts +3 -8
  70. package/dist/themes/tokens/component/status-tokens.d.ts +3 -8
  71. package/dist/themes/tokens/component/stepper-tokens.d.ts +3 -8
  72. package/dist/themes/tokens/component/tab-tokens.d.ts +3 -8
  73. package/dist/themes/tokens/component/table-tokens.d.ts +3 -8
  74. package/dist/themes/tokens/component/tag-tokens.d.ts +3 -8
  75. package/dist/themes/tokens/component/text-area-tokens.d.ts +3 -8
  76. package/dist/themes/tokens/component/text-input-tokens.d.ts +3 -8
  77. package/dist/themes/tokens/component/toast-tokens.d.ts +3 -8
  78. package/dist/themes/tokens/component/toggle-switch-tokens.d.ts +3 -8
  79. package/dist/themes/tokens/component/toggletip-tokens.d.ts +3 -8
  80. package/dist/themes/tokens/component/tooltip-tokens.d.ts +3 -8
  81. package/dist/themes/tokens/component-tokens.d.ts +704 -66
  82. package/dist/themes/tokens/index.d.ts +1 -0
  83. package/dist/themes/tokens/ref/palette-tokens.d.ts +3 -6
  84. package/dist/themes/tokens/ref/text-tokens.d.ts +3 -0
  85. package/dist/themes/tokens/ref/utility-tokens.d.ts +3 -0
  86. package/dist/themes/tokens/ref-tokens.d.ts +209 -9
  87. package/dist/themes/tokens/tokens.d.ts +11 -0
  88. package/dist/utils/css-state.d.ts +1 -1
  89. package/package.json +63 -67
  90. package/dist/themes/tokens/ref/color-utility-tokens.d.ts +0 -6
  91. package/dist/themes/tokens/ref/text-attributes-tokens.d.ts +0 -6
  92. 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 v7.5.0
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
- /** @license React v17.0.2
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
- /** @license React v17.0.2
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/theme';
2
+ import { ResolvedTheme } from '../../../themes';
3
3
  import { Size } from './types';
4
4
  export interface BaseButtonStyles {
5
5
  $size?: Size;
@@ -4,4 +4,5 @@ export interface AbstractButtonProps extends ButtonHTMLAttributes<HTMLButtonElem
4
4
  focusable?: boolean;
5
5
  isMobile: boolean;
6
6
  size?: Size;
7
+ tabIndex?: number;
7
8
  }
@@ -1,5 +1,5 @@
1
1
  import { FlattenInterpolation, ThemeProps } from 'styled-components';
2
- import { ResolvedTheme } from '../../themes/theme';
2
+ import { ResolvedTheme } from '../../themes';
3
3
  import { BaseButtonStyles } from './abstract/styled';
4
4
  import { ButtonProps, ButtonType } from './types';
5
5
  interface ButtonTypeStyles {
@@ -29,6 +29,7 @@ export interface ButtonProps {
29
29
  * @default medium
30
30
  */
31
31
  size?: Size;
32
+ tabIndex?: number;
32
33
  title?: string;
33
34
  type?: Type;
34
35
  leftIconName?: IconName;
@@ -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[];
@@ -58,6 +58,7 @@ declare const iconMapping: {
58
58
  readonly search: any;
59
59
  readonly send: any;
60
60
  readonly settings: any;
61
+ readonly share: any;
61
62
  readonly star: any;
62
63
  readonly table: any;
63
64
  readonly transfer: any;
@@ -1,4 +1,4 @@
1
- import { ResolvedTheme } from '../../themes/theme';
1
+ import { ResolvedTheme } from '../../themes';
2
2
  interface DescriptionProps {
3
3
  $isMobile: boolean;
4
4
  theme: ResolvedTheme;
@@ -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?(selectedRows: TableRowId[]): void;
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, excludeGroupsFromSelection, expandableRows, expandChildrenOnRowSelection, hideSelectAll, selectedRowIds, stickyHeader, stickyFooter, rowNumbers, rowSize, rowSelectionMode, striped, manualSort, onRowClick, onSelectedRowIdsChange, onSelectedRowsChange, onSort, }: TableProps<T>) => ReactElement;
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 { KeyboardEvent } from 'react';
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, ReactNode } from 'react';
2
- interface TabPanelProps {
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 {};
@@ -0,0 +1,5 @@
1
+ export interface TabsClasses {
2
+ tablistContainer: string;
3
+ }
4
+ export type TabsClassKeys = keyof TabsClasses;
5
+ export declare const tabsClasses: TabsClasses;
@@ -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
- global?: boolean;
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/theme';
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/theme';
1
+ import { ResolvedTheme } from '../themes';
2
2
  export declare function useTheme(): ResolvedTheme;