pixel-react 1.9.9 → 1.10.1
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/lib/1fb4472b34e4fe07.css +1 -0
- package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +6 -0
- package/lib/StyleGuide/Typography/Typography.stories.d.ts +6 -0
- package/lib/assets/fonts/Poppins-Bold.ttf +0 -0
- package/lib/assets/fonts/Poppins-Medium.ttf +0 -0
- package/lib/assets/fonts/Poppins-Regular.ttf +0 -0
- package/lib/assets/fonts/Poppins-SemiBold.ttf +0 -0
- package/lib/components/Accordion/Accordion.d.ts +1 -1
- package/lib/components/Accordion/Accordion.stories.d.ts +6 -0
- package/lib/components/Accordion/types.d.ts +10 -2
- package/lib/components/AddButton/AddButton.d.ts +5 -0
- package/lib/components/AddButton/AddButton.stories.d.ts +6 -0
- package/lib/components/AddButton/index.d.ts +1 -0
- package/lib/components/AddButton/types.d.ts +4 -0
- package/lib/components/AddResourceButton/AddButton.stories.d.ts +8 -0
- package/lib/components/AddVariables/AddVariables.d.ts +5 -0
- package/lib/components/AddVariables/index.d.ts +1 -0
- package/lib/components/AddVariables/types.d.ts +35 -0
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
- package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
- package/lib/components/AppHeader/types.d.ts +1 -1
- package/lib/components/AttachImage/AttachImage.stories.d.ts +7 -0
- package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
- package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
- package/lib/components/Button/Button.stories.d.ts +13 -0
- package/lib/components/Charts/BarChart/BarChart.d.ts +2 -0
- package/lib/components/Charts/BarChart/BarChart.stories.d.ts +6 -0
- package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
- package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +6 -0
- package/lib/components/Charts/IconRadialChart/IconRadialChart.stories.d.ts +8 -0
- package/lib/components/Charts/IconRadialChart/types.d.ts +4 -3
- package/lib/components/Charts/LineChart/LineChart.stories.d.ts +7 -0
- package/lib/components/Charts/LineChart/types.d.ts +1 -0
- package/lib/components/Charts/MultiRadialChart/MultiRadialChart.stories.d.ts +8 -0
- package/lib/components/Charts/MultiRadialChart/types.d.ts +3 -2
- package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
- package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +6 -0
- package/lib/components/Checkbox/Checkbox.stories.d.ts +8 -0
- package/lib/components/Chip/Chip.stories.d.ts +14 -0
- package/lib/components/ConnectingBranch/ConnectingBranch.stories.d.ts +6 -0
- package/lib/components/DatePicker/DatePicker.stories.d.ts +9 -0
- package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +6 -0
- package/lib/components/Drawer/Drawer.stories.d.ts +12 -0
- package/lib/components/EditTextField/EditTextField.stories.d.ts +10 -0
- package/lib/components/Editor/Editor.stories.d.ts +6 -0
- package/lib/components/Excel/ContextMenu/ContextMenu.d.ts +4 -0
- package/lib/components/Excel/ExcelFile.stories.d.ts +6 -0
- package/lib/components/ExcelFile/ChangeExcelStyles.d.ts +14 -0
- package/lib/components/ExcelFile/ColorBarSelector/ColorBarSelector.d.ts +8 -0
- package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +4 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +80 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +174 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +178 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
- package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +44 -0
- package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +19 -0
- package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
- package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +12 -0
- package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +15 -0
- package/lib/components/ExcelFile/ImportExcelStyles.d.ts +24 -0
- package/lib/components/ExcelFile/Types.d.ts +129 -0
- package/lib/components/ExcelFile/index.d.ts +1 -0
- package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +7 -0
- package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
- package/lib/components/FileDropzone/FileDropzone.stories.d.ts +8 -0
- package/lib/components/Form/Form.stories.d.ts +7 -0
- package/lib/components/GridLayout/GridLayout.stories.d.ts +8 -0
- package/lib/components/HighlightText/HighlightText.stories.d.ts +6 -0
- package/lib/components/Icon/Icon.stories.d.ts +8 -0
- package/lib/components/IconButton/IconButton.stories.d.ts +7 -0
- package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
- package/lib/components/Input/Input.stories.d.ts +9 -0
- package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +9 -0
- package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +13 -0
- package/lib/components/LazyLoad/LazyLoad.stories.d.ts +6 -0
- package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
- package/lib/components/MenuOption/MenuOption.stories.d.ts +16 -0
- package/lib/components/MiniModal/MiniModal.stories.d.ts +10 -0
- package/lib/components/Modal/Modal.stories.d.ts +7 -0
- package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
- package/lib/components/MultiSelect/MultiSelect.stories.d.ts +11 -0
- package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
- package/lib/components/NLPInput/type.d.ts +70 -0
- package/lib/components/Paper/Paper.stories.d.ts +11 -0
- package/lib/components/RadioButton/RadioButton.stories.d.ts +10 -0
- package/lib/components/RadioGroup/RadioGroup.stories.d.ts +9 -0
- package/lib/components/Search/Search.stories.d.ts +6 -0
- package/lib/components/Select/Select.stories.d.ts +14 -0
- package/lib/components/Select/components/Dropdown/Dropdown.d.ts +4 -0
- package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +17 -0
- package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
- package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +3 -0
- package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +4 -0
- package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +3 -0
- package/lib/components/StateDropdown/StateDropdown.stories.d.ts +10 -0
- package/lib/components/StatusButton/StatusButton.stories.d.ts +14 -0
- package/lib/components/StatusCard/StatusCard.d.ts +1 -1
- package/lib/components/StatusCard/StatusCard.stories.d.ts +11 -0
- package/lib/components/StatusCard/types.d.ts +1 -1
- package/lib/components/Table/Table.stories.d.ts +13 -0
- package/lib/components/TableTree/TableTree.stories.d.ts +7 -0
- package/lib/components/Tabs/Tabs.stories.d.ts +9 -0
- package/lib/components/TextArea/Textarea.stories.d.ts +9 -0
- package/lib/components/Toast/Toast.stories.d.ts +6 -0
- package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
- package/lib/components/Toggle/Toggle.stories.d.ts +12 -0
- package/lib/components/Tooltip/Tooltip.stories.d.ts +15 -0
- package/lib/components/Typography/Typography.stories.d.ts +10 -0
- package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
- package/lib/index.d.ts +23 -10
- package/lib/index.esm.js +795 -577
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +795 -577
- package/lib/index.js.map +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +6 -0
- package/lib/utils/compareArrays/compareArrays.stories.d.ts +6 -0
- package/lib/utils/compareObjects/compareObjects.stories.d.ts +6 -0
- package/lib/utils/debounce/debounce.stories.d.ts +6 -0
- package/lib/utils/ffID/ffID.stories.d.ts +6 -0
- package/lib/utils/find/findAndInsert.d.ts +7 -0
- package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
- package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
- package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
- package/lib/utils/getExtension/getExtension.stories.d.ts +6 -0
- package/lib/utils/getSequentialPayload/getSequentialPayload.stories.d.ts +10 -0
- package/lib/utils/throttle/throttle.stories.d.ts +6 -0
- package/lib/utils/truncateText/truncateText.stories.d.ts +6 -0
- package/package.json +1 -1
- package/src/assets/Themes/BaseTheme.scss +32 -11
- package/src/assets/Themes/BlueTheme.scss +3 -0
- package/src/assets/Themes/DarkTheme.scss +32 -13
- package/src/assets/icons/approval_pending.svg +8 -8
- package/src/assets/icons/close_defects_icon.svg +12 -0
- package/src/assets/icons/configuration.svg +3 -3
- package/src/assets/icons/defect_density_icon.svg +12 -0
- package/src/assets/icons/defects.svg +8 -8
- package/src/assets/icons/element.svg +4 -4
- package/src/assets/icons/open_defects_icon.svg +12 -0
- package/src/assets/icons/project_element.svg +4 -4
- package/src/assets/icons/quality_score_icon.svg +12 -0
- package/src/assets/icons/sause_lab_icon.svg +3 -0
- package/src/assets/icons/step_group.svg +10 -10
- package/src/assets/icons/total_defects_status_icon.svg +13 -0
- package/src/assets/icons/variable.svg +3 -3
- package/src/assets/icons/web_service_icon.svg +3 -3
- package/src/components/Accordion/Accordion.stories.tsx +14 -4
- package/src/components/Accordion/Accordion.tsx +22 -11
- package/src/components/Accordion/types.ts +14 -6
- package/src/components/AppHeader/AppHeader.tsx +1 -1
- package/src/components/AppHeader/types.ts +1 -1
- package/src/components/Charts/BarChart/BarChart.scss +1 -0
- package/src/components/Charts/BarChart/BarChart.stories.tsx +91 -1
- package/src/components/Charts/BarChart/BarChart.tsx +91 -86
- package/src/components/Charts/DashboardDonutChart/DashboardDonutChart.tsx +2 -0
- package/src/components/Charts/IconRadialChart/IconRadialChart.stories.tsx +1 -0
- package/src/components/Charts/IconRadialChart/IconRadialChart.tsx +2 -1
- package/src/components/Charts/IconRadialChart/types.ts +4 -3
- package/src/components/Charts/LineChart/LineChart.stories.tsx +3 -2
- package/src/components/Charts/LineChart/LineChart.tsx +7 -3
- package/src/components/Charts/LineChart/types.ts +1 -0
- package/src/components/Charts/MultiRadialChart/MultiRadialChart.scss +1 -0
- package/src/components/Charts/MultiRadialChart/MultiRadialChart.stories.tsx +53 -6
- package/src/components/Charts/MultiRadialChart/MultiRadialChart.tsx +74 -34
- package/src/components/Charts/MultiRadialChart/types.ts +5 -4
- package/src/components/Checkbox/Checkbox.scss +4 -5
- package/src/components/Checkbox/Checkbox.stories.tsx +40 -10
- package/src/components/Icon/iconList.ts +14 -0
- package/src/components/StatusCard/StatusCard.scss +56 -93
- package/src/components/StatusCard/StatusCard.stories.tsx +77 -4
- package/src/components/StatusCard/StatusCard.tsx +89 -35
- package/src/components/StatusCard/types.ts +1 -1
- package/src/components/Table/Table.tsx +2 -2
- package/src/components/TextArea/Textarea.scss +6 -7
@@ -0,0 +1,6 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import MachineInputField from './MachineInputField';
|
3
|
+
declare const meta: Meta<typeof MachineInputField>;
|
4
|
+
type Story = StoryObj<typeof MachineInputField>;
|
5
|
+
export declare const Primary: Story;
|
6
|
+
export default meta;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import MenuOption from './MenuOption';
|
3
|
+
import './MenuOption.scss';
|
4
|
+
export declare const DefaultMenuOption: Story;
|
5
|
+
declare const meta: Meta<typeof MenuOption>;
|
6
|
+
type Story = StoryObj<typeof MenuOption>;
|
7
|
+
export declare const ControlledMenuOption: Story;
|
8
|
+
export declare const MenuOptionWithLabel: Story;
|
9
|
+
export declare const MenuOptionWithDisabledHoverEffect: Story;
|
10
|
+
export declare const MenuOptionWithToolTip: Story;
|
11
|
+
export declare const MenuOptionPlacementTop: Story;
|
12
|
+
export declare const MenuOptionPlacementDown: Story;
|
13
|
+
export declare const MenuOptionPlacementLeft: Story;
|
14
|
+
export declare const MenuOptionPlacementRight: Story;
|
15
|
+
export declare const MenuOptionCustom: Story;
|
16
|
+
export default meta;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import MiniModal from './MiniModal';
|
3
|
+
import './MiniModal.scss';
|
4
|
+
declare const meta: Meta<typeof MiniModal>;
|
5
|
+
type Story = StoryObj<typeof MiniModal>;
|
6
|
+
export declare const BasicModal: Story;
|
7
|
+
export declare const CustomModalWithArrow: () => import("react/jsx-runtime").JSX.Element;
|
8
|
+
export declare const CustomModalWithWrapper: () => import("react/jsx-runtime").JSX.Element;
|
9
|
+
export declare const normalModalFollowedByIcon: () => import("react/jsx-runtime").JSX.Element;
|
10
|
+
export default meta;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Modal from './Modal';
|
3
|
+
declare const meta: Meta<typeof Modal>;
|
4
|
+
type Story = StoryObj<typeof Modal>;
|
5
|
+
export declare const DefaultModalStory: Story;
|
6
|
+
export declare const Controlled: Story;
|
7
|
+
export default meta;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import MultiSelect from './MultiSelect';
|
3
|
+
declare const meta: Meta<typeof MultiSelect>;
|
4
|
+
type Story = StoryObj<typeof MultiSelect>;
|
5
|
+
export declare const Default: Story;
|
6
|
+
export declare const Default2: Story;
|
7
|
+
export declare const Default3: Story;
|
8
|
+
export declare const EmailGroup: Story;
|
9
|
+
export declare const Controlled: Story;
|
10
|
+
export declare const Labels: Story;
|
11
|
+
export default meta;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import NlpInput from './NlpInput';
|
3
|
+
declare const meta: Meta<typeof NlpInput>;
|
4
|
+
type Story = StoryObj<typeof NlpInput>;
|
5
|
+
export declare const Primary: Story;
|
6
|
+
export declare const Disable: Story;
|
7
|
+
export default meta;
|
@@ -0,0 +1,70 @@
|
|
1
|
+
import { ReactNode } from 'react';
|
2
|
+
export interface SelectProps {
|
3
|
+
label?: string;
|
4
|
+
showLabel?: boolean;
|
5
|
+
optionsList: any[];
|
6
|
+
selectedOption?: Option;
|
7
|
+
onChange: (option: Option) => void;
|
8
|
+
errorMsg?: string;
|
9
|
+
className?: string;
|
10
|
+
optionZIndex?: number;
|
11
|
+
disabled?: boolean;
|
12
|
+
borderRadius?: boolean;
|
13
|
+
showBorder?: boolean;
|
14
|
+
required?: boolean;
|
15
|
+
}
|
16
|
+
export interface DrowdownPosition {
|
17
|
+
positionX: number;
|
18
|
+
positionY: number;
|
19
|
+
width: number;
|
20
|
+
fromBottom: number;
|
21
|
+
}
|
22
|
+
export interface SelectState {
|
23
|
+
isInputFocused: boolean;
|
24
|
+
iconColor: string;
|
25
|
+
isIconClick: boolean;
|
26
|
+
showOptions: boolean;
|
27
|
+
options: any[];
|
28
|
+
option: string;
|
29
|
+
dropdownPosition: DrowdownPosition;
|
30
|
+
}
|
31
|
+
export type SelectAction = {
|
32
|
+
type: 'FOCUS_INPUT';
|
33
|
+
} | {
|
34
|
+
type: 'BLUR_INPUT';
|
35
|
+
payload: {
|
36
|
+
optionsList: Option[];
|
37
|
+
option: Option['projectId'];
|
38
|
+
};
|
39
|
+
} | {
|
40
|
+
type: 'MOUSE_ENTER';
|
41
|
+
} | {
|
42
|
+
type: 'MOUSE_LEAVE';
|
43
|
+
} | {
|
44
|
+
type: 'UPDATE_DROPDOWN_POSITION';
|
45
|
+
payload: {
|
46
|
+
positionX: number;
|
47
|
+
positionY: number;
|
48
|
+
width: number;
|
49
|
+
fromBottom: number;
|
50
|
+
};
|
51
|
+
} | {
|
52
|
+
type: 'UPDATE_OPTION';
|
53
|
+
payload: string;
|
54
|
+
} | {
|
55
|
+
type: 'UPDATE_OPTION_LIST';
|
56
|
+
payload: any[];
|
57
|
+
} | {
|
58
|
+
type: 'SHOW_ERROR';
|
59
|
+
payload: {
|
60
|
+
optionsList: any[];
|
61
|
+
option: Option['projectId'];
|
62
|
+
};
|
63
|
+
};
|
64
|
+
export interface Option {
|
65
|
+
displayName: string | ReactNode;
|
66
|
+
projectId: string;
|
67
|
+
nlpType: string;
|
68
|
+
platform: string;
|
69
|
+
disabled?: boolean;
|
70
|
+
}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Paper from './Paper';
|
3
|
+
import './Paper.scss';
|
4
|
+
declare const meta: Meta<typeof Paper>;
|
5
|
+
type Story = StoryObj<typeof Paper>;
|
6
|
+
export declare const Default: Story;
|
7
|
+
export declare const PrimaryPaper: Story;
|
8
|
+
export declare const PaperWithLowShadow: Story;
|
9
|
+
export declare const PaperWithHighShadow: Story;
|
10
|
+
export declare const PaperWithRounded: Story;
|
11
|
+
export default meta;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import RadioButton from './RadioButton';
|
3
|
+
declare const meta: Meta<typeof RadioButton>;
|
4
|
+
type Story = StoryObj<typeof RadioButton>;
|
5
|
+
export declare const Default: Story;
|
6
|
+
export declare const Checked: Story;
|
7
|
+
export declare const UncheckedDisabled: Story;
|
8
|
+
export declare const CheckedDisabled: Story;
|
9
|
+
export declare const WithoutLabel: Story;
|
10
|
+
export default meta;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import RadioGroup from './RadioGroup';
|
3
|
+
declare const meta: Meta<typeof RadioGroup>;
|
4
|
+
type Story = StoryObj<typeof RadioGroup>;
|
5
|
+
export declare const Controlled: Story;
|
6
|
+
export declare const WithDisabledOption: Story;
|
7
|
+
export declare const DisabledSelected: Story;
|
8
|
+
export declare const WithToolTipIcon: Story;
|
9
|
+
export default meta;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Select from './Select';
|
3
|
+
declare const meta: Meta<typeof Select>;
|
4
|
+
type Story = StoryObj<typeof Select>;
|
5
|
+
export declare const Primary: Story;
|
6
|
+
export declare const WithError: Story;
|
7
|
+
export declare const WithoutLabel: Story;
|
8
|
+
export declare const EmptyOptions: Story;
|
9
|
+
export declare const Disable: Story;
|
10
|
+
export declare const WithInitialValue: Story;
|
11
|
+
export declare const OptionSelection: Story;
|
12
|
+
export declare const CustomJSX: Story;
|
13
|
+
export declare const updateOptionFromOutside: Story;
|
14
|
+
export default meta;
|
@@ -0,0 +1,4 @@
|
|
1
|
+
import { DropDownListProps } from './dropdownTypes';
|
2
|
+
import './Dropdown.scss';
|
3
|
+
declare const Dropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, labelAccessor, }: DropDownListProps) => import("react/jsx-runtime").JSX.Element;
|
4
|
+
export default Dropdown;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
import { DrowdownPosition, Option } from '../../types';
|
2
|
+
export interface DropDownListProps {
|
3
|
+
onSelectBlur: () => void;
|
4
|
+
onSelectOptionSelector: (option: Option) => void;
|
5
|
+
dropdownPosition: DrowdownPosition;
|
6
|
+
options?: Option[];
|
7
|
+
optionZIndex?: number;
|
8
|
+
inputRef?: React.RefObject<HTMLInputElement>;
|
9
|
+
labelAccessor?: string;
|
10
|
+
valueAccessor?: string;
|
11
|
+
}
|
12
|
+
export declare const dropdownDefaultCSSData: {
|
13
|
+
margin: number;
|
14
|
+
optionHeight: number;
|
15
|
+
selectInputHeight: number;
|
16
|
+
dropDownWrapperPadding: number;
|
17
|
+
};
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import SequentialConnectingBranch from './SequentialConnectingBranch';
|
3
|
+
declare const meta: Meta<typeof SequentialConnectingBranch>;
|
4
|
+
type Story = StoryObj<typeof SequentialConnectingBranch>;
|
5
|
+
export declare const Primary: Story;
|
6
|
+
export default meta;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import StateDropdown from './StateDropdown';
|
3
|
+
declare const meta: Meta<typeof StateDropdown>;
|
4
|
+
type Story = StoryObj<typeof StateDropdown>;
|
5
|
+
export declare const Disable: Story;
|
6
|
+
export declare const Review: Story;
|
7
|
+
export declare const Reject: Story;
|
8
|
+
export declare const Approved: Story;
|
9
|
+
export declare const NewState: Story;
|
10
|
+
export default meta;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import StatusButton from './StatusButton';
|
3
|
+
declare const meta: Meta<typeof StatusButton>;
|
4
|
+
type Story = StoryObj<typeof StatusButton>;
|
5
|
+
export declare const Passed: Story;
|
6
|
+
export declare const Failed: Story;
|
7
|
+
export declare const Running: Story;
|
8
|
+
export declare const Terminated: Story;
|
9
|
+
export declare const Skipped: Story;
|
10
|
+
export declare const Warning: Story;
|
11
|
+
export declare const PartiallyExecuted: Story;
|
12
|
+
export declare const Aborted: Story;
|
13
|
+
export declare const NotExecuted: Story;
|
14
|
+
export default meta;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Card from './StatusCard';
|
3
|
+
import { CardProps } from './types';
|
4
|
+
declare const meta: Meta<typeof Card>;
|
5
|
+
export default meta;
|
6
|
+
type Story = StoryObj<CardProps>;
|
7
|
+
export declare const Passed: Story;
|
8
|
+
export declare const Failed: Story;
|
9
|
+
export declare const Warning: Story;
|
10
|
+
export declare const Skipped: Story;
|
11
|
+
export declare const Flaky: Story;
|
@@ -2,7 +2,7 @@ export interface CardProps {
|
|
2
2
|
/** The icon to display in the card */
|
3
3
|
icon: string;
|
4
4
|
/** The status of the card (Passed, Failed, Warning, Skipped, Flaky) */
|
5
|
-
status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'Flaky' | '
|
5
|
+
status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'Flaky' | 'Total Defects' | 'Defect Density' | 'Open Defects' | 'Closed Defects' | 'Quality Score';
|
6
6
|
/** The number displayed in the card */
|
7
7
|
count: number | string;
|
8
8
|
/** The description text displayed at the bottom of the card */
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { StoryObj, Meta } from '@storybook/react';
|
2
|
+
import Table from './Table';
|
3
|
+
declare const meta: Meta<typeof Table>;
|
4
|
+
type Story = StoryObj<typeof Table>;
|
5
|
+
export declare const Default: Story;
|
6
|
+
export declare const PrimaryHeaderTextColor: Story;
|
7
|
+
export declare const TableDataTextColor: Story;
|
8
|
+
export declare const PageTable: Story;
|
9
|
+
export declare const PrimaryHeader: Story;
|
10
|
+
export declare const FixedHeaderWithBorder: Story;
|
11
|
+
export declare const WithCheckBox: Story;
|
12
|
+
export declare const TableWithNoData: Story;
|
13
|
+
export default meta;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import TableTree from './TableTree';
|
3
|
+
import './TableTreeStories.scss';
|
4
|
+
declare const meta: Meta<typeof TableTree>;
|
5
|
+
type Story = StoryObj<typeof TableTree>;
|
6
|
+
export declare const Default: Story;
|
7
|
+
export default meta;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Tabs from './Tabs';
|
3
|
+
declare const meta: Meta<typeof Tabs>;
|
4
|
+
type Story = StoryObj<typeof Tabs>;
|
5
|
+
export declare const DefaultTabs: Story;
|
6
|
+
export declare const CapsuleTabs: Story;
|
7
|
+
export declare const TabsWithDisabledTab: Story;
|
8
|
+
export declare const WithoutBorder: Story;
|
9
|
+
export default meta;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Textarea from './Textarea';
|
3
|
+
declare const meta: Meta<typeof Textarea>;
|
4
|
+
type Story = StoryObj<typeof Textarea>;
|
5
|
+
export declare const Default: Story;
|
6
|
+
export declare const Primary: Story;
|
7
|
+
export declare const Disabled: Story;
|
8
|
+
export declare const Controlled: Story;
|
9
|
+
export default meta;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Toggle from './Toggle';
|
3
|
+
declare const meta: Meta<typeof Toggle>;
|
4
|
+
export default meta;
|
5
|
+
type Story = StoryObj<typeof Toggle>;
|
6
|
+
export declare const Default: Story;
|
7
|
+
export declare const Disabled: Story;
|
8
|
+
export declare const Checked: Story;
|
9
|
+
export declare const SmallSize: Story;
|
10
|
+
export declare const MediumSize: Story;
|
11
|
+
export declare const DynamicIconAndSize: Story;
|
12
|
+
export declare const Controlled: Story;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Tooltip from './Tooltip';
|
3
|
+
declare const meta: Meta<typeof Tooltip>;
|
4
|
+
type Story = StoryObj<typeof Tooltip>;
|
5
|
+
export declare const Default: Story;
|
6
|
+
export declare const Controlled: Story;
|
7
|
+
export declare const Top: Story;
|
8
|
+
export declare const Left: Story;
|
9
|
+
export declare const Right: Story;
|
10
|
+
export declare const TopStart: Story;
|
11
|
+
export declare const TopEnd: Story;
|
12
|
+
export declare const BottomStart: Story;
|
13
|
+
export declare const BottomEnd: Story;
|
14
|
+
export declare const TooltipWithIcon: Story;
|
15
|
+
export default meta;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
2
|
+
import Typography from './Typography';
|
3
|
+
declare const meta: Meta<typeof Typography>;
|
4
|
+
type Story = StoryObj<typeof Typography>;
|
5
|
+
export declare const Docs: Story;
|
6
|
+
export declare const Regular12px: Story;
|
7
|
+
export declare const Medium12px: Story;
|
8
|
+
export declare const SemiBold14px: Story;
|
9
|
+
export declare const Bold14px: Story;
|
10
|
+
export default meta;
|
package/lib/index.d.ts
CHANGED
@@ -358,8 +358,8 @@ interface AccordionProps {
|
|
358
358
|
*/
|
359
359
|
accordionStateIconName?: string;
|
360
360
|
/**
|
361
|
-
|
362
|
-
|
361
|
+
* Accordion collapse and expand Icon width
|
362
|
+
*/
|
363
363
|
AccordionStateIconWidth: number;
|
364
364
|
/**
|
365
365
|
* Accordion collapse and expand Icon height
|
@@ -369,12 +369,20 @@ interface AccordionProps {
|
|
369
369
|
* Optional props for initial state of Accordion
|
370
370
|
*/
|
371
371
|
isExpand?: boolean;
|
372
|
+
/**
|
373
|
+
* Callback function for the accordion header click
|
374
|
+
*/
|
375
|
+
onClick?: () => void;
|
376
|
+
/**
|
377
|
+
* Providing className for Styles
|
378
|
+
*/
|
379
|
+
className?: string;
|
372
380
|
}
|
373
381
|
|
374
382
|
/**
|
375
383
|
* Accordion UI component
|
376
384
|
*/
|
377
|
-
declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, isExpand, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
385
|
+
declare const Accordion: ({ headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, isExpand, onClick, className, }: AccordionProps) => react_jsx_runtime.JSX.Element;
|
378
386
|
|
379
387
|
type OptionValue$1 = any;
|
380
388
|
interface Option$3 {
|
@@ -2125,7 +2133,7 @@ interface appHeaderSubMenuItemProps {
|
|
2125
2133
|
}
|
2126
2134
|
interface appHeaderQuickMenuItemProps {
|
2127
2135
|
label?: string;
|
2128
|
-
path
|
2136
|
+
path: string;
|
2129
2137
|
iconName: string;
|
2130
2138
|
disable?: boolean;
|
2131
2139
|
disableText?: string;
|
@@ -2616,9 +2624,10 @@ interface IconRadialChartProps {
|
|
2616
2624
|
label: string;
|
2617
2625
|
percentageValue: number;
|
2618
2626
|
icon?: string;
|
2619
|
-
fontSize
|
2620
|
-
|
2621
|
-
|
2627
|
+
fontSize?: number;
|
2628
|
+
labelColor?: string;
|
2629
|
+
arcColor?: string;
|
2630
|
+
backgroundArcColor?: string;
|
2622
2631
|
}
|
2623
2632
|
|
2624
2633
|
declare const IconRadialChart: React__default.FC<IconRadialChartProps>;
|
@@ -2656,7 +2665,7 @@ interface CardProps {
|
|
2656
2665
|
/** The icon to display in the card */
|
2657
2666
|
icon: string;
|
2658
2667
|
/** The status of the card (Passed, Failed, Warning, Skipped, Flaky) */
|
2659
|
-
status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'Flaky' | '
|
2668
|
+
status: 'Passed' | 'Failed' | 'Warning' | 'Skipped' | 'Flaky' | 'Total Defects' | 'Defect Density' | 'Open Defects' | 'Closed Defects' | 'Quality Score';
|
2660
2669
|
/** The number displayed in the card */
|
2661
2670
|
count: number | string;
|
2662
2671
|
/** The description text displayed at the bottom of the card */
|
@@ -2763,6 +2772,7 @@ interface LineChartProps {
|
|
2763
2772
|
numberSize?: string | number;
|
2764
2773
|
proportionalSpacing?: boolean;
|
2765
2774
|
chartName?: string;
|
2775
|
+
xAxisLabelGap?: number;
|
2766
2776
|
}
|
2767
2777
|
|
2768
2778
|
declare const LineChart: React__default.FC<LineChartProps>;
|
@@ -3053,6 +3063,8 @@ type BarChartProps = {
|
|
3053
3063
|
backgroundColor?: string;
|
3054
3064
|
legendPosition?: 'top' | 'bottom';
|
3055
3065
|
legendGap?: number;
|
3066
|
+
extendBarChartRightWidth?: number;
|
3067
|
+
isYAxisValuePercentage?: boolean;
|
3056
3068
|
onSelectedBar?: (_label: string) => void;
|
3057
3069
|
};
|
3058
3070
|
declare const BarChart: React__default.FC<BarChartProps>;
|
@@ -3076,8 +3088,9 @@ interface MultiRadialChartProps {
|
|
3076
3088
|
labelFontSize?: number;
|
3077
3089
|
subLabelFontSize?: number;
|
3078
3090
|
gapAngle?: number;
|
3079
|
-
|
3080
|
-
|
3091
|
+
chartToLegendGap?: string;
|
3092
|
+
legendGap?: string;
|
3093
|
+
gapBetweenArch?: number;
|
3081
3094
|
}
|
3082
3095
|
|
3083
3096
|
declare const MultiRadialChart: React__default.FC<MultiRadialChartProps>;
|