pixel-react 1.21.18 → 1.21.19
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/StyleGuide/ColorPalette/ColorPalette.d.ts +1 -1
- package/lib/StyleGuide/Typography/Typography.d.ts +1 -1
- package/lib/components/Accordion/Accordion.d.ts +1 -1
- package/lib/components/AddResourceButton/AddResourceButton.d.ts +1 -1
- package/lib/components/AddResourceButton/ArrowsButton/ArrowsButton.d.ts +1 -1
- package/lib/components/AllProjectsDropdown/AllProjectsDropdown.d.ts +1 -1
- package/lib/components/AutoTruncateText/AutoTruncateText.d.ts +1 -1
- package/lib/components/BrowserTabs/BrowserTabs.d.ts +1 -1
- package/lib/components/Chip/Chip.d.ts +1 -1
- package/lib/components/Comments/Comments.d.ts +1 -2
- package/lib/components/Comments/childComment/ChildComment.d.ts +1 -1
- package/lib/components/DragAndDrop/DragAndDropList.d.ts +2 -2
- package/lib/components/EditLabel/EditLabel.d.ts +1 -1
- package/lib/components/Editor/DynamicWidthToolTip.d.ts +1 -1
- package/lib/components/HOC/LayoutWithDrawer/LayoutWithDrawer.d.ts +1 -1
- package/lib/components/HistoryCard/HistoryCard.d.ts +1 -1
- package/lib/components/LazyLoad/LazyLoading.d.ts +1 -2
- package/lib/components/Loader/Loader.d.ts +1 -1
- package/lib/components/MachineInputField/MachineInputField.d.ts +1 -1
- package/lib/components/MenuOption/MenuOption.d.ts +1 -1
- package/lib/components/MultiSelect/MultiSelect.d.ts +1 -2
- package/lib/components/NLPInput/NlpInput.d.ts +1 -1
- package/lib/components/NLPInput/components/NlpDropDown/NlpDropdown.d.ts +1 -1
- package/lib/components/OverviewModal/overviewModal.js +46 -11
- package/lib/components/OverviewModal/overviewModal.js.map +1 -1
- package/lib/components/Paper/Paper.d.ts +1 -1
- package/lib/components/Search/Search.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/Branches/Branches.d.ts +1 -1
- package/lib/components/SequentialConnectingBranch/components/ConnectingBranches/ConnectingBranches.d.ts +1 -1
- package/lib/components/StateDropdown/StateDropdown.d.ts +1 -1
- package/lib/components/StatusBadge/StatusBadge.d.ts +1 -1
- package/lib/components/StatusButton/StatusButton.d.ts +1 -1
- package/lib/components/StepsLandingTable/Components/EditComponent.d.ts +1 -1
- package/lib/components/StepsLandingTable/Components/RenderNlpInput.d.ts +1 -1
- package/lib/components/StepsLandingTable/Components/StepInnerTable.d.ts +1 -1
- package/lib/components/StepsLandingTable/Components/StepsTitle.d.ts +1 -1
- package/lib/components/StepsLandingTable/constant.d.ts +1 -1
- package/lib/components/Table/EditComponent.d.ts +1 -1
- package/lib/components/Table/EditComponent.js +6 -6
- package/lib/components/Table/EditComponent.js.map +1 -1
- package/lib/components/Table/NoDataContent.js +1 -1
- package/lib/components/Table/NoDataContent.js.map +1 -1
- package/lib/components/Table/Table.js +78 -155
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/Types.d.ts +6 -11
- package/lib/components/Table/components/SortableRow.d.ts +1 -1
- package/lib/components/Table/components/SortableRow.js +69 -60
- package/lib/components/Table/components/SortableRow.js.map +1 -1
- package/lib/components/Table/components/TableHeader.d.ts +1 -1
- package/lib/components/Table/components/TableHeader.js +15 -20
- package/lib/components/Table/components/TableHeader.js.map +1 -1
- package/lib/components/Table/components/VirtualizedRows.d.ts +1 -1
- package/lib/components/Table/components/VirtualizedRows.js +17 -32
- package/lib/components/Table/components/VirtualizedRows.js.map +1 -1
- package/lib/components/Table/utils/virtualization.d.ts +3 -10
- package/lib/components/Table/utils/virtualization.js +13 -40
- package/lib/components/Table/utils/virtualization.js.map +1 -1
- package/lib/components/TableTree/Components/TableBody.d.ts +1 -1
- package/lib/components/TableTree/Components/TableCell.d.ts +1 -1
- package/lib/components/TableTree/Components/TableHead.d.ts +1 -1
- package/lib/components/TableTree/Components/TableRow.d.ts +1 -1
- package/lib/components/TableTreeFn/Components/TableBody.d.ts +1 -1
- package/lib/components/TableTreeFn/Components/TableCell.d.ts +1 -1
- package/lib/components/TableTreeFn/Components/TableHead.d.ts +1 -1
- package/lib/components/TableTreeFn/Components/TableRow.d.ts +1 -1
- package/lib/components/TableWithAccordion/TableWithAccordion.d.ts +1 -1
- package/lib/components/TableWithAccordion/TableWithAccordion.js +13 -38
- package/lib/components/TableWithAccordion/TableWithAccordion.js.map +1 -1
- package/lib/components/TableWithAccordion/types.d.ts +2 -2
- package/lib/components/Tabs/Tabs.d.ts +1 -1
- package/lib/components/TabsWithSilder/TabsWithSilder.d.ts +1 -1
- package/lib/components/TextArea/Textarea.d.ts +1 -1
- package/lib/components/Toastify/Toastify.d.ts +1 -1
- package/lib/components/VariableInput/VariableInput.d.ts +1 -2
- package/lib/index.d.ts +31 -32
- package/lib/index.js +17 -9
- package/lib/styles.css +1 -1
- package/lib/tsconfig.tsbuildinfo +1 -1
- package/lib/utils/TreeNavigateUtils/getNavigateToKey.d.ts +1 -1
- package/lib/utils/getTopVisibleNodeKey/getTopVisibleNodeKey.d.ts +1 -1
- package/lib/utils/getTreeDetails/getTreeDetails.d.ts +1 -1
- package/lib/utils/handleTreeExpandAllCollapseAll/handleTreeExpandAllCollapseAll.d.ts +1 -1
- package/lib/utils/handleTreeNodeExpandCollapse/handleTreeNodeExpandCollapse.d.ts +1 -1
- package/lib/utils/handleTreeNodeSelect/handleTreeNodeSelect.d.ts +1 -1
- package/lib/utils/toggleShowHideEntity/toggleShowHideEntity.d.ts +1 -1
- package/package.json +2 -2
- package/lib/components/Table/utils/TableCell.d.ts +0 -2
- package/lib/components/Table/utils/TableCell.js +0 -27
- package/lib/components/Table/utils/TableCell.js.map +0 -1
|
@@ -4,5 +4,5 @@ import { AccordionProps } from './types';
|
|
|
4
4
|
/**
|
|
5
5
|
* Accordion UI component
|
|
6
6
|
*/
|
|
7
|
-
declare const Accordion: ({ highlightText, headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, isExpand, onClick, className, iconColor, accordionContentStyle, }: AccordionProps) => import("react").JSX.Element;
|
|
7
|
+
declare const Accordion: ({ highlightText, headerTitle, color, minHeight, accordionContent, disable, disableInfoMessage, accordionStateIconName, AccordionStateIconWidth, AccordionStateIconHeight, isExpand, onClick, className, iconColor, accordionContentStyle, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default Accordion;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import './AddResourceButton.scss';
|
|
2
2
|
import { AddResourceButtonProps } from './type';
|
|
3
|
-
declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, menuOptionZIndex, treeRowRef, onMenuOptionClick, isFromTree, }: AddResourceButtonProps) => import("react").JSX.Element;
|
|
3
|
+
declare const AddResourceButton: ({ id, variant, directionalArrow, zIndex, menuOptionZIndex, treeRowRef, onMenuOptionClick, isFromTree, }: AddResourceButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default AddResourceButton;
|
|
@@ -2,5 +2,5 @@ import './ArrowsButton.scss';
|
|
|
2
2
|
import { DirectionalArrowButtonProps } from '../type';
|
|
3
3
|
declare const ArrowsButton: ({ direction, menuOptions, onArrowClick, treeRowRef, onMenuOptionClick, menuOptionZIndex, }: DirectionalArrowButtonProps & {
|
|
4
4
|
isActive: boolean;
|
|
5
|
-
}) => import("react").JSX.Element;
|
|
5
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export default ArrowsButton;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import './AllProjectsDropdown.scss';
|
|
2
2
|
import { AllProjectsDropdownProps } from './types';
|
|
3
|
-
declare const AllProjectsDropdown: ({ onClick, onMenuClick, options, selectedOption, selected, placeholder, disabled, }: AllProjectsDropdownProps) => import("react").JSX.Element;
|
|
3
|
+
declare const AllProjectsDropdown: ({ onClick, onMenuClick, options, selectedOption, selected, placeholder, disabled, }: AllProjectsDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default AllProjectsDropdown;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import './AutoTruncateText.scss';
|
|
2
2
|
import { AutoTruncateTextComponentProps } from './types';
|
|
3
|
-
declare const AutoTruncateText: import("react").MemoExoticComponent<({ children, className, lines, interactive, placement, }: AutoTruncateTextComponentProps) => import("react").JSX.Element>;
|
|
3
|
+
declare const AutoTruncateText: import("react").MemoExoticComponent<({ children, className, lines, interactive, placement, }: AutoTruncateTextComponentProps) => import("react/jsx-runtime").JSX.Element>;
|
|
4
4
|
export default AutoTruncateText;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { BrowserTabsProps } from './types';
|
|
2
2
|
import './BrowserTabs.scss';
|
|
3
3
|
import '../../assets/styles/_colors.scss';
|
|
4
|
-
declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, maxTabs, enableOverflowTooltip, onTabMouseEnter, onTabMouseLeave, }: BrowserTabsProps) => import("react").JSX.Element;
|
|
4
|
+
declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, maxTabs, enableOverflowTooltip, onTabMouseEnter, onTabMouseLeave, }: BrowserTabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
export default BrowserTabs;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import './Chip.scss';
|
|
2
2
|
import { ChipsProps } from './types';
|
|
3
|
-
declare const Chip: ({ label, fullText, variant, labelWidth, fullTextWidth, onClick, }: ChipsProps) => import("react").JSX.Element;
|
|
3
|
+
declare const Chip: ({ label, fullText, variant, labelWidth, fullTextWidth, onClick, }: ChipsProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Chip;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import './Comments.scss';
|
|
3
2
|
import { CommentsProps } from './type';
|
|
4
|
-
declare const Comments: ({ commentsData, handleAddComment, handleEditComment, handleDeleteComment, onCommentsDataChange, currentUser, isDisable, userDetails, createdByID, rowBreakCharCount, isVewMode, deleteEnable, showTextarea, autoFocus, }: CommentsProps) =>
|
|
3
|
+
declare const Comments: ({ commentsData, handleAddComment, handleEditComment, handleDeleteComment, onCommentsDataChange, currentUser, isDisable, userDetails, createdByID, rowBreakCharCount, isVewMode, deleteEnable, showTextarea, autoFocus, }: CommentsProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
export default Comments;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import '../Comments.scss';
|
|
2
2
|
import { CommentProps } from '../type';
|
|
3
|
-
declare const ChildComment: ({ handleInsertNode, handleEditNode, handleDeleteNode, comment, depth, isDisable, userDetails, isEditDeleteActionAllowed, createdByID, rowBreakCharCount, isVewMode, deleteEnable, }: CommentProps) => import("react").JSX.Element;
|
|
3
|
+
declare const ChildComment: ({ handleInsertNode, handleEditNode, handleDeleteNode, comment, depth, isDisable, userDetails, isEditDeleteActionAllowed, createdByID, rowBreakCharCount, isVewMode, deleteEnable, }: CommentProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ChildComment;
|
|
@@ -3,7 +3,7 @@ interface TaskProps {
|
|
|
3
3
|
id: number;
|
|
4
4
|
title: string;
|
|
5
5
|
}
|
|
6
|
-
export declare const Task: ({ id, title }: TaskProps) => import("react").JSX.Element;
|
|
6
|
+
export declare const Task: ({ id, title }: TaskProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
interface ColumnProps {
|
|
8
8
|
id: string;
|
|
9
9
|
tasks: {
|
|
@@ -16,5 +16,5 @@ interface InputProps {
|
|
|
16
16
|
onSubmit: (input: string) => void;
|
|
17
17
|
}
|
|
18
18
|
export declare const Input: React.FC<InputProps>;
|
|
19
|
-
declare const DragAndDropList: () => import("react").JSX.Element;
|
|
19
|
+
declare const DragAndDropList: () => import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
export default DragAndDropList;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import './EditLabel.scss';
|
|
2
2
|
import type { EditLabelProps } from './types';
|
|
3
|
-
declare const EditLabel: ({ id, onConfirm, onCancel, handleCustomError, value, label, optionsList, selectedOption, withDropdown, inputFieldWidth, selectFieldWidth, textColor, tooltip, required, isDisable, onClick, highlightText, isEditable, setIsEditable, cursor, isOnBlurTrue, handleOnChange, handleTriggerDoubleClick, truncatedTextCount, truncatedType, confirmIconTooltip, cancelIconTooltip, inlineValidationError, onChangeValidationError, isTableTree, isAutoTruncate, }: EditLabelProps) => import("react").JSX.Element;
|
|
3
|
+
declare const EditLabel: ({ id, onConfirm, onCancel, handleCustomError, value, label, optionsList, selectedOption, withDropdown, inputFieldWidth, selectFieldWidth, textColor, tooltip, required, isDisable, onClick, highlightText, isEditable, setIsEditable, cursor, isOnBlurTrue, handleOnChange, handleTriggerDoubleClick, truncatedTextCount, truncatedType, confirmIconTooltip, cancelIconTooltip, inlineValidationError, onChangeValidationError, isTableTree, isAutoTruncate, }: EditLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default EditLabel;
|
|
@@ -2,5 +2,5 @@ import { dynamicObject } from '../ConditionalDropdown/types';
|
|
|
2
2
|
interface DynamicWidthTooltipProps {
|
|
3
3
|
option: dynamicObject;
|
|
4
4
|
}
|
|
5
|
-
export declare const DynamicWidthTooltip: ({ option }: DynamicWidthTooltipProps) => import("react").JSX.Element;
|
|
5
|
+
export declare const DynamicWidthTooltip: ({ option }: DynamicWidthTooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -7,5 +7,5 @@ type LayoutWithDrawerProps = {
|
|
|
7
7
|
top?: string;
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
};
|
|
10
|
-
declare const LayoutWithDrawer: ({ drawerProps, showDrawer, children, zIndex, top, }: LayoutWithDrawerProps) =>
|
|
10
|
+
declare const LayoutWithDrawer: ({ drawerProps, showDrawer, children, zIndex, top, }: LayoutWithDrawerProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export default LayoutWithDrawer;
|
|
@@ -21,5 +21,5 @@ export interface HistoryCardProps {
|
|
|
21
21
|
*/
|
|
22
22
|
profileShortName: string;
|
|
23
23
|
}
|
|
24
|
-
declare const HistoryCard: ({ variant, title, tabTitle, comment, profileShortName, }: HistoryCardProps) => import("react").JSX.Element;
|
|
24
|
+
declare const HistoryCard: ({ variant, title, tabTitle, comment, profileShortName, }: HistoryCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
25
|
export default HistoryCard;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import './MachineInputField.scss';
|
|
2
2
|
import { MachineInputFieldProps } from './types';
|
|
3
3
|
declare const MachineInputField: {
|
|
4
|
-
({ width, options, runCount, className, contentReverse, onClick, modalId, scriptType, readOnly, isMissing, }: MachineInputFieldProps): import("react").JSX.Element;
|
|
4
|
+
({ width, options, runCount, className, contentReverse, onClick, modalId, scriptType, readOnly, isMissing, }: MachineInputFieldProps): import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
displayName: string;
|
|
6
6
|
};
|
|
7
7
|
export default MachineInputField;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import './MenuOption.scss';
|
|
2
2
|
import { MenuOptionProps } from './types';
|
|
3
|
-
declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, treeRowRef, isAddResourceButton, disabled, alignOption, displayCard, didMouseEntered, tableMenu, dropdownHeight, selectedValue, }: MenuOptionProps) => import("react").JSX.Element;
|
|
3
|
+
declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, treeRowRef, isAddResourceButton, disabled, alignOption, displayCard, didMouseEntered, tableMenu, dropdownHeight, selectedValue, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default MenuOption;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import './MultiSelect.scss';
|
|
3
2
|
import { MultiSelectProps } from './MultiSelectTypes';
|
|
4
|
-
declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount: initialDisplayCount, isAllSelected, onToggleAllSelect, displayAllSelectedAsText, isAllSelect, placeholderForSearching, variant, onLabelPlusIconClick, className, onSelectButtonClick, labelAccessor, valueAccessor, searchAccessor, withSelectButton, loadMoreOptions, onEnter, maxVisibleChips, onBlur, maxDropdownHeight, dropdownContainerRef, noResultsMessage, chipAccessor, isCloseIconToolTip, }: MultiSelectProps) =>
|
|
3
|
+
declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, displayCount: initialDisplayCount, isAllSelected, onToggleAllSelect, displayAllSelectedAsText, isAllSelect, placeholderForSearching, variant, onLabelPlusIconClick, className, onSelectButtonClick, labelAccessor, valueAccessor, searchAccessor, withSelectButton, loadMoreOptions, onEnter, maxVisibleChips, onBlur, maxDropdownHeight, dropdownContainerRef, noResultsMessage, chipAccessor, isCloseIconToolTip, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
4
|
export default MultiSelect;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { SelectProps } from './types';
|
|
2
2
|
import './NLPInput.scss';
|
|
3
|
-
declare const NlpInput: ({ label, leftIcon, rightIcon, rightIconColor, showLabel, onHelpIconClick, aiIconClick, webServiceClick, containerWidth, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, value, onSelect, chipOptionList, selectedChips, loadMoreOptions, isWebservice, closeInputOnOutsideClick, tooltipText, ChipsAccordionWidth, dropDownMessage, }: SelectProps) => import("react").JSX.Element;
|
|
3
|
+
declare const NlpInput: ({ label, leftIcon, rightIcon, rightIconColor, showLabel, onHelpIconClick, aiIconClick, webServiceClick, containerWidth, optionsList, selectedOption, onChange, errorMsg, className, optionZIndex, disabled, borderRadius, showBorder, required, value, onSelect, chipOptionList, selectedChips, loadMoreOptions, isWebservice, closeInputOnOutsideClick, tooltipText, ChipsAccordionWidth, dropDownMessage, }: SelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default NlpInput;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { NlpDropDownListProps } from './NlpDropDownType';
|
|
2
2
|
import './NlpDropdown.scss';
|
|
3
|
-
declare const NlpDropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, webServiceClick, containerWidth, loadMoreOptions, chipRef, isWebservice, dropDownMessage, }: NlpDropDownListProps) => import("react").JSX.Element;
|
|
3
|
+
declare const NlpDropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, webServiceClick, containerWidth, loadMoreOptions, chipRef, isWebservice, dropDownMessage, }: NlpDropDownListProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default NlpDropdown;
|
|
@@ -8,14 +8,17 @@ import './overviewModal.scss';
|
|
|
8
8
|
import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
|
|
9
9
|
const OverviewModal = ({ isOpen, onClose, isMaximized, width = '800px', height = '432px', header, children, zIndex = 999, icons, downloadFileIcon = false, showHeader = true, top = '0', overlay = true, downloadHandler, multiData = [], setSelectedVideo, customStyle, isIframe = false, }) => {
|
|
10
10
|
const [videos, setVideos] = useState(multiData);
|
|
11
|
+
const [maximizedVideoIndex, setMaximizedVideoIndex] = useState(null);
|
|
11
12
|
useEffect(() => {
|
|
12
13
|
if (!checkEmpty(multiData)) {
|
|
13
14
|
setVideos(multiData);
|
|
14
15
|
}
|
|
16
|
+
setMaximizedVideoIndex(null);
|
|
15
17
|
}, [multiData]);
|
|
16
18
|
useEffect(() => {
|
|
17
19
|
const handleKeyDown = (event) => {
|
|
18
20
|
if (event.key === 'Escape') {
|
|
21
|
+
setMaximizedVideoIndex(null);
|
|
19
22
|
onClose?.();
|
|
20
23
|
}
|
|
21
24
|
};
|
|
@@ -26,10 +29,23 @@ const OverviewModal = ({ isOpen, onClose, isMaximized, width = '800px', height =
|
|
|
26
29
|
document.removeEventListener('keydown', handleKeyDown);
|
|
27
30
|
};
|
|
28
31
|
}, [isOpen, onClose]);
|
|
29
|
-
if (!isOpen)
|
|
32
|
+
if (!isOpen) {
|
|
30
33
|
return null;
|
|
31
|
-
|
|
32
|
-
const
|
|
34
|
+
}
|
|
35
|
+
const displayedVideos = maximizedVideoIndex !== null
|
|
36
|
+
? [{
|
|
37
|
+
video: videos[maximizedVideoIndex],
|
|
38
|
+
originalIndex: maximizedVideoIndex,
|
|
39
|
+
}]
|
|
40
|
+
: videos.map((video, index) => ({
|
|
41
|
+
video,
|
|
42
|
+
originalIndex: index,
|
|
43
|
+
}));
|
|
44
|
+
const isEmptyData = checkEmpty(displayedVideos);
|
|
45
|
+
const gridClass = classNames('image-grid', {
|
|
46
|
+
'image-grid--single': displayedVideos.length === 1,
|
|
47
|
+
'image-grid--double': displayedVideos.length === 2,
|
|
48
|
+
});
|
|
33
49
|
const handleVideoEnd = (index) => {
|
|
34
50
|
setVideos((prev) => {
|
|
35
51
|
const updated = prev.filter((_, i) => i !== index);
|
|
@@ -39,8 +55,14 @@ const OverviewModal = ({ isOpen, onClose, isMaximized, width = '800px', height =
|
|
|
39
55
|
return updated;
|
|
40
56
|
});
|
|
41
57
|
};
|
|
58
|
+
if (isOpen && videos.length === 0 && isIframe) {
|
|
59
|
+
onClose?.();
|
|
60
|
+
return null;
|
|
61
|
+
}
|
|
42
62
|
const modalContent = (_jsx("div", { className: "ff-overview-modal-overlay", style: {
|
|
43
|
-
background: overlay
|
|
63
|
+
background: overlay
|
|
64
|
+
? 'var(--pop-up-background-blur)'
|
|
65
|
+
: '',
|
|
44
66
|
zIndex,
|
|
45
67
|
}, children: _jsxs("div", { className: classNames('ff-overview-modal-container', {
|
|
46
68
|
'ff-overview-maximized-container': isMaximized,
|
|
@@ -51,13 +73,26 @@ const OverviewModal = ({ isOpen, onClose, isMaximized, width = '800px', height =
|
|
|
51
73
|
'--modal-top': top,
|
|
52
74
|
}, children: [showHeader && (_jsxs("div", { className: "ff-overview-modal-header", children: [header, _jsxs("div", { className: "ff-overview-modal-icons", children: [downloadFileIcon && (_jsx(Icon, { width: 16, height: 16, name: "download_file", onClick: downloadHandler })), icons] })] })), _jsx("div", { className: classNames('ff-overview-modal-body', {
|
|
53
75
|
'ff-overview-modal-body--centered': isEmptyData,
|
|
54
|
-
}), children: !isEmptyData ? (_jsx("div", { className:
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
76
|
+
}), children: !isEmptyData ? (_jsx("div", { className: gridClass, children: displayedVideos.map(({ video, originalIndex }) => {
|
|
77
|
+
if (!video) {
|
|
78
|
+
return null;
|
|
79
|
+
}
|
|
80
|
+
return (_jsxs("div", { className: "ff-overview-modal-image-item", children: [isIframe ? (_jsx("iframe", { src: video.src, className: "ff-overview-modal-video", width: "100%", height: "100%" })) : (_jsx("video", { src: video.src, autoPlay: true, muted: true, playsInline: true, preload: "auto", controls: false, onEnded: () => handleVideoEnd(originalIndex), className: "ff-overview-modal-video", children: "Your browser does not support the video tag." })), _jsxs("div", { className: "ff-overview-modal-image-name", children: [_jsx(Icon, { name: video.icon || '' }), _jsxs(Typography, { children: [video.machineName, " - ", video.scriptName] })] }), _jsx(Icon, { width: 16, height: 16, className: "ff-overview-modal-image-action", name: maximizedVideoIndex === originalIndex
|
|
81
|
+
? 'collapse_icon'
|
|
82
|
+
: 'maximize_new', onClick: () => {
|
|
83
|
+
if (maximizedVideoIndex === originalIndex) {
|
|
84
|
+
setMaximizedVideoIndex(null);
|
|
85
|
+
}
|
|
86
|
+
else {
|
|
87
|
+
setMaximizedVideoIndex(originalIndex);
|
|
88
|
+
}
|
|
89
|
+
const clickedVideo = {
|
|
90
|
+
currentVideoData: { ...video, clickedAt: Date.now() },
|
|
91
|
+
allVideoData: videos,
|
|
92
|
+
};
|
|
93
|
+
setSelectedVideo?.(clickedVideo);
|
|
94
|
+
} }), _jsxs(Typography, { color: "var(--ff-chip-bg)", className: "ff-overview-modal-scripts", children: [video.currentScripts, "/", video.totalScripts] })] }, `${video.src}-${originalIndex}`));
|
|
95
|
+
}) })) : (children) })] }) }));
|
|
61
96
|
return ReactDOM.createPortal(modalContent, document.body);
|
|
62
97
|
};
|
|
63
98
|
export default OverviewModal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overviewModal.js","sourceRoot":"","sources":["../../../src/components/OverviewModal/overviewModal.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,MAAM,aAAa,GAAiC,CAAC,EACnD,MAAM,EACN,OAAO,EACP,WAAW,EACX,KAAK,GAAG,OAAO,EACf,MAAM,GAAG,OAAO,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,GAAG,GAAG,EACZ,KAAK,EACL,gBAAgB,GAAG,KAAK,EACxB,UAAU,GAAG,IAAI,EACjB,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,IAAI,EACd,eAAe,EACf,SAAS,GAAG,EAAE,EACd,gBAAgB,EAChB,WAAW,EACX,QAAQ,GAAG,KAAK,GACjB,EAAE,EAAE;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"overviewModal.js","sourceRoot":"","sources":["../../../src/components/OverviewModal/overviewModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import './Paper.scss';
|
|
2
2
|
import { PaperProps } from './types';
|
|
3
|
-
declare const Paper: ({ children, className, rounded }: PaperProps) => import("react").JSX.Element;
|
|
3
|
+
declare const Paper: ({ children, className, rounded }: PaperProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Paper;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import './Search.scss';
|
|
2
2
|
import { SearchProps } from './types';
|
|
3
|
-
declare const Search: ({ placeholder, onSearch, disabled, width, value, isExpand, onClose, onExpand, showClose, helperText, showToaster, minLength, isAISearch, isAISearchClicked, handleActiveAiSearch, isClear, handleIsClear, style, handleFocus, handleBlur, }: SearchProps) => import("react").JSX.Element;
|
|
3
|
+
declare const Search: ({ placeholder, onSearch, disabled, width, value, isExpand, onClose, onExpand, showClose, helperText, showToaster, minLength, isAISearch, isAISearchClicked, handleActiveAiSearch, isClear, handleIsClear, style, handleFocus, handleBlur, }: SearchProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Search;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { BranchesProps } from './types';
|
|
2
2
|
import './Branches.scss';
|
|
3
|
-
declare const Branches: ({ machineInstances, rowIndex, machineColumnCount, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, readOnly, maxRunCount, }: BranchesProps) => import("react").JSX.Element;
|
|
3
|
+
declare const Branches: ({ machineInstances, rowIndex, machineColumnCount, nextRowMachineInstance, previousRowMachineInstance, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, readOnly, maxRunCount, }: BranchesProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default Branches;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ConnectingBranchesProps } from './types';
|
|
2
2
|
import './ConnectingBranches.scss';
|
|
3
|
-
declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, readOnly, maxRunCount, }: ConnectingBranchesProps) => import("react").JSX.Element;
|
|
3
|
+
declare const ConnectingBranches: ({ machineBranchInstances, machineColumnCount, machineColumnWidth, onAddBrowser, onDeleteBrowser, onAddRunBrowser, onUpdateDataSetList, onUpdateAddBrowserInstance, addInstanceLabel, scriptType, projectType, readOnly, maxRunCount, }: ConnectingBranchesProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default ConnectingBranches;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { StateDropdownProps } from './StateDropdownTypes';
|
|
2
2
|
import './StateDropdown.scss';
|
|
3
|
-
declare const StateDropdown: ({ value, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, showBorder, zIndex, }: StateDropdownProps) => import("react").JSX.Element;
|
|
3
|
+
declare const StateDropdown: ({ value, isReviewer, isApprovePage, handleStateValueClick, handleDropdownOptionsClick, disabled, isOnlyReviewer, showBorder, zIndex, }: StateDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default StateDropdown;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import './StatusButton.scss';
|
|
2
2
|
import { StatusButtonProps } from './types';
|
|
3
|
-
declare const StatusButton: ({ status, label, onClick, className, style, disabled, useDefaultCursor, displayTooltip, ...props }: StatusButtonProps) => import("react").JSX.Element;
|
|
3
|
+
declare const StatusButton: ({ status, label, onClick, className, style, disabled, useDefaultCursor, displayTooltip, ...props }: StatusButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default StatusButton;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './EditComponent.scss';
|
|
2
|
-
declare const EditComponent: ({ rowData, rowIndex, handleAdd, handleCancel }: any) => import("react").JSX.Element;
|
|
2
|
+
declare const EditComponent: ({ rowData, rowIndex, handleAdd, handleCancel }: any) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default EditComponent;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const RenderNlpInput: ({ handelChangeNlp, handleNlpSelect, nlpList, rowIndex, optionZIndex, rowData, }: any) => import("react").JSX.Element;
|
|
1
|
+
declare const RenderNlpInput: ({ handelChangeNlp, handleNlpSelect, nlpList, rowIndex, optionZIndex, rowData, }: any) => import("react/jsx-runtime").JSX.Element;
|
|
2
2
|
export default RenderNlpInput;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import './StepInnerTable.scss';
|
|
2
2
|
import { StepInnerTableProp } from './Types';
|
|
3
|
-
declare const StepInnerTable: ({ data, columns, headerType, withCheckbox, onSelect, withFixedHeader, borderWithRadius, noDataContent, height, className, tableBodyRowClass, headerTextColor, tableDataTextColor, draggable, onDragEnd, loadMore, editMode, editComponent, NlpComponent, AddNlp, handleDragStart, tableType, viewModeId, ViewComponent, handleClick, selectedRows, handleStepGroupExpand, isStepGroupExpanded, stepPartialSelect, isViewPrivilegeMode, isClientSide, highlightKey, onHighlightComplete, }: StepInnerTableProp) => import("react").JSX.Element;
|
|
3
|
+
declare const StepInnerTable: ({ data, columns, headerType, withCheckbox, onSelect, withFixedHeader, borderWithRadius, noDataContent, height, className, tableBodyRowClass, headerTextColor, tableDataTextColor, draggable, onDragEnd, loadMore, editMode, editComponent, NlpComponent, AddNlp, handleDragStart, tableType, viewModeId, ViewComponent, handleClick, selectedRows, handleStepGroupExpand, isStepGroupExpanded, stepPartialSelect, isViewPrivilegeMode, isClientSide, highlightKey, onHighlightComplete, }: StepInnerTableProp) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export default StepInnerTable;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import '../StepLandingTable.scss';
|
|
2
|
-
declare const StepsTitle: ({ isHeaderRequired, isViewPrivilegeMode, onAccordionClick, isBulkEnable, showActionCell, handleMainCheckbox, isAllSelected, isPartialSelected, tableMeta, title, totalRows, expanded, actionCell, row, metaData, isClientSide, isMaximize, }: any) => import("react").JSX.Element;
|
|
2
|
+
declare const StepsTitle: ({ isHeaderRequired, isViewPrivilegeMode, onAccordionClick, isBulkEnable, showActionCell, handleMainCheckbox, isAllSelected, isPartialSelected, tableMeta, title, totalRows, expanded, actionCell, row, metaData, isClientSide, isMaximize, }: any) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default StepsTitle;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import './Table.scss';
|
|
2
|
-
declare const EditComponent: ({ rowData, rowIndex, handleSave, handleCancel, }: any) => import("react").JSX.Element;
|
|
2
|
+
declare const EditComponent: ({ rowData, rowIndex, handleSave, handleCancel, }: any) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default EditComponent;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useState } from 'react';
|
|
3
|
-
import '
|
|
3
|
+
import Button from '../Button';
|
|
4
4
|
import Typography from '../Typography';
|
|
5
5
|
import Select from '../Select';
|
|
6
|
-
import
|
|
7
|
-
import
|
|
6
|
+
import Form from '../Form/Forms';
|
|
7
|
+
import './Table.scss';
|
|
8
8
|
const ifFailedOptionList = [
|
|
9
9
|
{
|
|
10
10
|
label: 'Mark this script as Failed and continue dependant script execution',
|
|
@@ -32,15 +32,15 @@ const EditComponent = ({ rowData, rowIndex, handleSave, handleCancel, }) => {
|
|
|
32
32
|
const [initialFormState] = useState({
|
|
33
33
|
ifFailed: '',
|
|
34
34
|
});
|
|
35
|
-
return (_jsxs("section", { className:
|
|
36
|
-
return (_jsxs("div", { className:
|
|
35
|
+
return (_jsxs("section", { className: 'edit_depends_on_script', children: [_jsxs("header", { className: 'edit_depends_on_script__header', children: [_jsx("div", { children: _jsxs(Typography, { color: "var(--nlp-option-color)", lineHeight: "18px", children: [rowIndex, ".", rowData?.name] }) }), _jsx("div", { className: 'edit_depends_on_script__header__link', children: _jsx(Typography, { children: "Go to script", color: "var(--nlp-color)", fontWeight: "semi-bold" }) })] }), _jsx(Form, { onSubmit: handleSave, defaultValues: initialFormState, children: ({ register, setValue, formState: { errors }, watch, trigger }) => {
|
|
36
|
+
return (_jsxs("div", { className: 'edit_depends_on_script__form', children: [_jsx(Select, { label: "if Failed", optionsList: ifFailedOptionList, ...register('ifFailed'), onChange: (option) => {
|
|
37
37
|
setValue('ifFailed', option.label);
|
|
38
38
|
}, errorMsg: errors.ifFailed?.message, optionZIndex: 9999, selectedOption: {
|
|
39
39
|
label: watch('ifFailed'),
|
|
40
40
|
value: watch('ifFailed'),
|
|
41
41
|
}, onBlur: () => {
|
|
42
42
|
trigger('ifFailed');
|
|
43
|
-
} }), _jsxs("div", { className:
|
|
43
|
+
} }), _jsxs("div", { className: 'edit_depends_on_script__form__button', children: [_jsx(Button, { variant: "tertiary", children: "Cancel", onClick: handleCancel }), _jsx(Button, { variant: "primary", type: "submit", children: "Update" })] })] }));
|
|
44
44
|
} })] }));
|
|
45
45
|
};
|
|
46
46
|
export default EditComponent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditComponent.js","sourceRoot":"","sources":["../../../src/components/Table/EditComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"EditComponent.js","sourceRoot":"","sources":["../../../src/components/Table/EditComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,IAAI,MAAM,eAAe,CAAC;AACjC,OAAO,cAAc,CAAC;AAGtB,MAAM,kBAAkB,GAAG;IACzB;QACE,KAAK,EAAE,oEAAoE;QAC3E,KAAK,EAAE,oEAAoE;KAC5E;IACD;QACE,KAAK,EACH,qEAAqE;QACvE,KAAK,EACH,qEAAqE;KACxE;IACD;QACE,KAAK,EAAE,gEAAgE;QACvE,KAAK,EAAE,gEAAgE;KACxE;IACD;QACE,KAAK,EAAE,8DAA8D;QACrE,KAAK,EAAE,8DAA8D;KACtE;IACD;QACE,KAAK,EAAE,wDAAwD;QAC/D,KAAK,EAAE,wDAAwD;KAChE;CACF,CAAC;AACF,gBAAgB;AAChB,MAAM,aAAa,GAAG,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,UAAU,EACV,YAAY,GACR,EAAE,EAAE;IACR,MAAM,CAAC,gBAAgB,CAAC,GAAG,QAAQ,CAAa;QAC9C,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC;IAEH,OAAO,CACL,mBAAS,SAAS,EAAE,wBAAwB,aAC1C,kBAAQ,SAAS,EAAE,gCAAgC,aACjD,wBACE,MAAC,UAAU,IAAC,KAAK,EAAC,yBAAyB,EAAC,UAAU,EAAC,MAAM,aAC1D,QAAQ,OAAG,OAAO,EAAE,IAAI,IACd,GACT,EACN,cAAK,SAAS,EAAE,sCAAsC,YACpD,KAAC,UAAU,IACT,QAAQ,EAAC,cAAc,EACvB,KAAK,EAAC,kBAAkB,EACxB,UAAU,EAAC,WAAW,GACtB,GACE,IACC,EACT,KAAC,IAAI,IAAa,QAAQ,EAAE,UAAU,EAAE,aAAa,EAAE,gBAAgB,YACpE,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE;oBACjE,OAAO,CACL,eAAK,SAAS,EAAE,8BAA8B,aAC5C,KAAC,MAAM,IACL,KAAK,EAAC,WAAW,EACjB,WAAW,EAAE,kBAAkB,KAC3B,QAAQ,CAAC,UAAU,CAAC,EACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE;oCACnB,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;gCACrC,CAAC,EACD,QAAQ,EAAE,MAAM,CAAC,QAAQ,EAAE,OAAO,EAClC,YAAY,EAAE,IAAI,EAClB,cAAc,EAAE;oCACd,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;oCACxB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC;iCACzB,EACD,MAAM,EAAE,GAAG,EAAE;oCACX,OAAO,CAAC,UAAU,CAAC,CAAC;gCACtB,CAAC,GACD,EACF,eAAK,SAAS,EAAE,sCAAsC,aACpD,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAE,YAAY,GACrB,EACF,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,IAAI,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,GAAG,IACxD,IACF,CACP,CAAC;gBACJ,CAAC,GACI,IACC,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -3,7 +3,7 @@ import './Table.scss';
|
|
|
3
3
|
import Icon from '../Icon';
|
|
4
4
|
import Typography from '../Typography';
|
|
5
5
|
const NoDataContent = () => {
|
|
6
|
-
return (_jsxs("div", { className: "
|
|
6
|
+
return (_jsxs("div", { className: "no_data_message", children: [_jsx(Icon, { name: "no_license_found", width: 120, height: 115 }), _jsx(Typography, { fontSize: "24px", lineHeight: "36px", fontWeight: "bold", children: "No Results Found" })] }));
|
|
7
7
|
};
|
|
8
8
|
export default NoDataContent;
|
|
9
9
|
//# sourceMappingURL=NoDataContent.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoDataContent.js","sourceRoot":"","sources":["../../../src/components/Table/NoDataContent.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"NoDataContent.js","sourceRoot":"","sources":["../../../src/components/Table/NoDataContent.tsx"],"names":[],"mappings":";AACA,OAAO,cAAc,CAAC;AACtB,OAAO,IAAI,MAAM,SAAS,CAAC;AAC3B,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,aAAa,GAAO,GAAG,EAAE;IAC7B,OAAO,CACL,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,IAAI,IAAC,IAAI,EAAC,kBAAkB,EAAC,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAI,EACzD,KAAC,UAAU,IAAC,QAAQ,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,EAAC,UAAU,EAAC,MAAM,iCAElD,IACT,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|