pixel-react-excel-sheet 1.0.31 → 1.0.33

package/src/validations/regex.ts

@@ -0,0 +1,194 @@
+// Validation Regex Collection
+
+// Email Validation
+const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+
+// URL Validation
+const URL_REGEX = /^(https?:\/\/)?([\da-z.-]+)\.([a-z.]{2,6})([\/\w.-]*)*\/?$/;
+
+// Phone Number Validation
+const PHONE_REGEX = /^\+?[\d\s\-()]{7,15}$/;
+
+// Postal Code Validation (Generic)
+const POSTAL_CODE_REGEX = /^[A-Za-z\d\s\-]{3,10}$/;
+
+// IPv4 Address Validation
+const IPV4_REGEX =
+  /^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
+
+// IPv6 Address Validation
+const IPV6_REGEX = /^(?:[a-fA-F0-9]{1,4}:){7}[a-fA-F0-9]{1,4}$/;
+
+// Hexadecimal Color Code Validation
+const HEX_COLOR_REGEX = /^#([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/;
+
+// Password Validation (At least 8 chars, one letter, one number)
+const PASSWORD_SIMPLE_REGEX = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/;
+
+// Password Validation (At least 8 chars, one uppercase, one lowercase, one number, one special character)
+const PASSWORD_COMPLEX_REGEX =
+  /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&])[A-Za-z\d@$!%*?&]{8,}$/;
+
+// Only Alphabets Validation
+const ALPHABET_ONLY_REGEX = /^[A-Za-z]+$/;
+
+// Only Numbers Validation
+const NUMBERS_ONLY_REGEX = /^\d+$/;
+
+// Alphanumeric Validation
+const ALPHANUMERIC_REGEX = /^[A-Za-z0-9]+$/;
+
+// Date Validation (YYYY-MM-DD)
+const DATE_REGEX = /^\d{4}-\d{2}-\d{2}$/;
+
+// Time Validation (HH:MM:SS)
+const TIME_REGEX = /^\d{2}:\d{2}:\d{2}$/;
+
+// File Extension Validation (e.g., .jpg, .png, .gif, .bmp)
+const FILE_EXTENSION_REGEX = /\.(jpg|png|gif|bmp)$/i;
+
+// MAC Address Validation
+const MAC_ADDRESS_REGEX = /^([0-9A-Fa-f]{2}[:-]){5}([0-9A-Fa-f]{2})$/;
+
+// Credit Card Number Validation (Basic)
+const CREDIT_CARD_REGEX = /^\d{4}-?\d{4}-?\d{4}-?\d{4}$/;
+
+// Social Security Number (SSN) Validation (US Format)
+const SSN_REGEX = /^\d{3}-\d{2}-\d{4}$/;
+
+// UUID Validation
+const UUID_REGEX =
+  /^[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i;
+
+// HTML Tags Validation
+const HTML_TAG_REGEX = /<\/?[\w\s=\"'\/\.:;#-]*>/g;
+
+// Whitespace Validation (Leading or Trailing)
+const WHITESPACE_REGEX = /^\s+|\s+$/g;
+
+// US ZIP Code Validation (5 or 9 digits)
+const US_ZIP_CODE_REGEX = /^\d{5}(-\d{4})?$/;
+
+// Username Validation (Alphanumeric, underscores, 3-16 characters)
+const USERNAME_REGEX = /^[a-zA-Z0-9_]{3,16}$/;
+
+// Indian Specific Validations
+
+// Indian Phone Number Validation
+const INDIAN_PHONE_REGEX = /^[6-9]\d{9}$/;
+
+// Indian PIN Code Validation
+const INDIAN_PIN_CODE_REGEX = /^\d{6}$/;
+
+// GSTIN Validation
+const GSTIN_REGEX = /^\d{2}[A-Z]{5}\d{4}[A-Z]{1}[A-Z\d]{1}[Z]{1}[A-Z\d]{1}$/;
+
+// PAN Card Validation
+const PAN_CARD_REGEX = /^[A-Z]{5}\d{4}[A-Z]{1}$/;
+
+// Aadhaar Number Validation
+const AADHAAR_REGEX = /^\d{12}$/;
+
+// Vehicle Registration Validation
+const VEHICLE_REGISTRATION_REGEX = /^[A-Z]{2}\d{2}[A-Z]{0,2}\d{4}$/;
+
+// Indian Currency Format Validation
+const INDIAN_CURRENCY_REGEX = /^\u20B9?\s?\d{1,3}(,\d{3})*(\.\d{1,2})?$/;
+
+// Additional Generic and Specific Validations
+
+// International Phone Number Validation
+const INTERNATIONAL_PHONE_REGEX = /^\+?[1-9]\d{1,14}$/;
+
+// Passport Number Validation (India)
+const INDIAN_PASSPORT_REGEX = /^[A-Z]{1}-?\d{7}$/;
+
+// Driving License Validation (India)
+const DRIVING_LICENSE_REGEX = /^[A-Z]{2}-\d{2}-\d{4}-\d{7}$/;
+
+// Username with Special Characters
+const USERNAME_SPECIAL_REGEX = /^[a-zA-Z0-9._-]{3,16}$/;
+
+// Decimal Number Validation
+const DECIMAL_NUMBER_REGEX = /^-?\d+(\.\d+)?$/;
+
+// HTML Attributes Validation
+const HTML_ATTRIBUTE_REGEX = /\b[a-zA-Z-]+(="[^"]*"|='[^']*'|=[^\s>]*)?/g;
+
+// RGB Color Code Validation
+const RGB_COLOR_REGEX = /^rgb\((\d{1,3}),\s*(\d{1,3}),\s*(\d{1,3})\)$/;
+
+// HSL Color Code Validation
+const HSL_COLOR_REGEX = /^hsl\((\d{1,3}),\s*(\d{1,3})%,\s*(\d{1,3})%\)$/;
+
+// Base64 String Validation
+const BASE64_REGEX =
+  /^(?:[A-Za-z0-9+\/]{4})*(?:[A-Za-z0-9+\/]{2}==|[A-Za-z0-9+\/]{3}=)?$/;
+
+// Binary Number Validation
+const BINARY_NUMBER_REGEX = /^[01]+$/;
+
+// Hexadecimal Number Validation
+const HEXADECIMAL_NUMBER_REGEX = /^[0-9A-Fa-f]+$/;
+
+// Roman Numerals Validation
+const ROMAN_NUMERALS_REGEX =
+  /^(?=[MDCLXVI])M*(C[MD]|D?C{0,3})(X[CL]|L?X{0,3})(I[XV]|V?I{0,3})$/;
+
+// Currency Validation (Generic)
+const CURRENCY_GENERIC_REGEX = /^[\u0024-\u20B9]?\d+(,\d{3})*(\.\d{1,2})?$/;
+
+// LinkedIn Profile URL Validation
+const LINKEDIN_PROFILE_REGEX =
+  /^https?:\/\/(www\.)?linkedin\.com\/in\/([a-zA-Z0-9-]{5,30})$/;
+
+// Twitter Handle Validation
+const TWITTER_HANDLE_REGEX = /^@?([a-zA-Z0-9_]{1,15})$/;
+
+export {
+  EMAIL_REGEX,
+  URL_REGEX,
+  PHONE_REGEX,
+  POSTAL_CODE_REGEX,
+  IPV4_REGEX,
+  IPV6_REGEX,
+  HEX_COLOR_REGEX,
+  PASSWORD_SIMPLE_REGEX,
+  PASSWORD_COMPLEX_REGEX,
+  ALPHABET_ONLY_REGEX,
+  NUMBERS_ONLY_REGEX,
+  ALPHANUMERIC_REGEX,
+  DATE_REGEX,
+  TIME_REGEX,
+  FILE_EXTENSION_REGEX,
+  MAC_ADDRESS_REGEX,
+  CREDIT_CARD_REGEX,
+  SSN_REGEX,
+  UUID_REGEX,
+  HTML_TAG_REGEX,
+  WHITESPACE_REGEX,
+  US_ZIP_CODE_REGEX,
+  USERNAME_REGEX,
+  INDIAN_PHONE_REGEX,
+  INDIAN_PIN_CODE_REGEX,
+  GSTIN_REGEX,
+  PAN_CARD_REGEX,
+  AADHAAR_REGEX,
+  VEHICLE_REGISTRATION_REGEX,
+  INDIAN_CURRENCY_REGEX,
+  INTERNATIONAL_PHONE_REGEX,
+  INDIAN_PASSPORT_REGEX,
+  DRIVING_LICENSE_REGEX,
+  USERNAME_SPECIAL_REGEX,
+  DECIMAL_NUMBER_REGEX,
+  HTML_ATTRIBUTE_REGEX,
+  RGB_COLOR_REGEX,
+  HSL_COLOR_REGEX,
+  BASE64_REGEX,
+  BINARY_NUMBER_REGEX,
+  HEXADECIMAL_NUMBER_REGEX,
+  ROMAN_NUMERALS_REGEX,
+  CURRENCY_GENERIC_REGEX,
+  LINKEDIN_PROFILE_REGEX,
+  TWITTER_HANDLE_REGEX,
+};

package/src/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.scss

@@ -1,51 +0,0 @@
-.ff-connecting-datalist-modal-header-wrapper,
-.ff-connecting-modal-child-wrapper {
-  width: 534px;
-  padding: 0 4px;
-}
-
-.ff-connecting-datalist-modal-header-wrapper {
-  border-bottom: 1px solid var(--ff-connecting-branch-modal-border);
-  margin-bottom: 4px;
-}
-
-.ff-connecting-modal-child-wrapper {
-  .ff-branch-select-input-wrapper {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-
-    .ff-select-browser {
-      width: 263px;
-    }
-
-    .ff-branch-input-wrapper {
-      display: flex;
-      align-items: flex-end;
-      height: 38px;
-
-      .ff-input-browser {
-        width: 245px;
-      }
-    }
-  }
-}
-
-.ff-connecting-modal-footer-wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 8px;
-  margin-top: 8px;
-  border-top: 1px solid var(--ff-connecting-branch-modal-border);
-
-  .ff-branch-toggle-wrapper,
-  .ff-datalist-button-wrapper {
-    display: flex;
-    gap: 8px;
-  }
-
-  .ff-branch-toggle-wrapper {
-    gap: 4px;
-  }
-}

package/src/components/SequentialConnectingBranch/components/AddBrowserModal/AddBrowserModal.tsx

@@ -1,107 +0,0 @@
-import { forwardRef, RefObject } from 'react';
-import MiniModal from '../../../MiniModal';
-import Typography from '../../../Typography';
-import './AddBrowserModal.scss';
-import Select from '../../../Select';
-import Button from '../../../Button';
-import Toggle from '../../../Toggle';
-import Input from '../../../Input/Input';
-import { AddBrowserModalProps } from './types';
-
-const AddBrowserModal = forwardRef<HTMLButtonElement, AddBrowserModalProps>(
-  (props, ref) => {
-    // TODO: WILL BE REMOVE IN THE FUTURE
-    const selectOptions = [
-      { label: 'Execution Environment', inputName: 'number of runs' },
-      { label: 'Browser', inputName: 'Browser Version' },
-      { label: 'Android Device', inputName: 'os version' },
-      { label: 'IOS Device', inputName: 'os version-1' },
-    ];
-
-    const renderSelectOptions = () => (
-      <div>
-        {selectOptions.map(({ label, inputName }, index) => (
-          <div className="ff-branch-select-input-wrapper" key={index}>
-            <Select
-              optionsList={[]}
-              onChange={() => {}}
-              label={label}
-              className="ff-select-browser"
-            />
-            <div className="ff-branch-input-wrapper">
-              <Input
-                value="0"
-                label="Number of Runs"
-                type="number"
-                onChange={() => {}}
-                name={inputName}
-                className="ff-input-browser"
-              />
-            </div>
-          </div>
-        ))}
-      </div>
-    );
-
-    const renderFooterContent = () => (
-      <div className="ff-connecting-modal-footer-wrapper">
-        <div className="ff-branch-toggle-wrapper">
-          <Typography as="span" lineHeight="32px">
-            Run in Headless Mode
-          </Typography>
-          <Toggle />
-        </div>
-        <div className="ff-datalist-button-wrapper">
-          <Button label="Cancel" variant="tertiary" />
-          <Button label="Update" variant="primary" />
-        </div>
-      </div>
-    );
-
-    return (
-      <div>
-        <MiniModal
-          anchorRef={ref as RefObject<HTMLButtonElement>}
-          headerProps={
-            <div className="ff-connecting-datalist-modal-header-wrapper">
-              <Typography
-                as="span"
-                color="var(--ff-connecting-branch-modal-header)"
-                fontWeight="semi-bold"
-                fontSize={12}
-                lineHeight="38px"
-              >
-                Add Browser / Device
-              </Typography>
-            </div>
-          }
-          childContent={
-            <div className="ff-connecting-modal-child-wrapper">
-              {renderSelectOptions()}
-            </div>
-          }
-          footerContent={renderFooterContent()}
-          cancelButtonProps={{
-            text: 'Cancel',
-
-            // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-            onClick: props.onUpdateAddBrowser,
-          }}
-          proceedButtonProps={{
-            text: 'Proceed',
-            // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-            onClick: props.onUpdateAddBrowser,
-          }}
-          modalPosition="right"
-          isPopOver
-          leftTopArrow
-          extraRightSpace={{ leftTopArrow: 45 }}
-          extraLeftSpace={{ rightAlignModal: 115 }}
-          {...props}
-        />
-      </div>
-    );
-  }
-);
-
-export default AddBrowserModal;

package/src/components/SequentialConnectingBranch/components/AddBrowserModal/types.ts

@@ -1,5 +0,0 @@
-export interface AddBrowserModalProps {
-
-  // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-  onUpdateAddBrowser: () => void;
-}

package/src/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.scss

@@ -1,31 +0,0 @@
-.ff-datalist-modal-header-wrapper,
-.ff-datalist-modal-child-wrapper,
-.ff-datalist-modal-footer-wrapper {
-  margin: 0 8px;
-}
-
-.ff-datalist-modal-header-wrapper {
-  width: 255px;
-  border-bottom: 1px solid var(--ff-connecting-branch-modal-border);
-  display: flex;
-  align-items: center;
-}
-
-.ff-datalist-modal-child-wrapper {
-  .variable {
-    margin: 8px 0;
-  }
-}
-
-.ff-datalist-modal-footer-wrapper {
-  display: flex;
-  justify-content: space-between;
-  border-top: 1px solid var(--ff-connecting-branch-modal-border);
-
-  .datalist-button-wrapper {
-    display: flex;
-    gap: 10px;
-    margin-top: 4px;
-    justify-content: flex-end;
-  }
-}

package/src/components/SequentialConnectingBranch/components/DatasetListModal/DatasetListModal.tsx

@@ -1,85 +0,0 @@
-import { forwardRef, RefObject } from 'react';
-import MiniModal from '../../../MiniModal';
-import Typography from '../../../Typography';
-import './DatasetListModal.scss';
-import Select from '../../../Select';
-import Checkbox from '../../../Checkbox';
-import Button from '../../../Button';
-import { DatasetListModalProps } from './types';
-
-const DatasetListModal = forwardRef<HTMLButtonElement, DatasetListModalProps>(
-  (props, ref) => {
-    const selectOptions = [
-      { label: 'Project Environment Variable' },
-      { label: 'Global Variables' },
-      { label: 'Test Data Set' },
-    ];
-
-    const renderSelectOptions = () =>
-      selectOptions.map(({ label }, idx) => (
-        <Select
-          key={idx}
-          optionsList={[]}
-          onChange={() => {}}
-          label={label}
-          className="variable"
-        />
-      ));
-
-    const renderFooterContent = () => (
-      <div className="ff-datalist-modal-footer-wrapper">
-        <Checkbox checked={false} label="Set as Default" />
-        <div className="datalist-button-wrapper">
-          <Button label="Cancel" variant="tertiary" />
-          <Button label="Update" variant="primary" />
-        </div>
-      </div>
-    );
-
-    return (
-      <div>
-        <MiniModal
-          anchorRef={ref as RefObject<HTMLButtonElement>}
-          headerProps={
-            <div className="ff-datalist-modal-header-wrapper">
-              <Typography
-                as="span"
-                color="var(--ff-connecting-branch-modal-header)"
-                fontWeight="semi-bold"
-                fontSize={12}
-                lineHeight="38px"
-              >
-                Data Sets
-              </Typography>
-            </div>
-          }
-          childContent={
-            <div className="ff-datalist-modal-child-wrapper">
-              {renderSelectOptions()}
-            </div>
-          }
-          footerContent={renderFooterContent()}
-          cancelButtonProps={{
-            text: 'Cancel',
-
-            // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-            onClick: props?.onUpdateDatasetList,
-          }}
-          proceedButtonProps={{
-            text: 'Proceed',
-            // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-            onClick: props?.onUpdateDatasetList,
-          }}
-          modalPosition="right"
-          isPopOver
-          leftTopArrow
-          extraRightSpace={{ leftTopArrow: 40 }}
-          extraLeftSpace={{ rightAlignModal: 110 }}
-          {...props}
-        />
-      </div>
-    );
-  }
-);
-
-export default DatasetListModal;

package/src/components/SequentialConnectingBranch/components/DatasetListModal/types.ts

@@ -1,4 +0,0 @@
-export interface DatasetListModalProps {
-  // TODO: DEMO PURPOSE AND WILL BE REMOVED IN THE FUTURE
-  onUpdateDatasetList: () => void;
-}