pixel-react 1.8.8 → 1.9.0

package/lib/components/Button/Button.stories.d.ts

@@ -6,7 +6,6 @@ export declare const Primary: Story;
 export declare const Secondary: Story;
 export declare const Tertiary: Story;
 export declare const Delete: Story;
-export declare const Warning: Story;
 export declare const PrimaryWithIcon: Story;
 export declare const SecondaryWithIcon: Story;
 export declare const TertiaryWithIcon: Story;

package/lib/components/Drawer/Drawer.stories.d.ts

@@ -4,9 +4,4 @@ declare const meta: Meta<typeof Drawer>;
 export default meta;
 type Story = StoryObj<typeof Drawer>;
 export declare const Default: Story;
-export declare const WithoutHeader: Story;
-export declare const WithCustomHeader: Story;
-export declare const WithCustomFooter: Story;
-export declare const WithTertiaryButtons: Story;
-export declare const WithCustomZIndex: Story;
 export declare const Controlled: Story;

package/lib/components/Form/Form.stories.d.ts

@@ -1,7 +1,6 @@
-import Forms from './Forms';
-import { Meta, StoryObj } from '@storybook/react/*';
-import './Form.scss';
-declare const meta: Meta<typeof Forms>;
-type Story = StoryObj<typeof Forms>;
-export declare const WithDefaultValues: Story;
+import type { Meta, StoryObj } from '@storybook/react';
+import Form from './Form';
+declare const meta: Meta<typeof Form>;
+type Story = StoryObj<typeof Form>;
+export declare const WithControlledState: Story;
 export default meta;

package/lib/components/Icon/Icon.stories.d.ts

@@ -4,5 +4,4 @@ declare const meta: Meta<typeof Icon>;
 type Story = StoryObj<typeof Icon>;
 export declare const Icons: Story;
 export declare const AllIcons: Story;
-export declare const DarkVariantIcons: Story;
 export default meta;

package/lib/components/IconButton/IconButton.stories.d.ts

@@ -2,6 +2,5 @@ import type { Meta, StoryObj } from '@storybook/react';
 import IconButton from './IconButton';
 declare const meta: Meta<typeof IconButton>;
 type Story = StoryObj<typeof IconButton>;
-export declare const Default: Story;
 export declare const PrimaryIconButton: Story;
 export default meta;

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

@@ -12,5 +12,4 @@ export declare const MenuOptionPlacementTop: Story;
 export declare const MenuOptionPlacementDown: Story;
 export declare const MenuOptionPlacementLeft: Story;
 export declare const MenuOptionPlacementRight: Story;
-export declare const MenuOptionCustom: Story;
 export default meta;

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

@@ -4,7 +4,6 @@ import './MiniModal.scss';
 declare const meta: Meta<typeof MiniModal>;
 type Story = StoryObj<typeof MiniModal>;
 export declare const BasicModal: Story;
-export declare const CustomModalWithArrow: () => import("react/jsx-runtime").JSX.Element;
 export declare const CustomModalWithWrapper: () => import("react/jsx-runtime").JSX.Element;
-export declare const normalModalFollowedByIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CustomModalWithArrow: () => import("react/jsx-runtime").JSX.Element;
 export default meta;

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;

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

@@ -0,0 +1,13 @@
+interface NavBarIcon {
+    name: string;
+    [key: string]: any;
+}
+export interface MobileSkinProps {
+    children: React.ReactNode | string;
+    orientation?: 'portrait' | 'landscape';
+    type: 'ios' | 'android';
+    navBarIcons: NavBarIcon[];
+    mobileHeight?: number;
+    mobileWidth?: number;
+}
+export {};

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

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

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

@@ -0,0 +1,32 @@
+export interface iconDetails {
+    /**
+     * details of each icon
+     */
+    [key: string]: any;
+}
+export interface MobileSkinProps {
+    /**
+     * The content inside the mobile skin component
+     */
+    children: React.ReactNode | string;
+    /**
+     *    Portrait or landScape View of the Mobile
+     */
+    orientation: string;
+    /**
+     * type either it will be ios or android
+     */
+    type: string;
+    /**
+     *   height of the MobileSkin
+     */
+    mobileHeight?: number;
+    /**
+     *   width of the MobileSkin
+     */
+    mobileWidth?: number;
+    /**
+     * takes the icons details like icon name , title, onClick event, height , width, etc
+     */
+    navbarIcons: Array<iconDetails>;
+}

package/lib/components/MultiSelect/MultiSelect.stories.d.ts

@@ -5,7 +5,5 @@ type Story = StoryObj<typeof MultiSelect>;
 export declare const Default: Story;
 export declare const Default2: Story;
 export declare const Default3: Story;
-export declare const EmailGroup: Story;
 export declare const Controlled: Story;
-export declare const Labels: Story;
 export default meta;

package/lib/components/RadioGroup/RadioGroup.stories.d.ts

@@ -4,6 +4,5 @@ declare const meta: Meta<typeof RadioGroup>;
 type Story = StoryObj<typeof RadioGroup>;
 export declare const Controlled: Story;
 export declare const WithDisabledOption: Story;
-export declare const DisabledSelected: Story;
-export declare const WithToolTipIcon: Story;
+export declare const DisabledSelcted: Story;
 export default meta;

package/lib/components/Select/Select.stories.d.ts

@@ -10,5 +10,4 @@ export declare const Disable: Story;
 export declare const WithInitialValue: Story;
 export declare const OptionSelection: Story;
 export declare const CustomJSX: Story;
-export declare const updateOptionFromOutside: Story;
 export default meta;

package/lib/components/Select/components/Dropdown/Dropdown.d.ts

@@ -1,4 +1,4 @@
 import { DropDownListProps } from './dropdownTypes';
 import './Dropdown.scss';
-declare const Dropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, labelAccessor, }: DropDownListProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dropdown: ({ onSelectBlur, onSelectOptionSelector, dropdownPosition, options, optionZIndex, inputRef, }: DropDownListProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/lib/components/Select/components/Dropdown/dropdownTypes.d.ts

@@ -6,8 +6,6 @@ export interface DropDownListProps {
     options?: Option[];
     optionZIndex?: number;
     inputRef?: React.RefObject<HTMLInputElement>;
-    labelAccessor?: string;
-    valueAccessor?: string;
 }
 export declare const dropdownDefaultCSSData: {
     margin: number;

package/lib/components/Table/Table.stories.d.ts

@@ -3,8 +3,6 @@ import Table from './Table';
 declare const meta: Meta<typeof Table>;
 type Story = StoryObj<typeof Table>;
 export declare const Default: Story;
-export declare const PrimaryHeaderTextColor: Story;
-export declare const TableDataTextColor: Story;
 export declare const PageTable: Story;
 export declare const PrimaryHeader: Story;
 export declare const FixedHeaderWithBorder: Story;

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

@@ -26,6 +26,7 @@ export interface TabsProps {
         component?: JSX.Element;
         disabled?: boolean;
         count?: number | string;
+        status?: 'success' | 'error' | 'transparent';
     }[];
     /**
      * Defines the styling variant of the tabs.

package/lib/components/ThemeProvider/CustomThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode } from 'react';
+import { ThemeContextType } from './types';
+declare const ThemeContext: React.Context<ThemeContextType | undefined>;
+declare const CustomThemeProvider: React.FC<{
+    children: ReactNode;
+}>;
+export { ThemeContext };
+export default CustomThemeProvider;

package/lib/hooks/useCustomThemeProvider.d.ts

@@ -0,0 +1,11 @@
+import React, { ReactNode } from 'react';
+interface ThemeContextType {
+    currentTheme: string;
+    setCurrentTheme: React.Dispatch<React.SetStateAction<string>>;
+    applyTheme: (newTheme: string) => void;
+}
+export declare const useCustomThemeProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useTheme: () => ThemeContextType;
+export {};

package/lib/index.d.ts

@@ -1744,6 +1744,7 @@ interface TabsProps {
         component?: JSX.Element;
         disabled?: boolean;
         count?: number | string;
+        status?: 'success' | 'error' | 'transparent';
     }[];
     /**
      * Defines the styling variant of the tabs.
@@ -2914,6 +2915,21 @@ interface ScriptSwitchButtonProps {
 }
 declare const ScriptSwitchButton: React__default.FC<ScriptSwitchButtonProps>;
 
+interface NavBarIcon {
+    name: string;
+    [key: string]: any;
+}
+interface MobileSkinProps {
+    children: React.ReactNode | string;
+    orientation?: 'portrait' | 'landscape';
+    type: 'ios' | 'android';
+    navBarIcons: NavBarIcon[];
+    mobileHeight?: number;
+    mobileWidth?: number;
+}
+
+declare const MobileSkin: React__default.FC<MobileSkinProps>;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -3090,6 +3106,8 @@ declare const Comments: ({ commentsData, onCommentsDataChange, }: CommentsProps)
 
 declare const useFileDropzone: (options: DropzoneOptions) => DropzoneState;
 
+declare const useClickOutside: (ref: React.RefObject<HTMLElement>, callback: () => void, ignoreRefs?: Array<React.RefObject<HTMLElement> | undefined>) => void;
+
 interface PopUpModalProps {
     isOpen: boolean;
     onClose: () => void;
@@ -3281,6 +3299,7 @@ declare const PASSWORD_COMPLEX_REGEX: RegExp;
 declare const ALPHABET_ONLY_REGEX: RegExp;
 declare const NUMBERS_ONLY_REGEX: RegExp;
 declare const ALPHANUMERIC_REGEX: RegExp;
+declare const ALPHANUMERIC_WITH_ROUND_BRACES_REGEX: RegExp;
 declare const DATE_REGEX: RegExp;
 declare const TIME_REGEX: RegExp;
 declare const FILE_EXTENSION_REGEX: RegExp;
@@ -3324,4 +3343,4 @@ declare const ELEMENTS_TRAILING_SPACE_REGEX: RegExp;
 declare const ELEMENTS_WHITE_SPACE_REGEX: RegExp;
 declare const PARAMETER_ALPHANUMERIC_REGEX: RegExp;
 
-export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useFileDropzone, useKeyboardActions, useTheme };
+export { AADHAAR_REGEX, ALPHABET_ONLY_REGEX, ALPHANUMERIC_REGEX, ALPHANUMERIC_WITH_ROUND_BRACES_REGEX, Accordion, AddButton as AddResourceButton, AllProjectsDropdown, AppHeader, AttachImage, AttachmentButton, Avatar, BASE64_REGEX, BINARY_NUMBER_REGEX, BarChart, Button, CREDIT_CARD_REGEX, CURRENCY_GENERIC_REGEX, Checkbox, Chip, ChooseFile, Col, Comments, ConditionalDropdown, ConnectingBranch, Container, CreateVariableSlider, DATE_REGEX, DECIMAL_NUMBER_REGEX, DRIVING_LICENSE_REGEX, DashboardDonutChart, CustomDatePicker as DatePicker, DonutChart, DownloadClient, DragAndDrop, Drawer, Dropzone, ELEMENTS_TRAILING_SPACE_REGEX, ELEMENTS_WHITE_SPACE_REGEX, EMAIL_REGEX, EditTextField, Editor, ExcelFile as Excel, ExpandableMenu, FILE_EXTENSION_REGEX, FILE_NAME_REGEX, FieldSet, FileDropzone, FilePreview, ForwardedForms as Form, formatString as FormatString, GSTIN_REGEX, HEXADECIMAL_NUMBER_REGEX, HEX_COLOR_REGEX, HSL_COLOR_REGEX, HTML_ATTRIBUTE_REGEX, HTML_TAG_REGEX, HighlightText, INDIAN_CURRENCY_REGEX, INDIAN_PASSPORT_REGEX, INDIAN_PHONE_REGEX, INDIAN_PIN_CODE_REGEX, INTERNATIONAL_PHONE_REGEX, IPV4_REGEX, IPV6_REGEX, Icon, IconButton, IconRadialChart, IconRadioGroup, Input, InputWithDropdown, LINKEDIN_PROFILE_REGEX, LabelEditTextField, LineChart, MAC_ADDRESS_REGEX, MEMORY_VALIDATION_REGEX, MachineInputField, MenuOption, MiniModal, MobileSkin, Modal, ModuleChip, MultiRadialChart, MultiSelect, NlpInput as NLPInput, NLP_DESCRIPTION_REGEX, NUMBERS_ONLY_REGEX, NUMBER_REGEX, PAN_CARD_REGEX, PARAMETER_ALPHANUMERIC_REGEX, PASSWORD_COMPLEX_REGEX, PASSWORD_SIMPLE_REGEX, PHONE_REGEX, POSTAL_CODE_REGEX, Paper, PhoneInputField, PieChart, PopUpModal, ProgressBar, RGB_COLOR_REGEX, ROMAN_NUMERALS_REGEX, RadialChart, RadioButton, RadioGroup, Recaptcha, Row, SSN_REGEX, STEP_GROUP_NAME_REGEX, ScriptSwitchButton, Search, Select, SequentialConnectingBranch, StateDropdown, StatusButton, StatusCard, TIME_REGEX, TWITTER_HANDLE_REGEX, Table, _default as TableTree, TableWithAccordion, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toastify, Toggle, ToggleSwitch, Tooltip, Typography, UNIT_REGEX, URL_REGEX, USERNAME_REGEX, USERNAME_SPECIAL_REGEX, US_ZIP_CODE_REGEX, UUID_REGEX, VEHICLE_REGISTRATION_REGEX, VariableDropdown, VariableInput, WHITESPACE_REGEX, capitalize, checkEmpty, compareArrays, compareObjects, debounce, ffid, findAndInsert, getEncryptedData, getExtension, getExtensionWithPeriod, getSequentialPayload, hasDuplicateFile, saveFileFromBlob, throttle, toast, truncateText, useClickOutside, useFileDropzone, useKeyboardActions, useTheme };