@bigmath-ui-library/core 2.0.5 → 2.0.7

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiEntry/BMMultiEntry.js

@@ -0,0 +1,176 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useRef, useState, } from "react";
+import { Box, Chip, FormHelperText, InputBase, Paper, styled, Typography, } from "@mui/material";
+import { throttle } from "lodash";
+import { BMTooltip } from "../BMTooltip/BMTooltip";
+import ErrorIcon from "@coreApp/assets/icons/failed-solid.svg";
+import CloseIcon from "@coreApp/assets/icons/close-basic.svg";
+// Styled Components
+const Label = styled(Typography)(({ theme }) => ({
+    fontSize: "13px",
+    fontWeight: 500,
+    color: theme.palette.grey[600],
+    marginBottom: theme.spacing(0.4),
+    marginTop: theme.spacing(0.4),
+}));
+const EntryWrapper = styled(Paper, {
+    shouldForwardProp: (prop) => prop !== "focus" && prop !== "overrideHeight" && prop !== "overrideWidth",
+})(({ theme, overrideHeight, overrideWidth }) => ({
+    display: "flex",
+    flexWrap: "wrap",
+    alignItems: "flex-start",
+    alignContent: "flex-start",
+    gap: theme.spacing(0.5),
+    padding: theme.spacing(0.5, 0.5, 0, 0.875),
+    minHeight: 40,
+    height: overrideHeight ?? "auto",
+    width: overrideWidth ?? "100%",
+    overflowY: "auto",
+    overflowX: "hidden",
+    cursor: "text",
+    border: `1px solid ${theme.palette.grey[300]}`,
+}));
+const StyledChip = styled(Chip)(({ theme }) => ({
+    backgroundColor: theme.palette.primary[200],
+    borderRadius: 6,
+    height: theme.spacing(3),
+    marginRight: theme.spacing(0.5),
+    marginBottom: theme.spacing(0.5),
+    maxWidth: 250,
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap",
+    "&:hover": {
+        backgroundColor: theme.palette.primary[200],
+    },
+    "& .MuiChip-deleteIcon": {
+        width: theme.spacing(2),
+        height: theme.spacing(2),
+    },
+    fontSize: "11.5px",
+    fontWeight: 400,
+}));
+const WarningChip = styled(StyledChip)(({ theme }) => ({
+    backgroundColor: theme.palette.warning[100],
+    "& .MuiChip-icon": {
+        color: theme.palette.warning[700],
+    },
+}));
+const TextInput = styled(InputBase)(({ theme }) => ({
+    flexShrink: 0,
+    minWidth: 120,
+    height: "24px",
+    fontSize: "13px",
+    fontWeight: 400,
+    marginBottom: theme.spacing(0.5),
+    "& input": {
+        padding: 0,
+        width: "100%",
+        boxSizing: "border-box",
+    },
+}));
+const CloseIconStyled = styled(CloseIcon)(({ theme }) => ({
+    position: "relative",
+    top: "1px",
+    color: theme.palette.grey[600],
+}));
+const ErrorIconStyled = styled(ErrorIcon)(({ theme }) => ({
+    width: 16,
+    height: 16,
+    [`& g path:nth-of-type(2)`]: {
+        fill: theme.palette.error[500],
+    },
+}));
+export const BMMultiEntry = ({ tooltipFn, onChange, checkWarning, label, placeholderText, value, error, helperText, chipIcon, dataTestId, disabled, lowercaseEntry = false, overrideHeight, overrideWidth, subLabel, removeInvalidEntriesMsg, multiEntryHitEnterMsg, }) => {
+    const textInputRef = useRef(null);
+    const [fieldInFocus, setFieldInFocus] = useState(false);
+    const errorArr = Array.isArray(error) ? error : [];
+    const entries = Array.isArray(value)
+        ? value.map((item) => (lowercaseEntry ? item.toLowerCase() : item))
+        : (value ?? "")
+            .split(/[ ,]+/)
+            .map((item) => (lowercaseEntry ? item.toLowerCase() : item));
+    const updateEntries = (items) => {
+        const updated = items.map((item) => lowercaseEntry ? item.toLowerCase() : item);
+        onChange?.(updated);
+    };
+    const handleDelete = (entry) => {
+        updateEntries(entries.filter((e) => e !== entry));
+    };
+    const handleClick = (entry) => {
+        handleDelete(entry);
+        if (textInputRef.current) {
+            textInputRef.current.value = entry;
+        }
+    };
+    const handleBlur = (e) => {
+        setFieldInFocus(false);
+        const input = e.target.value.trim();
+        if (input) {
+            const items = input.split(/[ ,]+/).filter(Boolean);
+            updateEntries(Array.from(new Set([...entries, ...items])));
+            e.target.value = "";
+        }
+    };
+    const handleKeyUp = throttle((e) => {
+        const input = e.target;
+        const value = input.value;
+        const lastChar = value[value.length - 1];
+        if (lastChar === "," || lastChar === " " || e.key === "Enter") {
+            const items = value.split(/[ ,]+/).filter(Boolean);
+            updateEntries(Array.from(new Set([...entries, ...items])));
+            input.value = "";
+            e.preventDefault();
+        }
+    }, 200);
+    const handleBackspace = throttle((e) => {
+        const input = e.target;
+        if (input.value.length === 0 && entries.length > 0) {
+            updateEntries(entries.slice(0, -1));
+        }
+    }, 200);
+    const getChipIcon = (entry, invalid) => {
+        if (invalid)
+            return _jsx(ErrorIconStyled, {});
+        if (chipIcon) {
+            return typeof chipIcon === "function" ? chipIcon(entry) : chipIcon;
+        }
+        return undefined;
+    };
+    return (_jsxs(_Fragment, { children: [label && _jsx(Label, { children: label }), _jsxs(EntryWrapper, { onClick: () => {
+                    setFieldInFocus(true);
+                    textInputRef.current?.focus();
+                }, "data-testid": dataTestId, focus: fieldInFocus, overrideHeight: overrideHeight, overrideWidth: overrideWidth, children: [entries.map((entry, index) => {
+                        const invalid = errorArr[index];
+                        const tooltip = invalid?.message ?? tooltipFn?.(entry) ?? undefined;
+                        const warning = checkWarning?.(entry) ?? false;
+                        const ChipComp = warning ? WarningChip : StyledChip;
+                        return (_jsx(BMTooltip, { title: tooltip ?? "", children: _jsx(ChipComp, { label: entry, icon: getChipIcon(entry, invalid), deleteIcon: _jsx(CloseIconStyled, {}), onDelete: () => handleDelete(entry), clickable: true, onClick: () => handleClick(entry) }) }, `${entry}-tooltip`));
+                    }), _jsx(TextInput, { inputRef: textInputRef, placeholder: placeholderText, disabled: disabled, onKeyDown: (e) => {
+                            if (e.key === "Backspace")
+                                handleBackspace(e);
+                            else if (e.key === "Enter")
+                                handleBlur(e);
+                        }, onKeyUp: handleKeyUp, onBlur: handleBlur })] }), subLabel && (_jsx(Box, { sx: {
+                    mt: 1,
+                    color: "grey.700",
+                    fontSize: "11.5px",
+                    fontWeight: 400,
+                }, children: subLabel })), error &&
+                (textInputRef.current?.value?.length ?? 0) === 0 &&
+                helperText && (_jsx(FormHelperText, { error: true, sx: {
+                    mt: 1,
+                    fontSize: "11.5px",
+                    fontWeight: 400,
+                }, children: helperText })), Array.isArray(error) && error.length > 0 && removeInvalidEntriesMsg && (_jsx(FormHelperText, { sx: {
+                    mt: 1,
+                    fontSize: "11.5px",
+                    fontWeight: 400,
+                }, error: true, children: removeInvalidEntriesMsg })), error &&
+                (textInputRef.current?.value?.length ?? 0) > 0 &&
+                multiEntryHitEnterMsg && (_jsx(FormHelperText, { error: true, sx: {
+                    mt: 1,
+                    fontSize: "11.5px",
+                    fontWeight: 400,
+                }, children: multiEntryHitEnterMsg }))] }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiEntry/BMMultiEntryField.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from "react";
+import { UseControllerProps, type FieldValues } from "react-hook-form";
+import { BMMultiEntryProps } from "./BMMultiEntry";
+type BMMultiEntryFieldProps<T extends FieldValues> = UseControllerProps<T> & BMMultiEntryProps;
+export declare const BMMultiEntryField: <T extends FieldValues>(props: BMMultiEntryFieldProps<T>) => ReactElement;
+export {};
+//# sourceMappingURL=BMMultiEntryField.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiEntry/BMMultiEntryField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BMMultiEntryField.d.ts","sourceRoot":"","sources":["../../../src/components/BMMultiEntry/BMMultiEntryField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAEL,kBAAkB,EAClB,KAAK,WAAW,EACjB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEjE,KAAK,sBAAsB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACxE,iBAAiB,CAAC;AAEpB,eAAO,MAAM,iBAAiB,GAAI,CAAC,SAAS,WAAW,EACrD,OAAO,sBAAsB,CAAC,CAAC,CAAC,KAC/B,YAiCF,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiEntry/BMMultiEntryField.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useController, } from "react-hook-form";
+import { BMMultiEntry } from "./BMMultiEntry";
+export const BMMultiEntryField = (props) => {
+    const { name, rules, defaultValue, control, shouldUnregister, placeholderText, chipIcon, dataTestId, ...restInputProps } = props;
+    const { field, fieldState } = useController({
+        name,
+        rules,
+        defaultValue,
+        control,
+        shouldUnregister,
+    });
+    return (_jsx(BMMultiEntry, { ...restInputProps, label: props?.label, onChange: field.onChange, value: field.value, error: fieldState.error, chipIcon: chipIcon, helperText: fieldState.error?.message ?? "", placeholderText: placeholderText, dataTestId: dataTestId }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiEntry/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./BMMultiEntry";
+export * from "./BMMultiEntryField";
+//# sourceMappingURL=index.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiEntry/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BMMultiEntry/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiEntry/index.js

@@ -0,0 +1,2 @@
+export * from "./BMMultiEntry";
+export * from "./BMMultiEntryField";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiLevelStepper/BMMultiLevelStepper.d.ts

@@ -0,0 +1,20 @@
+import { FC } from "react";
+export type SubStep = {
+    title: string;
+};
+export type Step = {
+    groupTitle: String;
+    subSteps: SubStep[];
+};
+export interface BMStepperProps {
+    steps: Step[];
+    activeStep: number;
+    dataTestId: string;
+}
+export interface StepperProgressTracker {
+    activeStep: number;
+    totalSteps: number;
+}
+export declare const StepperProgressTracker: FC<StepperProgressTracker>;
+export declare const BMMultiLevelStepper: FC<BMStepperProps>;
+//# sourceMappingURL=BMMultiLevelStepper.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiLevelStepper/BMMultiLevelStepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BMMultiLevelStepper.d.ts","sourceRoot":"","sources":["../../../src/components/BMMultiLevelStepper/BMMultiLevelStepper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAIhD,MAAM,MAAM,OAAO,GAAG;IAEpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,IAAI,GAAG;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,EAAE,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,sBAAsB,CA+C7D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,cAAc,CAoHlD,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiLevelStepper/BMMultiLevelStepper.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Box, Typography, Avatar } from "@mui/material";
+import SuccessTick from "../../assets/icons/success-tick.svg";
+export const StepperProgressTracker = ({ activeStep, totalSteps, }) => {
+    return (_jsxs(Box, { display: "flex", sx: { width: "100%", mb: 3 }, flexDirection: "column", children: [_jsx(Box, { display: "flex", flexDirection: "row", sx: { width: "100%" }, children: Array.from({ length: totalSteps }, (value, index) => index + 1).map((stepNumber, arrayIndex) => {
+                    return (_jsx(Box, { sx: {
+                            height: "4px",
+                            bgcolor: stepNumber > activeStep ? "#E9EEF2" : "#A5A6F6",
+                            borderRight: "1px solid #FFFFFF",
+                            borderTopLeftRadius: arrayIndex === 0 ? "8px" : "0px",
+                            borderBottomLeftRadius: arrayIndex === 0 ? "8px" : "0px",
+                            borderTopRightRadius: stepNumber === totalSteps ? "8px" : "0px",
+                            borderBottomRightRadius: stepNumber === totalSteps ? "8px" : "0px",
+                        }, display: "flex", flexDirection: "row", flex: 1, "data-testid": `step-${stepNumber}` }));
+                }) }), _jsxs(Box, { display: "flex", flexDirection: "row", justifyContent: "flex-end", flex: 1, sx: { pt: 1 }, children: [_jsx(Typography, { variant: "subtitle2", sx: { color: "#5D5FEF" }, children: activeStep }), _jsxs(Typography, { variant: "subtitle2", sx: { color: "#97A5B0" }, children: ["\u00A0/\u00A0", totalSteps] })] })] }));
+};
+export const BMMultiLevelStepper = ({ steps, activeStep, }) => {
+    const [visitedStep, setVisitedStep] = useState(activeStep);
+    let stepCount = 0;
+    useEffect(() => {
+        if (visitedStep <= activeStep)
+            setVisitedStep(activeStep);
+    }, [activeStep]);
+    const totalSteps = steps.reduce((accumulator, currentValue) => accumulator + currentValue.subSteps.length, 0);
+    return (_jsxs(Box, { sx: { width: "300px", p: 3 }, children: [_jsx(StepperProgressTracker, { totalSteps: totalSteps, activeStep: activeStep }), steps.map(({ groupTitle, subSteps }, stepIndex) => {
+                const isMainStepInProgress = stepCount + subSteps.length <= visitedStep ||
+                    (stepCount < visitedStep &&
+                        visitedStep < stepCount + subSteps.length);
+                return (_jsxs(Box, { children: [_jsx(Typography, { sx: {
+                                mt: 1,
+                                mb: 1,
+                                color: isMainStepInProgress ? "#0B1117" : "#97A5B0",
+                            }, variant: "body1", children: groupTitle }), _jsx(Box, { sx: {
+                                ml: 2,
+                                borderLeft: "1px solid #D7DEE4",
+                                height: isMainStepInProgress
+                                    ? "24px"
+                                    : stepIndex !== steps.length - 1
+                                        ? "32px"
+                                        : "0px",
+                            } }), isMainStepInProgress &&
+                            subSteps.map(({ title }, subStepIndex) => {
+                                stepCount = stepCount + 1;
+                                const isCurrentStepCompleted = stepCount < activeStep;
+                                return (_jsxs(Box, { display: "flex", flexDirection: "column", children: [_jsxs(Box, { display: "flex", flexDirection: "row", alignItems: "center", sx: { lineHeight: "16px" }, children: [_jsx(Avatar, { sx: {
+                                                        bgcolor: isCurrentStepCompleted
+                                                            ? "#CDEFE1"
+                                                            : stepCount === activeStep
+                                                                ? "#735AF5"
+                                                                : "#E9EEF2",
+                                                        height: "32px",
+                                                        width: "32px",
+                                                        color: stepCount === activeStep ? "#FFFFFF" : "#6D7C88",
+                                                    }, children: isCurrentStepCompleted ? (_jsx(SuccessTick, {})) : (_jsx(Typography, { variant: "body2", children: stepCount })) }), _jsx(Typography, { sx: {
+                                                        pl: 2,
+                                                        color: isCurrentStepCompleted || stepCount === activeStep
+                                                            ? "#0B1117"
+                                                            : "#6D7C88",
+                                                    }, variant: "body2", children: title })] }), stepCount !== totalSteps && (_jsx(Box, { sx: {
+                                                ml: 2,
+                                                borderLeft: "1px solid #D7DEE4",
+                                                height: subSteps.length - 1 === subStepIndex
+                                                    ? "24px"
+                                                    : "16px",
+                                            } }))] }, subStepIndex + title));
+                            })] }, `${stepIndex}${groupTitle}`));
+            })] }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiLevelStepper/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BMMultiLevelStepper";
+//# sourceMappingURL=index.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiLevelStepper/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BMMultiLevelStepper/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMMultiLevelStepper/index.js

@@ -0,0 +1 @@
+export * from "./BMMultiLevelStepper";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPagination/BMPagination.d.ts

@@ -0,0 +1,14 @@
+import { FC } from "react";
+interface PaginationProps {
+    onPageSelect: (pageNo: number) => void;
+    pageSize?: number;
+    currentPage?: number;
+    hasMore?: boolean;
+    dataTestId: string;
+}
+/**
+ * Pagination is 1-indexed
+ */
+export declare const BMPagination: FC<PaginationProps>;
+export {};
+//# sourceMappingURL=BMPagination.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPagination/BMPagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BMPagination.d.ts","sourceRoot":"","sources":["../../../src/components/BMPagination/BMPagination.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAGhD,UAAU,eAAe;IACvB,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,eAAe,CAiD5C,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPagination/BMPagination.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Pagination, PaginationItem, Box } from "@mui/material";
+/**
+ * Pagination is 1-indexed
+ */
+export const BMPagination = ({ pageSize = 4, onPageSelect, currentPage, hasMore, dataTestId }) => {
+    const [page, setPage] = useState(1);
+    useEffect(() => {
+        if (currentPage) {
+            setPage(currentPage);
+        }
+    }, [currentPage]);
+    return (_jsx(Pagination, { siblingCount: 1, page: page, boundaryCount: 1, shape: "rounded", count: pageSize, onChange: (_e, newPage) => {
+            setPage(newPage);
+            onPageSelect(newPage);
+        }, "data-testid": dataTestId, renderItem: (params) => {
+            if (params?.type === "next" && hasMore) {
+                return (_jsxs(Box, { component: "span", display: "flex", alignItems: "center", children: [_jsx(PaginationItem, { ...params, "aria-label": "Go to end-ellipsis page", color: "standard", shape: "rounded", size: "medium", type: "end-ellipsis", variant: "text", sx: { display: "inline-flex", minWidth: 16 } }), _jsx(PaginationItem, { ...params })] }));
+            }
+            return _jsx(PaginationItem, { ...params });
+        } }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BMPagination";
+//# sourceMappingURL=index.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BMPagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPagination/index.js

@@ -0,0 +1 @@
+export * from "./BMPagination";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPassword/BMPassword.d.ts

@@ -0,0 +1,6 @@
+import { type FC } from "react";
+import { type BMInputProps } from "../BMInput";
+export declare const BMPassword: FC<BMInputProps & {
+    hidePasswordButton?: boolean;
+}>;
+//# sourceMappingURL=BMPassword.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPassword/BMPassword.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BMPassword.d.ts","sourceRoot":"","sources":["../../../src/components/BMPassword/BMPassword.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,EAAY,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AAIxD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,YAAY,GAAG;IAAE,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAAE,CA8B1E,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPassword/BMPassword.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { IconButton, InputAdornment } from "@mui/material";
+import { useState } from "react";
+import { BMInput } from "../BMInput";
+import Visibility from '../../assets/icons/visibility.svg';
+import VisibilityOff from '../../assets/icons/visibility-off.svg';
+export const BMPassword = (props) => {
+    const [showPassword, setShowPassword] = useState(false);
+    const handleClickShowPassword = () => {
+        setShowPassword(!showPassword);
+    };
+    let inputProps = {};
+    if (props.hidePasswordButton) {
+        inputProps = {};
+    }
+    else {
+        inputProps = {
+            endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { onClick: handleClickShowPassword, tabIndex: -1, sx: { padding: '12px' }, children: showPassword ? _jsx(Visibility, {}) : _jsx(VisibilityOff, {}) }) })),
+        };
+    }
+    return (_jsx(BMInput, { type: showPassword ? "text" : "password", ...props, InputProps: inputProps }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPassword/BMPasswordField.d.ts

@@ -0,0 +1,9 @@
+import { type ReactElement } from "react";
+import { type FieldValues, type UseControllerProps } from "react-hook-form";
+import type { BMInputProps } from "../BMInput";
+type BMPasswordFieldProps<T extends FieldValues> = UseControllerProps<T> & BMInputProps & {
+    hidePasswordButton?: boolean;
+};
+export declare const BMPasswordField: <T extends FieldValues>(props: BMPasswordFieldProps<T>) => ReactElement;
+export {};
+//# sourceMappingURL=BMPasswordField.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPassword/BMPasswordField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BMPasswordField.d.ts","sourceRoot":"","sources":["../../../src/components/BMPassword/BMPasswordField.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAqB,MAAM,OAAO,CAAC;AAC7D,OAAO,EACN,KAAK,WAAW,EAChB,KAAK,kBAAkB,EAEvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG/C,KAAK,oBAAoB,CAAC,CAAC,SAAS,WAAW,IAAI,kBAAkB,CAAC,CAAC,CAAC,GACvE,YAAY,GAAG;IAAE,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjD,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,WAAW,EACpD,OAAO,oBAAoB,CAAC,CAAC,CAAC,KAC5B,YAmCF,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPassword/BMPasswordField.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { useController, } from "react-hook-form";
+import { BMPassword } from "./BMPassword";
+export const BMPasswordField = (props) => {
+    const inputElement = useRef(null);
+    const { name, rules, defaultValue, control, shouldUnregister, ...bmInputProps } = props;
+    const { field: { ref, value, ...fieldProps }, fieldState, } = useController({ name, rules, defaultValue, control, shouldUnregister });
+    // assign value to input directly as using "value" prop will reveal password as plain text in "value" attribute in DOM
+    // useEffect() is important because on the very first render ref is not defined yet and field initiation won't happen
+    useEffect(() => {
+        if (inputElement.current) {
+            inputElement.current.value = value ? value : "";
+        }
+    }, [value]);
+    return (_jsx(BMPassword, { ...fieldProps, ...bmInputProps, inputRef: (element) => {
+            inputElement.current = element;
+            ref(element);
+        }, error: !!fieldState.error, helperText: fieldState.error?.message ?? bmInputProps.helperText }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPassword/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./BMPassword";
+export * from "./BMPasswordField";
+//# sourceMappingURL=index.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPassword/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BMPassword/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMPassword/index.js

@@ -0,0 +1,2 @@
+export * from "./BMPassword";
+export * from "./BMPasswordField";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMProgress/BMProgress.d.ts

@@ -0,0 +1,8 @@
+import { type LinearProgressProps } from "@mui/material";
+import type { FC } from "react";
+export interface ProgressProps {
+    color?: LinearProgressProps["color"] | (string & {});
+    value?: number;
+}
+export declare const BMProgress: FC<ProgressProps>;
+//# sourceMappingURL=BMProgress.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMProgress/BMProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BMProgress.d.ts","sourceRoot":"","sources":["../../../src/components/BMProgress/BMProgress.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,mBAAmB,EAGxB,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAoBhC,MAAM,WAAW,aAAa;IAC7B,KAAK,CAAC,EAAE,mBAAmB,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,aAAa,CAWxC,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMProgress/BMProgress.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { LinearProgress, linearProgressClasses, styled, } from "@mui/material";
+const BMProgressBar = styled(LinearProgress)(({ theme, color }) => ({
+    flexGrow: 1,
+    height: theme.spacing(1),
+    borderRadius: theme.spacing(0.5),
+    backgroundColor: theme.palette.grey[200],
+    boxShadow: `inset ${theme.shape.shadowLight}`,
+    [`&.${linearProgressClasses.colorPrimary}`]: {
+        boxShadow: ({ flat }) => flat
+            ? "none"
+            : `inset ${theme.shape.shadowLight}`,
+    },
+    [`& .${linearProgressClasses.bar}`]: {
+        borderRadius: theme.spacing(0.5),
+        backgroundColor: color || theme.palette.primary.main,
+    },
+}));
+export const BMProgress = ({ color = "primary", value = 0, }) => {
+    return (_jsx(BMProgressBar, { variant: "determinate", value: value, color: color }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMProgress/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./BMProgress";
+//# sourceMappingURL=index.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMProgress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BMProgress/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMProgress/index.js

@@ -0,0 +1 @@
+export * from "./BMProgress";

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMRadio/BMRadio.d.ts

@@ -0,0 +1,26 @@
+import { type InputProps, type RadioGroupProps, type RadioProps } from "@mui/material";
+import type { FC, ReactNode } from "react";
+export interface BMRadioProps extends RadioProps {
+    inputProps?: InputProps["inputProps"];
+    label?: string;
+    dataTestId: string;
+}
+export declare const BMRadio: FC<BMRadioProps>;
+export interface OptionProps {
+    value: string;
+    label: ReactNode;
+    disabled?: boolean;
+    "data-testid"?: string;
+}
+export declare enum RadioOrientation {
+    Vertical = "vertical",
+    Horizontal = "horizontal"
+}
+export interface BMRadioGroupProps extends RadioGroupProps {
+    label?: ReactNode;
+    options: OptionProps[];
+    orientation?: RadioOrientation;
+    dataTestId: string;
+}
+export declare const BMRadioGroup: FC<BMRadioGroupProps>;
+//# sourceMappingURL=BMRadio.d.ts.map

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMRadio/BMRadio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BMRadio.d.ts","sourceRoot":"","sources":["../../../src/components/BMRadio/BMRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEN,KAAK,UAAU,EAGf,KAAK,eAAe,EACpB,KAAK,UAAU,EAGf,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsE3C,MAAM,WAAW,YAAa,SAAQ,UAAU;IAC/C,UAAU,CAAC,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAkBpC,CAAC;AAEF,MAAM,WAAW,WAAW;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oBAAY,gBAAgB;IAC3B,QAAQ,aAAa;IACrB,UAAU,eAAe;CACzB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACzD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,UAAU,EAAE,MAAM,CAAC;CAEnB;AAED,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAmC9C,CAAC"}

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMRadio/BMRadio.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormLabel, Radio, RadioGroup, styled, } from "@mui/material";
+import { BMFormControlLabel } from "../BMForm/BMFormControlLabel";
+const StyledRadio = styled(Radio)(({ theme }) => ({
+    "&:hover": {
+        backgroundColor: "transparent",
+    },
+    padding: 0,
+    paddingRight: theme.spacing(1),
+}));
+const iconStyles = (theme, disabled = false) => ({
+    borderRadius: "50%",
+    width: theme.spacing(2),
+    height: theme.spacing(2),
+    boxShadow: `inset 0 0 0 2px ${theme.palette.grey[400]}, inset 0 -1px 0 ${theme.palette.grey[400]}`,
+    backgroundColor: disabled ? theme.palette.grey[200] : theme.palette.common.white,
+    backgroundImage: "linear-gradient(180deg,hsla(0,0%,100%,.8),hsla(0,0%,100%,0))",
+});
+const disabledCheckedIconStyles = (theme) => ({
+    backgroundColor: theme.palette.grey[300],
+    backgroundImage: "linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))",
+    boxShadow: "none",
+    "&:before": {
+        display: "block",
+        width: theme.spacing(2),
+        height: theme.spacing(2),
+        backgroundImage: `radial-gradient(${theme.palette.grey[200]},${theme.palette.grey[200]} 28%,transparent 32%)`,
+        content: '""',
+    }
+});
+const checkedIconStyles = (theme) => ({
+    backgroundColor: theme.palette.primary.main,
+    backgroundImage: "linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))",
+    boxShadow: "none",
+    "&:before": {
+        display: "block",
+        width: theme.spacing(2),
+        height: theme.spacing(2),
+        backgroundImage: `radial-gradient(${theme.palette.common.white},${theme.palette.common.white} 28%,transparent 32%)`,
+        content: '""',
+    },
+    "input:hover ~ &": {
+        backgroundColor: theme.palette.primary.main,
+    },
+});
+const CheckedIcon = styled("span")(({ theme, disabled }) => ({
+    ...iconStyles(theme),
+    ...(disabled ? disabledCheckedIconStyles(theme) : checkedIconStyles(theme)),
+}));
+const Icon = styled("span")(({ theme, disabled }) => ({
+    ...iconStyles(theme, disabled),
+}));
+const StyledFormLabel = styled(FormLabel)(({ theme }) => ({
+    ...theme.typography.subtitle2,
+    fontWeight: theme.typography.fontWeightMedium,
+    fontSize: theme.typography.subtitle1.fontSize,
+    textTransform: "uppercase",
+    marginBottom: theme.spacing(0.5),
+    marginTop: theme.spacing(0.5),
+}));
+export const BMRadio = (props) => {
+    const Radio = _jsx(StyledRadio, { className: props.className, color: "default", ...props, checkedIcon: _jsx(CheckedIcon, { disabled: props.disabled }), icon: _jsx(Icon, { disabled: props.disabled }) });
+    if (props.label) {
+        return (_jsx(BMFormControlLabel, { control: Radio, label: props.label, disabled: props.disabled }));
+    }
+    return Radio;
+};
+export var RadioOrientation;
+(function (RadioOrientation) {
+    RadioOrientation["Vertical"] = "vertical";
+    RadioOrientation["Horizontal"] = "horizontal";
+})(RadioOrientation || (RadioOrientation = {}));
+export const BMRadioGroup = ({ label, options = [], orientation = RadioOrientation.Vertical, className, dataTestId, ...muiRadioGroupProps }) => {
+    return (_jsxs(_Fragment, { children: [label && _jsx(StyledFormLabel, { children: label }), _jsx(RadioGroup, { className: className, sx: orientation === "horizontal"
+                    ? { flexDirection: "row", margin: 0 }
+                    : {}, "aria-label": "radio-group", ...muiRadioGroupProps, children: options.map((option) => (_jsx(BMFormControlLabel, { value: option.value, control: _jsx(BMRadio, { dataTestId: `${dataTestId}-${option['data-testid']}`, inputProps: { "data-testid": option["data-testid"] } }), label: option.label, disabled: option.disabled }, `form-radio-option-${option.value}`))) })] }));
+};

package/.rollup.cache/home/bigmath/code_bm/core-2.0.4/package/dist/components/BMRadio/BMRadioGroupField.d.ts

@@ -0,0 +1,6 @@
+import { ReactElement } from "react";
+import { FieldValues, UseControllerProps } from "react-hook-form";
+import { BMRadioGroupProps } from "./BMRadio";
+export type BMRadioGroupFieldProps<T extends FieldValues> = UseControllerProps<T> & Omit<BMRadioGroupProps, "value" | "onChange" | "onBlur" | "name">;
+export declare const BMRadioGroupField: <T extends FieldValues>(props: BMRadioGroupFieldProps<T>) => ReactElement;
+//# sourceMappingURL=BMRadioGroupField.d.ts.map