@seeqdev/qomponents 0.0.157 → 0.0.159-patch-package-alternative

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 (183) hide show
  1. package/dist/example/package.json +15 -13
  2. package/dist/example/src/Example.tsx +269 -39
  3. package/dist/example/src/index.css +1 -0
  4. package/dist/example/vite.config.ts +2 -1
  5. package/dist/index.esm.js +2710 -2706
  6. package/dist/index.esm.js.map +1 -1
  7. package/dist/index.js +2710 -2706
  8. package/dist/index.js.map +1 -1
  9. package/dist/{Accordion → src/Accordion}/Accordion.d.ts +4 -4
  10. package/dist/src/Accordion/Accordion.stories.d.ts +5 -0
  11. package/dist/{Accordion → src/Accordion}/Accordion.test.d.ts +1 -1
  12. package/dist/src/Accordion/Accordion.types.d.ts +86 -0
  13. package/dist/{Accordion → src/Accordion}/index.d.ts +1 -1
  14. package/dist/{Alert → src/Alert}/Alert.d.ts +7 -7
  15. package/dist/src/Alert/Alert.stories.d.ts +5 -0
  16. package/dist/src/Alert/Alert.test.d.ts +1 -0
  17. package/dist/src/Alert/Alert.types.d.ts +63 -0
  18. package/dist/{Alert → src/Alert}/index.d.ts +1 -1
  19. package/dist/{Button → src/Button}/Button.d.ts +10 -10
  20. package/dist/src/Button/Button.stories.d.ts +8 -0
  21. package/dist/{Button → src/Button}/Button.test.d.ts +1 -1
  22. package/dist/src/Button/Button.types.d.ts +148 -0
  23. package/dist/{Button → src/Button}/index.d.ts +1 -1
  24. package/dist/{ButtonGroup → src/ButtonGroup}/ButtonGroup.d.ts +7 -7
  25. package/dist/src/ButtonGroup/ButtonGroup.stories.d.ts +5 -0
  26. package/dist/src/ButtonGroup/ButtonGroup.test.d.ts +1 -0
  27. package/dist/src/ButtonGroup/ButtonGroup.types.d.ts +81 -0
  28. package/dist/{ButtonGroup → src/ButtonGroup}/index.d.ts +1 -1
  29. package/dist/{ButtonWithDropdown → src/ButtonWithDropdown}/ButtonWithDropdown.d.ts +4 -4
  30. package/dist/src/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts +5 -0
  31. package/dist/{ButtonWithDropdown → src/ButtonWithDropdown}/ButtonWithDropdown.test.d.ts +1 -1
  32. package/dist/src/ButtonWithDropdown/ButtonWithDropdown.types.d.ts +233 -0
  33. package/dist/{ButtonWithDropdown → src/ButtonWithDropdown}/index.d.ts +1 -1
  34. package/dist/{ButtonWithPopover → src/ButtonWithPopover}/ButtonWithPopover.d.ts +4 -4
  35. package/dist/src/ButtonWithPopover/ButtonWithPopover.stories.d.ts +5 -0
  36. package/dist/{ButtonWithPopover → src/ButtonWithPopover}/ButtonWithPopover.test.d.ts +1 -1
  37. package/dist/src/ButtonWithPopover/ButtonWithPopover.types.d.ts +134 -0
  38. package/dist/{ButtonWithPopover → src/ButtonWithPopover}/index.d.ts +1 -1
  39. package/dist/{Carousel → src/Carousel}/Carousel.d.ts +9 -9
  40. package/dist/src/Carousel/Carousel.stories.d.ts +5 -0
  41. package/dist/{Carousel → src/Carousel}/Carousel.test.d.ts +1 -1
  42. package/dist/src/Carousel/Carousel.types.d.ts +86 -0
  43. package/dist/{Carousel → src/Carousel}/index.d.ts +1 -1
  44. package/dist/{Checkbox → src/Checkbox}/Checkbox.d.ts +7 -7
  45. package/dist/src/Checkbox/Checkbox.stories.d.ts +5 -0
  46. package/dist/{Checkbox → src/Checkbox}/Checkbox.test.d.ts +1 -1
  47. package/dist/src/Checkbox/Checkbox.types.d.ts +92 -0
  48. package/dist/{Checkbox → src/Checkbox}/index.d.ts +1 -1
  49. package/dist/{Collapse → src/Collapse}/Collapse.d.ts +4 -4
  50. package/dist/src/Collapse/Collapse.stories.d.ts +5 -0
  51. package/dist/{Collapse → src/Collapse}/Collapse.test.d.ts +1 -1
  52. package/dist/src/Collapse/Collapse.types.d.ts +19 -0
  53. package/dist/{Collapse → src/Collapse}/index.d.ts +1 -1
  54. package/dist/{Icon → src/Icon}/Icon.d.ts +10 -10
  55. package/dist/src/Icon/Icon.stories.d.ts +5 -0
  56. package/dist/{Icon → src/Icon}/Icon.test.d.ts +1 -1
  57. package/dist/src/Icon/Icon.types.d.ts +87 -0
  58. package/dist/{Icon → src/Icon}/index.d.ts +1 -1
  59. package/dist/{InputGroup → src/InputGroup}/InputGroup.d.ts +7 -7
  60. package/dist/src/InputGroup/InputGroup.stories.d.ts +5 -0
  61. package/dist/src/InputGroup/InputGroup.test.d.ts +1 -0
  62. package/dist/src/InputGroup/InputGroup.types.d.ts +62 -0
  63. package/dist/{InputGroup → src/InputGroup}/index.d.ts +2 -2
  64. package/dist/{Modal → src/Modal}/Modal.d.ts +5 -5
  65. package/dist/{Modal → src/Modal}/Modal.stories.d.ts +10 -10
  66. package/dist/{Modal → src/Modal}/Modal.test.d.ts +1 -1
  67. package/dist/src/Modal/Modal.types.d.ts +244 -0
  68. package/dist/{Modal → src/Modal}/index.d.ts +1 -1
  69. package/dist/{ProgressBar → src/ProgressBar}/ProgressBar.d.ts +4 -4
  70. package/dist/src/ProgressBar/ProgressBar.stories.d.ts +5 -0
  71. package/dist/src/ProgressBar/ProgressBar.test.d.ts +1 -0
  72. package/dist/src/ProgressBar/ProgressBar.types.d.ts +77 -0
  73. package/dist/{ProgressBar → src/ProgressBar}/index.d.ts +1 -1
  74. package/dist/{SeeqActionDropdown → src/SeeqActionDropdown}/SeeqActionDropdown.d.ts +4 -4
  75. package/dist/src/SeeqActionDropdown/SeeqActionDropdown.stories.d.ts +5 -0
  76. package/dist/{SeeqActionDropdown → src/SeeqActionDropdown}/SeeqActionDropdown.test.d.ts +1 -1
  77. package/dist/src/SeeqActionDropdown/SeeqActionDropdown.types.d.ts +160 -0
  78. package/dist/{SeeqActionDropdown → src/SeeqActionDropdown}/index.d.ts +1 -1
  79. package/dist/{SeeqActionDropdown → src/SeeqActionDropdown}/variants.d.ts +5 -5
  80. package/dist/{Select → src/Select}/Select.d.ts +15 -15
  81. package/dist/src/Select/Select.stories.d.ts +5 -0
  82. package/dist/{Select → src/Select}/Select.test.d.ts +1 -1
  83. package/dist/src/Select/Select.types.d.ts +220 -0
  84. package/dist/{Select → src/Select}/index.d.ts +2 -2
  85. package/dist/{Slider → src/Slider}/Slider.d.ts +6 -6
  86. package/dist/src/Slider/Slider.stories.d.ts +5 -0
  87. package/dist/src/Slider/Slider.test.d.ts +1 -0
  88. package/dist/src/Slider/Slider.types.d.ts +85 -0
  89. package/dist/{Slider → src/Slider}/index.d.ts +1 -1
  90. package/dist/{SvgIcon → src/SvgIcon}/SvgIcon.d.ts +20 -20
  91. package/dist/src/SvgIcon/SvgIcon.stories.d.ts +5 -0
  92. package/dist/{SvgIcon → src/SvgIcon}/SvgIcon.test.d.ts +1 -1
  93. package/dist/src/SvgIcon/SvgIcon.types.d.ts +76 -0
  94. package/dist/{SvgIcon → src/SvgIcon}/index.d.ts +1 -1
  95. package/dist/{Tabs → src/Tabs}/Tabs.d.ts +4 -4
  96. package/dist/src/Tabs/Tabs.stories.d.ts +5 -0
  97. package/dist/{Tabs → src/Tabs}/Tabs.test.d.ts +1 -1
  98. package/dist/src/Tabs/Tabs.types.d.ts +95 -0
  99. package/dist/{Tabs → src/Tabs}/index.d.ts +1 -1
  100. package/dist/{TextArea → src/TextArea}/TextArea.d.ts +7 -7
  101. package/dist/src/TextArea/TextArea.stories.d.ts +5 -0
  102. package/dist/{TextArea → src/TextArea}/TextArea.test.d.ts +1 -1
  103. package/dist/src/TextArea/TextArea.types.d.ts +105 -0
  104. package/dist/{TextArea → src/TextArea}/index.d.ts +1 -1
  105. package/dist/{TextField → src/TextField}/TextField.d.ts +7 -7
  106. package/dist/src/TextField/TextField.stories.d.ts +5 -0
  107. package/dist/{TextField → src/TextField}/TextField.test.d.ts +1 -1
  108. package/dist/src/TextField/TextField.types.d.ts +199 -0
  109. package/dist/{TextField → src/TextField}/index.d.ts +1 -1
  110. package/dist/{ToolbarButton → src/ToolbarButton}/ToolbarButton.d.ts +3 -3
  111. package/dist/src/ToolbarButton/ToolbarButton.stories.d.ts +5 -0
  112. package/dist/{ToolbarButton → src/ToolbarButton}/ToolbarButton.test.d.ts +1 -1
  113. package/dist/src/ToolbarButton/ToolbarButton.types.d.ts +124 -0
  114. package/dist/{ToolbarButton → src/ToolbarButton}/index.d.ts +1 -1
  115. package/dist/src/Tooltip/QTip.stories.d.ts +5 -0
  116. package/dist/{Tooltip → src/Tooltip}/QTip.types.d.ts +13 -13
  117. package/dist/src/Tooltip/QTipPerformance.stories.d.ts +5 -0
  118. package/dist/{Tooltip → src/Tooltip}/Qtip.d.ts +26 -26
  119. package/dist/{Tooltip → src/Tooltip}/Tooltip.d.ts +13 -13
  120. package/dist/src/Tooltip/Tooltip.stories.d.ts +5 -0
  121. package/dist/{Tooltip → src/Tooltip}/Tooltip.types.d.ts +22 -22
  122. package/dist/src/Tooltip/TooltipPerformance.stories.d.ts +5 -0
  123. package/dist/{Tooltip → src/Tooltip}/index.d.ts +2 -2
  124. package/dist/{Tooltip → src/Tooltip}/qTip.utilities.d.ts +3 -3
  125. package/dist/{index.d.ts → src/index.d.ts} +45 -45
  126. package/dist/src/setupTests.d.ts +1 -0
  127. package/dist/{types.d.ts → src/types.d.ts} +2 -2
  128. package/dist/{utils → src/utils}/browserId.d.ts +9 -9
  129. package/dist/{utils → src/utils}/svg.d.ts +15 -15
  130. package/dist/{utils → src/utils}/validateStyleDimension.d.ts +2 -2
  131. package/dist/{utils → src/utils}/validateStyleDimension.test.d.ts +1 -1
  132. package/dist/styles.css +98 -67
  133. package/package.json +21 -21
  134. package/dist/Accordion/Accordion.stories.d.ts +0 -6
  135. package/dist/Accordion/Accordion.types.d.ts +0 -20
  136. package/dist/Alert/Alert.stories.d.ts +0 -6
  137. package/dist/Alert/Alert.test.d.ts +0 -1
  138. package/dist/Alert/Alert.types.d.ts +0 -14
  139. package/dist/Button/Button.stories.d.ts +0 -9
  140. package/dist/Button/Button.types.d.ts +0 -53
  141. package/dist/ButtonGroup/ButtonGroup.stories.d.ts +0 -6
  142. package/dist/ButtonGroup/ButtonGroup.test.d.ts +0 -1
  143. package/dist/ButtonGroup/ButtonGroup.types.d.ts +0 -40
  144. package/dist/ButtonWithDropdown/ButtonWithDropdown.stories.d.ts +0 -6
  145. package/dist/ButtonWithDropdown/ButtonWithDropdown.types.d.ts +0 -90
  146. package/dist/ButtonWithPopover/ButtonWithPopover.stories.d.ts +0 -6
  147. package/dist/ButtonWithPopover/ButtonWithPopover.types.d.ts +0 -48
  148. package/dist/Carousel/Carousel.stories.d.ts +0 -6
  149. package/dist/Carousel/Carousel.types.d.ts +0 -24
  150. package/dist/Checkbox/Checkbox.stories.d.ts +0 -6
  151. package/dist/Checkbox/Checkbox.types.d.ts +0 -20
  152. package/dist/Collapse/Collapse.stories.d.ts +0 -6
  153. package/dist/Collapse/Collapse.types.d.ts +0 -5
  154. package/dist/Icon/Icon.stories.d.ts +0 -6
  155. package/dist/Icon/Icon.types.d.ts +0 -31
  156. package/dist/InputGroup/InputGroup.stories.d.ts +0 -6
  157. package/dist/InputGroup/InputGroup.test.d.ts +0 -1
  158. package/dist/InputGroup/InputGroup.types.d.ts +0 -36
  159. package/dist/Modal/Modal.types.d.ts +0 -48
  160. package/dist/ProgressBar/ProgressBar.stories.d.ts +0 -6
  161. package/dist/ProgressBar/ProgressBar.test.d.ts +0 -1
  162. package/dist/ProgressBar/ProgressBar.types.d.ts +0 -30
  163. package/dist/SeeqActionDropdown/SeeqActionDropdown.stories.d.ts +0 -6
  164. package/dist/SeeqActionDropdown/SeeqActionDropdown.types.d.ts +0 -58
  165. package/dist/Select/Select.stories.d.ts +0 -6
  166. package/dist/Select/Select.types.d.ts +0 -89
  167. package/dist/Slider/Slider.stories.d.ts +0 -6
  168. package/dist/Slider/Slider.test.d.ts +0 -1
  169. package/dist/Slider/Slider.types.d.ts +0 -17
  170. package/dist/SvgIcon/SvgIcon.stories.d.ts +0 -6
  171. package/dist/SvgIcon/SvgIcon.types.d.ts +0 -25
  172. package/dist/Tabs/Tabs.stories.d.ts +0 -6
  173. package/dist/Tabs/Tabs.types.d.ts +0 -21
  174. package/dist/TextArea/TextArea.stories.d.ts +0 -6
  175. package/dist/TextArea/TextArea.types.d.ts +0 -35
  176. package/dist/TextField/TextField.stories.d.ts +0 -6
  177. package/dist/TextField/TextField.types.d.ts +0 -40
  178. package/dist/ToolbarButton/ToolbarButton.stories.d.ts +0 -6
  179. package/dist/ToolbarButton/ToolbarButton.types.d.ts +0 -53
  180. package/dist/Tooltip/QTip.stories.d.ts +0 -6
  181. package/dist/Tooltip/QTipPerformance.stories.d.ts +0 -6
  182. package/dist/Tooltip/Tooltip.stories.d.ts +0 -6
  183. package/dist/Tooltip/TooltipPerformance.stories.d.ts +0 -6
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom/extend-expect';
@@ -1,40 +0,0 @@
1
- /// <reference types="react" />
2
- import { ButtonProps } from '../Button/Button.types';
3
- import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
4
- /**
5
- * Interface representing the properties for an appended button.
6
- */
7
- interface AppendedButtonProps {
8
- /** Specifies that the variant is a button */
9
- variant: 'button';
10
- /** The properties for the button */
11
- buttonProps: ButtonProps & {
12
- value: string;
13
- isActive?: boolean;
14
- };
15
- }
16
- /**
17
- * Props for an element variant in the ButtonGroup appended component.
18
- */
19
- interface ElementProps {
20
- /** Specifies that this is an element variant */
21
- variant: 'element';
22
- /** The React node to be rendered as the element */
23
- element: React.ReactNode;
24
- /** Extra class names to be applied to the element container*/
25
- extraClassNames?: string;
26
- }
27
- type Props = AppendedButtonProps | ElementProps | undefined;
28
- /**
29
- * Interface representing the base properties for an button group component.
30
- * Extends the properties of a Tooltip.
31
- */
32
- export interface ButtonGroupProps extends TooltipComponentProps {
33
- /** Array of buttons to form a group */
34
- buttons: Props[];
35
- id?: string;
36
- extraClassNames?: string;
37
- onChange?: (value: string) => void;
38
- testId?: string;
39
- }
40
- export {};
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllButtonWithDropdownVariants: () => React.JSX.Element;
@@ -1,90 +0,0 @@
1
- /// <reference types="react" />
2
- import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
3
- interface DropdownSubItem {
4
- /** icon class to be used with the dropdown subitems - if available (i.e. 'fc-zoom') */
5
- iconClass?: string;
6
- /** label for the dropdown subitems */
7
- label: string;
8
- /** function called when the dropdown subitem is clicked on */
9
- onClick?: (e?: Event) => void;
10
- /** is subitem disabled */
11
- disabled?: boolean;
12
- /** tooltip for the dropdown subitem */
13
- tooltip?: string;
14
- }
15
- interface DropdownItems extends TooltipComponentProps {
16
- id?: string;
17
- /** icon class to be used with the dropdown items - if available (i.e. 'fc-zoom') */
18
- icon?: string;
19
- /** icon type to be used with the dropdown items - if available (i.e. 'theme') */
20
- iconType?: string;
21
- /** icon color to be used with the dropdown items - if available */
22
- iconColor?: string;
23
- /** custom id for the icon */
24
- iconCustomId?: string;
25
- /** icon extra class names */
26
- iconExtraClassNames?: string;
27
- /** label for the dropdown items */
28
- label: string | React.ReactNode;
29
- /** custom id for the dropdown label */
30
- labelCustomId?: string;
31
- /** is the dropdown subitem a label */
32
- isLabel?: boolean;
33
- /** function called when the dropdown item is clicked on */
34
- onClick: (e?: Event) => void;
35
- /** dropdown subitem label classes */
36
- labelClasses?: string;
37
- /** is item disabled */
38
- disabled?: boolean;
39
- /** custom id for the subitem */
40
- itemCustomId?: string;
41
- /** dropdown item extra class names */
42
- itemExtraClassNames?: string;
43
- /** test id for the dropdown subitem */
44
- labelTestId?: string;
45
- /** test id for the dropdown subitem icon */
46
- iconTestId?: string;
47
- /** displays a divider line under present dropdown item */
48
- hasDivider?: boolean;
49
- /** test id for the dropdown subitem */
50
- testId?: string;
51
- /** subitems for the dropdown */
52
- subMenuItems?: DropdownSubItem[];
53
- }
54
- export interface ButtonWithDropdownProps extends TooltipComponentProps {
55
- /** items for the dropdown content */
56
- dropdownItems: DropdownItems[];
57
- /** icon element to be used as the trigger */
58
- triggerIcon: React.ReactNode;
59
- /** id of the dropdown trigger */
60
- id?: string;
61
- /** extra class names to be placed on the dropdown trigger */
62
- extraClassNames?: string;
63
- /** id that will be used in the data-testid attribute on the container element */
64
- containerTestId?: string;
65
- /** extra class names to be placed on the dropdown container */
66
- contentExtraClassNames?: string;
67
- /** is the button disabled */
68
- disabled?: boolean;
69
- /** alignment of the content of the popover */
70
- align?: 'start' | 'center' | 'end';
71
- /** number offset from the aligned position */
72
- alignOffset?: number;
73
- /** the placement of the popover */
74
- placement?: 'top' | 'bottom' | 'left' | 'right';
75
- /** number offset from the placement position */
76
- placementOffset?: number;
77
- /** set to display arrow or not */
78
- hasArrow?: boolean;
79
- /** is popover open */
80
- isOpen?: boolean;
81
- /** function called to open and close popover */
82
- onOpenChange?: (isOpen: boolean) => void;
83
- /** sets focus on the trigger button after the dropdown is closed */
84
- setFocusOnTriggerOnClose?: boolean;
85
- /** focus should be kept within dropdown */
86
- keepFocusInsideDropdown?: boolean;
87
- /** function called when the container is clicked */
88
- onContainerClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
89
- }
90
- export {};
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllButtonWithPopoverVariants: () => React.JSX.Element;
@@ -1,48 +0,0 @@
1
- import React from 'react';
2
- import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
3
- export interface ButtonWithPopoverProps extends TooltipComponentProps {
4
- /** icon class to be used with the toolbar (i.e. 'fc-zoom') */
5
- trigger?: React.ReactNode;
6
- /** items for the popover content */
7
- children: React.ReactNode;
8
- id?: string;
9
- /** id that will be used in the data-testid attribute on the container element */
10
- containerTestId?: string;
11
- disabled?: boolean;
12
- /** function called when the toolbar is clicked on, i.e. for tracking (does not open the popover) */
13
- onClick?: (isOpen: boolean) => void;
14
- /** alignment of the content of the popover */
15
- align?: 'start' | 'center' | 'end';
16
- /** number offset from the aligned position */
17
- alignOffset?: number;
18
- /** the placement of the popover */
19
- placement?: 'top' | 'bottom' | 'left' | 'right';
20
- /** number offset from the placement position */
21
- placementOffset?: number;
22
- /** is popover open */
23
- isOpen?: boolean;
24
- /** function called to open and close popover */
25
- onOpenChange?: (isOpen: boolean) => void;
26
- /** set to display arrow or not */
27
- hasArrow?: boolean;
28
- /** displays the popover when we hover over trigger */
29
- isHoverEnabled?: boolean;
30
- /** delay before popover is displayed when isHoverEnabled is true */
31
- hoverOpenDelay?: number;
32
- /** extra trigger container classnames */
33
- extraTriggerClassNames?: string;
34
- /** extra popover container classnames */
35
- extraPopoverClassNames?: string;
36
- /** should popover close when the content is clicked? */
37
- isCloseOnContentClick?: boolean;
38
- /** calls the function if click or focus happens outside popover content */
39
- onInteractOutside?: () => void;
40
- /** calls the function if pointer down happens outside popover content */
41
- onPointerDownOutside?: () => void;
42
- /** merge trigger button with trigger element */
43
- isTriggerAsChild?: boolean;
44
- /** should trigger button take full width */
45
- shouldTriggerFullWidth?: boolean;
46
- /** is popover rendered in a portal */
47
- isPortal?: boolean;
48
- }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllCarousels: () => React.JSX.Element;
@@ -1,24 +0,0 @@
1
- /// <reference types="react" />
2
- /**
3
- * Properties for the Carousel component.
4
- */
5
- export interface CarouselProps {
6
- testId?: string;
7
- extraClassNames?: string;
8
- activeIndex?: number;
9
- /**
10
- * Callback function that is called when the slide changes.
11
- * @param nextSlide - The index of the next slide.
12
- * @param direction - The direction of the slide change, either 'left' or 'right'.
13
- */
14
- onSlide?: (nextSlide: number, direction: 'left' | 'right') => void;
15
- autoSlide?: boolean;
16
- interval?: number;
17
- nextIcon?: string;
18
- prevIcon?: string;
19
- iconExtraClassNames?: string;
20
- showArrows?: boolean;
21
- showIndicators?: boolean;
22
- continuous?: boolean;
23
- carouselItems: React.ReactNode[];
24
- }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllCheckboxes: () => React.JSX.Element;
@@ -1,20 +0,0 @@
1
- /// <reference types="react" />
2
- import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
3
- type FormControlElement = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;
4
- export interface CheckboxProps extends TooltipComponentProps {
5
- extraClassNames?: string;
6
- extraLabelClassNames?: string;
7
- type?: 'radio' | 'checkbox';
8
- id?: string;
9
- name?: string;
10
- checked?: boolean;
11
- defaultChecked?: boolean;
12
- value?: string | number;
13
- label?: string | React.ReactNode;
14
- onChange?: React.ChangeEventHandler<FormControlElement>;
15
- onKeyDown?: React.KeyboardEventHandler<FormControlElement>;
16
- onClick?: React.MouseEventHandler<FormControlElement>;
17
- disabled?: boolean;
18
- testId?: string;
19
- }
20
- export {};
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllCollapses: () => React.JSX.Element;
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- export interface CollapseProps {
3
- isVisible: boolean;
4
- children: React.ReactNode;
5
- }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllIcons: () => React.JSX.Element;
@@ -1,31 +0,0 @@
1
- /// <reference types="react" />
2
- import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
3
- export declare const iconTypes: readonly ["theme", "white", "dark-gray", "darkish-gray", "gray", "color", "info", "text", "warning", "inherit", "danger", "theme-light", "success"];
4
- export type IconType = (typeof iconTypes)[number];
5
- export interface IconProps extends TooltipComponentProps {
6
- /** icon class to be used (i.e. fc-zoom) */
7
- icon: string;
8
- /** normally we want for Icon to prefix FontAwesome icons with the fa-sharp fa-regular prefix however there are a
9
- * select few icons that are not pulled from that set. For those we need to pass specific prefixes instead.*/
10
- iconPrefix?: string;
11
- /** icon color option (text, white, theme, color, inherit; default is "theme") */
12
- type?: IconType;
13
- /** used to add a custom color to the icon (required if type="color") */
14
- color?: string;
15
- /** function to call when clicking the icon (takes no parameters) */
16
- onClick?: (e?: React.MouseEvent<HTMLElement, MouseEvent>) => any;
17
- /** extra class names to be placed on the Icon component */
18
- extraClassNames?: string;
19
- /** id that can be placed on the Icon component */
20
- id?: string;
21
- /** true to add the 'fa-lg' class to the icon */
22
- large?: boolean;
23
- /** true to add the 'fa-sm' class to the icon */
24
- small?: boolean;
25
- /** id that will be used in the data-testid attribute on the icon */
26
- testId?: string;
27
- /** id that will be used in the data-customid attribute on the icon.
28
- * Can be used to identify the icon as the click event target in an event handler */
29
- customId?: string;
30
- number?: number;
31
- }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllTextFields: () => React.JSX.Element;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom/extend-expect';
@@ -1,36 +0,0 @@
1
- /// <reference types="react" />
2
- import { ButtonProps } from '../Button/Button.types';
3
- import { InputLengthStyleProps, TextFieldProps } from '../TextField/TextField.types';
4
- import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
5
- /**
6
- * Interface representing the properties for an appended button.
7
- */
8
- interface AppendedButtonProps {
9
- /** Specifies that the variant is a button */
10
- variant: 'button';
11
- /** The properties for the button */
12
- buttonProps: ButtonProps;
13
- }
14
- /**
15
- * Props for an element variant in the InputGroup appended component.
16
- */
17
- interface ElementProps {
18
- /** Specifies that this is an element variant */
19
- variant: 'element';
20
- /** The React node to be rendered as the element */
21
- element: React.ReactNode;
22
- }
23
- export type AppendedProps = AppendedButtonProps | ElementProps | undefined;
24
- /**
25
- * Interface representing the base properties for an input group component.
26
- * Extends the properties of a TextField component.
27
- */
28
- interface BaseInputGroupProps extends TextFieldProps {
29
- /** Append elements - Array of elements to be appended to the input group */
30
- append: AppendedProps[];
31
- /** The field to be rendered in the input group */
32
- field?: React.ReactNode;
33
- }
34
- /** Combined InputGroupProps */
35
- export type InputGroupProps = BaseInputGroupProps & TooltipComponentProps & InputLengthStyleProps;
36
- export {};
@@ -1,48 +0,0 @@
1
- import { FormControlElement } from '../types';
2
- import React from 'react';
3
- import { ButtonVariant } from '../Button/Button.types';
4
- export type ModalSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
5
- export type TitleIconPosition = 'left' | 'right';
6
- export interface ModalProps {
7
- title: string;
8
- titleSuffixLabel?: string;
9
- subtitle?: string;
10
- titleIcon?: string | React.ReactElement;
11
- titleIconPosition?: TitleIconPosition;
12
- children: React.ReactElement;
13
- modalFooter?: React.ReactElement;
14
- open: boolean;
15
- /** function to call when clicking the close button (takes no parameters) */
16
- onClose?: () => any;
17
- customButton?: boolean;
18
- customButtonLabel?: string;
19
- onClickCustomButton?: () => any;
20
- submitButtonLabel?: string;
21
- cancelButtonLabel?: string;
22
- disableSubmitButton?: boolean;
23
- stopPropagationSubmitButton?: boolean;
24
- onSubmit?: (event: React.MouseEvent) => any;
25
- isTitleEditable?: boolean;
26
- onTitleChanged?: React.ChangeEventHandler<FormControlElement>;
27
- inputExtraClassNames?: string;
28
- hideCloseIcon?: boolean;
29
- size?: ModalSize;
30
- hideFooterButtons?: boolean;
31
- hideSubmitButton?: boolean;
32
- hideCancelButton?: boolean;
33
- testId?: string;
34
- dialogClassName?: string;
35
- titlePlaceholder?: string;
36
- titleRequired?: boolean;
37
- titleError?: string;
38
- submitButtonTooltip?: string;
39
- cancelButtonTooltip?: string;
40
- disableCustomButton?: boolean;
41
- customHeader?: React.ReactElement;
42
- middleFooterSection?: React.ReactElement;
43
- customButtonVariant?: ButtonVariant;
44
- keepFocusInsideModal?: boolean;
45
- submitButtonVariant?: ButtonVariant;
46
- onPointerDownOutside?: (e: Event) => void;
47
- onInteractOutside?: (e: Event) => void;
48
- }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllProgressBars: () => React.JSX.Element;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom/extend-expect';
@@ -1,30 +0,0 @@
1
- import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
2
- /**
3
- * The ProgressBar component displays a visual representation of a progress value.
4
- */
5
- export interface ProgressIndicatorProps extends TooltipComponentProps {
6
- /** Additional classes to apply to the progress indicator. */
7
- extraClasses?: string;
8
- /** The test id for the progress indicator. */
9
- testId?: string;
10
- /** The value of the progress indicator, between 0 and max. */
11
- value: number;
12
- /** The color of the progress indicator. e.g. #ffffff */
13
- color?: string;
14
- /** The label to display on the progress indicator. */
15
- label?: string;
16
- /** Additional classes to apply to the label. */
17
- labelClasses?: string;
18
- }
19
- export interface ProgressBarProps {
20
- /** The indicator values */
21
- values: ProgressIndicatorProps[];
22
- /** The maximum value of the progress bar. */
23
- max?: number;
24
- /** Additional classes to apply to the progress bar container. */
25
- containerExtraClasses?: string;
26
- /** The test id for the progress bar. */
27
- testId?: string;
28
- /** The label to display when the progress bar has a value of zero. */
29
- zeroValueLabel?: string;
30
- }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllSeeqActionDropdownVariants: () => React.JSX.Element;
@@ -1,58 +0,0 @@
1
- /// <reference types="react" />
2
- import { TooltipComponentProps } from '../Tooltip/Tooltip.types';
3
- export interface SeeqActionDropdownItems {
4
- id?: string;
5
- /** icon class to be used with the workbench items - if available (i.e. 'fc-zoom') */
6
- icon?: string;
7
- /** icon extra class names */
8
- iconExtraClassNames?: string;
9
- /** label for the workbench items */
10
- display: string;
11
- /** function called when the workbench item is clicked on */
12
- action: (e?: Event) => void;
13
- /** is item disabled */
14
- enabled?: boolean;
15
- /** displays a divider line under present workbench item */
16
- divider?: boolean;
17
- /** test id for the workbench item */
18
- testId?: string;
19
- /** subtext displayed below workbench item "headline" */
20
- text?: string;
21
- }
22
- export interface SeeqActionDropdownProps extends TooltipComponentProps {
23
- /** items for the dropdown content */
24
- seeqActionDropdownItems: SeeqActionDropdownItems[];
25
- /** element to be used as the trigger */
26
- trigger: React.ReactNode;
27
- /** id of the trigger */
28
- id?: string;
29
- /** extra class names to be placed on the dropdown container */
30
- extraClassNames?: string;
31
- /** id that will be used in the data-testid attribute on the container element */
32
- containerTestId?: string;
33
- /** is the button disabled */
34
- disabled?: boolean;
35
- /** function called when the trigger is clicked on, i.e. for tracking (does not open the popover) */
36
- onClick?: (e: MouseEvent) => void;
37
- /** alignment of the content of the popover */
38
- align?: 'start' | 'center' | 'end';
39
- /** number offset from the aligned position */
40
- alignOffset?: number;
41
- /** the placement of the popover */
42
- placement?: 'top' | 'bottom' | 'left' | 'right';
43
- /** number offset from the placement position */
44
- placementOffset?: number;
45
- /** set to display arrow or not */
46
- hasArrow?: boolean;
47
- /** is popover open */
48
- isOpen?: boolean;
49
- /** function called to open and close popover */
50
- onOpenChange?: (isOpen: boolean) => void;
51
- /** sets focus on the trigger button after the dropdown is closed */
52
- setFocusOnTriggerOnClose?: boolean;
53
- /** should popover close when the content is clicked? */
54
- isCloseOnContentClick?: boolean;
55
- /** focus should be kept within dropdown */
56
- keepFocusInsideDropdown?: boolean;
57
- variant: 'create-workbench' | 'view-workbench' | 'insert-seeq-content';
58
- }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllSelectVariants: () => React.JSX.Element;
@@ -1,89 +0,0 @@
1
- import { GroupBase, InputActionMeta, MenuPlacement, MultiValue, SingleValue } from 'react-select';
2
- import { ReactNode } from 'react';
3
- import { InputGroupPlacement } from '../types';
4
- export type Option = {
5
- label: string;
6
- value: string | number;
7
- } | any;
8
- export type GroupedOption = {
9
- label: string;
10
- options: Option[];
11
- };
12
- export interface SelectProps {
13
- /** set to true to not automatically close the menu on selection */
14
- closeMenuOnSelect?: boolean;
15
- /** set to true if users can add new options */
16
- creatable?: boolean;
17
- /** set to true to disable the select */
18
- isDisabled?: boolean;
19
- /** extra class names to be placed on the select container: this can be used to size the select */
20
- extraClassNames?: string;
21
- /** extra class names to be placed on the select control */
22
- controlClassNames?: string;
23
- /** custom filter for search */
24
- filterConfig?: unknown;
25
- /** formats option labels in the menu and control as React components */
26
- getOptionLabel?: (option: Option) => ReactNode | undefined;
27
- /** resolves option data to a string to be displayed as the label by components */
28
- getOptionValue?: (option: Option) => string;
29
- /** formats the selected option labels in the menu and control as React components */
30
- getSelectedValueLabel?: (option: Option) => ReactNode | undefined;
31
- /** id of the select component */
32
- id?: string;
33
- /** if the select is displayed as part of an input group provide the placement here */
34
- inputGroup?: InputGroupPlacement;
35
- /** id of the input component */
36
- inputId?: string;
37
- /** set to true if users should be able to clear selection */
38
- isClearable?: boolean;
39
- /** set to true while select options are loading */
40
- isLoading?: boolean;
41
- /** set to true if multiple options can be selected */
42
- isMulti?: boolean;
43
- /** set to true if select should be searchable by typing in the select box */
44
- isSearchable?: boolean;
45
- /** set to true to keep the menu open; this is helpful for debugging */
46
- menuIsOpen?: boolean;
47
- /** where the menu should be displayed - auto is usually a great choice */
48
- menuPlacement?: MenuPlacement;
49
- /** whether the menu should use a portal, and where it should attach */
50
- menuPortalTarget?: null | HTMLElement;
51
- /** message displayed if no options are available */
52
- noOptionsMessage?: string;
53
- /** handle change events on the select */
54
- onChange: (newValue: SingleValue<Option> | MultiValue<Option>) => void;
55
- /** Array of options that populate the select menu */
56
- options: Option[] | GroupedOption[];
57
- /** placeholder text that is displayed when no option is selected */
58
- placeholder?: string;
59
- /** if true error formatting will be displayed */
60
- showError?: boolean;
61
- /** if true the select will be displayed in a "small" version */
62
- small?: boolean;
63
- /** value of the select */
64
- value?: Option | undefined;
65
- /** default value of the select */
66
- defaultValue?: Option | undefined;
67
- /** custom method to filter whether an option should be displayed in the menu */
68
- filterOption?: (option: Option, rawInput: string) => boolean;
69
- /** formats group labels in the menu as React components */
70
- formatGroupLabel?: (group: GroupBase<unknown>) => ReactNode;
71
- /** handle remove events in multi-select */
72
- onRemove?: ({ id }: {
73
- id: Option | string;
74
- }) => void;
75
- /** custom handle for on menu open events in select component */
76
- onMenuOpen?: () => void;
77
- /** custom handle for on menu close events in select component */
78
- onMenuClose?: () => void;
79
- /** custom components to be used in the select */
80
- components?: Partial<any>;
81
- /** custom handle for on menu input focus events in select */
82
- onMenuInputFocus?: (inputValue: string) => void;
83
- /** custom handle for on input change events for the select - this is different from onChange which is only called
84
- * when an option is selected - this event is called whenever something about the select changes; the action
85
- * tells you what changed */
86
- onInputChange?: (inputValue: string, action: InputActionMeta) => void;
87
- /** value of the search input */
88
- inputValue?: string;
89
- }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllSliders: () => React.JSX.Element;
@@ -1 +0,0 @@
1
- import '@testing-library/jest-dom/extend-expect';
@@ -1,17 +0,0 @@
1
- /// <reference types="react" />
2
- export interface SliderProps {
3
- disabled?: boolean;
4
- onValueChange?: (value: number[]) => void;
5
- onPointerUp?: React.PointerEventHandler<HTMLDivElement>;
6
- id?: string;
7
- name?: string;
8
- value: number;
9
- rootExtraClassNames?: string;
10
- trackExtraClassNames?: string;
11
- thumbExtraClassNames?: string;
12
- rangeExtraClassNames?: string;
13
- testId?: string;
14
- step?: number;
15
- min?: number;
16
- max?: number;
17
- }
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- };
5
- export default _default;
6
- export declare const AllIcons: () => React.JSX.Element;