@seeqdev/qomponents 0.0.239 → 0.0.240-beta.ff0068cf71.20260715
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/index.esm.js +41 -41
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +70 -70
- package/dist/index.js.map +1 -1
- package/dist/src/Accordion/Accordion.d.ts +2 -2
- package/dist/src/Alert/Alert.d.ts +2 -2
- package/dist/src/Badge/Badge.d.ts +2 -2
- package/dist/src/Button/Button.d.ts +2 -2
- package/dist/src/ButtonGroup/ButtonGroup.d.ts +2 -2
- package/dist/src/ButtonWithDropdown/ButtonWithDropdown.d.ts +3 -3
- package/dist/src/ButtonWithPopover/ButtonWithPopover.d.ts +2 -2
- package/dist/src/Carousel/Carousel.d.ts +2 -2
- package/dist/src/Checkbox/Checkbox.d.ts +2 -2
- package/dist/src/Collapse/Collapse.d.ts +2 -2
- package/dist/src/ColorPickerControl/ColorPickerControl.d.ts +2 -2
- package/dist/src/EditorPanel/EditorPanel.d.ts +2 -2
- package/dist/src/ExternalLink/ExternalLink.d.ts +2 -2
- package/dist/src/Icon/Icon.d.ts +2 -2
- package/dist/src/LoadingIndicator/LoadingIndicator.d.ts +2 -2
- package/dist/src/Modal/Modal.d.ts +2 -2
- package/dist/src/Paginator/Paginator.constants.d.ts +35 -0
- package/dist/src/Paginator/Paginator.d.ts +162 -0
- package/dist/src/Paginator/Paginator.types.d.ts +30 -0
- package/dist/src/Paginator/Paginator.utilities.d.ts +31 -0
- package/dist/src/Paginator/index.d.ts +2 -0
- package/dist/src/ProgressBar/ProgressBar.d.ts +2 -2
- package/dist/src/SeeqActionDropdown/SeeqActionDropdown.d.ts +2 -2
- package/dist/src/SeeqActionDropdown/variants.d.ts +4 -4
- package/dist/src/SegmentedControl/SegmentedControl.d.ts +2 -2
- package/dist/src/Select/Select.d.ts +2 -2
- package/dist/src/Slider/Slider.d.ts +2 -2
- package/dist/src/SvgIcon/SvgIcon.d.ts +2 -2
- package/dist/src/Tabs/Tabs.d.ts +2 -2
- package/dist/src/TextArea/TextArea.d.ts +2 -2
- package/dist/src/TextField/TextField.d.ts +3 -3
- package/dist/src/ToolbarButton/ToolbarButton.d.ts +2 -2
- package/dist/src/Tooltip/Tooltip.d.ts +2 -2
- package/dist/src/TriggerWithDropdown/TriggerWithDropdown.d.ts +2 -2
- package/dist/src/index.build.d.ts +2 -1
- package/dist/src/index.d.ts +2 -1
- package/dist/styles.css +165 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AccordionProps } from "./Accordion.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime24 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/Accordion/Accordion.d.ts
|
|
5
5
|
declare const Accordion: ({
|
|
@@ -10,6 +10,6 @@ declare const Accordion: ({
|
|
|
10
10
|
disabled,
|
|
11
11
|
extraClassNames,
|
|
12
12
|
testId
|
|
13
|
-
}: AccordionProps) =>
|
|
13
|
+
}: AccordionProps) => react_jsx_runtime24.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Accordion as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AlertProps } from "./Alert.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime23 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/Alert/Alert.d.ts
|
|
5
5
|
/**
|
|
@@ -15,6 +15,6 @@ declare const Alert: ({
|
|
|
15
15
|
id,
|
|
16
16
|
extraClassNames,
|
|
17
17
|
...tooltipProps
|
|
18
|
-
}: AlertProps) =>
|
|
18
|
+
}: AlertProps) => react_jsx_runtime23.JSX.Element;
|
|
19
19
|
//#endregion
|
|
20
20
|
export { Alert };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BadgeProps } from "./Badge.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime22 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/Badge/Badge.d.ts
|
|
5
5
|
/**
|
|
@@ -10,6 +10,6 @@ declare const Badge: ({
|
|
|
10
10
|
variant,
|
|
11
11
|
testId,
|
|
12
12
|
extraClassNames
|
|
13
|
-
}: BadgeProps) =>
|
|
13
|
+
}: BadgeProps) => react_jsx_runtime22.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { Badge, Badge as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ButtonProps } from "./Button.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime26 from "react/jsx-runtime";
|
|
3
3
|
import React from "react";
|
|
4
4
|
|
|
5
5
|
//#region src/Button/Button.d.ts
|
|
@@ -33,6 +33,6 @@ declare const Button: ({
|
|
|
33
33
|
tooltipTestId,
|
|
34
34
|
ref,
|
|
35
35
|
...rest
|
|
36
|
-
}: ButtonComponentProps) =>
|
|
36
|
+
}: ButtonComponentProps) => react_jsx_runtime26.JSX.Element;
|
|
37
37
|
//#endregion
|
|
38
38
|
export { Button as default };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ButtonGroupProps } from "./ButtonGroup.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime27 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/ButtonGroup/ButtonGroup.d.ts
|
|
5
5
|
/**
|
|
6
6
|
* ButtonGroup.
|
|
7
7
|
*/
|
|
8
|
-
declare const ButtonGroup: (props: ButtonGroupProps) =>
|
|
8
|
+
declare const ButtonGroup: (props: ButtonGroupProps) => react_jsx_runtime27.JSX.Element;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { ButtonGroup };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { ButtonWithDropdownProps } from "./ButtonWithDropdown.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime28 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/ButtonWithDropdown/ButtonWithDropdown.d.ts
|
|
5
|
-
declare const ButtonWithDropdown: (props: ButtonWithDropdownProps) =>
|
|
5
|
+
declare const ButtonWithDropdown: (props: ButtonWithDropdownProps) => react_jsx_runtime28.JSX.Element;
|
|
6
6
|
declare const Dropdown: ({
|
|
7
7
|
dropdownItems,
|
|
8
8
|
id,
|
|
@@ -19,6 +19,6 @@ declare const Dropdown: ({
|
|
|
19
19
|
setFocusOnTriggerOnClose,
|
|
20
20
|
keepFocusInsideDropdown,
|
|
21
21
|
onContainerClick
|
|
22
|
-
}: ButtonWithDropdownProps) =>
|
|
22
|
+
}: ButtonWithDropdownProps) => react_jsx_runtime28.JSX.Element;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { Dropdown, ButtonWithDropdown as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ButtonWithPopoverProps } from "./ButtonWithPopover.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime30 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/ButtonWithPopover/ButtonWithPopover.d.ts
|
|
5
5
|
declare const ButtonWithPopover: ({
|
|
@@ -27,6 +27,6 @@ declare const ButtonWithPopover: ({
|
|
|
27
27
|
isPortal,
|
|
28
28
|
hideWhenDetached,
|
|
29
29
|
...tooltipProps
|
|
30
|
-
}: ButtonWithPopoverProps) =>
|
|
30
|
+
}: ButtonWithPopoverProps) => react_jsx_runtime30.JSX.Element;
|
|
31
31
|
//#endregion
|
|
32
32
|
export { ButtonWithPopover as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CarouselProps } from "./Carousel.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime25 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/Carousel/Carousel.d.ts
|
|
5
5
|
|
|
@@ -22,6 +22,6 @@ declare const Carousel: ({
|
|
|
22
22
|
showArrows,
|
|
23
23
|
iconExtraClassNames,
|
|
24
24
|
carouselItems
|
|
25
|
-
}: CarouselProps) =>
|
|
25
|
+
}: CarouselProps) => react_jsx_runtime25.JSX.Element;
|
|
26
26
|
//#endregion
|
|
27
27
|
export { Carousel as default };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { CheckboxProps } from "./Checkbox.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime19 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/Checkbox/Checkbox.d.ts
|
|
5
5
|
/**
|
|
6
6
|
* Checkbox and Radio Box Component.
|
|
7
7
|
*/
|
|
8
|
-
declare const Checkbox: (props: CheckboxProps) =>
|
|
8
|
+
declare const Checkbox: (props: CheckboxProps) => react_jsx_runtime19.JSX.Element;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { Checkbox };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { CollapseProps } from "./Collapse.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime17 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/Collapse/Collapse.d.ts
|
|
5
5
|
declare const Collapse: ({
|
|
6
6
|
isVisible,
|
|
7
7
|
children
|
|
8
|
-
}: CollapseProps) =>
|
|
8
|
+
}: CollapseProps) => react_jsx_runtime17.JSX.Element;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { Collapse as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ColorPickerControlProps } from "./ColorPickerControl.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime16 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/ColorPickerControl/ColorPickerControl.d.ts
|
|
5
5
|
declare function ColorPickerControl({
|
|
@@ -12,6 +12,6 @@ declare function ColorPickerControl({
|
|
|
12
12
|
id,
|
|
13
13
|
testId,
|
|
14
14
|
onOpen
|
|
15
|
-
}: ColorPickerControlProps):
|
|
15
|
+
}: ColorPickerControlProps): react_jsx_runtime16.JSX.Element;
|
|
16
16
|
//#endregion
|
|
17
17
|
export { ColorPickerControl as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { EditorPanelProps } from "./EditorPanel.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime18 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/EditorPanel/EditorPanel.d.ts
|
|
5
5
|
declare const EditorPanel: ({
|
|
@@ -14,6 +14,6 @@ declare const EditorPanel: ({
|
|
|
14
14
|
extraClassNames,
|
|
15
15
|
id,
|
|
16
16
|
testId
|
|
17
|
-
}: EditorPanelProps) =>
|
|
17
|
+
}: EditorPanelProps) => react_jsx_runtime18.JSX.Element;
|
|
18
18
|
//#endregion
|
|
19
19
|
export { EditorPanel as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ExternalLinkProps } from "./ExternalLink.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime21 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/ExternalLink/ExternalLink.d.ts
|
|
5
5
|
/**
|
|
@@ -12,6 +12,6 @@ declare const ExternalLink: ({
|
|
|
12
12
|
children,
|
|
13
13
|
extraClassNames,
|
|
14
14
|
testId
|
|
15
|
-
}: ExternalLinkProps) =>
|
|
15
|
+
}: ExternalLinkProps) => react_jsx_runtime21.JSX.Element;
|
|
16
16
|
//#endregion
|
|
17
17
|
export { ExternalLink, ExternalLink as default };
|
package/dist/src/Icon/Icon.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IconProps } from "./Icon.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime20 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/Icon/Icon.d.ts
|
|
5
5
|
|
|
@@ -23,6 +23,6 @@ declare const Icon: ({
|
|
|
23
23
|
customId,
|
|
24
24
|
number,
|
|
25
25
|
...tooltipProps
|
|
26
|
-
}: IconProps) =>
|
|
26
|
+
}: IconProps) => react_jsx_runtime20.JSX.Element;
|
|
27
27
|
//#endregion
|
|
28
28
|
export { Icon as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { LoadingIndicatorProps } from "./LoadingIndicator.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime8 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/LoadingIndicator/LoadingIndicator.d.ts
|
|
5
5
|
/**
|
|
@@ -19,6 +19,6 @@ declare const LoadingIndicator: ({
|
|
|
19
19
|
role,
|
|
20
20
|
onClick,
|
|
21
21
|
title
|
|
22
|
-
}: LoadingIndicatorProps) =>
|
|
22
|
+
}: LoadingIndicatorProps) => react_jsx_runtime8.JSX.Element;
|
|
23
23
|
//#endregion
|
|
24
24
|
export { LoadingIndicator as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ModalProps } from "./Modal.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime5 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/Modal/Modal.d.ts
|
|
5
5
|
declare const Modal: ({
|
|
@@ -44,6 +44,6 @@ declare const Modal: ({
|
|
|
44
44
|
onPointerDownOutside,
|
|
45
45
|
onInteractOutside,
|
|
46
46
|
ariaDescribedBy
|
|
47
|
-
}: ModalProps) =>
|
|
47
|
+
}: ModalProps) => react_jsx_runtime5.JSX.Element;
|
|
48
48
|
//#endregion
|
|
49
49
|
export { Modal as default };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
//#region src/Paginator/Paginator.constants.d.ts
|
|
2
|
+
declare const NAVIGATION_BUTTON_BASE_CLASSES: string[];
|
|
3
|
+
declare const NAVIGATION_BUTTON_CLASS_BY_SIZE: {
|
|
4
|
+
readonly small: 'tw:min-w-6 tw:min-h-6';
|
|
5
|
+
readonly normal: 'tw:min-w-8 tw:min-h-[34px]';
|
|
6
|
+
};
|
|
7
|
+
declare const DISABLED_NAVIGATION_BUTTON_CLASSES: string[];
|
|
8
|
+
declare const ACTIVE_NAVIGATION_BUTTON_CLASSES: string[];
|
|
9
|
+
declare const BREAK_NAVIGATION_ITEM_BASE_CLASSES: string[];
|
|
10
|
+
declare const SELECT_WIDTH_CLASS_BY_SIZE: {
|
|
11
|
+
readonly small: 'tw:w-[55px]';
|
|
12
|
+
readonly normal: 'tw:w-[65px]';
|
|
13
|
+
};
|
|
14
|
+
declare const CONTROLS_SPACING_CLASS_BY_SIZE: {
|
|
15
|
+
readonly small: 'tw:gap-1';
|
|
16
|
+
readonly normal: 'tw:gap-1.5';
|
|
17
|
+
};
|
|
18
|
+
declare const NAV_BUTTON_PADDING_CLASS_BY_SIZE: {
|
|
19
|
+
readonly small: 'tw:px-[6px] tw:py-px';
|
|
20
|
+
readonly normal: 'tw:px-[15px] tw:py-[6px]';
|
|
21
|
+
};
|
|
22
|
+
declare const GO_TO_PAGE_WRAPPER_CLASS_BY_SIZE: {
|
|
23
|
+
readonly small: 'tw:ml-[5px]';
|
|
24
|
+
readonly normal: 'tw:my-1.5';
|
|
25
|
+
};
|
|
26
|
+
declare const ITEM_COUNT_WRAPPER_CLASS_BY_SIZE: {
|
|
27
|
+
readonly small: '';
|
|
28
|
+
readonly normal: 'tw:my-1.5';
|
|
29
|
+
};
|
|
30
|
+
declare const ITEM_COUNT_LABEL_CLASS_BY_SIZE: {
|
|
31
|
+
readonly small: '';
|
|
32
|
+
readonly normal: 'tw:ml-[10px]';
|
|
33
|
+
};
|
|
34
|
+
//#endregion
|
|
35
|
+
export { ACTIVE_NAVIGATION_BUTTON_CLASSES, BREAK_NAVIGATION_ITEM_BASE_CLASSES, CONTROLS_SPACING_CLASS_BY_SIZE, DISABLED_NAVIGATION_BUTTON_CLASSES, GO_TO_PAGE_WRAPPER_CLASS_BY_SIZE, ITEM_COUNT_LABEL_CLASS_BY_SIZE, ITEM_COUNT_WRAPPER_CLASS_BY_SIZE, NAVIGATION_BUTTON_BASE_CLASSES, NAVIGATION_BUTTON_CLASS_BY_SIZE, NAV_BUTTON_PADDING_CLASS_BY_SIZE, SELECT_WIDTH_CLASS_BY_SIZE };
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
import { PaginatorLabel, PaginatorSize, PaginatorVariant } from "./Paginator.types.js";
|
|
2
|
+
import * as react_jsx_runtime13 from "react/jsx-runtime";
|
|
3
|
+
|
|
4
|
+
//#region src/Paginator/Paginator.d.ts
|
|
5
|
+
type PaginatorProps = {
|
|
6
|
+
/**
|
|
7
|
+
* Total number of pages available.
|
|
8
|
+
*/
|
|
9
|
+
'pageCount': number;
|
|
10
|
+
/**
|
|
11
|
+
* Currently selected 1-based page number.
|
|
12
|
+
*/
|
|
13
|
+
'pageNumber': number;
|
|
14
|
+
/**
|
|
15
|
+
* Current page size. When omitted, the page-size selector is hidden.
|
|
16
|
+
*/
|
|
17
|
+
'pageSize'?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Visual variant for the paginator layout. Defaults to `"normal"`.
|
|
20
|
+
*/
|
|
21
|
+
'variant'?: PaginatorVariant;
|
|
22
|
+
/**
|
|
23
|
+
* Number of pages shown around the current page in the middle window.
|
|
24
|
+
* Defaults to `2`, or `1` when `variant` is `"compact"`.
|
|
25
|
+
*/
|
|
26
|
+
'pageRangeDisplayed'?: number;
|
|
27
|
+
/**
|
|
28
|
+
* Number of pages always shown at the beginning and end of the paginator.
|
|
29
|
+
* Defaults to `2`, or `1` when `variant` is `"compact"`.
|
|
30
|
+
*/
|
|
31
|
+
'marginPagesDisplayed'?: number;
|
|
32
|
+
/**
|
|
33
|
+
* Total number of items across all pages.
|
|
34
|
+
*/
|
|
35
|
+
'total'?: number;
|
|
36
|
+
/**
|
|
37
|
+
* Custom options for the page-size selector.
|
|
38
|
+
*/
|
|
39
|
+
'pageSizeOptions'?: number[];
|
|
40
|
+
/**
|
|
41
|
+
* Visual size for the paginator controls.
|
|
42
|
+
*/
|
|
43
|
+
'size'?: PaginatorSize;
|
|
44
|
+
/**
|
|
45
|
+
* Allows new page-size values to be entered in the page-size selector.
|
|
46
|
+
*/
|
|
47
|
+
'creatablePageSizes'?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Overrides the default translated label shown before the total item count.
|
|
50
|
+
*/
|
|
51
|
+
'totalLabel'?: PaginatorLabel;
|
|
52
|
+
/**
|
|
53
|
+
* Overrides the default translated label shown before the page selector.
|
|
54
|
+
*/
|
|
55
|
+
'pageLabel'?: PaginatorLabel;
|
|
56
|
+
/**
|
|
57
|
+
* Overrides the default translated label shown before the page-size selector.
|
|
58
|
+
*/
|
|
59
|
+
'showLabel'?: PaginatorLabel;
|
|
60
|
+
/**
|
|
61
|
+
* Overrides the default translated label shown in the previous-page button.
|
|
62
|
+
*/
|
|
63
|
+
'previousLabel'?: PaginatorLabel;
|
|
64
|
+
/**
|
|
65
|
+
* Overrides the default translated ARIA label announced for the previous-page button.
|
|
66
|
+
*/
|
|
67
|
+
'previousAriaLabel'?: string;
|
|
68
|
+
/**
|
|
69
|
+
* Overrides the default translated label shown in the next-page button.
|
|
70
|
+
*/
|
|
71
|
+
'nextLabel'?: PaginatorLabel;
|
|
72
|
+
/**
|
|
73
|
+
* Overrides the default translated ARIA label announced for the next-page button.
|
|
74
|
+
*/
|
|
75
|
+
'nextAriaLabel'?: string;
|
|
76
|
+
/**
|
|
77
|
+
* Overrides the default translated label used for collapsed page ranges.
|
|
78
|
+
*/
|
|
79
|
+
'breakLabel'?: PaginatorLabel;
|
|
80
|
+
/**
|
|
81
|
+
* Test id applied to the paginator root element.
|
|
82
|
+
*/
|
|
83
|
+
'testId'?: string;
|
|
84
|
+
/**
|
|
85
|
+
* Class applied to each numbered page list item.
|
|
86
|
+
*/
|
|
87
|
+
'pageClassName'?: string;
|
|
88
|
+
/**
|
|
89
|
+
* Class applied to each numbered page button.
|
|
90
|
+
*/
|
|
91
|
+
'pageLinkClassName'?: string;
|
|
92
|
+
/**
|
|
93
|
+
* Class applied to the previous-page list item.
|
|
94
|
+
*/
|
|
95
|
+
'previousClassName'?: string;
|
|
96
|
+
/**
|
|
97
|
+
* Class applied to the previous-page button.
|
|
98
|
+
*/
|
|
99
|
+
'previousLinkClassName'?: string;
|
|
100
|
+
/**
|
|
101
|
+
* Class applied to the next-page list item.
|
|
102
|
+
*/
|
|
103
|
+
'nextClassName'?: string;
|
|
104
|
+
/**
|
|
105
|
+
* Class applied to the next-page button.
|
|
106
|
+
*/
|
|
107
|
+
'nextLinkClassName'?: string;
|
|
108
|
+
/**
|
|
109
|
+
* Class applied to the active numbered page list item.
|
|
110
|
+
*/
|
|
111
|
+
'activeClassName'?: string;
|
|
112
|
+
/**
|
|
113
|
+
* Class applied to the pagination list container element.
|
|
114
|
+
*/
|
|
115
|
+
'containerClassName'?: string;
|
|
116
|
+
/**
|
|
117
|
+
* ARIA label applied to the nav element for improved accessibility. Defaults to a translated string "Pagination".
|
|
118
|
+
*/
|
|
119
|
+
'aria-label'?: string;
|
|
120
|
+
/**
|
|
121
|
+
* Called when the user requests a different 1-based page number.
|
|
122
|
+
*/
|
|
123
|
+
'onPageChange': (page: number) => void;
|
|
124
|
+
/**
|
|
125
|
+
* Updates the page size when the page-size selector changes.
|
|
126
|
+
*/
|
|
127
|
+
'onPageSizeChange'?: (size: number) => void;
|
|
128
|
+
};
|
|
129
|
+
declare const Paginator: ({
|
|
130
|
+
onPageChange,
|
|
131
|
+
pageCount,
|
|
132
|
+
pageNumber,
|
|
133
|
+
pageSize,
|
|
134
|
+
onPageSizeChange,
|
|
135
|
+
variant,
|
|
136
|
+
pageRangeDisplayed,
|
|
137
|
+
marginPagesDisplayed,
|
|
138
|
+
total,
|
|
139
|
+
pageSizeOptions,
|
|
140
|
+
size,
|
|
141
|
+
creatablePageSizes,
|
|
142
|
+
'totalLabel': totalLabelProp,
|
|
143
|
+
'pageLabel': pageLabelProp,
|
|
144
|
+
'showLabel': showLabelProp,
|
|
145
|
+
'previousLabel': previousLabelProp,
|
|
146
|
+
'previousAriaLabel': previousAriaLabelProp,
|
|
147
|
+
'nextLabel': nextLabelProp,
|
|
148
|
+
'nextAriaLabel': nextAriaLabelProp,
|
|
149
|
+
'breakLabel': breakLabelProp,
|
|
150
|
+
'pageClassName': pageClassName,
|
|
151
|
+
'pageLinkClassName': pageLinkClassName,
|
|
152
|
+
'previousClassName': previousClassName,
|
|
153
|
+
'previousLinkClassName': previousLinkClassName,
|
|
154
|
+
'nextClassName': nextClassName,
|
|
155
|
+
'nextLinkClassName': nextLinkClassName,
|
|
156
|
+
'activeClassName': activeClassName,
|
|
157
|
+
'containerClassName': containerClassName,
|
|
158
|
+
'aria-label': arialLabel,
|
|
159
|
+
testId
|
|
160
|
+
}: PaginatorProps) => react_jsx_runtime13.JSX.Element;
|
|
161
|
+
//#endregion
|
|
162
|
+
export { Paginator as default };
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
|
|
3
|
+
//#region src/Paginator/Paginator.types.d.ts
|
|
4
|
+
type PaginatorLabel = ReactNode;
|
|
5
|
+
type PaginatorVariant = 'normal' | 'compact';
|
|
6
|
+
type PaginatorSize = 'normal' | 'small';
|
|
7
|
+
type NumericOption = {
|
|
8
|
+
label: number;
|
|
9
|
+
value: number;
|
|
10
|
+
};
|
|
11
|
+
type PaginationItem = {
|
|
12
|
+
type: 'page';
|
|
13
|
+
page: number;
|
|
14
|
+
} | {
|
|
15
|
+
type: 'break';
|
|
16
|
+
key: string;
|
|
17
|
+
};
|
|
18
|
+
type BuildPaginationItemsArgs = {
|
|
19
|
+
currentPage: number;
|
|
20
|
+
pageCount: number;
|
|
21
|
+
pageRangeDisplayed: number;
|
|
22
|
+
marginPagesDisplayed: number;
|
|
23
|
+
};
|
|
24
|
+
type CreateNavButtonClassArgs = {
|
|
25
|
+
active?: boolean;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
rounded?: string;
|
|
28
|
+
};
|
|
29
|
+
//#endregion
|
|
30
|
+
export { BuildPaginationItemsArgs, CreateNavButtonClassArgs, NumericOption, PaginationItem, PaginatorLabel, PaginatorSize, PaginatorVariant };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { BuildPaginationItemsArgs, CreateNavButtonClassArgs, NumericOption, PaginationItem, PaginatorSize } from "./Paginator.types.js";
|
|
2
|
+
|
|
3
|
+
//#region src/Paginator/Paginator.utilities.d.ts
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Builds the ordered list of numbered-page and break items to render for the paginator.
|
|
7
|
+
*/
|
|
8
|
+
declare const buildPaginationItems: ({
|
|
9
|
+
currentPage,
|
|
10
|
+
pageCount,
|
|
11
|
+
pageRangeDisplayed,
|
|
12
|
+
marginPagesDisplayed
|
|
13
|
+
}: BuildPaginationItemsArgs) => PaginationItem[];
|
|
14
|
+
/**
|
|
15
|
+
* Converts either a page count or a list of numeric values into Select-compatible numeric options.
|
|
16
|
+
*/
|
|
17
|
+
declare const createNumericOptions: (countOrValues: number | number[]) => NumericOption[];
|
|
18
|
+
/**
|
|
19
|
+
* Builds the Tailwind class string for a pagination button, including active and disabled variants.
|
|
20
|
+
*/
|
|
21
|
+
declare const createNavButtonClass: (navButtonPaddingClass: string, size: PaginatorSize, {
|
|
22
|
+
active,
|
|
23
|
+
disabled,
|
|
24
|
+
rounded
|
|
25
|
+
}: CreateNavButtonClassArgs) => string;
|
|
26
|
+
/**
|
|
27
|
+
* Builds the Tailwind class string used for a non-interactive pagination break item.
|
|
28
|
+
*/
|
|
29
|
+
declare const createBreakClass: (navButtonPaddingClass: string) => string;
|
|
30
|
+
//#endregion
|
|
31
|
+
export { buildPaginationItems, createBreakClass, createNavButtonClass, createNumericOptions };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ProgressBarProps } from "./ProgressBar.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime9 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/ProgressBar/ProgressBar.d.ts
|
|
5
5
|
declare const ProgressBar: ({
|
|
@@ -7,6 +7,6 @@ declare const ProgressBar: ({
|
|
|
7
7
|
max,
|
|
8
8
|
containerExtraClasses,
|
|
9
9
|
zeroValueLabel
|
|
10
|
-
}: ProgressBarProps) =>
|
|
10
|
+
}: ProgressBarProps) => react_jsx_runtime9.JSX.Element;
|
|
11
11
|
//#endregion
|
|
12
12
|
export { ProgressBar as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SeeqActionDropdownProps } from "./SeeqActionDropdown.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime4 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/SeeqActionDropdown/SeeqActionDropdown.d.ts
|
|
5
5
|
declare const SeeqActionDropdown: ({
|
|
@@ -20,6 +20,6 @@ declare const SeeqActionDropdown: ({
|
|
|
20
20
|
keepFocusInsideDropdown,
|
|
21
21
|
variant,
|
|
22
22
|
...tooltipProps
|
|
23
|
-
}: SeeqActionDropdownProps) =>
|
|
23
|
+
}: SeeqActionDropdownProps) => react_jsx_runtime4.JSX.Element;
|
|
24
24
|
//#endregion
|
|
25
25
|
export { SeeqActionDropdown as default };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { SeeqActionDropdownItems } from "./SeeqActionDropdown.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime10 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/SeeqActionDropdown/variants.d.ts
|
|
5
|
-
declare const SeeqActionDropdownItem: (item: SeeqActionDropdownItems) =>
|
|
6
|
-
declare const ViewWorkbench: (item: SeeqActionDropdownItems) =>
|
|
7
|
-
declare const InsertSeeqContent: (item: SeeqActionDropdownItems) =>
|
|
5
|
+
declare const SeeqActionDropdownItem: (item: SeeqActionDropdownItems) => react_jsx_runtime10.JSX.Element;
|
|
6
|
+
declare const ViewWorkbench: (item: SeeqActionDropdownItems) => react_jsx_runtime10.JSX.Element;
|
|
7
|
+
declare const InsertSeeqContent: (item: SeeqActionDropdownItems) => react_jsx_runtime10.JSX.Element;
|
|
8
8
|
//#endregion
|
|
9
9
|
export { InsertSeeqContent, SeeqActionDropdownItem, ViewWorkbench };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SegmentedControlProps } from "./SegmentedControl.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime15 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/SegmentedControl/SegmentedControl.d.ts
|
|
5
5
|
declare function SegmentedControl<T extends string | number | boolean>({
|
|
@@ -10,6 +10,6 @@ declare function SegmentedControl<T extends string | number | boolean>({
|
|
|
10
10
|
id,
|
|
11
11
|
testId,
|
|
12
12
|
ariaLabel
|
|
13
|
-
}: SegmentedControlProps<T>):
|
|
13
|
+
}: SegmentedControlProps<T>): react_jsx_runtime15.JSX.Element;
|
|
14
14
|
//#endregion
|
|
15
15
|
export { SegmentedControl as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SelectProps } from "./Select.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime7 from "react/jsx-runtime";
|
|
3
3
|
import { MultiValue as MultiValue$1, SingleValue as SingleValue$1 } from "react-select";
|
|
4
4
|
|
|
5
5
|
//#region src/Select/Select.d.ts
|
|
@@ -50,6 +50,6 @@ declare const Select: ({
|
|
|
50
50
|
onInputChange,
|
|
51
51
|
inputValue,
|
|
52
52
|
onMenuScrollToBottom
|
|
53
|
-
}: SelectProps) =>
|
|
53
|
+
}: SelectProps) => react_jsx_runtime7.JSX.Element;
|
|
54
54
|
//#endregion
|
|
55
55
|
export { MultiValue, SingleValue, Select as default };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SliderProps } from "./Slider.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime14 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/Slider/Slider.d.ts
|
|
5
5
|
/**
|
|
@@ -20,6 +20,6 @@ declare const Slider: ({
|
|
|
20
20
|
min,
|
|
21
21
|
max,
|
|
22
22
|
maxAccessible
|
|
23
|
-
}: SliderProps) =>
|
|
23
|
+
}: SliderProps) => react_jsx_runtime14.JSX.Element;
|
|
24
24
|
//#endregion
|
|
25
25
|
export { Slider };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SvgIconProps } from "./SvgIcon.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime6 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/SvgIcon/SvgIcon.d.ts
|
|
5
5
|
|
|
@@ -29,6 +29,6 @@ declare const SvgIcon: ({
|
|
|
29
29
|
testId,
|
|
30
30
|
customId,
|
|
31
31
|
...tooltipProps
|
|
32
|
-
}: SvgIconProps) =>
|
|
32
|
+
}: SvgIconProps) => react_jsx_runtime6.JSX.Element;
|
|
33
33
|
//#endregion
|
|
34
34
|
export { SvgIcon as default };
|
package/dist/src/Tabs/Tabs.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { TabsProps } from "./Tabs.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime1 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/Tabs/Tabs.d.ts
|
|
5
5
|
declare const Tabs: ({
|
|
@@ -11,6 +11,6 @@ declare const Tabs: ({
|
|
|
11
11
|
testId,
|
|
12
12
|
id,
|
|
13
13
|
stretchTabs
|
|
14
|
-
}: TabsProps) =>
|
|
14
|
+
}: TabsProps) => react_jsx_runtime1.JSX.Element;
|
|
15
15
|
//#endregion
|
|
16
16
|
export { Tabs as default };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { TextAreaProps } from "./TextArea.types.js";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react0 from "react";
|
|
3
3
|
|
|
4
4
|
//#region src/TextArea/TextArea.d.ts
|
|
5
5
|
/**
|
|
6
6
|
* TextArea.
|
|
7
7
|
*/
|
|
8
|
-
declare const TextArea:
|
|
8
|
+
declare const TextArea: react0.ForwardRefExoticComponent<Omit<TextAreaProps, "ref"> & react0.RefAttributes<HTMLTextAreaElement>>;
|
|
9
9
|
//#endregion
|
|
10
10
|
export { TextArea };
|