pixel-react 1.15.1 → 1.15.3

package/lib/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.js

@@ -7,6 +7,7 @@ import Input from '../Input/Input.js';
 import OptionsDropdown from './OptionsDropdown.js';
 import Tooltip from '../Tooltip/Tooltip.js';
 import Typography from '../Typography/Typography.js';
+import classNames from '../../_virtual/index.js';
 
 const VariableSuggestionInputDropDown = /*#__PURE__*/forwardRef(({
   label = '',
@@ -39,6 +40,14 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/forwardRef(({
   inputTitle = '',
   onBlur,
   helperTextWidth,
+  iconProps = {
+    isShowIcon: false,
+    iconName: '',
+    iconToolTipTitle: '',
+    isIconDisable: false,
+    iconColor: '',
+    onIconClick: () => {}
+  },
   ...props
 }, ref) => {
   const [showDropdown, setShowDropdown] = useState(false);
@@ -51,6 +60,7 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/forwardRef(({
   const inputRef = useRef(null);
   const containerRef = useRef(null);
   const [dropdownWidthPx, setDropdownWidthPx] = useState('auto');
+  const showIcon = iconProps?.isShowIcon;
   useEffect(() => {
     const inputContainer = containerRef.current?.querySelector('.ff-input-container');
     if (!inputContainer) return;
@@ -212,7 +222,9 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/forwardRef(({
           name: "add_variable",
           ref: inputRef,
           type: type,
-          className: "ff-variable-input-container",
+          className: classNames('ff-variable-input-container', {
+            'ff-variable-input-container--show-icon': showIcon
+          }),
           value: value,
           onChange: onChange,
           onPaste: () => {
@@ -245,7 +257,9 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/forwardRef(({
           })
         })]
       }), !checkEmpty(value) && !isOnlyHash && jsx("div", {
-        className: "ff-cancel-icon-container",
+        className: classNames('ff-cancel-icon-container', {
+          'ff-cancel-icon-container--show-icon': showIcon
+        }),
         children: clearIcon && jsx(Tooltip, {
           title: "Cancel",
           style: {
@@ -259,6 +273,25 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/forwardRef(({
             hoverEffect: true
           })
         })
+      }), showIcon && jsx("div", {
+        className: "ff-info-icon-container",
+        children: jsx(Tooltip, {
+          title: showIcon && !iconProps?.isIconDisable ? iconProps?.iconToolTipTitle : '',
+          children: jsx(Icon, {
+            name: iconProps?.iconName || '',
+            hoverEffect: false,
+            height: 16,
+            width: 16,
+            color: iconProps?.iconColor || 'var(--text-area-default-color)',
+            onClick: e => {
+              if (iconProps?.onIconClick) {
+                iconProps?.onIconClick(e);
+              }
+            },
+            disabled: iconProps?.isIconDisable,
+            cursorType: "pointer"
+          })
+        })
       })]
     }), result?.showDropdown && isFocused && jsx(VariableDropdown, {
       position: "absolute",

package/lib/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"VariableSuggestionInputDropDown.js","sources":["../../../src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.tsx"],"sourcesContent":[null],"names":["VariableSuggestionInputDropDown","forwardRef","label","hashInputValue","setHashInputValue","variableList","placeholder","onChange","onPaste","onCreateVariableClick","handleClearInput","value","dropdownWidth","dropdownHeight","isHash","isOnlyHash","dataFiles","showAddVariableIcon","helperText","error","autoComplete","required","zIndex","truncateTextValue","formProps","getSelectedVariable","symbol","type","clearIcon","inputTitle","onBlur","helperTextWidth","props","ref","showDropdown","setShowDropdown","useState","isDropdownClicked","setIsDropdownClicked","isFocused","setIsFocused","cursorPosition","setCursorPosition","findCursor","setFindCursor","showCreateVariableIcon","setShowCreateVariableIcon","filteredOptions","setFilteredOptions","inputRef","useRef","containerRef","dropdownWidthPx","setDropdownWidthPx","useEffect","inputContainer","current","querySelector","resizeObserver","ResizeObserver","entries","entry","width","contentRect","observe","disconnect","useImperativeHandle","setSelectionRange","focus","startsWith","selectedHashValue","find","file","name","selectedDollarValue","searchQuery","slice","toLowerCase","filtered","filter","includes","isHashSelected","isDollarSelected","additionalText","length","hasTextWithoutVariable","updateCursorPosition","selectionStart","handleClick","handleKeyUp","handleDropdownClick","item","selectionEnd","dollarSyntax","newValue","event","target","getDropdownState","input","cursorPosit","searchString","checkifCursorPositionhasCloseCurly","lastDollarBeforeCursor","lastIndexOf","nextDollarAfterCursor","indexOf","undefined","test","isInVariableList","some","result","handleBlur","e","relatedTarget","closest","variableOptionList","_jsxs","className","children","Tooltip","title","style","_jsx","Input","variant","onClick","onKeyUp","onFocus","checkEmpty","Typography","fontWeight","fontSize","color","Icon","height","hoverEffect","VariableDropdown","position","optionsList","onSelectVariable","OptionsDropdown"],"mappings":"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"}
+{"version":3,"file":"VariableSuggestionInputDropDown.js","sources":["../../../src/components/variableSuggestionInputDropDown/VariableSuggestionInputDropDown.tsx"],"sourcesContent":[null],"names":["VariableSuggestionInputDropDown","forwardRef","label","hashInputValue","setHashInputValue","variableList","placeholder","onChange","onPaste","onCreateVariableClick","handleClearInput","value","dropdownWidth","dropdownHeight","isHash","isOnlyHash","dataFiles","showAddVariableIcon","helperText","error","autoComplete","required","zIndex","truncateTextValue","formProps","getSelectedVariable","symbol","type","clearIcon","inputTitle","onBlur","helperTextWidth","iconProps","isShowIcon","iconName","iconToolTipTitle","isIconDisable","iconColor","onIconClick","props","ref","showDropdown","setShowDropdown","useState","isDropdownClicked","setIsDropdownClicked","isFocused","setIsFocused","cursorPosition","setCursorPosition","findCursor","setFindCursor","showCreateVariableIcon","setShowCreateVariableIcon","filteredOptions","setFilteredOptions","inputRef","useRef","containerRef","dropdownWidthPx","setDropdownWidthPx","showIcon","useEffect","inputContainer","current","querySelector","resizeObserver","ResizeObserver","entries","entry","width","contentRect","observe","disconnect","useImperativeHandle","setSelectionRange","focus","startsWith","selectedHashValue","find","file","name","selectedDollarValue","searchQuery","slice","toLowerCase","filtered","filter","includes","isHashSelected","isDollarSelected","additionalText","length","hasTextWithoutVariable","updateCursorPosition","selectionStart","handleClick","handleKeyUp","handleDropdownClick","item","selectionEnd","dollarSyntax","newValue","event","target","getDropdownState","input","cursorPosit","searchString","checkifCursorPositionhasCloseCurly","lastDollarBeforeCursor","lastIndexOf","nextDollarAfterCursor","indexOf","undefined","test","isInVariableList","some","result","handleBlur","e","relatedTarget","closest","variableOptionList","_jsxs","className","children","Tooltip","title","style","_jsx","Input","classNames","variant","onClick","onKeyUp","onFocus","checkEmpty","Typography","fontWeight","fontSize","color","Icon","height","hoverEffect","disabled","cursorType","VariableDropdown","position","optionsList","onSelectVariable","OptionsDropdown"],"mappings":"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"}

package/lib/components/variableSuggestionInputDropDown/types.d.ts

@@ -148,6 +148,29 @@ export interface VariableSuggestionInputDropDownProps {
      */
     inputTitle?: string;
     helperTextWidth?: number | string;
+    iconProps?: {
+        /**
+         * Flag to determine if icon should be shown
+         */
+        isShowIcon?: boolean;
+        /**
+         * Function triggered when icon is clicked
+         */
+        onIconClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+        /**
+         * Name of the icon to display
+         */
+        iconName?: string;
+        /**
+         * Tooltip title shown when hovering over icon
+         */
+        iconToolTipTitle?: string;
+        /**
+         * Flag to disable the icon
+         */
+        isIconDisable?: boolean;
+        iconColor?: string;
+    };
 }
 export interface OptionsDropdownProps {
     /**

package/lib/index.cjs

@@ -3434,7 +3434,7 @@ const Checkbox = ({
         color: "var(--primary-icon-color)",
         className: "ff-tick-icon"
       })
-    }), jsxRuntime.jsx(Typography, {
+    }), label && jsxRuntime.jsx(Typography, {
       as: "span",
       fontSize: labelFontSize,
       children: label
@@ -4746,20 +4746,26 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
   background,
   helperTextWidth,
   fixedLabel = false,
-  isShowIcon = false,
-  onIconClick,
-  iconName = '',
-  iconToolTipTitle,
-  isIconDisable = false,
+  iconProps = {
+    isShowIcon: false,
+    iconName: '',
+    iconToolTipTitle: '',
+    isIconDisable: false,
+    isClearIcon: false,
+    iconColor: '',
+    onIconClick: () => {}
+  },
   ...props
 }, ref) => {
-  const isValueFilled = !checkEmpty(value) || type === 'password' && value?.length > 0;
+  const isValueFilled = !checkEmpty(value) || type === 'password' && value?.length > 0 || value !== '';
   const isTypeNumber = type === 'number';
   const numericMin = minValue !== undefined ? parseInt(minValue, 10) || 0 : 0;
   const numericMax = maxValue !== undefined ? parseInt(maxValue, 10) || Infinity : Infinity;
   const [internalValue, setInternalValue] = React.useState(value);
   const [touched, setTouched] = React.useState(false);
   const [isFocused, setIsFocused] = React.useState(false);
+  const clearIcon = iconProps?.isClearIcon;
+  const showIcon = iconProps?.isShowIcon;
   React.useEffect(() => {
     if (value !== internalValue) {
       setInternalValue(value);
@@ -4867,6 +4873,22 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
       }
     }
   };
+  const handleClearValue = () => {
+    setInternalValue('');
+    if (onChange) {
+      const syntheticEvent = {
+        target: {
+          value: '',
+          name
+        },
+        currentTarget: {
+          value: '',
+          name
+        }
+      };
+      onChange(syntheticEvent);
+    }
+  };
   return jsxRuntime.jsx("fieldset", {
     className: classNames('ff-input-fieldset', {
       'ff-input-fieldset--disabled': disabled
@@ -4913,7 +4935,9 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
           'ff-input--number': isTypeNumber,
           'ff-input--focused': isFocused,
           'ff-input--isSearchIcon': showSearchIcon,
-          'ff-input--isShowIcon': isShowIcon
+          'ff-input--isShowIcon': showIcon,
+          'ff-input--isClearIcon': clearIcon && showIcon,
+          'ff-input--isOnly-clear-icon': !showIcon && clearIcon
         }, `${className}`),
         placeholder: placeholder,
         disabled: disabled,
@@ -4977,27 +5001,48 @@ const Input$1 = /*#__PURE__*/React.forwardRef(({
             disabled: searchIconProps?.disabled
           })
         })
-      }), isShowIcon && !(type === 'number') && jsxRuntime.jsx("div", {
+      }), clearIcon && !(type === 'number') && !!internalValue && jsxRuntime.jsx("div", {
+        className: classNames('ff-input-clear-icon-container', {
+          ['ff-input-clear-icon-container--default']: clearIcon,
+          ['ff-input-clear-icon-container--error']: !!error,
+          ['ff-input-clear-icon-container--with-label']: (label || required) && clearIcon,
+          ['ff-input-clear-icon-container--no-label']: !label && clearIcon,
+          ['ff-input-clear-icon-container--isOnly-clear-icon']: !showIcon && clearIcon
+        }),
+        children: jsxRuntime.jsx(Tooltip, {
+          title: clearIcon ? 'Clear' : '',
+          children: jsxRuntime.jsx(Icon, {
+            name: clearIcon ? 'close' : '',
+            hoverEffect: false,
+            height: 16,
+            width: 16,
+            color: "var(--brand-color)",
+            onClick: handleClearValue,
+            disabled: iconProps?.isIconDisable,
+            cursorType: "pointer"
+          })
+        })
+      }), showIcon && !(type === 'number') && jsxRuntime.jsx("div", {
         className: classNames('ff-input-icon-container', {
-          ['ff-input-icon-container--default']: isShowIcon,
+          ['ff-input-icon-container--default']: showIcon,
           ['ff-input-icon-container--error']: !!error,
-          ['ff-input-icon-container--with-label']: (label || required) && isShowIcon,
-          ['ff-input-icon-container--no-label']: !label && isShowIcon
+          ['ff-input-icon-container--with-label']: (label || required) && showIcon,
+          ['ff-input-icon-container--no-label']: !label && showIcon
         }),
         children: jsxRuntime.jsx(Tooltip, {
-          title: isShowIcon && !isIconDisable ? iconToolTipTitle : '',
+          title: showIcon && !iconProps?.isIconDisable ? iconProps?.iconToolTipTitle : '',
           children: jsxRuntime.jsx(Icon, {
-            name: isShowIcon ? iconName : '',
+            name: iconProps?.iconName || '',
             hoverEffect: false,
             height: 16,
             width: 16,
-            color: "var(--text-area-default-color)",
+            color: iconProps?.iconColor || 'var(--text-area-default-color)',
             onClick: e => {
-              if (onIconClick) {
-                onIconClick(e);
+              if (iconProps?.onIconClick) {
+                iconProps?.onIconClick(e);
               }
             },
-            disabled: isIconDisable,
+            disabled: iconProps?.isIconDisable,
             cursorType: "pointer"
           })
         })
@@ -8077,7 +8122,7 @@ const MenuOption = ({
   options = [],
   onClick = () => {},
   onOptionClick = () => {},
-  iconButtonSize = 20,
+  iconButtonSize = 24,
   iconButtonBorderRadius = 7,
   iconSize = 16,
   variant = 'light',
@@ -13245,7 +13290,7 @@ const Table$1 = ({
                     left: isFrozen ? getColumnLeftPosition(index, columns, freezeColumns) : 'auto',
                     zIndex: isFrozen ? 999 : 'auto',
                     width: column.width ? `${column.width}px` : 'auto',
-                    padding: '7px 8px',
+                    padding: '8px 8px',
                     boxSizing: 'border-box',
                     // Remove right padding from frozen columns to prevent overlap
                     paddingRight: isFrozen ? 0 : '8px'
@@ -32693,7 +32738,7 @@ const AppHeader = ({
       setAppHeaderHiddenMenuItems([]);
       return;
     }
-    const containerWidth = isClient ? 700 : 950;
+    const containerWidth = isClient ? 700 : 890;
     let totalWidth = 0;
     const hiddenItems = [];
     const sortedMenuItems = [...appHeaderMenuItems];
@@ -50243,6 +50288,14 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
   inputTitle = '',
   onBlur,
   helperTextWidth,
+  iconProps = {
+    isShowIcon: false,
+    iconName: '',
+    iconToolTipTitle: '',
+    isIconDisable: false,
+    iconColor: '',
+    onIconClick: () => {}
+  },
   ...props
 }, ref) => {
   const [showDropdown, setShowDropdown] = React.useState(false);
@@ -50255,6 +50308,7 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
   const inputRef = React.useRef(null);
   const containerRef = React.useRef(null);
   const [dropdownWidthPx, setDropdownWidthPx] = React.useState('auto');
+  const showIcon = iconProps?.isShowIcon;
   React.useEffect(() => {
     const inputContainer = containerRef.current?.querySelector('.ff-input-container');
     if (!inputContainer) return;
@@ -50416,7 +50470,9 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
           name: "add_variable",
           ref: inputRef,
           type: type,
-          className: "ff-variable-input-container",
+          className: classNames('ff-variable-input-container', {
+            'ff-variable-input-container--show-icon': showIcon
+          }),
           value: value,
           onChange: onChange,
           onPaste: () => {
@@ -50449,7 +50505,9 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
           })
         })]
       }), !checkEmpty(value) && !isOnlyHash && jsxRuntime.jsx("div", {
-        className: "ff-cancel-icon-container",
+        className: classNames('ff-cancel-icon-container', {
+          'ff-cancel-icon-container--show-icon': showIcon
+        }),
         children: clearIcon && jsxRuntime.jsx(Tooltip, {
           title: "Cancel",
           style: {
@@ -50463,6 +50521,25 @@ const VariableSuggestionInputDropDown = /*#__PURE__*/React.forwardRef(({
             hoverEffect: true
           })
         })
+      }), showIcon && jsxRuntime.jsx("div", {
+        className: "ff-info-icon-container",
+        children: jsxRuntime.jsx(Tooltip, {
+          title: showIcon && !iconProps?.isIconDisable ? iconProps?.iconToolTipTitle : '',
+          children: jsxRuntime.jsx(Icon, {
+            name: iconProps?.iconName || '',
+            hoverEffect: false,
+            height: 16,
+            width: 16,
+            color: iconProps?.iconColor || 'var(--text-area-default-color)',
+            onClick: e => {
+              if (iconProps?.onIconClick) {
+                iconProps?.onIconClick(e);
+              }
+            },
+            disabled: iconProps?.isIconDisable,
+            cursorType: "pointer"
+          })
+        })
       })]
     }), result?.showDropdown && isFocused && jsxRuntime.jsx(VariableDropdown, {
       position: "absolute",
@@ -52485,19 +52562,24 @@ const MediaViewerModal = ({
   showControlExpand = false
 }) => {
   const videoRef = React.useRef(null);
+  const sliderRef = React.useRef(null);
   const [currentTime, setCurrentTime] = React.useState(0);
   const [duration, setDuration] = React.useState(0);
   const [isFullscreen] = React.useState(false);
+  const [isDragging, setIsDragging] = React.useState(false);
+  const [progress, setProgress] = React.useState(0);
   React.useEffect(() => {
     if (mediaType === 'video' && videoRef.current && !children) {
       isPlaying ? videoRef.current.play() : videoRef.current.pause();
     }
   }, [isPlaying, mediaType, children]);
   const handleTimeUpdate = React.useCallback(() => {
-    if (videoRef.current) {
+    if (videoRef.current && !isDragging) {
+      const current = videoRef.current.currentTime / videoRef.current.duration * 100;
+      setProgress(current || 0);
       setCurrentTime(videoRef.current.currentTime);
     }
-  }, []);
+  }, [isDragging]);
   const handleLoadedMetadata = React.useCallback(() => {
     if (videoRef.current) {
       setDuration(videoRef.current.duration);
@@ -52505,27 +52587,61 @@ const MediaViewerModal = ({
   }, []);
   const handleVideoEnd = React.useCallback(() => {
     setCurrentTime(0);
+    setProgress(0);
     onTogglePlay?.();
   }, [onTogglePlay]);
-  const formatTime = time => {
+  const formatTime = React.useCallback(time => {
     const minutes = Math.floor(time / 60);
     const seconds = Math.floor(time % 60).toString().padStart(2, '0');
     return `${minutes}:${seconds}`;
-  };
-  const handleSliderChange = React.useCallback(newTime => {
+  }, []);
+  const handleSeek = React.useCallback(newProgress => {
     if (videoRef.current) {
-      videoRef.current.currentTime = newTime;
-      setCurrentTime(newTime);
+      const seekTo = newProgress / 100 * videoRef.current.duration;
+      videoRef.current.currentTime = seekTo;
+      setProgress(newProgress);
+      setCurrentTime(seekTo);
     }
   }, []);
   const handleSliderClick = React.useCallback(e => {
-    const rect = e.currentTarget.getBoundingClientRect();
+    if (isDragging || !sliderRef.current) return;
+    const rect = sliderRef.current.getBoundingClientRect();
     const clickX = e.clientX - rect.left;
     const width = rect.width;
-    const newTime = clickX / width * duration;
-    handleSliderChange(newTime);
-  }, [duration, handleSliderChange]);
-  const progressPercentage = duration ? currentTime / duration * 100 : 0;
+    const newProgress = Math.max(0, Math.min(100, clickX / width * 100));
+    handleSeek(newProgress);
+  }, [handleSeek, isDragging]);
+  const handleMouseDown = React.useCallback(e => {
+    if (!sliderRef.current) return;
+    setIsDragging(true);
+    const rect = sliderRef.current.getBoundingClientRect();
+    const clickX = e.clientX - rect.left;
+    const width = rect.width;
+    const newProgress = Math.max(0, Math.min(100, clickX / width * 100));
+    handleSeek(newProgress);
+  }, [handleSeek]);
+  const handleMouseMove = React.useCallback(e => {
+    if (!isDragging || !sliderRef.current || !videoRef.current) return;
+    const rect = sliderRef.current.getBoundingClientRect();
+    const moveX = e.clientX - rect.left;
+    const width = rect.width;
+    const newProgress = Math.max(0, Math.min(100, moveX / width * 100));
+    handleSeek(newProgress);
+  }, [isDragging, handleSeek]);
+  const handleMouseUp = React.useCallback(() => {
+    setIsDragging(false);
+  }, []);
+  React.useEffect(() => {
+    if (isDragging) {
+      document.addEventListener('mousemove', handleMouseMove);
+      document.addEventListener('mouseup', handleMouseUp);
+      return () => {
+        document.removeEventListener('mousemove', handleMouseMove);
+        document.removeEventListener('mouseup', handleMouseUp);
+      };
+    }
+    return undefined;
+  }, [isDragging, handleMouseMove, handleMouseUp]);
   if (!isOpen) return null;
   return jsxRuntime.jsx(OverviewModal, {
     isOpen: isOpen,
@@ -52609,23 +52725,16 @@ const MediaViewerModal = ({
           children: [jsxRuntime.jsx("span", {
             className: "ff-current-time",
             children: formatTime(currentTime)
-          }), jsxRuntime.jsx("div", {
-            className: "ff-custom-slider",
+          }), jsxRuntime.jsx("input", {
+            type: "range",
+            className: "ff-seek-bar",
+            min: 0,
+            max: 100,
+            value: progress,
+            onChange: e => handleSeek(parseFloat(e.target.value)),
             onClick: handleSliderClick,
-            children: jsxRuntime.jsxs("div", {
-              className: "ff-slider-track",
-              children: [jsxRuntime.jsx("div", {
-                className: "ff-slider-progress",
-                style: {
-                  width: `${progressPercentage}%`
-                }
-              }), jsxRuntime.jsx("div", {
-                className: "ff-slider-thumb",
-                style: {
-                  left: `${progressPercentage}%`
-                }
-              })]
-            })
+            onMouseDown: handleMouseDown,
+            ref: sliderRef
           }), jsxRuntime.jsx("span", {
             className: "ff-total-time",
             children: formatTime(duration)