pixel-react 1.8.6 → 1.8.7

package/lib/index.js

@@ -1019,7 +1019,6 @@ const Typography = ({
   });
 };
 
-const areEqual$2 = (prevProps, nextProps) => prevProps.selectedFile?.name === nextProps.selectedFile?.name;
 const Button$1 = /*#__PURE__*/React.forwardRef(({
   variant = 'primary',
   backgroundColor,
@@ -1079,7 +1078,6 @@ const Button$1 = /*#__PURE__*/React.forwardRef(({
     }), iconPosition === 'right' && renderIcon()]
   });
 });
-var Button$2 = /*#__PURE__*/React.memo(Button$1, areEqual$2);
 
 var css_248z$1f = ".fontXs {\n  font-family: \"Poppins\";\n  font-size: 10px;\n}\n\n.fontSm, .ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n  font-family: \"Poppins\";\n  font-size: 12px;\n}\n\n.fontMd {\n  font-family: \"Poppins\";\n  font-size: 14px;\n}\n\n.fontLg {\n  font-family: \"Poppins\";\n  font-size: 16px;\n}\n\n.fontXL {\n  font-family: \"Poppins\";\n  font-size: 18px;\n}\n\n.font2Xl {\n  font-family: \"Poppins\";\n  font-size: 24px;\n}\n\n.font-size-8 {\n  font-family: \"Poppins\";\n  font-size: 8px;\n}\n\n.font-size-20 {\n  font-family: \"Poppins\";\n  font-size: 20px;\n}\n\n.font-size-32 {\n  font-family: \"Poppins\";\n  font-size: 32px;\n}\n\n.font-size-80 {\n  font-family: \"Poppins\";\n  font-size: 80px;\n}\n\n.ff-drawer-container .ff-overlay {\n  position: fixed;\n  inset: 0;\n  background-color: var(--drawer-title-color);\n  opacity: 0.5;\n  z-index: 999;\n}\n.ff-drawer-container .child-drawer-overlay {\n  z-index: 999;\n}\n.ff-drawer-container .ff-drawer {\n  margin-bottom: 4px;\n  position: fixed;\n  right: 0;\n  bottom: 0;\n  top: 87px;\n  background-color: var(--primary-button-text-color);\n  z-index: 999;\n  transform: translateX(100%);\n  opacity: 0;\n}\n.ff-drawer-container .ff-drawer--open {\n  transform: translateX(0);\n  opacity: 1;\n}\n.ff-drawer-container .ff-drawer--small {\n  width: 444px;\n}\n.ff-drawer-container .ff-drawer--medium {\n  width: 666px;\n}\n.ff-drawer-container .ff-drawer--large {\n  width: 888px;\n}\n.ff-drawer-container .ff-drawer--x-large {\n  width: calc(100vw - 10px);\n}\n.ff-drawer-container .ff-drawer--open, .ff-drawer-container .ff-drawer--medium, .ff-drawer-container .ff-drawer--large, .ff-drawer-container .ff-drawer--x-large {\n  transition: all 0.4s ease-in-out;\n  border-radius: 5px;\n  border: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header {\n  padding: 4px 8px 4px 8px;\n  display: flex;\n  gap: 10px;\n  border-bottom: 1px solid var(--border-color);\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-title {\n  font-weight: 600;\n  color: var(--drawer-title-color);\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-close-icon {\n  height: 16px;\n  width: 16px;\n  border-radius: 4px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 8px;\n  height: 24px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button {\n  display: flex;\n  align-items: center;\n  gap: 5px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-expand-collapse-button {\n  cursor: pointer;\n  background-color: var(--button-bg-color);\n  outline: none;\n  border: none;\n  margin: 0;\n  border: 1px solid transparent;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-header .ff-drawer-action-section .ff-action-button .ff-custom-header {\n  background-color: var(--drawer-footer-bg);\n  width: 100%;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-body {\n  background-color: var(--drawer-footer-bg);\n  overflow-y: auto;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  padding: 4px 8px 4px 8px;\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid var(--drawer-footer-border);\n  z-index: 1000;\n  background-color: var(--base-bg-color);\n  transform: translateY(3px);\n  border-radius: 0 0 4px 4px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .button-container {\n  display: flex;\n  justify-content: flex-end;\n  gap: 8px;\n}\n.ff-drawer-container .ff-drawer .ff-drawer-footer .ff-custom-footer {\n  background-color: var(--drawer-footer-bg);\n  width: 100%;\n  border-radius: 0 0 8px 8px;\n}";
 styleInject(css_248z$1f);
@@ -1266,17 +1264,17 @@ const Drawer = ({
         children: customFooter || footerContent || jsxRuntime.jsxs(jsxRuntime.Fragment, {
           children: [jsxRuntime.jsxs("div", {
             className: "button-container",
-            children: [leftSecondaryButtonProps.label && jsxRuntime.jsx(Button$2, {
+            children: [leftSecondaryButtonProps.label && jsxRuntime.jsx(Button$1, {
               ...leftSecondaryButtonProps,
               onClick: leftPrimaryButtonProps.onClick,
               variant: "secondary",
               transparentBackground: true
-            }), leftPrimaryButtonProps.label && jsxRuntime.jsx(Button$2, {
+            }), leftPrimaryButtonProps.label && jsxRuntime.jsx(Button$1, {
               ...leftPrimaryButtonProps,
               onClick: leftPrimaryButtonProps.onClick,
               variant: "primary",
               transparentBackground: true
-            }), leftTertiaryButtonProps?.label && jsxRuntime.jsx(Button$2, {
+            }), leftTertiaryButtonProps?.label && jsxRuntime.jsx(Button$1, {
               ...leftTertiaryButtonProps,
               onClick: leftTertiaryButtonProps.onClick,
               variant: "tertiary",
@@ -1284,17 +1282,17 @@ const Drawer = ({
             })]
           }), jsxRuntime.jsxs("div", {
             className: "button-container",
-            children: [rightTertiaryButtonProps?.label && jsxRuntime.jsx(Button$2, {
+            children: [rightTertiaryButtonProps?.label && jsxRuntime.jsx(Button$1, {
               ...rightTertiaryButtonProps,
               onClick: rightTertiaryButtonProps.onClick,
               variant: "tertiary",
               transparentBackground: true
-            }), secondaryButtonProps.label && jsxRuntime.jsx(Button$2, {
+            }), secondaryButtonProps.label && jsxRuntime.jsx(Button$1, {
               ...secondaryButtonProps,
               onClick: onCancel,
               variant: "secondary",
               transparentBackground: true
-            }), primaryButtonProps.label && jsxRuntime.jsx(Button$2, {
+            }), primaryButtonProps.label && jsxRuntime.jsx(Button$1, {
               ...primaryButtonProps,
               onClick: primaryButtonProps.onClick,
               variant: "primary",
@@ -1758,7 +1756,7 @@ const Dropdown$2 = /*#__PURE__*/React.forwardRef(({
       })
     }), withSelectButton && filteredOptions.length > 0 && jsxRuntime.jsx("div", {
       className: "select-button-container",
-      children: jsxRuntime.jsx(Button$2, {
+      children: jsxRuntime.jsx(Button$1, {
         label: "Select",
         variant: "tertiary",
         onClick: onSelectClick
@@ -2220,11 +2218,11 @@ const Toaster = ({
             children: toastMessage
           }), variant === 'confirm' && jsxRuntime.jsxs("div", {
             className: "ff-toaster-content__prompt",
-            children: [jsxRuntime.jsx(Button$2, {
+            children: [jsxRuntime.jsx(Button$1, {
               onClick: handleClose,
               variant: "secondary",
               children: "Cancel"
-            }), jsxRuntime.jsx(Button$2, {
+            }), jsxRuntime.jsx(Button$1, {
               onClick: onConfirmation,
               variant: "delete",
               children: confirmationText
@@ -4343,7 +4341,7 @@ const Dropzone = ({
             selectedValue: selectedRadioOption?.value,
             onChange: handleOptionChange
           })]
-        }) : jsxRuntime.jsx(Button$2, {
+        }) : jsxRuntime.jsx(Button$1, {
           variant: "primary",
           label: buttonLabel,
           className: 'choose-file-btn',
@@ -6425,7 +6423,7 @@ var _excluded$1 = ["style"],
 // It knows to compare individual style props and ignore the wrapper object.
 // See https://reactjs.org/docs/react-api.html#reactmemo
 
-function areEqual$1(prevProps, nextProps) {
+function areEqual(prevProps, nextProps) {
   var prevStyle = prevProps.style,
     prevRest = _objectWithoutPropertiesLoose$3(prevProps, _excluded$1);
   var nextStyle = nextProps.style,
@@ -6437,7 +6435,7 @@ function areEqual$1(prevProps, nextProps) {
 // See https://reactjs.org/docs/react-component.html#shouldcomponentupdate
 
 function shouldComponentUpdate(nextProps, nextState) {
-  return !areEqual$1(this.props, nextProps) || shallowDiffers(this.state, nextState);
+  return !areEqual(this.props, nextProps) || shallowDiffers(this.state, nextState);
 }
 
 var LazyLoad = /*#__PURE__*/Object.freeze({
@@ -6446,7 +6444,7 @@ var LazyLoad = /*#__PURE__*/Object.freeze({
   FixedSizeList: FixedSizeList,
   VariableSizeGrid: VariableSizeGrid,
   VariableSizeList: VariableSizeList,
-  areEqual: areEqual$1,
+  areEqual: areEqual,
   shouldComponentUpdate: shouldComponentUpdate
 });
 
@@ -9546,12 +9544,12 @@ const MiniModal = /*#__PURE__*/React.forwardRef(({
           children: footerContent
         }) : isIconModel ? jsxRuntime.jsx(jsxRuntime.Fragment, {}) : jsxRuntime.jsxs("footer", {
           className: "modal-footer",
-          children: [jsxRuntime.jsx(Button$2, {
+          children: [jsxRuntime.jsx(Button$1, {
             variant: "primary",
             className: "btn-cancel",
             onClick: cancelButtonProps?.onClick,
             label: cancelButtonProps?.text
-          }), jsxRuntime.jsx(Button$2, {
+          }), jsxRuntime.jsx(Button$1, {
             variant: "secondary",
             className: "btn-proceed",
             label: proceedButtonProps?.text,
@@ -21055,12 +21053,12 @@ const CustomDatePicker = ({
         })]
       }), !dateOnly && jsxRuntime.jsxs("div", {
         className: "ff-date-picker-controls",
-        children: [jsxRuntime.jsx(Button$2, {
+        children: [jsxRuntime.jsx(Button$1, {
           className: "ff-date-picker-button",
           variant: "secondary",
           onClick: handleCancel,
           label: "Cancel"
-        }), jsxRuntime.jsx(Button$2, {
+        }), jsxRuntime.jsx(Button$1, {
           className: "ff-date-picker-button",
           variant: "primary",
           onClick: handleSave,
@@ -29868,7 +29866,7 @@ const Branches = ({
           })]
         }) : jsxRuntime.jsx("div", {
           className: "ff-connecting-branch-browser-button",
-          children: jsxRuntime.jsx(Button$2, {
+          children: jsxRuntime.jsx(Button$1, {
             id: `ff-sequential-branch-add-${machineInstanceId}`,
             variant: "tertiary",
             label: addInstanceLabel,
@@ -30032,7 +30030,7 @@ const SequentialConnectingBranch = ({
                 className: "ff-branch-arrow"
               })
             }), isMachineInstances && jsxRuntime.jsx(jsxRuntime.Fragment, {
-              children: jsxRuntime.jsx(Button$2, {
+              children: jsxRuntime.jsx(Button$1, {
                 variant: "tertiary",
                 label: "Add Environment",
                 size: "small",
@@ -30158,7 +30156,7 @@ const AttachmentButton = ({
       fontWeight: "semi-bold",
       lineHeight: '18px',
       children: label
-    }), (!showSelectedFiles || selectedFiles.length === 0) && jsxRuntime.jsx(Button$2, {
+    }), (!showSelectedFiles || selectedFiles.length === 0) && jsxRuntime.jsx(Button$1, {
       variant: buttonVariant,
       label: buttonLabel,
       size: "medium",
@@ -37538,11 +37536,11 @@ const CreateVariableSlider = ({
   const FooterContent = () => {
     return jsxRuntime.jsxs("div", {
       className: "ff-create-slider-footer",
-      children: [jsxRuntime.jsx(Button$2, {
+      children: [jsxRuntime.jsx(Button$1, {
         onClick: onClose,
         label: "Cancel",
         variant: "tertiary"
-      }), jsxRuntime.jsx(Button$2, {
+      }), jsxRuntime.jsx(Button$1, {
         variant: "primary",
         label: "create",
         type: "submit",
@@ -37801,7 +37799,6 @@ const ProgressBar = ({
   });
 };
 
-const areEqual = (prevProps, nextProps) => prevProps.selectedFile?.name === nextProps.selectedFile?.name;
 const ChooseFile = ({
   variant = 'primary',
   size = 'small',
@@ -37818,7 +37815,7 @@ const ChooseFile = ({
   handleCloseIcon
 }) => {
   return jsxRuntime.jsx("div", {
-    children: jsxRuntime.jsx(Button$2, {
+    children: jsxRuntime.jsx(Button$1, {
       variant: variant,
       label: label,
       type: type,
@@ -37836,7 +37833,6 @@ const ChooseFile = ({
     })
   });
 };
-var ChooseFile$1 = /*#__PURE__*/React.memo(ChooseFile, areEqual);
 
 var css_248z$8 = "/* Container Styling */\n.ff-script-switch-container {\n  display: flex;\n  background-color: var(--base-bg-color);\n  height: 24px;\n  width: 48px;\n  border-radius: 6px;\n  border: 1px solid var(--border-color);\n  align-items: center;\n  justify-content: center;\n  /* Button Styling */\n  /* Active Button */\n}\n.ff-script-switch-container .ff-script-switch-button {\n  padding: 0.1px;\n  border: none;\n  border-radius: 4px;\n  cursor: pointer;\n  outline: none;\n  transition: all 0.3s ease;\n  /* Button Hover Effect */\n}\n.ff-script-switch-container .ff-script-switch-button:hover {\n  background-color: var(--hover-color);\n  color: var(--brand-color);\n}\n.ff-script-switch-container .ff-script-switch-button.active {\n  background-color: var(--ff-line-number-bg);\n  color: var(--base-bg-color);\n}";
 styleInject(css_248z$8);
@@ -51231,11 +51227,11 @@ const PopUpModal = ({
         })]
       }), jsxRuntime.jsxs("div", {
         className: 'warning_modal_footer_button',
-        children: [jsxRuntime.jsx(Button$2, {
+        children: [jsxRuntime.jsx(Button$1, {
           variant: "secondary",
           label: firstButtonLabel,
           onClick: onClose
-        }), jsxRuntime.jsx(Button$2, {
+        }), jsxRuntime.jsx(Button$1, {
           variant: buttonVariant || 'warning',
           label: secondButtonLabel,
           onClick: onContinue
@@ -53396,12 +53392,12 @@ exports.Avatar = Avatar;
 exports.BASE64_REGEX = BASE64_REGEX;
 exports.BINARY_NUMBER_REGEX = BINARY_NUMBER_REGEX;
 exports.BarChart = BarChart;
-exports.Button = Button$2;
+exports.Button = Button$1;
 exports.CREDIT_CARD_REGEX = CREDIT_CARD_REGEX;
 exports.CURRENCY_GENERIC_REGEX = CURRENCY_GENERIC_REGEX;
 exports.Checkbox = Checkbox;
 exports.Chip = Chip;
-exports.ChooseFile = ChooseFile$1;
+exports.ChooseFile = ChooseFile;
 exports.Col = Col;
 exports.Comments = Comments;
 exports.ConditionalDropdown = ConditionalDropdown;