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.
Files changed (125) hide show
  1. package/lib/1fb4472b34e4fe07.css +1 -0
  2. package/lib/StyleGuide/ColorPalette/ColorPalette.stories.d.ts +6 -0
  3. package/lib/StyleGuide/Typography/Typography.stories.d.ts +6 -0
  4. package/lib/components/Accordion/Accordion.stories.d.ts +6 -0
  5. package/lib/components/AddResourceButton/AddButton.stories.d.ts +8 -0
  6. package/lib/components/AllProjectsDropdown/AllProjectsDropdown.stories.d.ts +7 -0
  7. package/lib/components/AppHeader/AppHeader.stories.d.ts +7 -0
  8. package/lib/components/AttachmentButton/AttachmentButton.stories.d.ts +9 -0
  9. package/lib/components/Avatar/Avatar.stories.d.ts +10 -0
  10. package/lib/components/Button/Button.stories.d.ts +13 -0
  11. package/lib/components/Charts/DashboardDonutChart/DashboardDonutChart.stories.d.ts +7 -0
  12. package/lib/components/Charts/DonutChart/DonutChart.stories.d.ts +6 -0
  13. package/lib/components/Charts/PieChart/PieChart.stories.d.ts +7 -0
  14. package/lib/components/Charts/RadialChart/RadialChart.stories.d.ts +6 -0
  15. package/lib/components/Checkbox/Checkbox.stories.d.ts +8 -0
  16. package/lib/components/Chip/Chip.stories.d.ts +14 -0
  17. package/lib/components/DatePicker/DatePicker.stories.d.ts +9 -0
  18. package/lib/components/DragAndDrop/DragAndDrop.stories.d.ts +6 -0
  19. package/lib/components/Drawer/Drawer.stories.d.ts +12 -0
  20. package/lib/components/ExcelFile/ColorBarselector/ColorBarSelector.d.ts +8 -0
  21. package/lib/components/ExcelFile/ContextMenu/ContextMenu.d.ts +4 -0
  22. package/lib/components/ExcelFile/ExcelFile/Excel/ActiveCell.d.ts +7 -0
  23. package/lib/components/ExcelFile/ExcelFile/Excel/Cell.d.ts +4 -0
  24. package/lib/components/ExcelFile/ExcelFile/Excel/ColumnIndicator.d.ts +5 -0
  25. package/lib/components/ExcelFile/ExcelFile/Excel/Copied.d.ts +3 -0
  26. package/lib/components/ExcelFile/ExcelFile/Excel/CornerIndicator.d.ts +5 -0
  27. package/lib/components/ExcelFile/ExcelFile/Excel/DataEditor.d.ts +5 -0
  28. package/lib/components/ExcelFile/ExcelFile/Excel/DataViewer.d.ts +8 -0
  29. package/lib/components/ExcelFile/ExcelFile/Excel/FloatingRect.d.ts +10 -0
  30. package/lib/components/ExcelFile/ExcelFile/Excel/HeaderRow.d.ts +3 -0
  31. package/lib/components/ExcelFile/ExcelFile/Excel/Row.d.ts +3 -0
  32. package/lib/components/ExcelFile/ExcelFile/Excel/RowIndicator.d.ts +5 -0
  33. package/lib/components/ExcelFile/ExcelFile/Excel/Selected.d.ts +3 -0
  34. package/lib/components/ExcelFile/ExcelFile/Excel/Spreadsheet.d.ts +80 -0
  35. package/lib/components/ExcelFile/ExcelFile/Excel/Table.d.ts +3 -0
  36. package/lib/components/ExcelFile/ExcelFile/Excel/actions.d.ts +174 -0
  37. package/lib/components/ExcelFile/ExcelFile/Excel/areModelsEqual.d.ts +1 -0
  38. package/lib/components/ExcelFile/ExcelFile/Excel/context.d.ts +8 -0
  39. package/lib/components/ExcelFile/ExcelFile/Excel/engine/engine.d.ts +22 -0
  40. package/lib/components/ExcelFile/ExcelFile/Excel/engine/formula.d.ts +17 -0
  41. package/lib/components/ExcelFile/ExcelFile/Excel/engine/index.d.ts +2 -0
  42. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-graph.d.ts +21 -0
  43. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-hash.d.ts +3 -0
  44. package/lib/components/ExcelFile/ExcelFile/Excel/engine/point-set.d.ts +24 -0
  45. package/lib/components/ExcelFile/ExcelFile/Excel/index.d.ts +13 -0
  46. package/lib/components/ExcelFile/ExcelFile/Excel/matrix.d.ts +67 -0
  47. package/lib/components/ExcelFile/ExcelFile/Excel/point-range.d.ts +22 -0
  48. package/lib/components/ExcelFile/ExcelFile/Excel/point.d.ts +11 -0
  49. package/lib/components/ExcelFile/ExcelFile/Excel/reducer.d.ts +27 -0
  50. package/lib/components/ExcelFile/ExcelFile/Excel/selection.d.ts +95 -0
  51. package/lib/components/ExcelFile/ExcelFile/Excel/types.d.ts +178 -0
  52. package/lib/components/ExcelFile/ExcelFile/Excel/use-dispatch.d.ts +3 -0
  53. package/lib/components/ExcelFile/ExcelFile/Excel/use-selector.d.ts +3 -0
  54. package/lib/components/ExcelFile/ExcelFile/Excel/util.d.ts +44 -0
  55. package/lib/components/ExcelFile/ExcelFile/ExcelFile.d.ts +19 -0
  56. package/lib/components/ExcelFile/ExcelFile.stories.d.ts +6 -0
  57. package/lib/components/ExcelFile/ExcelSheetBar/ExcelSheetBar.d.ts +12 -0
  58. package/lib/components/ExcelFile/ExcelToolBar/ExcelToolBar.d.ts +15 -0
  59. package/lib/components/ExcelFile/Types.d.ts +129 -0
  60. package/lib/components/ExcelFile/index.d.ts +1 -0
  61. package/lib/components/ExpandableMenu/ExpandableMenu.stories.d.ts +7 -0
  62. package/lib/components/FF_Captcha/captcha.stories.d.ts +8 -0
  63. package/lib/components/FileDropzone/FileDropzone.stories.d.ts +8 -0
  64. package/lib/components/Form/Form.stories.d.ts +7 -0
  65. package/lib/components/GridLayout/GridLayout.stories.d.ts +8 -0
  66. package/lib/components/HighlightText/HighlightText.stories.d.ts +6 -0
  67. package/lib/components/Icon/Icon.stories.d.ts +8 -0
  68. package/lib/components/IconButton/IconButton.stories.d.ts +7 -0
  69. package/lib/components/IconRadioGroup/IconRadioGroup.stories.d.ts +7 -0
  70. package/lib/components/Input/Input.stories.d.ts +9 -0
  71. package/lib/components/InputWithDropdown/InputWithDropdown.stories.d.ts +9 -0
  72. package/lib/components/LabelEditTextField/LabelEditTextField.stories.d.ts +11 -0
  73. package/lib/components/LazyLoad/LazyLoad.stories.d.ts +6 -0
  74. package/lib/components/MachineInputField/MachineInputField.stories.d.ts +6 -0
  75. package/lib/components/MenuOption/MenuOption.stories.d.ts +16 -0
  76. package/lib/components/MiniModal/MiniModal.stories.d.ts +10 -0
  77. package/lib/components/Modal/Modal.stories.d.ts +7 -0
  78. package/lib/components/ModulesChip/ModuleChip.stories.d.ts +6 -0
  79. package/lib/components/MultiSelect/MultiSelect.stories.d.ts +10 -0
  80. package/lib/components/NLPInput/NlpInput.stories.d.ts +7 -0
  81. package/lib/components/NLPInput/type.d.ts +70 -0
  82. package/lib/components/Paper/Paper.stories.d.ts +11 -0
  83. package/lib/components/RadioButton/RadioButton.stories.d.ts +10 -0
  84. package/lib/components/RadioGroup/RadioGroup.stories.d.ts +9 -0
  85. package/lib/components/Search/Search.stories.d.ts +6 -0
  86. package/lib/components/Select/Select.stories.d.ts +13 -0
  87. package/lib/components/Select/components/Dropdown/Dropdown.d.ts +4 -0
  88. package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts +17 -0
  89. package/lib/components/SequentialConnectingBranch/SequentialConnectingBranch.stories.d.ts +6 -0
  90. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.d.ts +4 -0
  91. package/lib/components/SequentialConnectingBranch/components/AddBrowserModal/types.d.ts +3 -0
  92. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.d.ts +4 -0
  93. package/lib/components/SequentialConnectingBranch/components/DatasetListModal/types.d.ts +3 -0
  94. package/lib/components/StateDropdown/StateDropdown.stories.d.ts +10 -0
  95. package/lib/components/StatusButton/StatusButton.stories.d.ts +14 -0
  96. package/lib/components/Table/Table.stories.d.ts +13 -0
  97. package/lib/components/TableTree/TableTree.stories.d.ts +7 -0
  98. package/lib/components/Tabs/Tabs.stories.d.ts +9 -0
  99. package/lib/components/TextArea/Textarea.stories.d.ts +9 -0
  100. package/lib/components/Toast/Toast.stories.d.ts +6 -0
  101. package/lib/components/Toastify/Toastify.stories.d.ts +6 -0
  102. package/lib/components/Toggle/Toggle.stories.d.ts +12 -0
  103. package/lib/components/Tooltip/Tooltip.stories.d.ts +15 -0
  104. package/lib/components/Typography/Typography.stories.d.ts +10 -0
  105. package/lib/components/VariableInput/VariableInput.stories.d.ts +6 -0
  106. package/lib/index.esm.js +5 -5
  107. package/lib/index.esm.js.map +1 -1
  108. package/lib/index.js +5 -5
  109. package/lib/index.js.map +1 -1
  110. package/lib/utils/checkEmpty/checkEmpty.stories.d.ts +6 -0
  111. package/lib/utils/compareArrays/compareArrays.stories.d.ts +6 -0
  112. package/lib/utils/compareObjects/compareObjects.stories.d.ts +6 -0
  113. package/lib/utils/debounce/debounce.stories.d.ts +6 -0
  114. package/lib/utils/ffID/ffID.stories.d.ts +6 -0
  115. package/lib/utils/find/findAndInsert.d.ts +7 -0
  116. package/lib/utils/find/findAndInsert.stories.d.ts +7 -0
  117. package/lib/utils/findAndInsert/findAndInsert.stories.d.ts +7 -0
  118. package/lib/utils/getEncryptedData/getEncryptedData.stories.d.ts +6 -0
  119. package/lib/utils/getExtension/getExtension.stories.d.ts +6 -0
  120. package/lib/utils/throttle/throttle.stories.d.ts +6 -0
  121. package/lib/utils/truncateText/truncateText.stories.d.ts +6 -0
  122. package/package.json +1 -1
  123. package/src/components/TableTree/Components/TableCell.tsx +1 -1
  124. package/src/components/TableTree/TableTree.scss +14 -2
  125. 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,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import Search from './Search';
3
+ declare const meta: Meta<typeof Search>;
4
+ type Story = StoryObj<typeof Search>;
5
+ export declare const Default: Story;
6
+ 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,4 @@
1
+ import './AddBrowserModal.scss';
2
+ import { AddBrowserModalProps } from './types';
3
+ declare const AddBrowserModal: import("react").ForwardRefExoticComponent<AddBrowserModalProps & import("react").RefAttributes<HTMLButtonElement>>;
4
+ export default AddBrowserModal;
@@ -0,0 +1,3 @@
1
+ export interface AddBrowserModalProps {
2
+ onUpdateAddBrowser: () => void;
3
+ }
@@ -0,0 +1,4 @@
1
+ import './DatasetListModal.scss';
2
+ import { DatasetListModalProps } from './types';
3
+ declare const DatasetListModal: import("react").ForwardRefExoticComponent<DatasetListModalProps & import("react").RefAttributes<HTMLButtonElement>>;
4
+ export default DatasetListModal;
@@ -0,0 +1,3 @@
1
+ export interface DatasetListModalProps {
2
+ onUpdateDatasetList: () => void;
3
+ }
@@ -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,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import Toaster from './Toast';
3
+ declare const meta: Meta<typeof Toaster>;
4
+ type Story = StoryObj<typeof Toaster>;
5
+ export declare const Controlled: Story;
6
+ export default meta;
@@ -0,0 +1,6 @@
1
+ import { Meta, StoryObj } from '@storybook/react';
2
+ import { Toastify } from './Toastify';
3
+ declare const meta: Meta<typeof Toastify>;
4
+ type Story = StoryObj<typeof Toastify>;
5
+ export declare const Controlled: Story;
6
+ 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;
@@ -0,0 +1,6 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+ import VariableInput from './VariableInput';
3
+ declare const meta: Meta<typeof VariableInput>;
4
+ type Story = StoryObj<typeof VariableInput>;
5
+ export declare const Default: Story;
6
+ 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 - 1).fill(true);
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", {