pixel-react 1.10.10-4 → 1.10.12
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/components/Accordion/Accordion.stories.d.ts +6 -0
- package/lib/components/AddResourceButton/AddButton.stories.d.ts +8 -0
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
- package/lib/components/AppHeader/AppHeader.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/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
- package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +6 -0
- 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/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/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/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 +11 -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 +10 -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 +13 -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/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.esm.js +5 -5
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +5 -5
- package/lib/index.js.map +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/throttle/throttle.stories.d.ts +6 -0
- package/lib/utils/truncateText/truncateText.stories.d.ts +6 -0
- package/package.json +1 -1
- package/src/components/TableTree/Components/TableCell.tsx +1 -1
- package/src/components/TableTree/TableTree.scss +14 -2
- package/src/components/TableTree/TableTree.tsx +3 -3
@@ -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,13 @@
|
|
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 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,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.esm.js
CHANGED
@@ -14567,7 +14567,7 @@ const MiniModal = /*#__PURE__*/forwardRef(({
|
|
14567
14567
|
}), document.body);
|
14568
14568
|
});
|
14569
14569
|
|
14570
|
-
var css_248z$R = ":root {\n --table-height: auto;\n}\n\n.tree-table-space-block {\n display: inline-block;\n width: 20px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n vertical-align: top;\n font-size: 19px;\n position: relative;\n box-sizing: border-box;\n border-radius: 50%;\n /* Hover background for all elements of the same level */\n}\n.tree-table-space-block.btn-toggle {\n position: relative;\n cursor: pointer;\n width: 22px;\n height: 18px;\n z-index: 12;\n}\n.tree-table-space-block.btn-toggle::before {\n display: none;\n}\n.tree-table-space-block.last-block::after, .tree-table-space-block.no-folder::after {\n position: absolute;\n content: \"\";\n height: 1px;\n background: var(--tree-connecting-lines-color);\n top: 50%;\n margin-top: -1px;\n}\n.tree-table-space-block.last-block::after {\n width: 12px;\n left: -10px;\n}\n.tree-table-space-block.no-folder {\n width: 8px;\n}\n.tree-table-space-block.no-folder::after {\n width: 22px;\n left: -10px;\n}\n.tree-table-space-block:not(.last-block, .no-lines, .last-node)::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 40px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: 99;\n}\n.tree-table-space-block.last-node::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 12px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: -1;\n}\n.tree-table-space-block.folder.last-node::before {\n height: 13px;\n}\n.tree-table-space-block.tree-table-hovered::before, .tree-table-space-block.tree-table-hovered::after {\n background-color: var(--brand-color);\n}\n\n.tree-title-container .tree-table-space-block {\n width: 16px;\n}\n\n.hidden {\n display: none;\n}\n\n.show {\n display: table-row;\n visibility: visible;\n}\n\n.btn-toggle {\n cursor: pointer;\n}\n.btn-toggle.is-close {\n background: #f1f1f1;\n border: 1px solid transparent;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n}\n.btn-toggle::before, .btn-toggle::after {\n display: none;\n}\n\n.tree-table-wrap {\n width: 100%;\n padding-left: 4px;\n overflow: hidden;\n overflow-x: auto;\n}\n\n.table-scrollable {\n height: var(--table-height);\n /* Adjust height as needed */\n overflow-y: auto;\n position: relative;\n}\n\n.ff-table-tree-body {\n overflow: scroll;\n}\n\n.tree-table {\n table-layout: fixed;\n width: 100%;\n border-collapse: collapse;\n overflow: scroll;\n}\n.tree-table .ff-table-tree-head {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n.tree-table .ff-table-tree-row:hover,\n.tree-table .ff-table-tree-row.hover {\n background-color: var(--hover-color);\n}\n.tree-table .ff-table-tree-row:hover .ff-table-tree-td:first-child,\n.tree-table .ff-table-tree-row.hover .ff-table-tree-td:first-child {\n background-color: var(--hover-color);\n}\n.tree-table .ff-table-tree-row:hover .table-tree-row-action,\n.tree-table .ff-table-tree-row.hover .table-tree-row-action {\n display: inline-flex;\n align-items: center;\n}\n.tree-table .ff-table-tree-row:hover .table-tree-row-action svg,\n.tree-table .ff-table-tree-row.hover .table-tree-row-action svg {\n height: 14px;\n width: 14px;\n}\n.tree-table .ff-table-tree-row {\n background-color: var(--base-bg-color);\n}\n.tree-table .ff-table-tree-row .table-tree-row-action {\n display: none;\n}\n.tree-table .ff-table-tree-row .table-row-add-button {\n display: inline-flex;\n z-index: 9999;\n align-items: center;\n}\n.tree-table .ff-table-tree-row::after {\n content: \"\";\n display: block;\n visibility: hidden;\n clear: both;\n}\n.tree-table .ff-table-tree-th,\n.tree-table .ff-table-tree-td {\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.tree-table .ff-table-tree-th {\n color: var(--table-header-text-color);\n background: var(--border-color);\n font-size: 12px;\n font-weight: 600;\n width: 400px;\n height: 32px;\n box-sizing: border-box;\n}\n.tree-table .ff-table-tree-th:first-child {\n width: 600px !important;\n position: sticky;\n left: 0;\n padding-left: 8px;\n}\n.tree-table .ff-table-tree-td {\n font-size: 12px;\n color: var(--nlp-color);\n height: 18px;\n}\n.tree-table .ff-table-tree-td:first-child {\n overflow: initial;\n position: sticky;\n left: 0;\n background-color: white;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-default-content {\n margin-left: 8px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-td-content {\n padding-left: 4px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-td-content .tree-table-td-content-text {\n margin-left: 4px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-default-content {\n font-weight: 700;\n}\n.tree-table .ff-table-tree-td.folder {\n height: 28px;\n}\n\n.tree-table-td-content {\n display: inline-flex;\n align-items: center;\n font-size: 12px;\n font-family: \"Poppins\", sans-serif;\n}\n.tree-table-td-content.folder {\n font-weight: 600;\n}\n\n.tree-row-expanded span svg,\n.tree-row-collapsed span svg {\n height: 12px;\n width: 12px;\n transition: transform 0.3s ease;\n}\n.tree-row-expanded span svg path,\n.tree-row-collapsed span svg path {\n fill: var(--brand-color);\n}\n\n.tree-row-collapsed svg {\n transform: rotate(-90deg);\n transition: transform 0.3s ease;\n}\n\n.tree-table-space-container {\n display: inline-flex;\n}\n\n.tree-title-container {\n display: inline-flex;\n align-items: center;\n}";
|
14570
|
+
var css_248z$R = ":root {\n --table-height: auto;\n}\n\n.tree-table-space-block {\n display: inline-block;\n width: 20px;\n height: 16px;\n text-align: center;\n line-height: 16px;\n vertical-align: top;\n font-size: 19px;\n position: relative;\n box-sizing: border-box;\n border-radius: 50%;\n /* Hover background for all elements of the same level */\n}\n.tree-table-space-block.btn-toggle {\n position: relative;\n cursor: pointer;\n width: 22px;\n height: 18px;\n z-index: 12;\n}\n.tree-table-space-block.btn-toggle::before {\n display: none;\n}\n.tree-table-space-block.last-block::after, .tree-table-space-block.no-folder::after {\n position: absolute;\n content: \"\";\n height: 1px;\n background: var(--tree-connecting-lines-color);\n top: 50%;\n margin-top: -1px;\n}\n.tree-table-space-block.last-block::after {\n width: 12px;\n left: -10px;\n}\n.tree-table-space-block.no-folder {\n width: 8px;\n}\n.tree-table-space-block.no-folder::after {\n width: 22px;\n left: -10px;\n}\n.tree-table-space-block:not(.last-block, .no-lines, .last-node)::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 40px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: 99;\n}\n.tree-table-space-block.last-node::before {\n position: absolute;\n content: \"\";\n width: 1px;\n height: 12px;\n background: var(--tree-connecting-lines-color);\n left: 50%;\n top: -4px;\n z-index: -1;\n}\n.tree-table-space-block.folder.last-node::before {\n height: 13px;\n}\n.tree-table-space-block.tree-table-hovered::before, .tree-table-space-block.tree-table-hovered::after {\n background-color: var(--brand-color);\n}\n\n.tree-title-container .tree-table-space-block {\n width: 16px;\n}\n\n.hidden {\n display: none;\n}\n\n.show {\n display: table-row;\n visibility: visible;\n}\n\n.btn-toggle {\n cursor: pointer;\n}\n.btn-toggle.is-close {\n background: #f1f1f1;\n border: 1px solid transparent;\n box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);\n}\n.btn-toggle::before, .btn-toggle::after {\n display: none;\n}\n\n.tree-table-wrap {\n width: 100%;\n padding-left: 4px;\n overflow: hidden;\n overflow-x: auto;\n}\n\n.table-scrollable {\n height: var(--table-height);\n /* Adjust height as needed */\n overflow-y: auto;\n position: relative;\n}\n\n.ff-table-tree-body {\n overflow: scroll;\n}\n\n.tree-table {\n table-layout: fixed;\n width: 100%;\n border-collapse: collapse;\n overflow: scroll;\n}\n.tree-table .ff-table-tree-head {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n.tree-table .ff-table-tree-row:hover,\n.tree-table .ff-table-tree-row.hover {\n background-color: var(--hover-color);\n}\n.tree-table .ff-table-tree-row:hover .ff-table-tree-td:first-child,\n.tree-table .ff-table-tree-row.hover .ff-table-tree-td:first-child {\n background-color: var(--hover-color);\n}\n.tree-table .ff-table-tree-row:hover .table-tree-row-action,\n.tree-table .ff-table-tree-row.hover .table-tree-row-action {\n display: inline-flex;\n align-items: center;\n}\n.tree-table .ff-table-tree-row:hover .table-tree-row-action svg,\n.tree-table .ff-table-tree-row.hover .table-tree-row-action svg {\n height: 14px;\n width: 14px;\n}\n.tree-table .ff-table-tree-row {\n background-color: var(--base-bg-color);\n}\n.tree-table .ff-table-tree-row .table-tree-row-action {\n display: none;\n}\n.tree-table .ff-table-tree-row .table-tree-row-action .ff-icon-container {\n height: 14px !important;\n width: 14px !important;\n padding: 2px 4px;\n}\n.tree-table .ff-table-tree-row .table-tree-row-action .ff-add-button-container {\n height: 20px;\n width: 22px;\n}\n.tree-table .ff-table-tree-row .table-row-add-button {\n display: inline-flex;\n z-index: 9999;\n align-items: center;\n}\n.tree-table .ff-table-tree-row::after {\n content: \"\";\n display: block;\n visibility: hidden;\n clear: both;\n}\n.tree-table .ff-table-tree-th,\n.tree-table .ff-table-tree-td {\n text-align: left;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n.tree-table .ff-table-tree-th {\n color: var(--table-header-text-color);\n background: var(--border-color);\n font-size: 12px;\n font-weight: 600;\n width: 400px;\n height: 32px;\n box-sizing: border-box;\n}\n.tree-table .ff-table-tree-th:first-child {\n width: 600px !important;\n position: sticky;\n left: 0;\n padding-left: 8px;\n}\n.tree-table .ff-table-tree-td {\n font-size: 12px;\n color: var(--nlp-color);\n height: 18px;\n}\n.tree-table .ff-table-tree-td:first-child {\n overflow: initial;\n position: sticky;\n left: 0;\n background-color: white;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-default-content {\n margin-left: 8px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-td-content {\n padding-left: 4px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-td-content .tree-table-td-content-text {\n margin-left: 4px;\n}\n.tree-table .ff-table-tree-td:first-child .tree-table-default-content {\n font-weight: 700;\n}\n.tree-table .ff-table-tree-td.folder {\n height: 28px;\n}\n\n.tree-table-td-content {\n display: inline-flex;\n align-items: center;\n font-size: 12px;\n font-family: \"Poppins\", sans-serif;\n}\n.tree-table-td-content.folder {\n font-weight: 600;\n}\n\n.tree-row-expanded span svg,\n.tree-row-collapsed span svg {\n height: 12px;\n width: 12px;\n transition: transform 0.3s ease;\n cursor: pointer;\n}\n.tree-row-expanded span svg path,\n.tree-row-collapsed span svg path {\n fill: var(--brand-color);\n}\n\n.tree-row-collapsed svg {\n transform: rotate(-90deg);\n transition: transform 0.3s ease;\n}\n\n.tree-table-space-container {\n display: inline-flex;\n}\n\n.tree-title-container {\n display: inline-flex;\n align-items: center;\n}";
|
14571
14571
|
styleInject(css_248z$R);
|
14572
14572
|
|
14573
14573
|
const TableHead = /*#__PURE__*/React__default.memo(({
|
@@ -14676,7 +14676,7 @@ const renderSpaces = (level, parentSiblings = [], isLast, isContainer) => {
|
|
14676
14676
|
if (checkEmpty(parentSiblings)) {
|
14677
14677
|
isLastNode = false;
|
14678
14678
|
if (!isNaN(level)) {
|
14679
|
-
siblingsArray = Array(level
|
14679
|
+
siblingsArray = Array(level).fill(true);
|
14680
14680
|
}
|
14681
14681
|
}
|
14682
14682
|
return jsx("div", {
|
@@ -15012,15 +15012,15 @@ const TreeTable = ({
|
|
15012
15012
|
if (expanding) return;
|
15013
15013
|
setExpanding(node.key);
|
15014
15014
|
onExpand?.(node, index);
|
15015
|
-
}, [onExpand]);
|
15015
|
+
}, [onExpand, expanding]);
|
15016
15016
|
const handleCheckBoxChange = useCallback((e, node) => {
|
15017
15017
|
if (expanding) return;
|
15018
15018
|
onChange?.(e, node);
|
15019
|
-
}, [onChange]);
|
15019
|
+
}, [onChange, expanding]);
|
15020
15020
|
const handleRowClick = useCallback((e, node) => {
|
15021
15021
|
if (expanding) return;
|
15022
15022
|
onClick?.(e, node);
|
15023
|
-
}, [onClick]);
|
15023
|
+
}, [onClick, expanding]);
|
15024
15024
|
return jsx("div", {
|
15025
15025
|
className: "tree-table-wrap",
|
15026
15026
|
children: jsx("div", {
|