pixel-react 1.11.22 → 1.11.24

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

@@ -0,0 +1,34 @@
+export interface AvatarProps {
+    /**
+   * This property determines the size of the avatar. It can be set to 'small', 'medium', or 'large'.
+   */
+    variant?: 'small' | 'medium' | 'large';
+    /**
+     * This property allows you to customize the background color of the avatar.
+     */
+    backgroundColor?: string;
+    /**
+     * This property specifies the name of the icon to be displayed within the avatar.
+     */
+    iconName?: string;
+    /**
+     * This property allows you to customize the color of the icon within the avatar.
+     */
+    iconColor?: string;
+    /**
+     * This property allows you to set a custom size for the avatar, overriding the default size specified by the variant property.
+     */
+    customAvatarSize?: number;
+    /**
+     * This property allows you to set a custom size for the icon within the avatar.
+     */
+    customIconSize?: number;
+    /**
+    * This property specifies the label to display inside the avatar, used as an alternative to the icon.
+    */
+    label?: string;
+    /**
+     * This property allows you to customize the font size of the label inside the avatar.
+     */
+    labelFontSize?: string;
+}

package/lib/components/Avatar/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Avatar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Avatar/types.ts"],"names":[],"mappings":""}

package/lib/components/Box/Box.d.ts

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

package/lib/components/Box/Box.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import './Box.scss';
+const Card = ({ cardProperties = {
+    width: '200px',
+    height: '200px',
+    background: 'white',
+    borderRadius: '16px',
+    boxShadow: '1px 4px 8px var(--plugins-header-bg-color)',
+    padding: '16px',
+    margin: '0',
+    border: 'none',
+    className: '',
+    style: {},
+    onClick: () => { },
+}, headerContent, midContent, footerContent, }) => {
+    const { width, height, background, borderRadius, boxShadow, padding, margin, border, className = '', style = {}, } = cardProperties;
+    return (_jsxs("section", { className: `ff-card ${className}`, style: {
+            width,
+            height,
+            background,
+            borderRadius,
+            boxShadow,
+            padding,
+            margin,
+            border,
+            ...style,
+        }, onClick: cardProperties.onClick, children: [headerContent?.isHeader && (_jsx("div", { className: "ff-card-header", children: headerContent.content })), midContent?.isMidContent && (_jsx("div", { className: "ff-card-content", children: midContent.content })), footerContent?.isFooter && (_jsx("div", { className: "ff-card-footer", children: footerContent.content }))] }));
+};
+export default Card;
+//# sourceMappingURL=Box.js.map

package/lib/components/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../src/components/Box/Box.tsx"],"names":[],"mappings":";AACA,OAAO,YAAY,CAAC;AAGpB,MAAM,IAAI,GAAkB,CAAC,EAC3B,cAAc,GAAG;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,OAAO;IACf,UAAU,EAAE,OAAO;IACnB,YAAY,EAAE,MAAM;IACpB,SAAS,EAAE,4CAA4C;IACvD,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAmB;IAC1B,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,EACD,aAAa,EACb,UAAU,EACV,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EACJ,KAAK,EACL,MAAM,EACN,UAAU,EACV,YAAY,EACZ,SAAS,EACT,OAAO,EACP,MAAM,EACN,MAAM,EACN,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,GACX,GAAG,cAAc,CAAC;IAEnB,OAAO,CACL,mBACE,SAAS,EAAE,WAAW,SAAS,EAAE,EACjC,KAAK,EAAE;YACL,KAAK;YACL,MAAM;YACN,UAAU;YACV,YAAY;YACZ,SAAS;YACT,OAAO;YACP,MAAM;YACN,MAAM;YACN,GAAG,KAAK;SACT,EACD,OAAO,EAAE,cAAc,CAAC,OAAO,aAE9B,aAAa,EAAE,QAAQ,IAAI,CAC1B,cAAK,SAAS,EAAC,gBAAgB,YAAE,aAAa,CAAC,OAAO,GAAO,CAC9D,EACA,UAAU,EAAE,YAAY,IAAI,CAC3B,cAAK,SAAS,EAAC,iBAAiB,YAAE,UAAU,CAAC,OAAO,GAAO,CAC5D,EACA,aAAa,EAAE,QAAQ,IAAI,CAC1B,cAAK,SAAS,EAAC,gBAAgB,YAAE,aAAa,CAAC,OAAO,GAAO,CAC9D,IACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

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

package/lib/components/Box/index.js

@@ -0,0 +1,2 @@
+export { default } from './Box';
+//# sourceMappingURL=index.js.map

package/lib/components/Box/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Box/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC"}

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

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'react';
+type CardProperties = {
+    width?: string;
+    height?: string;
+    background?: string;
+    borderRadius?: string;
+    boxShadow?: string;
+    padding?: string;
+    margin?: string;
+    border?: string;
+    className?: string;
+    style?: CSSProperties;
+    onClick?: () => void;
+};
+type HeaderContentProperties = {
+    isHeader?: boolean;
+    content?: JSX.Element;
+};
+type MidContentProperties = {
+    isMidContent?: boolean;
+    content?: JSX.Element;
+};
+type FooterContentProperties = {
+    isFooter?: boolean;
+    content?: JSX.Element;
+};
+export type CardProps = {
+    cardProperties?: CardProperties;
+    headerContent?: HeaderContentProperties;
+    midContent: MidContentProperties;
+    footerContent?: FooterContentProperties;
+    isSkeleton?: boolean;
+};
+export {};

package/lib/components/Box/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Box/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Box/types.ts"],"names":[],"mappings":""}

package/lib/components/BrowserTabs/BrowserTabs.d.ts

@@ -0,0 +1,5 @@
+import { BrowserTabsProps } from './types';
+import './BrowserTabs.scss';
+import '../../assets/styles/_colors.scss';
+declare const BrowserTabs: ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth, showCloseOnActive, }: BrowserTabsProps) => import("react/jsx-runtime").JSX.Element;
+export default BrowserTabs;

package/lib/components/BrowserTabs/BrowserTabs.js

@@ -0,0 +1,61 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from 'react';
+import classNames from 'classnames';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import Tooltip from '../Tooltip';
+import './BrowserTabs.scss';
+import '../../assets/styles/_colors.scss';
+const BrowserTabs = ({ tabsData, activeTabId, onTabClick, onTabClose, onTabAdd, maxTabWidth = 132, showCloseOnActive = true, }) => {
+    const containerRef = useRef(null);
+    const [tabWidth, setTabWidth] = useState();
+    useEffect(() => {
+        const updateTabWidth = () => {
+            if (containerRef.current) {
+                const containerWidth = containerRef.current.getBoundingClientRect().width - maxTabWidth;
+                const calculatedWidth = containerWidth / tabsData.length;
+                setTabWidth(Math.min(maxTabWidth, calculatedWidth));
+            }
+        };
+        updateTabWidth();
+        window.addEventListener('resize', updateTabWidth);
+        return () => window.removeEventListener('resize', updateTabWidth);
+    }, [tabsData.length, maxTabWidth]);
+    return (_jsx("div", { className: "ff-browser-tabs-container", ref: containerRef, children: _jsxs("div", { className: "ff-browser-tab-row", children: [_jsx("div", { className: "ff-tab-button-container", children: tabsData.map((tab, index) => {
+                        const isActive = activeTabId === tab.id;
+                        const isTabTooSmall = tabWidth && tabWidth < 80;
+                        return (_jsxs("div", { className: classNames('ff-tab-wrapper', { active: isActive }), children: [_jsx(Tooltip, { title: isTabTooSmall ? tab.label : '', children: _jsx("button", { onClick: () => onTabClick(tab.id), className: classNames('ff-tab-button', {
+                                            shrink: tabWidth && tabWidth <= 80,
+                                        }), style: {
+                                            width: tabWidth ? `${tabWidth}px` : 'auto',
+                                            padding: tabWidth === undefined
+                                                ? '0px'
+                                                : tabWidth < 60
+                                                    ? '0px'
+                                                    : tabWidth < 80
+                                                        ? '0px 2px'
+                                                        : tabWidth < 132
+                                                            ? '0px 8px'
+                                                            : `0px ${tabWidth / 17}px`,
+                                        }, children: _jsxs("div", { className: "ff-tab-content", children: [tabWidth &&
+                                                    tabWidth >= 20 &&
+                                                    (!isActive || tabWidth >= 80) && (_jsx(_Fragment, { children: tab.tabIconSrc ? (_jsx("img", { src: tab.tabIconSrc, alt: tab.label, className: "ff-tab-icon" })) : (tab.tabIcon && (_jsx(Icon, { name: tab.tabIcon, hoverEffect: false, color: "inherit" }))) })), tabWidth && tabWidth > 40 && (_jsx("div", { className: "ff-tab-label-container", children: _jsx(Typography, { children: tab.label, lineHeight: "18px", fontWeight: isActive ? 'semi-bold' : 'regular', color: isActive
+                                                            ? 'var(--tabs-label-active-color)'
+                                                            : 'var(--tabs-label-default-color)', className: "ff-tab-label" }) })), ((tabWidth && tabWidth >= 80) || isActive) &&
+                                                    showCloseOnActive && (_jsx(Tooltip, { title: "Close ", children: _jsx(Icon, { name: "close", className: "ff-close-icon", hoverEffect: false, height: 10, width: 10, onClick: (e) => {
+                                                            e.stopPropagation();
+                                                            if (onTabClose) {
+                                                                onTabClose(tab.id);
+                                                            }
+                                                        } }) }))] }) }) }), tabWidth &&
+                                    tabWidth < maxTabWidth &&
+                                    !(isActive ||
+                                        index === tabsData.length - 1 ||
+                                        (activeTabId === tabsData[0]?.id && index === 0) ||
+                                        activeTabId === tabsData[index + 1]?.id) && (_jsx("span", { className: `ff-tab-separator ${tabWidth > 80
+                                        ? 'wide-browser-tab'
+                                        : 'narrow-browser-tab'}` }))] }, tab.id));
+                    }) }), _jsx(Tooltip, { title: "Add", children: _jsx("div", { className: "ff-tab-plus-icon", onClick: onTabAdd, children: _jsx(Icon, { name: "add_file", color: "#71347B", width: 10, height: 10 }) }) })] }) }));
+};
+export default BrowserTabs;
+//# sourceMappingURL=BrowserTabs.js.map

package/lib/components/BrowserTabs/BrowserTabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrowserTabs.js","sourceRoot":"","sources":["../../../src/components/BrowserTabs/BrowserTabs.tsx"],"names":[],"mappings":"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"}

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

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

package/lib/components/BrowserTabs/index.js

@@ -0,0 +1,2 @@
+export { default } from "./BrowserTabs";
+//# sourceMappingURL=index.js.map

package/lib/components/BrowserTabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/BrowserTabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA"}

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

@@ -0,0 +1,68 @@
+/**
+ * Represents a single tab in the BrowserTabs component.
+ */
+export interface BrowserTab {
+    /**
+     * Unique identifier for the tab.
+     */
+    id: string;
+    /**
+     * Label text displayed on the tab.
+     */
+    label: string;
+    /**
+     * Optional component to be rendered when the tab is active.
+     */
+    component?: JSX.Element;
+    /**
+     * Name of the tab icon.
+     */
+    tabIcon?: string;
+    /**
+     * Optional URL for a dynamic icon.
+     */
+    tabIconSrc?: string;
+}
+/**
+ * Props for the BrowserTabs component.
+ */
+export interface BrowserTabsProps {
+    /**
+     * An array of tab objects containing label, icon, and an optional component.
+     */
+    tabsData: BrowserTab[];
+    /**
+     * The ID of the currently active tab.
+     */
+    activeTabId: string;
+    /**
+     * Function to update the active tab state when a user clicks on a tab.
+     * @param id - The unique identifier of the clicked tab.
+     */
+    onTabClick: (id: string) => void;
+    /**
+     * Function to add a new tab.
+     */
+    onTabAdd?: () => void;
+    /**
+     * Function to close a specific tab.
+     * @param index - The index of the tab to be closed.
+     */
+    onTabClose?: (id: string) => void;
+    /**
+     * Minimum width for each tab (in pixels).
+     */
+    minTabWidth?: number;
+    /**
+     * Maximum width for each tab (in pixels).
+     */
+    maxTabWidth?: number;
+    /**
+     * Show the close button only for the active tab.
+     */
+    showCloseOnActive?: boolean;
+    /**
+     * Custom CSS class name to override default styles.
+     */
+    className?: string;
+}

package/lib/components/BrowserTabs/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/BrowserTabs/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/BrowserTabs/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,5 @@
+import './Button.scss';
+import '../../assets/styles/_colors.scss';
+import { ButtonProps } from './types';
+declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+export default Button;

package/lib/components/Button/Button.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import './Button.scss';
+import '../../assets/styles/_colors.scss';
+import Icon from '../Icon';
+import classNames from 'classnames';
+import Typography from '../Typography';
+const Button = forwardRef(({ variant = 'primary', backgroundColor, border, size = 'small', onClick, onCopy, label, disabled = false, children = null, type = 'button', className = '', style = {}, iconName, iconPosition = 'left', isChooseFile = false, buttonWidth = 'auto', buttonHeight = 'auto', handleCloseIcon, selectedFile, fontSize = 10, typographyStyle, iconColor = '', ...props }, ref) => {
+    const renderIcon = () => iconName && (_jsx("div", { onClick: (e) => {
+            if (iconName === 'close') {
+                e.stopPropagation();
+                handleCloseIcon?.();
+            }
+        }, children: _jsx(Icon, { height: isChooseFile ? 14 : 8, width: isChooseFile ? 14 : 8, color: iconName === 'close'
+                ? 'var(--ff-delete-button-attachment)'
+                : variant === 'danger'
+                    ? 'var(--status-rejected-text-color)'
+                    : iconColor ||
+                        (variant === 'primary'
+                            ? 'var(--primary-icon-color)'
+                            : 'var(--secondary-icon-color)'), name: iconName, className: "ff-button-icon" }) }));
+    return (_jsxs("button", { type: type, ref: ref, className: classNames('ff-button', `ff-button--${size}`, `ff-button--${variant}`, `${className}`, { 'ff-button-choose-file': isChooseFile }, { 'ff-button-choose-file-text': selectedFile }), style: {
+            backgroundColor,
+            border,
+            ...style,
+            width: buttonWidth,
+            height: buttonHeight,
+        }, onClick: onClick, onCopy: onCopy, disabled: disabled, ...props, children: [iconPosition === 'left' && renderIcon(), _jsx(Typography, { fontSize: fontSize, style: { ...typographyStyle }, fontWeight: "semi-bold", className: classNames(`ff-button-${variant}--text`, {
+                    'ff-button-choose-file-text': selectedFile,
+                }), children: label }), iconPosition === 'right' && renderIcon(), children] }));
+});
+export default Button;
+//# sourceMappingURL=Button.js.map

package/lib/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,eAAe,CAAC;AACvB,OAAO,kCAAkC,CAAC;AAC1C,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,MAAM,GAAG,UAAU,CACvB,CACE,EACE,OAAO,GAAG,SAAS,EACnB,eAAe,EACf,MAAM,EACN,IAAI,GAAG,OAAO,EACd,OAAO,EACP,MAAM,EACN,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,YAAY,GAAG,MAAM,EACrB,YAAY,GAAG,KAAK,EACpB,WAAW,GAAG,MAAM,EACpB,YAAY,GAAG,MAAM,EACrB,eAAe,EACf,YAAY,EACZ,QAAQ,GAAG,EAAE,EACb,eAAe,EAEf,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACI,EACd,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,GAAG,EAAE,CACtB,QAAQ,IAAI,CACV,cACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,IAAI,QAAQ,KAAK,OAAO,EAAE,CAAC;gBACzB,CAAC,CAAC,eAAe,EAAE,CAAC;gBACpB,eAAe,EAAE,EAAE,CAAC;YACtB,CAAC;QACH,CAAC,YAED,KAAC,IAAI,IACH,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAC7B,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAC5B,KAAK,EACH,QAAQ,KAAK,OAAO;gBAClB,CAAC,CAAC,oCAAoC;gBACtC,CAAC,CAAC,OAAO,KAAK,QAAQ;oBACtB,CAAC,CAAC,mCAAmC;oBACrC,CAAC,CAAC,SAAS;wBACT,CAAC,OAAO,KAAK,SAAS;4BACpB,CAAC,CAAC,2BAA2B;4BAC7B,CAAC,CAAC,6BAA6B,CAAC,EAExC,IAAI,EAAE,QAAQ,EACd,SAAS,EAAC,gBAAgB,GAC1B,GACE,CACP,CAAC;IACJ,OAAO,CACL,kBACE,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,WAAW,EACX,cAAc,IAAI,EAAE,EACpB,cAAc,OAAO,EAAE,EACvB,GAAG,SAAS,EAAE,EACd,EAAE,uBAAuB,EAAE,YAAY,EAAE,EACzC,EAAE,4BAA4B,EAAE,YAAY,EAAE,CAC/C,EACD,KAAK,EAAE;YACL,eAAe;YACf,MAAM;YACN,GAAG,KAAK;YACR,KAAK,EAAE,WAAW;YAClB,MAAM,EAAE,YAAY;SACrB,EACD,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,KACd,KAAK,aAER,YAAY,KAAK,MAAM,IAAI,UAAU,EAAE,EACxC,KAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,EAAE,GAAG,eAAe,EAAE,EAC7B,UAAU,EAAC,WAAW,EACtB,SAAS,EAAE,UAAU,CAAC,aAAa,OAAO,QAAQ,EAAE;oBAClD,4BAA4B,EAAE,YAAY;iBAC3C,CAAC,YAED,KAAK,GACK,EACZ,YAAY,KAAK,OAAO,IAAI,UAAU,EAAE,EACxC,QAAQ,IACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC;AACF,eAAe,MAAM,CAAC"}

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

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

package/lib/components/Button/index.js

@@ -0,0 +1,2 @@
+export { default } from './Button';
+//# sourceMappingURL=index.js.map

package/lib/components/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,103 @@
+import { ReactNode } from 'react';
+import { DynamicObj } from '../CreateVariable/types';
+export interface ButtonProps {
+    /**
+     * Variant of the button
+     */
+    variant: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning' | 'custom' | 'danger';
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * What border color to use
+     */
+    border?: string | number;
+    /**
+     * What border color to use
+     */
+    size?: 'small' | 'medium' | 'large';
+    /**
+     * Button contents
+     */
+    label?: string;
+    /**
+     * Type of the button
+     */
+    type?: 'button' | 'submit';
+    disabled?: boolean;
+    /**
+     * Optional click handler
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * Optional click handler for Copying the value
+     */
+    onCopy?: (event: React.ClipboardEvent<HTMLButtonElement>) => void;
+    /**
+     * Button content
+     */
+    children?: ReactNode;
+    /**
+     * Button id
+     */
+    id?: string;
+    /**
+     * onSubmit function handler
+     */
+    onSubmit?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    /**
+     * react ref for the button
+     */
+    ref?: any;
+    /**
+     * Classname for the button
+     */
+    className?: string;
+    /**
+     * Additional styles for the button
+     */
+    style?: React.CSSProperties;
+    /**
+     * Give icon name availble in storybook that to be on left side of button
+     */
+    iconName?: string;
+    /**
+     * Give icon name availble in storybook that to be on left side of button
+     */
+    iconPosition?: 'left' | 'right';
+    transparentBackground?: boolean;
+    /**
+     * form to accept form id in string
+     */
+    form?: string;
+    /**
+     * Is the Type ChooseFile for the button
+     */
+    isChooseFile?: boolean;
+    /**
+     * Custom Width for the button
+     */
+    buttonWidth?: string;
+    /**
+     * Custom Height for the button
+     */
+    buttonHeight?: string;
+    /**
+     * selectedfile object will be send.
+     */
+    selectedFile?: File | DynamicObj | null;
+    /**
+     * handleCloseIcon function will set to the initial state .
+     */
+    handleCloseIcon?: () => void;
+    /**
+     * create custom button font size .
+     */
+    fontSize?: number;
+    /**
+     * create custom button style .
+     */
+    typographyStyle?: React.CSSProperties;
+    iconColor?: string;
+}

package/lib/components/Button/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/lib/components/Button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Button/types.ts"],"names":[],"mappings":""}

package/lib/components/Charts/BarChart/BarChart.d.ts

@@ -0,0 +1,40 @@
+import React from 'react';
+import './BarChart.scss';
+type BarChartProps = {
+    data: {
+        label: string;
+        value: number | string;
+        id?: string;
+        percent?: number;
+        versions?: string[];
+    }[];
+    barWidth: number;
+    height: number;
+    barGap?: number;
+    colors?: string[][];
+    xAxisLabel?: string;
+    isTruncateText?: boolean;
+    yAxisLabel?: string;
+    padding?: number;
+    yAxisDivisions?: number;
+    barBorderRadius?: number;
+    legend?: boolean;
+    showXAxisLabels?: boolean;
+    icons?: (string | React.ReactNode)[];
+    iconSize?: number;
+    backgroundColor?: string;
+    legendPosition?: 'top' | 'bottom';
+    legendGap?: number;
+    extendBarChartRightWidth?: number;
+    isYAxisValuePercentage?: boolean;
+    selectedBar?: string | null;
+    setSelectedBar?: (value: string | null) => void;
+    onSelectedBar?: (_label: string) => void;
+    totalLabel?: string;
+    customToolTip?: boolean;
+    isOnclick?: boolean;
+    isDashboardVersions?: boolean;
+    type?: string;
+};
+declare const BarChart: React.FC<BarChartProps>;
+export default BarChart;