pixel-priya 0.0.1

package/lib/components/IconRadioGroup/type.d.ts

@@ -0,0 +1,41 @@
+export interface IconRadioItem {
+    /**
+     * The unique name for the icon, used to load the corresponding icon.
+     */
+    iconName: string;
+    /**
+     * The display label for the icon. This can be used for accessibility purposes.
+     */
+    iconLabel: string;
+    /**
+     * Flag to determine if the icon option is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Message to display when the option is disabled.
+     */
+    disableMessage?: string;
+}
+export interface IconRadioGroupProps {
+    /**
+     * Array of icon items that make up the radio button group.
+     */
+    items: IconRadioItem[];
+    /**
+     * Callback function called when a button/icon is clicked.
+     * It returns the selected item.
+     */
+    onButtonClick: (selectedItem: IconRadioItem) => void;
+    /**
+     * The currently selected icon value
+     */
+    selectedValue?: string | null;
+    /**
+     * Callback function to notify parent of selection change.
+     */
+    onChange?: (selected: string | null) => void;
+    /**
+     * Optional className for custom styling
+     */
+    className?: string;
+}

package/lib/components/Input/Input.d.ts

@@ -0,0 +1,4 @@
+import './Input.scss';
+import { InputProps } from './types';
+declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export default Input;

package/lib/components/Input/index.d.ts

@@ -0,0 +1 @@
+export { default } from './Input';

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

@@ -0,0 +1,86 @@
+export interface InputProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label?: string;
+    /**
+     * value | input field value
+     */
+    value: string | number;
+    /**
+     * variants to set color/style of the input field
+     */
+    variant?: 'default' | 'primary';
+    /**
+     * type to set color/style of the input field
+     */
+    type: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * helperText | error, success, warning message to be shown
+     */
+    helperText?: string;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * noBorder prop 'true' removes border of input
+     */
+    noBorder?: boolean;
+    /**
+     * onChange, onKeyDown, onBlur, onFocus actions
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * if on, suggestion popup will be displayed
+     */
+    autoComplete?: 'on' | 'off';
+    /**
+     * if true, input field is in autofocus state
+     */
+    autoFocus?: boolean;
+    /**
+     *  minimum and maximum values for the number type input field and their functions
+     */
+    minValue?: number;
+    maxValue?: number;
+    /**
+     * background of the input field prop
+     */
+    transparentBackground?: boolean;
+    /**
+     * size for the input field
+     */
+    size?: 'small' | 'medium';
+    /**
+     * isLabelRequired for the input field without label,showing placeholder
+     */
+    isLabelRequired?: boolean;
+}

package/lib/components/InputWithDropdown/InputWithDropdown.d.ts

@@ -0,0 +1,4 @@
+import './InputWithDropdown.scss';
+import { InputWithDropdownProps } from './types';
+declare const InputWithDropdown: import("react").ForwardRefExoticComponent<InputWithDropdownProps & import("react").RefAttributes<HTMLInputElement>>;
+export default InputWithDropdown;

package/lib/components/InputWithDropdown/index.d.ts

@@ -0,0 +1 @@
+export { default } from './InputWithDropdown';

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

@@ -0,0 +1,90 @@
+import { ReactNode } from 'react';
+export interface Option {
+    label: string | ReactNode;
+    value: string;
+}
+export interface InputWithDropdownProps {
+    /**
+     * Name | name of the input field
+     */
+    name: string;
+    /**
+     * Label | field label to be displayed
+     */
+    label?: string;
+    /**
+     * value | input field value
+     */
+    value?: string | number;
+    type?: 'text' | 'password' | 'number' | 'email' | 'url' | 'time';
+    /**
+     * variants to set color/style of the input field
+     */
+    variant?: 'default' | 'primary';
+    /**
+     * error | If true, error message will be displayed
+     */
+    error?: boolean;
+    /**
+     * helperText | error, success, warning message to be shown
+     */
+    helperText?: string;
+    /**
+     * to disable the input field
+     */
+    disabled?: boolean;
+    /**
+     * if true, input field will be mandatory
+     */
+    required?: boolean;
+    /**
+     * placeholder for the input field
+     */
+    placeholder?: string;
+    /**
+     * classnames to style the input field
+     */
+    className?: string;
+    /**
+     * Options for the select dropdown
+     */
+    optionsList: Option[];
+    /**
+     * Selected option for the select dropdown
+     */
+    selectedOption?: Option;
+    /**
+     * onChange handler for input changes
+     */
+    onInputChangeHandler?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * onChange handler for dropdown changes
+     */
+    onDropdownChangeHandler?: (option: any) => void;
+    /**
+     * onInputBlurHandler action for input field
+     */
+    onInputBlurHandler?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    /**
+     * id to select the input field uniquely
+     */
+    id?: string;
+    /**
+     * if on, suggestion popup will be displayed
+     */
+    autoComplete?: 'on' | 'off';
+    /**
+     * minimum and maximum values for the number type input field
+     */
+    minValue?: number;
+    maxValue?: number;
+    /**
+     * background of the input field prop
+     */
+    isBackgroundTransparent?: boolean;
+    /**
+     * optionsRequired:false prop removes options from dropdown & shows static label only
+     */
+    optionsRequired?: boolean;
+    dropdownPosition?: 'left' | 'right';
+}

package/lib/components/LabelEditTextField/LabelEditTextField.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './LabelEditTextField.scss';
+import { LabelEditTextFieldTypes } from './types';
+declare const LabelEditTextField: FC<LabelEditTextFieldTypes>;
+export default LabelEditTextField;

package/lib/components/LabelEditTextField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './LabelEditTextField';

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

@@ -0,0 +1,51 @@
+export interface IconProps {
+    /** Name of the icon to be displayed. */
+    name: string;
+    /** Optional click handler function for the icon. */
+    onClick?: () => void;
+}
+export interface DropdownOption {
+    /** Unique identifier for the dropdown option. */
+    id: number;
+    /** Value associated with the dropdown option. */
+    value: string;
+    /** Label displayed for the dropdown option. */
+    label: string;
+}
+export interface LabelEditTextFieldTypes {
+    /** Label text displayed above the input field. */
+    label?: string;
+    /** Initial text displayed in the input field. */
+    text?: string;
+    showText?: boolean;
+    /** Text to be highlighted within the displayed text, if provided. */
+    highlightText?: string;
+    /** Custom error message to be displayed, if applicable. */
+    customError?: string;
+    /** Confirm icon properties including icon name and click handler. */
+    confirmIcon?: IconProps;
+    /** Cancel icon properties including icon name and click handler. */
+    cancelIcon?: IconProps;
+    /** Type of input field - standard text field or text field with a dropdown. */
+    variant?: 'textFieldWithDropdown' | 'textField';
+    /** Array of dropdown options used if the dropdown variant is selected. */
+    dropdownData?: DropdownOption[];
+    /** Width of the input field component. */
+    width?: string;
+    /** Height of the input field component. */
+    height?: string;
+    /** Function called when confirming input changes, with input and dropdown values as arguments. */
+    confirmAction?: (inputValue: string, dropdownValue: string) => void;
+    isOpen?: boolean;
+    /**for conditionally handle custom error */
+    customErrorCondition?: boolean;
+    placeholder?: string;
+    onClick?: () => void;
+    /** Function called when every input character got changed */
+    onInputChange?: (newInputValue: string) => void;
+    className?: string;
+    tooltip?: {
+        tooltipTitle?: string;
+        tooltipPlacement?: string;
+    };
+}

package/lib/components/LazyLoad/LazyLoad.d.ts

@@ -0,0 +1,2 @@
+import * as LazyLoad from 'react-window';
+export default LazyLoad;

package/lib/components/LazyLoad/LazyLoading.d.ts

@@ -0,0 +1,2 @@
+declare const LazyLoading: () => import("react/jsx-runtime").JSX.Element;
+export default LazyLoading;

package/lib/components/LazyLoad/index.d.ts

@@ -0,0 +1 @@
+export * from './LazyLoad';

package/lib/components/MachineInputField/MachineInputField.d.ts

@@ -0,0 +1,7 @@
+import './MachineInputField.scss';
+import { MachineInputFieldProps } from './types';
+declare const MachineInputField: {
+    ({ width, options, runCount, className, contentReverse, onClick, modalId, }: MachineInputFieldProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MachineInputField;

package/lib/components/MachineInputField/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MachineInputField';

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

@@ -0,0 +1,13 @@
+export interface MachineType {
+    type: string;
+    label: string;
+}
+export interface MachineInputFieldProps {
+    width: string;
+    options: MachineType[];
+    runCount: number;
+    className?: string;
+    contentReverse?: boolean;
+    onClick?: () => void;
+    modalId?: string;
+}

package/lib/components/MenuOption/MenuOption.d.ts

@@ -0,0 +1,4 @@
+import './MenuOption.scss';
+import { MenuOptionProps } from './types';
+declare const MenuOption: ({ labelName, iconName, tooltipTitle, tooltipPlacement, options, onClick, onOptionClick, iconButtonSize, iconButtonBorderRadius, iconSize, variant, zIndex, dropdownPlacement, optionCardVariant, targetRef, }: MenuOptionProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuOption;

package/lib/components/MenuOption/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MenuOption';

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

@@ -0,0 +1,193 @@
+import { ReactNode } from 'react';
+interface OptionClick {
+    /**
+     * The label displayed for the option.
+     * @type {string}
+     * @required
+     */
+    label: string | ReactNode;
+    /**
+     * The value(s) associated with the option, which can be a single string or an array of strings.
+     * @type {Array<string> | string}
+     * @required
+     */
+    value: any;
+}
+interface OptionType extends OptionClick {
+    /**
+     * The name of the icon associated with the option.
+     * @type {string}
+     * @optional
+     */
+    icon?: string;
+    iconColor?: string;
+    name?: string | ReactNode;
+    /**
+     * Indicates whether the option is disabled.
+     * @type {boolean}
+     * @optional
+     */
+    disable?: boolean;
+}
+interface OptionCardProps {
+    /**
+     * The list of options displayed in the card.
+     * @type {Array<OptionType>}
+     * @required
+     */
+    options: Array<OptionType>;
+    /**
+     * Callback function triggered when an option is clicked.
+     * @param {OptionClick} data - The data associated with the clicked option.
+     * @type {function}
+     * @required
+     */
+    onClick: (data: OptionClick) => void;
+    /**
+     * Optional styles applied to the card.
+     * @type {React.CSSProperties}
+     * @optional
+     */
+    styles?: React.CSSProperties;
+    /**
+     * The z-index of the option card.
+     * @type {number}
+     * @optional
+     */
+    zIndex?: number;
+    /**
+     * The position of the menu relative to the triggering element.
+     * @type {dropdownPosition}
+     * @required
+     */
+    menuPosition: any;
+    /**
+     * Reference to the menu DOM element.
+     * @type {React.RefObject<HTMLElement>}
+     * @required
+     */
+    menuRef: React.RefObject<HTMLElement>;
+    /**
+     * Callback function to close the dropdown.
+     * @type {() => void}
+     * @required
+     */
+    closeDropdown: () => void;
+    /**
+     * Placement of the dropdown menu relative to the icon.
+     * @type {dropdownPosition}
+     * @optional
+     */
+    dropdownPlacement?: 'top' | 'down' | 'left' | 'right';
+    /**
+     * Variant for backgroung color of options card.
+     * @type {string}
+     * @optional
+     */
+    variant?: 'primary';
+}
+interface MenuOptionProps {
+    /**
+     * The name of the label displayed next to the icon.
+     * @type {string}
+     * @optional
+     */
+    labelName?: string;
+    /**
+     * The name of the icon to be displayed.
+     * @type {string}
+     * @required
+     */
+    iconName: string;
+    /**
+     * The list of options available in the dropdown.
+     * @type {Array<OptionType>}
+     * @required
+     */
+    options: Array<OptionType>;
+    /**
+     * The title displayed in the tooltip when hovering over the icon.
+     * @type {string}
+     * @optional
+     */
+    tooltipTitle?: string;
+    /**
+     * The placement of the tooltip relative to the icon.
+     * @type {'bottom' | 'left' | 'right' | 'top' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'}
+     * @optional
+     */
+    tooltipPlacement?: 'bottom' | 'left' | 'right' | 'top' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end';
+    /**
+     * The placement of the dropdown menu relative to the icon.
+     * @type {dropdownPosition}
+     * @optional
+     */
+    dropdownPlacement?: 'top' | 'down' | 'left' | 'right';
+    /**
+     * The variant of the menu option, either 'dark' or 'light'.
+     * @type {'dark' | 'light'}
+     * @default 'light'
+     * @optional
+     */
+    variant?: 'dark' | 'light';
+    /**
+     * Callback function triggered when the icon is clicked.
+     * @type {() => void}
+     * @optional
+     */
+    onClick?: () => void;
+    /**
+     * Callback function triggered when an option is clicked.
+     * @param {OptionClick} option - The option that was clicked.
+     * @type {(option: OptionClick) => void}
+     * @optional
+     */
+    onOptionClick?: (option: OptionClick) => void;
+    /**
+     * The size of the icon button.
+     * @type {number}
+     * @default 20
+     */
+    iconButtonSize?: number;
+    /**
+     * The size of the icon.
+     * @type {number}
+     * @default 16
+     */
+    iconSize?: number;
+    /**
+     * The border radius of the icon button.
+     * @type {number}
+     * @default 7
+     */
+    iconButtonBorderRadius?: number;
+    /**
+     * Providing z-index for the options card.
+     * @type {number}
+     * @optional
+     */
+    zIndex?: number;
+    /**
+     * Variant for backgroung color of options card.
+     * @type {string}
+     * @optional
+     */
+    optionCardVariant?: 'primary';
+    targetRef?: string | React.RefObject<HTMLElement>;
+}
+interface OptionProps {
+    /**
+     * The option to be displayed.
+     * @type {OptionType}
+     * @required
+     */
+    option: OptionType;
+    /**
+     * Callback function triggered when the option is clicked.
+     * @param {OptionClick} option - The clicked option.
+     * @type {(option: OptionClick) => void}
+     * @required
+     */
+    onClick: (option: OptionClick) => void;
+}
+export { OptionProps, MenuOptionProps, OptionCardProps, OptionClick };

package/lib/components/MiniModal/MiniModal.d.ts

@@ -0,0 +1,4 @@
+import { MiniEditModalProps } from './types.js';
+import './MiniModal.scss';
+declare const MiniModal: import("react").ForwardRefExoticComponent<MiniEditModalProps & import("react").RefAttributes<HTMLDivElement>>;
+export default MiniModal;

package/lib/components/MiniModal/index.d.ts

@@ -0,0 +1 @@
+export { default } from './MiniModal';

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

@@ -0,0 +1,124 @@
+import { ReactNode, RefObject } from 'react';
+interface ModalDimensions {
+    width?: number;
+    height?: number;
+    borderRadius?: number;
+    zIndex?: number;
+    boxShadow?: string;
+    left?: number;
+    top?: number;
+    padding?: number;
+}
+export interface MiniEditModalProps {
+    /**
+     * A reference to the button element that triggers the modal.
+     */
+    anchorRef: RefObject<HTMLButtonElement> | string;
+    /**
+     * Optional properties for configuring the modal header.
+     */
+    headerProps?: ReactNode;
+    /**
+     * The main content to be displayed inside the modal
+     */
+    childContent: ReactNode;
+    /**
+     * Props for the cancel button inside the modal
+     */
+    cancelButtonProps?: any;
+    /**
+     * Props for the proceed button inside the modal.
+     */
+    proceedButtonProps?: any;
+    /**
+     * Optional content for the footer of the modal.
+     */
+    footerContent?: ReactNode;
+    /**
+     * Determines if the modal should be wrapped inside a container element.
+     */
+    isWrapped?: boolean;
+    /**
+     * Determines if the modal should have an animation when displayed.
+     */
+    isAnimated?: boolean;
+    /**
+     * Specifies if the modal should behave as a popover with an arrow.
+     */
+    isPopOver?: boolean;
+    /**
+     * Specifies if the modal should behave as a popover with an arrow.
+     */
+    isIconModel?: boolean;
+    /**
+     * Sets the position of the modal relative to its anchor.
+     * bottom: The modal appears below the anchor.
+     * right: The modal appears to the right of the anchor.
+     */
+    modalPosition?: 'bottom' | 'right' | 'top' | 'left';
+    /**
+     * Adds a top-left aligned arrow to the modal when its position is set to `'right'`.
+     */
+    leftTopArrow?: boolean;
+    /**
+     * A reference to an additional anchor element for positioning the modal.
+     */
+    firstAnchorRef?: RefObject<HTMLButtonElement>;
+    /**
+     * A numeric value representing the left position of the anchor element, used to calculate the modal's left position.
+     */
+    anchorRefLeftNum?: number;
+    /**
+     * Optional properties for configuring the modal's dimensions.
+     * width: The width of the modal.
+     * height: The height of the modal.
+     */
+    modalProperties?: ModalDimensions;
+    /**distance for the wrapper model from align alignments */
+    anchorLeftDistanceForWrapper?: number;
+    /**extra top space added from anchor */
+    extraTopSpace?: {
+        wrappedModal?: number;
+        normalModal?: number;
+    };
+    /**extra right space added from anchor */
+    extraRightSpace?: {
+        leftTopArrow?: number;
+        middleLeftArrow?: number;
+    };
+    /**extra left space added from anchor */
+    extraLeftSpace?: {
+        normal?: number;
+        rightAlignModal?: number;
+    };
+    wrapperProperties?: {
+        width?: number;
+        zIndex?: number;
+        boxShadow?: string;
+    };
+    arrowZIndex?: number;
+    arrowProperties?: {
+        left?: number;
+        top?: number;
+        size?: number;
+    };
+    overlay?: {
+        isOverlay?: boolean;
+        zIndexOverlay?: number;
+        backgroundColorOverlay?: string;
+    };
+    outSideClick?: any;
+}
+export interface Rect {
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+}
+export interface AvailableSpace {
+    spaceTop: number;
+    spaceLeft: number;
+    spaceRight: number;
+    spaceBottom: number;
+}
+export {};

package/lib/components/MobileSkin/MobileSkin.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './MobileSkin.scss';
+import { MobileSkinProps } from './MobileSkinInterface';
+declare const MobileSkin: React.FC<MobileSkinProps>;
+export default MobileSkin;