pixel-react 1.0.7 → 1.0.9

package/lib/components/AddButton/AddButton.d.ts

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

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import AddButton from './AddButton';
+declare const meta: Meta<typeof AddButton>;
+type Story = StoryObj<typeof AddButton>;
+export declare const PrimaryAddButton: Story;
+export default meta;

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

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

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

@@ -0,0 +1,4 @@
+export interface AddButtonProps {
+    name: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+}

package/lib/components/AllProjectsDropdown/AllProjectsDropdown.d.ts

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

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

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

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

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

package/lib/components/AppHeader/AppHeader.d.ts

@@ -0,0 +1,4 @@
+import { AppHeaderProps } from './types';
+import './AppHeader.scss';
+declare const AppHeader: React.FC<AppHeaderProps>;
+export default AppHeader;

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import AppHeader from './AppHeader';
+declare const meta: Meta<typeof AppHeader>;
+type Story = StoryObj<typeof AppHeader>;
+export declare const SampleAppHeader: Story;
+export declare const Controlled: Story;
+export default meta;

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

@@ -0,0 +1 @@
+export { default } from "./AppHeader";

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

@@ -0,0 +1,26 @@
+import { ReactNode } from 'react';
+export interface AppHeaderProps {
+    logoIconName: string;
+    rightContent: ReactNode;
+    projectsList: string[];
+    appHeaderMenuItems: appHeaderMenuItemProps[];
+    appHeaderHiddenMenuItems: string[];
+    selectedMenu: string;
+    selectedSubMenu: string;
+    selectedQuickMenu: string;
+    onMenuClick?: (text: any) => void;
+    onSubMenuClick?: (text: any) => void;
+    onQuickMenuClick?: (text: any) => void;
+}
+export interface appHeaderMenuItemProps {
+    menuName: string;
+    subMenuItems: appHeaderSubMenuItemProps[];
+}
+export interface appHeaderSubMenuItemProps {
+    subMenuName: string;
+    quickMenuItems: appHeaderQuickMenuItemProps[];
+}
+export interface appHeaderQuickMenuItemProps {
+    quickMenuName: string;
+    quickMenuIconName: string;
+}

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

@@ -22,6 +22,12 @@ export interface ContainerProps {
      * @type {string}
      */
     gap?: string;
+    /**
+     * Classname for Container
+     * @default ''
+     * @type {string}
+     */
+    className?: string;
 }
 export interface RowProps {
     /**
@@ -38,6 +44,11 @@ export interface RowProps {
      * @type {string}
      */
     gap?: string;
+    /**
+     * @default ''
+     * @type string
+     */
+    className?: string;
 }
 export interface ColProps {
     /**
@@ -54,4 +65,10 @@ export interface ColProps {
      * @type {number}
      */
     size?: number;
+    /**
+     * @default  ''
+     * @type string
+     *
+     */
+    className?: string;
 }

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

@@ -6,7 +6,7 @@ export interface InputProps {
     /**
      * Label | field label to be displayed
      */
-    label: string;
+    label?: string;
     /**
      * value | input field value
      */

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

@@ -11,7 +11,7 @@ export interface InputWithDropdownProps {
     /**
      * Label | field label to be displayed
      */
-    label: string;
+    label?: string;
     /**
      * value | input field value
      */

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

@@ -23,4 +23,6 @@ export interface ModalProps {
     /***Content to be displayed inside the modal */
     children: ReactNode;
     isFooterDisplayed: boolean;
+    customWidth: string;
+    customHeight?: string;
 }

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

@@ -1,4 +1,4 @@
 import './MultiSelect.scss';
 import { MultiSelectProps } from './MultiSelectTypes';
-declare const MultiSelect: ({ options, selectedOptions, onChange, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, displayCount }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

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

@@ -5,5 +5,6 @@ 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 default meta;

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

@@ -6,15 +6,18 @@ interface Option {
 }
 interface MultiSelectProps {
     options: Option[];
+    type?: 'email' | 'text';
     label: string;
     selectedOptions?: Option[];
     disabled?: boolean;
     onSearch?: (searchedKeyword: string) => void;
     onChange?: (selectedOptions: Option[]) => void;
+    acceptNewOption?: boolean;
     zIndex?: number;
     required?: boolean;
     errorMessage?: string;
     withSelectButton?: boolean;
     onSelect?: () => void;
+    displayCount?: boolean;
 }
 export { Option, MultiSelectProps };

package/lib/index.d.ts

@@ -211,19 +211,22 @@ interface Option$2 {
 }
 interface MultiSelectProps {
     options: Option$2[];
+    type?: 'email' | 'text';
     label: string;
     selectedOptions?: Option$2[];
     disabled?: boolean;
     onSearch?: (searchedKeyword: string) => void;
     onChange?: (selectedOptions: Option$2[]) => void;
+    acceptNewOption?: boolean;
     zIndex?: number;
     required?: boolean;
     errorMessage?: string;
     withSelectButton?: boolean;
     onSelect?: () => void;
+    displayCount?: boolean;
 }
 
-declare const MultiSelect: ({ options, selectedOptions, onChange, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
+declare const MultiSelect: ({ options, type, selectedOptions, onChange, acceptNewOption, zIndex, label, onSearch, required, disabled, errorMessage, withSelectButton, onSelect, displayCount }: MultiSelectProps) => react_jsx_runtime.JSX.Element;
 
 interface ToasterProps {
     /**Boolean value to handle state of toaster. */
@@ -271,6 +274,12 @@ interface ContainerProps {
      * @type {string}
      */
     gap?: string;
+    /**
+     * Classname for Container
+     * @default ''
+     * @type {string}
+     */
+    className?: string;
 }
 interface RowProps {
     /**
@@ -287,6 +296,11 @@ interface RowProps {
      * @type {string}
      */
     gap?: string;
+    /**
+     * @default ''
+     * @type string
+     */
+    className?: string;
 }
 interface ColProps {
     /**
@@ -303,6 +317,12 @@ interface ColProps {
      * @type {number}
      */
     size?: number;
+    /**
+     * @default  ''
+     * @type string
+     *
+     */
+    className?: string;
 }
 
 declare const Container: React__default.FC<ContainerProps>;
@@ -420,7 +440,7 @@ interface InputProps {
     /**
      * Label | field label to be displayed
      */
-    label: string;
+    label?: string;
     /**
      * value | input field value
      */
@@ -1051,7 +1071,7 @@ interface InputWithDropdownProps {
     /**
      * Label | field label to be displayed
      */
-    label: string;
+    label?: string;
     /**
      * value | input field value
      */
@@ -1405,12 +1425,44 @@ interface IconButtonProps {
 
 declare const IconButton: React__default.FC<IconButtonProps>;
 
+interface ModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /*** label value for aria-label  */
+    contentLabel?: string;
+    /*** default header will be provided with title and close icon. */
+    isHeaderDisplayed: boolean;
+    /*** Title to be displayed in the header when defaultHeader is true*/
+    headerTitle?: string;
+    /*** Custom class names for the modal content */
+    contentClassName?: string;
+    /*** Custom class name for the overlay */
+    overlayClassName?: string;
+    /*** Whether the modal should close when the 'Escape' key is pressed */
+    shouldCloseOnEsc?: boolean;
+    /*** Whether to hide the app from screen readers when the modal is open */
+    ariaHideApp?: boolean;
+    /*** Whether the modal should close when clicking outside of it (on the overlay) */
+    shouldCloseOnOverlayClick?: boolean;
+    headerContent?: string | ReactNode;
+    footerContent?: ReactNode;
+    /***Content to be displayed inside the modal */
+    children: ReactNode;
+    isFooterDisplayed: boolean;
+    customWidth: string;
+    customHeight?: string;
+}
+
+declare const Modal: React__default.FC<ModalProps>;
+
 declare const DragAndDrop: {
     DNDCore: typeof DNDCore;
     DNDSortable: typeof DNDSortable;
     DNDUtilities: typeof DNDUtilities;
 };
 
+declare const AllProjectsDropdown: () => react_jsx_runtime.JSX.Element;
+
 type valueType$1 = any;
 declare const checkEmpty: (value: valueType$1) => boolean;
 
@@ -1418,4 +1470,4 @@ type valueType = File | string;
 declare const getExtension: (value: valueType) => string | undefined;
 declare const getExtensionWithPeriod: (value: valueType) => string;
 
-export { Accordion, AddButton as AddResourceButton, Button, Checkbox, Chip, Col, Container, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MenuOption, MiniModal, MultiSelect, RadialChart, RadioButton, RadioGroup, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };
+export { Accordion, AddButton as AddResourceButton, AllProjectsDropdown, Button, Checkbox, Chip, Col, Container, CustomDatePicker as DatePicker, DonutChart, DragAndDrop, Drawer, ExpandableMenu, FileDropzone, Form, HighlightText, Icon, IconButton, Input, InputWithDropdown, MenuOption, MiniModal, Modal, MultiSelect, RadialChart, RadioButton, RadioGroup, Row, Search, Select, StateDropdown, StatusButton, Table, TableTree, Tabs, Textarea as TextArea, ThemeProvider, Toaster, Toggle, Tooltip, Typography, checkEmpty, getExtension, getExtensionWithPeriod, useTheme };