pixel-react 1.11.22 → 1.11.24

package/lib/components/ChatModal/ChatModal.d.ts

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

package/lib/components/ChatModal/ChatModal.js

@@ -0,0 +1,44 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import './ChatModal.scss';
+import { createPortal } from 'react-dom';
+import Icon from '../Icon';
+import Typography from '../Typography';
+import classNames from 'classnames';
+import Tooltip from '../Tooltip';
+const ChatModal = ({ iconName, iconPosition: { top: iconTop, left: iconLeft, bottom: iconBottom, right: iconRight, }, hoverIconPosition: { top: iconhoverTop, left: iconhoverLeft, bottom: iconhoverBottom, right: iconhoverRight, }, modalPosition: { top: modalTop, left: modalLeft, bottom: modalBottom, right: modalRight, }, modalWidth, modalHeight, headerContent = 'Header Content', footerContent = 'Footer Content', iconWidth, iconHeight, modalHeading = 'Ask Fia', children, onClearChat, }) => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [isVisible, setIsVisible] = useState(false);
+    const openModal = () => {
+        setIsVisible((prev) => !prev);
+        setTimeout(() => setIsOpen((prev) => !prev), 10);
+    };
+    const closeModal = () => {
+        setIsOpen(false);
+        setTimeout(() => setIsVisible(false), 300);
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
+                    top: iconTop !== undefined ? `${iconTop}px` : undefined,
+                    left: iconLeft !== undefined ? `${iconLeft}px` : undefined,
+                    bottom: iconBottom !== undefined ? `${iconBottom}px` : undefined,
+                    right: iconRight !== undefined ? `${iconRight}px` : undefined,
+                }, className: "ff-dynamic-icon-container", children: [_jsx(Icon, { className: `ff-dynamic-icon`, name: iconName, onClick: openModal, height: iconHeight, width: iconWidth }), _jsx("div", { style: {
+                            top: iconhoverTop !== undefined ? `${iconhoverTop}px` : undefined,
+                            left: iconhoverLeft !== undefined ? `${iconhoverLeft}px` : undefined,
+                            bottom: iconhoverBottom !== undefined
+                                ? `${iconhoverBottom}px`
+                                : undefined,
+                            right: iconhoverRight !== undefined ? `${iconhoverRight}px` : undefined,
+                        }, className: `ff-chat-icon-hover`, children: _jsx(Icon, { name: "ask_fia_icon", height: 32, width: 82 }) })] }), isVisible &&
+                createPortal(_jsx("div", { className: classNames('ff-dynamic-modal', { open: isOpen }), style: {
+                        top: modalTop !== undefined ? `${modalTop}px` : undefined,
+                        left: modalLeft !== undefined ? `${modalLeft}px` : undefined,
+                        bottom: modalBottom !== undefined ? `${modalBottom}px` : undefined,
+                        right: modalRight !== undefined ? `${modalRight}px` : undefined,
+                        position: 'fixed',
+                        height: modalHeight,
+                        width: modalWidth,
+                    }, children: _jsxs("div", { className: "ff-dynamic-modal-content", children: [headerContent && (_jsx("div", { className: "ff-dynamic-modal-header", children: _jsxs("div", { className: "header-container", children: [_jsxs("div", { className: "header-left", children: [_jsx(Icon, { height: 16, width: 16, name: "fia_icon" }), _jsx(Typography, { fontWeight: "medium", children: modalHeading })] }), _jsxs("div", { className: "header-right", children: [_jsx("span", { className: "action", children: _jsx(Tooltip, { title: "Clear chat", placement: "top", children: _jsx(Icon, { height: 16, width: 16, name: "delete", color: "var(--tooltip-text-color)", onClick: onClearChat }) }) }), _jsx("span", { className: "action", children: _jsx(Tooltip, { title: "Close", placement: "top", children: _jsx(Icon, { height: 16, width: 16, name: "close", color: "var(--tooltip-text-color)", onClick: () => closeModal() }) }) })] })] }) })), _jsx("div", { className: "ff-dynamic-modal-body", children: children }), footerContent && (_jsx("div", { className: "ff-dynamic-modal-footer", children: footerContent }))] }) }), document.body)] }));
+};
+export default ChatModal;
+//# sourceMappingURL=ChatModal.js.map

package/lib/components/ChatModal/ChatModal.js.map

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

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

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

package/lib/components/ChatModal/index.js

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

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

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

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

@@ -0,0 +1,31 @@
+import { ReactNode } from 'react';
+export interface ChatModalProps {
+    iconName: string;
+    modalWidth: number;
+    modalHeight: number;
+    headerContent?: React.ReactNode;
+    footerContent?: React.ReactNode;
+    iconPosition: {
+        top?: number;
+        left?: number;
+        bottom?: number;
+        right?: number;
+    };
+    hoverIconPosition: {
+        top?: number;
+        left?: number;
+        bottom?: number;
+        right?: number;
+    };
+    modalPosition: {
+        top?: number;
+        left?: number;
+        bottom?: number;
+        right?: number;
+    };
+    children: ReactNode;
+    iconHeight?: number;
+    iconWidth?: number;
+    modalHeading?: string;
+    onClearChat?: () => void;
+}

package/lib/components/ChatModal/types.js

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

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

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

package/lib/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './Checkbox.scss';
+import { CheckboxProps } from './types';
+import '../../assets/styles/_colors.scss';
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

package/lib/components/Checkbox/Checkbox.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import './Checkbox.scss';
+import classNames from 'classnames';
+import Icon from '../Icon';
+import '../../assets/styles/_colors.scss';
+import Typography from '../Typography';
+const Checkbox = ({ id, name, label, disabled = false, checked: initialChecked = false, partial = false, onChange, variant, isDefaultHover = false, }) => {
+    const [checked, setChecked] = useState(initialChecked);
+    useEffect(() => {
+        setChecked(initialChecked);
+    }, [initialChecked]);
+    return (_jsxs("label", { className: "ff-checkbox--overlay", htmlFor: id, children: [_jsx("input", { type: "checkbox", className: "ff-checkbox-input", id: id, name: name, checked: checked, onChange: onChange, disabled: disabled }), _jsx("span", { className: classNames('ff-checkbox-custom', {
+                    'ff-checkbox-checked': checked,
+                    'ff-storybook-checkbox--partial': partial && !checked,
+                    [`ff-checkbox--${variant}`]: variant,
+                    [`ff-checkbox-checked--${variant}`]: checked && variant,
+                    'ff-checkbox-hover-shadow': isDefaultHover,
+                }), children: checked && (_jsx(Icon, { name: "tick", color: "var(--primary-icon-color)", className: "ff-tick-icon" })) }), _jsx(Typography, { as: "span", children: label })] }));
+};
+export default Checkbox;
+//# sourceMappingURL=Checkbox.js.map

package/lib/components/Checkbox/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,iBAAiB,CAAC;AACzB,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,IAAI,MAAM,SAAS,CAAC;AAE3B,OAAO,kCAAkC,CAAC;AAC1C,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,QAAQ,GAA4B,CAAC,EACzC,EAAE,EACF,IAAI,EACJ,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,OAAO,EAAE,cAAc,GAAG,KAAK,EAC/B,OAAO,GAAG,KAAK,EACf,QAAQ,EACR,OAAO,EACP,cAAc,GAAG,KAAK,GACvB,EAAE,EAAE;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,cAAc,CAAC,CAAC;IAC7B,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,iBAAO,SAAS,EAAC,sBAAsB,EAAC,OAAO,EAAE,EAAE,aACjD,gBACE,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,mBAAmB,EAC7B,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,GAClB,EACF,eAED,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE;oBAC3C,qBAAqB,EAAE,OAAO;oBAC9B,gCAAgC,EAAE,OAAO,IAAI,CAAC,OAAO;oBACrD,CAAC,gBAAgB,OAAO,EAAE,CAAC,EAAE,OAAO;oBACpC,CAAC,wBAAwB,OAAO,EAAE,CAAC,EAAE,OAAO,IAAI,OAAO;oBACvD,0BAA0B,EAAC,cAAc;iBAC1C,CAAC,YAEG,OAAO,IAAI,CACV,KAAC,IAAI,IACH,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,2BAA2B,EACjC,SAAS,EAAC,cAAc,GACxB,CACH,GACI,EACP,KAAC,UAAU,IAAC,EAAE,EAAC,MAAM,YAAE,KAAK,GAAc,IACpC,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

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

package/lib/components/Checkbox/index.js

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

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

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

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

@@ -0,0 +1,38 @@
+export interface CheckboxProps {
+    /**
+     * Unique ID for the checkbox input
+     */
+    id?: string;
+    /**
+     * Name attribute for the checkbox input
+     */
+    name?: string;
+    /**
+     * Optional side label
+     */
+    label?: string;
+    /**
+     * Optional disable attribute
+     */
+    disabled?: boolean;
+    /**
+     * Optional checked attribute to prefill
+     */
+    checked?: boolean;
+    /**
+     * Optional onChange function
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * For partially checked checkbox
+     */
+    partial?: boolean;
+    /**
+     * For variant color
+     */
+    variant?: 'passed' | 'failed' | 'warning' | 'skipped' | 'flaky';
+    /**
+      * For default hover
+      */
+    isDefaultHover?: boolean;
+}

package/lib/components/Checkbox/types.js

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

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

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

package/lib/components/Chip/Chip.d.ts

@@ -0,0 +1,4 @@
+import './Chip.scss';
+import { ChipsProps } from './types';
+declare const Chip: ({ label, fullText, variant, labelWidth, fullTextWidth, onClick, }: ChipsProps) => import("react/jsx-runtime").JSX.Element;
+export default Chip;

package/lib/components/Chip/Chip.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from 'react';
+import './Chip.scss';
+import classNames from 'classnames';
+import Typography from '../Typography';
+const Chip = ({ label = '', fullText = '', variant = 'primary', labelWidth = 36, fullTextWidth = 86, onClick = () => { }, }) => {
+    const [isHovered, setIsHovered] = useState(false);
+    const labelText = isHovered && fullText ? fullText : label;
+    const handleOnMouseEnter = () => setIsHovered(true);
+    const handleOnMouseLeave = () => setIsHovered(false);
+    const dynamicStyle = isHovered
+        ? {
+            maxWidth: `${fullTextWidth}px`,
+            transition: 'transform 0.3s ease-in-out,max-width 0.5s ease-in-out',
+            overflow: 'hidden',
+        }
+        : {
+            maxWidth: `${labelWidth}px`,
+            transition: 'transform 0.3s ease-in-out,max-width 0.5s ease-in-out',
+            overflow: 'hidden',
+        };
+    return (_jsx("div", { className: "ff-chip-wrapper", children: _jsx("button", { onMouseEnter: handleOnMouseEnter, onMouseLeave: handleOnMouseLeave, onClick: onClick, className: classNames(`ff-default-chip-style ff-default-chip-style--${variant}`, { ['ff-default-chip-style--fullText']: !!fullText }), style: dynamicStyle, children: labelText && (_jsx(Typography, { as: "p", fontSize: 10, fontWeight: "semi-bold", color: "var(----text-color)", className: "ff-chip-paragraph", children: labelText })) }) }));
+};
+export default Chip;
+//# sourceMappingURL=Chip.js.map

package/lib/components/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,aAAa,CAAC;AACrB,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,UAAU,MAAM,eAAe,CAAC;AAEvC,MAAM,IAAI,GAAG,CAAC,EACZ,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,SAAS,EACnB,UAAU,GAAG,EAAE,EACf,aAAa,GAAG,EAAE,EAClB,OAAO,GAAG,GAAG,EAAE,GAAE,CAAC,GACP,EAAE,EAAE;IACf,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,SAAS,IAAI,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;IAC3D,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACpD,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACrD,MAAM,YAAY,GAAG,SAAS;QAC5B,CAAC,CAAC;YACE,QAAQ,EAAE,GAAG,aAAa,IAAI;YAC9B,UAAU,EAAE,uDAAuD;YACnE,QAAQ,EAAE,QAAQ;SACnB;QACH,CAAC,CAAC;YACE,QAAQ,EAAE,GAAG,UAAU,IAAI;YAC3B,UAAU,EAAE,uDAAuD;YACnE,QAAQ,EAAE,QAAQ;SACnB,CAAC;IACN,OAAO,CACL,cAAK,SAAS,EAAC,iBAAiB,YAC9B,iBACE,YAAY,EAAE,kBAAkB,EAChC,YAAY,EAAE,kBAAkB,EAChC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CACnB,gDAAgD,OAAO,EAAE,EACzD,EAAE,CAAC,iCAAiC,CAAC,EAAE,CAAC,CAAC,QAAQ,EAAE,CACpD,EACD,KAAK,EAAE,YAAY,YAElB,SAAS,IAAI,CACZ,KAAC,UAAU,IACT,EAAE,EAAC,GAAG,EACN,QAAQ,EAAE,EAAE,EACZ,UAAU,EAAC,WAAW,EACtB,KAAK,EAAC,qBAAqB,EAC3B,SAAS,EAAC,mBAAmB,YAE5B,SAAS,GACC,CACd,GACM,GACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC"}

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

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

package/lib/components/Chip/index.js

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

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

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

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

@@ -0,0 +1,20 @@
+export interface ChipsProps {
+    /**
+     * The text to be displayed on the Chip.
+     */
+    label: string;
+    /**
+     * The text to be displayed on hover.
+     */
+    fullText?: string;
+    /**
+     * The variant of the Chip.
+     */
+    variant?: 'primary' | 'success' | 'error' | 'warning' | 'custom' | 'public' | 'partial-public' | 'private' | 'disabled' | 'count';
+    /**
+     * The callback function to be executed when the Chip is clicked.
+     */
+    labelWidth?: number;
+    fullTextWidth?: number;
+    onClick?: () => void;
+}

package/lib/components/Chip/types.js

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

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

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

package/lib/components/ChipWithCount/ChipWithCount.d.ts

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

package/lib/components/ChipWithCount/ChipWithCount.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Tooltip from '../Tooltip';
+import Typography from '../Typography';
+import './ChipWithCount.scss';
+import { truncateText } from '../../utils/truncateText/truncateText';
+import { checkEmpty } from '../../utils/checkEmpty/checkEmpty';
+const ChipWithCount = ({ labelsList = [], }) => {
+    const getRemainingLabels = (_jsx("div", { className: "ff-chip-tooltip", children: labelsList.map((labels, index) => index > 0 ? (_jsx(Typography, { as: "div", children: labels, className: "ff-chip-tooltip-label" }, index)) : null) }));
+    return (_jsx(_Fragment, { children: !checkEmpty(labelsList) && (_jsxs("div", { className: "ff-chip-with-count-container", children: [_jsx(Tooltip, { title: labelsList[0], children: _jsx(Typography, { as: "div", children: truncateText(labelsList[0] || '', 10), className: "ff-chip-label", fontWeight: "medium" }) }), labelsList.length > 1 && (_jsx(Tooltip, { title: _jsx(Typography, { as: "div", children: getRemainingLabels }), children: _jsx(Typography, { as: "div", children: `+${labelsList.length - 1}`, className: 'ff-chip-count', fontWeight: "medium" }) }))] })) }));
+};
+export default ChipWithCount;
+//# sourceMappingURL=ChipWithCount.js.map

package/lib/components/ChipWithCount/ChipWithCount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipWithCount.js","sourceRoot":"","sources":["../../../src/components/ChipWithCount/ChipWithCount.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,YAAY,CAAC;AACjC,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,sBAAsB,CAAC;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAE/D,MAAM,aAAa,GAA4B,CAAC,EAC9C,UAAU,GAAG,EAAE,GACK,EAAE,EAAE;IACxB,MAAM,kBAAkB,GAAgB,CACtC,cAAK,SAAS,EAAC,iBAAiB,YAC7B,UAAU,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAChC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CACV,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,MAAM,EAEhB,SAAS,EAAC,uBAAuB,IAD5B,KAAK,CAEV,CACH,CAAC,CAAC,CAAC,IAAI,CACT,GACG,CACP,CAAC;IAEF,OAAO,CACL,4BACG,CAAC,UAAU,CAAC,UAAU,CAAC,IAAI,CAC1B,eAAK,SAAS,EAAC,8BAA8B,aAC3C,KAAC,OAAO,IAAC,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,YAC3B,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,EAAE,CAAC,EAC/C,SAAS,EAAC,eAAe,EACzB,UAAU,EAAC,QAAQ,GACnB,GACM,EACT,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACxB,KAAC,OAAO,IACN,KAAK,EAAE,KAAC,UAAU,IAAC,EAAE,EAAC,KAAK,EAAC,QAAQ,EAAE,kBAAkB,GAAI,YAE5D,KAAC,UAAU,IACT,EAAE,EAAC,KAAK,EACR,QAAQ,EAAE,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE,EACrC,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAC,QAAQ,GACnB,GACM,CACX,IACG,CACP,GACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

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

package/lib/components/ChipWithCount/index.js

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

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

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

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

@@ -0,0 +1,6 @@
+export interface ChipsWithCountProps {
+    /**
+     * The text to be displayed on the Chip and remaining as the count.
+     */
+    labelsList: string[];
+}

package/lib/components/ChipWithCount/types.js

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

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

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

package/lib/components/ChooseFile/ChooseFile.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { ChooseFileProps } from './types';
+declare const ChooseFile: FC<ChooseFileProps>;
+export default ChooseFile;

package/lib/components/ChooseFile/ChooseFile.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Button from '../Button';
+const ChooseFile = ({ variant = 'primary', size = 'small', onClick, label = 'Choose File', disabled = false, type = 'button', className = '', style = {}, iconName, isChooseFile = false, buttonWidth = 'auto', buttonHeight = 'auto', selectedFile = {}, handleCloseIcon, }) => {
+    return (_jsx("div", { children: _jsx(Button, { variant: variant, label: label, type: type, onClick: onClick, buttonWidth: buttonWidth, buttonHeight: buttonHeight, isChooseFile: isChooseFile, size: size, disabled: disabled, className: className, iconName: iconName, style: style, iconPosition: 'right', selectedFile: selectedFile, handleCloseIcon: handleCloseIcon }) }));
+};
+export default ChooseFile;
+//# sourceMappingURL=ChooseFile.js.map

package/lib/components/ChooseFile/ChooseFile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChooseFile.js","sourceRoot":"","sources":["../../../src/components/ChooseFile/ChooseFile.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,WAAW,CAAA;AAI9B,MAAM,UAAU,GAAuB,CAAC,EACpC,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,OAAO,EACd,OAAO,EACP,KAAK,GAAC,aAAa,EACnB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,YAAY,GAAC,KAAK,EAClB,WAAW,GAAC,MAAM,EAClB,YAAY,GAAE,MAAM,EACpB,YAAY,GAAG,EAAE,EACjB,eAAe,GAChB,EAAE,EAAE;IAEL,OAAO,CACL,wBACC,KAAC,MAAM,IACL,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,YAAY,EAAC,OAAO,EACpB,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,GAChC,GACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,72 @@
+import { DynamicObj } from '../CreateVariable/types';
+export interface ChooseFileProps {
+    /**
+     * Variant of the button
+     */
+    variant: 'primary' | 'secondary' | 'tertiary' | 'delete' | 'warning';
+    /**
+     * What background color to use
+     */
+    backgroundColor?: string;
+    /**
+     * Width in string format can be sent for needed width
+     */
+    buttonWidth?: string;
+    /**
+     * Height in string format can be sent for needed height
+     */
+    buttonHeight?: string;
+    /**
+     * How large should the button be?
+     */
+    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;
+    /**
+     * 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;
+    /**
+     * isChooseFile is a Boolean prop
+     */
+    isChooseFile?: boolean;
+    /**
+     * selectedfile object will be send.
+     */
+    selectedFile?: File | DynamicObj | null;
+    /**
+     * handleCloseIcon function will set to the initial state .
+     */
+    handleCloseIcon?: () => void;
+}

package/lib/components/ChooseFile/types.js

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

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

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

package/lib/components/Comments/Comments.d.ts

@@ -0,0 +1,4 @@
+import './Comments.scss';
+import { CommentsProps } from './type';
+declare const Comments: ({ commentsData, handleAddComment, handleEditComment, handleDeleteComment, onCommentsDataChange, currentUser, isDisable, userDetails, }: CommentsProps) => import("react/jsx-runtime").JSX.Element;
+export default Comments;