@fast-simon/dashboard-utilities 1.0.37 → 1.0.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fast-simon/dashboard-utilities",
-  "version": "1.0.37",
+  "version": "1.0.38",
   "scripts": {
     "dev": "vite",
     "preview": "vite preview",

package/dist/dashboard/dashboard-client/src/components/Button/Button.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-export interface Classes {
-    wrapper?: string;
-    button?: string;
-    label?: string;
-}
-export type ButtonVariant = 'primary' | 'secondary' | 'outlined' | 'link' | 'text' | 'plain';
-export interface ButtonProps {
-    text?: React.ReactNode;
-    type?: 'button' | 'submit' | 'reset' | undefined;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => any;
-    variant?: ButtonVariant;
-    className?: string;
-    disabled?: boolean;
-    isLoading?: boolean;
-    loadingIconInsideButton?: boolean;
-    isUploadFailed?: boolean;
-    showSuccess?: boolean;
-    actionMessage?: string;
-    actionMessagePosition?: 'bottom' | 'right';
-    innerClasses?: Classes;
-    icon?: React.ReactNode;
-    iconName?: string;
-    iconClassName?: string;
-    innerClassName?: string;
-    style?: React.CSSProperties;
-    id?: string;
-    tooltipText?: string;
-    isEnableToViewer?: boolean;
-    color?: 'red';
-}
-declare const Button: React.FC<ButtonProps>;
-export default Button;

package/dist/dashboard/dashboard-client/src/components/Button/Button.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import classNames from "classnames";
-import classes from './styles.module.css';
-import SmallLoader from "../SmallLoader";
-import Icon from 'components/Icons/Icon';
-import TextWithMaterialTooltip from "../TextWithMaterialTooltip";
-import { selectIsViewer, selectIsViewerOverCapacity, setIsOverCapacityDialogOpen } from "../../store/site/siteSlice";
-import { useDispatch, useSelector } from "react-redux";
-const Button = (props) => {
-    const { type, children, text, icon, iconName, iconClassName, onClick, variant = 'primary', disabled, isLoading, loadingIconInsideButton, isUploadFailed, showSuccess = true, actionMessage = '', actionMessagePosition = 'right', className, innerClassName, innerClasses, tooltipText, isEnableToViewer, color = '' } = props;
-    const dispatch = useDispatch();
-    const [buttonLoading, setButtonLoading] = useState(isLoading);
-    const [isSuccess, setSuccess] = useState(false);
-    const isViewer = useSelector(selectIsViewer);
-    const isViewerOverCapacity = useSelector(selectIsViewerOverCapacity);
-    const defaultErrorMsg = "⚠ An error occurred, please try again later...";
-    const errorMsg = (_jsx(_Fragment, { children: isUploadFailed &&
-            _jsx("span", Object.assign({ className: classes.failed }, { children: typeof (actionMessage) !== "undefined" ? actionMessage : defaultErrorMsg })) }));
-    useEffect(() => {
-        let timeout = null;
-        if (buttonLoading && !isLoading && !isUploadFailed) {
-            setSuccess(true);
-            timeout = setTimeout(() => setSuccess(false), 2000);
-        }
-        else if (isUploadFailed) {
-            setSuccess(false);
-        }
-        setButtonLoading(isLoading);
-        return () => {
-            if (timeout === null) {
-                return;
-            }
-            clearTimeout(timeout);
-        };
-    }, [buttonLoading, isLoading, isUploadFailed]);
-    const handleButtonClick = (event) => {
-        if (isViewerOverCapacity && !isEnableToViewer) {
-            dispatch(setIsOverCapacityDialogOpen(true));
-        }
-        else {
-            if (onClick) {
-                onClick(event);
-            }
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", Object.assign({ className: classNames(classes.buttonContainer, className, innerClasses === null || innerClasses === void 0 ? void 0 : innerClasses.wrapper), style: props.style }, { children: [_jsx("button", Object.assign({ type: type, onClick: handleButtonClick, disabled: (disabled && !isViewerOverCapacity) ||
-                            isLoading ||
-                            (isViewer && !isEnableToViewer && !isViewerOverCapacity), className: classNames(classes.ispButton, classes[variant], innerClassName, innerClasses === null || innerClasses === void 0 ? void 0 : innerClasses.button, classes[color], { [classes.overCapacity]: isViewerOverCapacity && !isEnableToViewer }), id: props.id }, { children: loadingIconInsideButton && isLoading ? _jsx(SmallLoader, { className: classes.insideLoader }) :
-                            _jsxs("span", Object.assign({ className: classNames(classes.buttonIconContainer, innerClasses === null || innerClasses === void 0 ? void 0 : innerClasses.label) }, { children: [icon || (iconName && _jsx(Icon, { name: iconName, className: classNames(classes.icon, classes[`icon-${variant}`], iconClassName) })), children || text] })) })), tooltipText &&
-                        _jsx(TextWithMaterialTooltip, { tooltipText: tooltipText, iconClass: classes.tooltipIcon }), !loadingIconInsideButton && isLoading && _jsx(SmallLoader, { className: classes.loader }), isSuccess && !isLoading && showSuccess ? _jsx("span", Object.assign({ className: classes.checked }, { children: "\u2713" })) : null, actionMessagePosition === 'right' &&
-                        _jsx("div", Object.assign({ className: classes.actionMessageRight }, { children: errorMsg }))] })), actionMessagePosition === 'bottom' &&
-                _jsx("div", Object.assign({ className: classes.actionMessageBottom }, { children: errorMsg }))] }));
-};
-export default Button;
-//# sourceMappingURL=Button.js.map

package/dist/dashboard/dashboard-client/src/components/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Button/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {ReactElement, useEffect, useState} from 'react';\r\nimport classNames from \"classnames\";\r\n\r\nimport classes from './styles.module.css';\r\nimport SmallLoader from \"../SmallLoader\";\r\nimport Icon from 'components/Icons/Icon';\r\nimport TextWithMaterialTooltip from \"../TextWithMaterialTooltip\";\r\nimport {\r\n    selectIsViewer,\r\n    selectIsViewerOverCapacity,\r\n    setIsOverCapacityDialogOpen\r\n} from \"../../store/site/siteSlice\";\r\nimport {useDispatch, useSelector} from \"react-redux\";\r\n\r\nexport interface Classes {\r\n    wrapper?: string\r\n    button?: string\r\n    label?: string\r\n}\r\n\r\nexport type ButtonVariant = 'primary' | 'secondary' | 'outlined' | 'link' | 'text' | 'plain';\r\n\r\nexport interface ButtonProps {\r\n    text?: React.ReactNode\r\n    type?: 'button' | 'submit' | 'reset' | undefined\r\n    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => any\r\n    variant?: ButtonVariant\r\n    className?: string\r\n    disabled?: boolean\r\n    isLoading?: boolean\r\n    loadingIconInsideButton?: boolean\r\n    isUploadFailed?: boolean\r\n    showSuccess?: boolean\r\n    actionMessage?: string\r\n    actionMessagePosition?: 'bottom' | 'right'\r\n    innerClasses?: Classes\r\n    icon?: React.ReactNode\r\n    iconName?: string\r\n    iconClassName?: string\r\n    innerClassName?: string\r\n    style?: React.CSSProperties\r\n    id?: string\r\n    tooltipText?: string\r\n    isEnableToViewer?: boolean\r\n    color?: 'red'\r\n}\r\n\r\nconst Button: React.FC<ButtonProps> = (props) => {\r\n    const {\r\n        type,\r\n        children,\r\n        text,\r\n        icon,\r\n        iconName,\r\n        iconClassName,\r\n        onClick,\r\n        variant = 'primary',\r\n        disabled,\r\n        isLoading,\r\n        loadingIconInsideButton,\r\n        isUploadFailed,\r\n        showSuccess = true,\r\n        actionMessage = '',\r\n        actionMessagePosition = 'right',\r\n        className,\r\n        innerClassName,\r\n        innerClasses,\r\n        tooltipText,\r\n        isEnableToViewer,\r\n        color = ''\r\n    } = props;\r\n\r\n    const dispatch = useDispatch();\r\n\r\n    const [buttonLoading, setButtonLoading] = useState(isLoading);\r\n    const [isSuccess, setSuccess] = useState(false);\r\n\r\n    const isViewer = useSelector(selectIsViewer);\r\n    const isViewerOverCapacity = useSelector(selectIsViewerOverCapacity);\r\n\r\n    const defaultErrorMsg = \"⚠ An error occurred, please try again later...\";\r\n\r\n    const errorMsg: ReactElement = ( <>\r\n        {isUploadFailed &&\r\n            <span className={classes.failed}>\r\n                {typeof (actionMessage) !== \"undefined\" ? actionMessage : defaultErrorMsg}\r\n            </span>\r\n        }\r\n     </>);\r\n\r\n    useEffect(() => {\r\n        let timeout: null | ReturnType<typeof setTimeout> = null;\r\n\r\n        if (buttonLoading && !isLoading && !isUploadFailed) {\r\n            setSuccess(true);\r\n            timeout = setTimeout(() => setSuccess(false), 2000);\r\n        }\r\n        else if (isUploadFailed) {\r\n            setSuccess(false);\r\n        }\r\n\r\n        setButtonLoading(isLoading);\r\n\r\n        return () => {\r\n            if (timeout === null) {\r\n                return;\r\n            }\r\n\r\n            clearTimeout(timeout);\r\n        }\r\n\r\n    }, [buttonLoading, isLoading, isUploadFailed]);\r\n\r\n    const handleButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n        if (isViewerOverCapacity && !isEnableToViewer) {\r\n            dispatch(setIsOverCapacityDialogOpen(true));\r\n        }\r\n        else {\r\n            if (onClick) {\r\n                onClick(event);\r\n            }\r\n        }\r\n    };\r\n\r\n    return ( <>\r\n        <div className={classNames(classes.buttonContainer, className, innerClasses?.wrapper)} style={props.style}>\r\n            <button\r\n                type={type}\r\n                onClick={handleButtonClick}\r\n                disabled={(disabled && !isViewerOverCapacity) ||\r\n                         isLoading ||\r\n                         (isViewer && !isEnableToViewer && !isViewerOverCapacity)}\r\n                className={classNames(classes.ispButton,\r\n                           classes[variant],\r\n                           innerClassName,\r\n                           innerClasses?.button,\r\n                           classes[color],\r\n                           {[classes.overCapacity]: isViewerOverCapacity && !isEnableToViewer})}\r\n                id={props.id}\r\n            >\r\n                {loadingIconInsideButton && isLoading ? <SmallLoader className={classes.insideLoader}/> :\r\n                    <span className={classNames(classes.buttonIconContainer, innerClasses?.label)}>\r\n                    {icon || (iconName && <Icon name={iconName}\r\n                                                className={classNames(classes.icon, classes[`icon-${variant}`], iconClassName)}/>)}\r\n                        {children || text}\r\n                  </span>\r\n                }\r\n            </button>\r\n\r\n            {tooltipText &&\r\n            <TextWithMaterialTooltip tooltipText={tooltipText} iconClass={classes.tooltipIcon}/>}\r\n\r\n            {!loadingIconInsideButton && isLoading && <SmallLoader className={classes.loader}/>}\r\n            {isSuccess && !isLoading && showSuccess ? <span className={classes.checked}>✓</span> : null}\r\n\r\n            {actionMessagePosition === 'right' &&\r\n            <div className={classes.actionMessageRight}>{errorMsg}</div>}\r\n        </div>\r\n\r\n        {actionMessagePosition === 'bottom' &&\r\n        <div className={classes.actionMessageBottom} >{errorMsg}</div>}\r\n    </> );\r\n};\r\n\r\nexport default Button;\r\n"]}

package/dist/dashboard/dashboard-client/src/components/Button/index.d.ts

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

package/dist/dashboard/dashboard-client/src/components/Button/index.js

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

package/dist/dashboard/dashboard-client/src/components/Button/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,UAAU,CAAC","sourcesContent":["export {default} from \"./Button\";\r\n"]}

package/dist/dashboard/dashboard-client/src/components/CategorySelector/CategorySelector.d.ts

@@ -1,30 +0,0 @@
-import React from "react";
-interface CustomClasses {
-    select?: string;
-    wrapper?: string;
-    errorMessage?: string;
-}
-interface Props {
-    values: string[];
-    placeholder?: string;
-    isSearchable?: boolean;
-    customClasses?: CustomClasses;
-    disabled?: boolean;
-    onChange: (values: string[]) => void;
-    onKeyDown?: (event: React.KeyboardEvent) => void;
-    minOptions?: number;
-    showWarnings?: boolean;
-    notAllowed?: illegalValues;
-    disabledCategories?: Set<string>;
-    useAllCategoriesFlag?: boolean;
-    isMulti?: boolean;
-    fixedPosition?: boolean;
-    menuPlacement?: "top" | "bottom";
-    isEnableToViewer?: boolean;
-    showHidden?: boolean;
-}
-export interface illegalValues {
-    used: Set<string>;
-}
-declare const CategorySelector: React.FC<Props>;
-export default CategorySelector;

package/dist/dashboard/dashboard-client/src/components/CategorySelector/CategorySelector.js

@@ -1,88 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useSelector } from "react-redux";
-import { selectCategories, selectIsViewer } from "../../store/site/siteSlice";
-import { useEffect, useMemo, useState } from "react";
-import ReactSelect from "react-select";
-import classNames from "classnames";
-import classes from "./styles.module.css";
-import WarningIcon from "../Icons/WarningIcon";
-import { useCategoryTerm } from "../../pages/Categories/utils";
-const CategorySelector = ({ onChange, onKeyDown, placeholder, isSearchable = true, values, customClasses, disabled = false, minOptions, showWarnings = true, isMulti = true, notAllowed, fixedPosition, menuPlacement, useAllCategoriesFlag, disabledCategories, isEnableToViewer, showHidden }) => {
-    const categories = useSelector(selectCategories);
-    const isViewer = useSelector(selectIsViewer);
-    const [minAlert, setMinAlert] = useState(minOptions && values.length < minOptions && !disabled);
-    const [focused, setFocus] = useState(false);
-    const categoriesTerm = useCategoryTerm();
-    const transformCategories = (data, noAll) => {
-        const result = data.map(d => ({
-            value: d.id,
-            label: `${d.name} (${d.url})`,
-            disabled: showHidden ? false : (disabledCategories && disabledCategories.has(d.id)) || (Boolean(useAllCategoriesFlag) && values.includes("-1"))
-        }));
-        if (useAllCategoriesFlag && !noAll) {
-            result.unshift({
-                label: `All ${categoriesTerm.multiple}`,
-                value: "-1",
-                disabled: values.length > 0
-            });
-        }
-        return result;
-    };
-    const getSelectedCategories = (selected) => {
-        if (selected.includes("-1")) {
-            return [{
-                    label: `All ${categoriesTerm.multiple}`,
-                    value: "-1",
-                }];
-        }
-        const available = selected.map(s => categories.find(cat => cat.id === s)).filter(cat => cat);
-        return transformCategories(available, true);
-    };
-    const selected = useMemo(() => getSelectedCategories(values), [values]);
-    const suggestions = useMemo(() => transformCategories(categories), [categories, values]);
-    useEffect(() => {
-        setMinAlert(minOptions && values.length < minOptions && !disabled);
-    }, [values, disabled]);
-    const [errorMessage, setErrorMessage] = useState("");
-    const showUsedMessage = (categoryID) => {
-        const category = categories.find(c => c.id === categoryID);
-        const message = _jsxs("div", Object.assign({ className: classNames(classes.errorMessage, customClasses === null || customClasses === void 0 ? void 0 : customClasses.errorMessage) }, { children: [_jsx(WarningIcon, { className: classes.warningIcon }), "Another strategy with the same category \"", _jsx("strong", { children: category.name }), "\" already exists."] }));
-        setErrorMessage(message);
-    };
-    const isIllegalCategory = (data) => {
-        if (notAllowed) {
-            return data.find(d => notAllowed.used.has(d));
-        }
-        return "";
-    };
-    const handleChange = (options) => {
-        if (!options) {
-            onChange([]);
-            setErrorMessage("");
-        }
-        else if (Array.isArray(options) || typeof options === 'object') {
-            let data = [];
-            if (Array.isArray(options)) {
-                data = options.map(o => o.value);
-            }
-            else if (typeof options === 'object') {
-                data = [options.value];
-            }
-            if (values.includes("-1")) {
-                setErrorMessage("");
-                onChange(["-1"]);
-            }
-            const invalidID = isIllegalCategory(data);
-            if (invalidID) {
-                showUsedMessage(invalidID);
-            }
-            else {
-                setErrorMessage("");
-                onChange(data);
-            }
-        }
-    };
-    return (_jsxs("div", Object.assign({ className: classNames(classes.wrapper, customClasses === null || customClasses === void 0 ? void 0 : customClasses.wrapper, { [classes.disabled]: disabled }) }, { children: [_jsx(ReactSelect, { className: classNames(classes.select, customClasses === null || customClasses === void 0 ? void 0 : customClasses.select, { [classes.error]: (minAlert || errorMessage) && showWarnings }, { [classes.focused]: focused }), options: suggestions, isOptionDisabled: option => Boolean(option.disabled), value: selected, menuPlacement: menuPlacement, onChange: handleChange, onFocus: () => setFocus(true), onBlur: () => setFocus(false), isMulti: isMulti, isSearchable: isSearchable, onKeyDown: onKeyDown, placeholder: placeholder, draggable: true, menuPosition: fixedPosition ? "fixed" : undefined, isLoading: suggestions.length === 0, isDisabled: disabled || (isViewer && !isEnableToViewer) }), showWarnings && minAlert && !errorMessage && !disabled ? _jsxs("div", Object.assign({ className: classNames(classes.errorMessage, customClasses === null || customClasses === void 0 ? void 0 : customClasses.errorMessage) }, { children: [_jsx(WarningIcon, { className: classes.warningIcon }), "No collections were selected."] })) : null, errorMessage] })));
-};
-export default CategorySelector;
-//# sourceMappingURL=CategorySelector.js.map

package/dist/dashboard/dashboard-client/src/components/CategorySelector/CategorySelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CategorySelector.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/CategorySelector/CategorySelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Category} from \"../../store/categories/models\";\r\nimport {useSelector} from \"react-redux\";\r\nimport {selectCategories, selectIsViewer} from \"../../store/site/siteSlice\";\r\nimport React, {useEffect, useMemo, useState} from \"react\";\r\nimport {SingleOptionType} from \"../MultiSelectRow/MultiSelectRow\";\r\nimport ReactSelect from \"react-select\";\r\nimport classNames from \"classnames\";\r\nimport classes from \"./styles.module.css\";\r\nimport WarningIcon from \"../Icons/WarningIcon\";\r\nimport {useCategoryTerm} from \"../../pages/Categories/utils\";\r\nimport MuiTooltip from \"../MuiTooltip\";\r\n\r\ninterface CustomClasses {\r\n    select?: string\r\n    wrapper?: string\r\n    errorMessage?: string\r\n}\r\n\r\ninterface Props {\r\n    values: string[]\r\n\r\n    placeholder?: string\r\n    isSearchable?: boolean\r\n    customClasses?: CustomClasses\r\n    disabled?: boolean\r\n\r\n    onChange: (values: string[]) => void\r\n    onKeyDown?: (event: React.KeyboardEvent) => void\r\n    minOptions?: number\r\n    showWarnings?: boolean\r\n    notAllowed?: illegalValues\r\n    disabledCategories?: Set<string>\r\n    useAllCategoriesFlag?: boolean\r\n\r\n    isMulti?: boolean\r\n    fixedPosition?: boolean\r\n    menuPlacement?: \"top\" | \"bottom\"\r\n    isEnableToViewer?: boolean,\r\n    showHidden?: boolean\r\n}\r\n\r\nexport interface illegalValues {\r\n    used: Set<string>,\r\n}\r\n\r\ninterface OptionType {\r\n    label: string,\r\n    value: string,\r\n    disabled?: boolean\r\n}\r\n\r\nconst CategorySelector: React.FC<Props> = ({onChange, onKeyDown, placeholder, isSearchable = true, values, customClasses, disabled = false, minOptions, showWarnings = true, isMulti = true, notAllowed, fixedPosition, menuPlacement, useAllCategoriesFlag, disabledCategories, isEnableToViewer, showHidden}) => {\r\n    const categories: Category[] = useSelector(selectCategories);\r\n    const isViewer = useSelector(selectIsViewer);\r\n\r\n    const [minAlert, setMinAlert] = useState(minOptions && values.length < minOptions && !disabled);\r\n    const [focused, setFocus] = useState(false);\r\n\r\n\r\n    const categoriesTerm = useCategoryTerm();\r\n\r\n    const transformCategories = (data: Category[], noAll?: boolean): OptionType[] => {\r\n        const result = data.map(d => ({\r\n            value: d.id,\r\n            label: `${d.name} (${d.url})`,\r\n            disabled: showHidden ? false : (disabledCategories && disabledCategories.has(d.id)) || (Boolean(useAllCategoriesFlag) && values.includes(\"-1\"))\r\n        }));\r\n\r\n        if (useAllCategoriesFlag && !noAll) {\r\n            result.unshift({\r\n                label: `All ${categoriesTerm.multiple}`,\r\n                value: \"-1\",\r\n                disabled: values.length > 0\r\n            })\r\n        }\r\n\r\n        return result;\r\n    };\r\n\r\n    const getSelectedCategories = (selected: string[]) => {\r\n        if (selected.includes(\"-1\")) {\r\n            return [{\r\n                label: `All ${categoriesTerm.multiple}`,\r\n                value: \"-1\",\r\n            }]\r\n        }\r\n        const available = selected.map(s => categories.find(cat => cat.id === s)).filter(cat => cat);\r\n        return transformCategories(available as Category[], true);\r\n    };\r\n\r\n    const selected: OptionType[] = useMemo(() => getSelectedCategories(values), [values]);\r\n    const suggestions: OptionType[] = useMemo(() => transformCategories(categories), [categories, values]);\r\n\r\n    useEffect(() => {\r\n        setMinAlert(minOptions && values.length < minOptions && !disabled);\r\n\r\n    }, [values, disabled]);\r\n\r\n    const [errorMessage, setErrorMessage] = useState<React.ReactNode>(\"\");\r\n\r\n\r\n    const showUsedMessage = (categoryID: string) => {\r\n        const category = categories.find(c => c.id === categoryID) as Category;\r\n\r\n        const message = <div\r\n            className={classNames(classes.errorMessage, customClasses?.errorMessage)}>\r\n            <WarningIcon className={classes.warningIcon}/>\r\n            Another strategy with the same category \"<strong>{category.name}</strong>\" already exists.</div>;\r\n        setErrorMessage(message);\r\n    };\r\n\r\n    const isIllegalCategory = (data: string[]): string | undefined => {\r\n        if (notAllowed) {\r\n            return data.find(d => notAllowed.used.has(d));\r\n        }\r\n\r\n        return \"\";\r\n    };\r\n\r\n    const handleChange = (options: OptionType | Object | Array<Object> | null | undefined) => {\r\n\r\n        if (!options) {\r\n            onChange([]);\r\n            setErrorMessage(\"\");\r\n        } else if (Array.isArray(options) || typeof options === 'object') {\r\n\r\n            let data: string[] = [];\r\n            if (Array.isArray(options)) {\r\n                data = options.map(o => (o as SingleOptionType).value);\r\n            } else if (typeof options === 'object') {\r\n                data = [(options as SingleOptionType).value];\r\n            }\r\n\r\n            if (values.includes(\"-1\")) {\r\n                setErrorMessage(\"\");\r\n                onChange([\"-1\"]);\r\n            }\r\n\r\n            const invalidID = isIllegalCategory(data);\r\n            if (invalidID) {\r\n                showUsedMessage(invalidID)\r\n            } else {\r\n                setErrorMessage(\"\");\r\n                onChange(data);\r\n            }\r\n        }\r\n    };\r\n\r\n    return (\r\n        <div className={classNames(classes.wrapper, customClasses?.wrapper, {[classes.disabled]: disabled})}>\r\n            <ReactSelect\r\n                className={classNames(classes.select, customClasses?.select, {[classes.error]: (minAlert || errorMessage) && showWarnings}, {[classes.focused]: focused})}\r\n                options={suggestions}\r\n                isOptionDisabled={option => Boolean((option as OptionType).disabled)}\r\n                value={selected} menuPlacement={menuPlacement}\r\n                onChange={handleChange} onFocus={() => setFocus(true)} onBlur={() => setFocus(false)}\r\n                isMulti={isMulti} isSearchable={isSearchable}\r\n                onKeyDown={onKeyDown}\r\n                placeholder={placeholder} draggable={true} menuPosition={fixedPosition ? \"fixed\" : undefined}\r\n                isLoading={suggestions.length === 0}\r\n                isDisabled={disabled || (isViewer && !isEnableToViewer)}/>\r\n\r\n            {showWarnings && minAlert && !errorMessage && !disabled ? <div\r\n                className={classNames(classes.errorMessage, customClasses?.errorMessage)}>\r\n\r\n                <WarningIcon className={classes.warningIcon}/>\r\n                No collections were selected.\r\n            </div> : null}\r\n            {errorMessage}\r\n        </div>\r\n    )\r\n\r\n};\r\n\r\nexport default CategorySelector;"]}

package/dist/dashboard/dashboard-client/src/components/CheckboxTree/utils.d.ts

@@ -1,50 +0,0 @@
-import React from "react";
-import { ButtonProps } from "../Button/Button";
-export interface CheckboxTreeProps<T> {
-    data: CheckboxTreeNode<T>[];
-    onSave: ({ checked, expanded, treeChanges }: {
-        checked: string[];
-        expanded: string[];
-        treeChanges: TreeChanges;
-    }) => void;
-    onChecked?: (checked: string[]) => void;
-    onQueryChange?: (value: string) => void;
-    onExpanded?: (expanded: string[]) => void;
-    checked?: string[];
-    searched?: string[];
-    expended?: string[];
-    getInfo?: (nodeInfo: T) => CheckboxTreeModalInfo;
-    customClass?: {
-        tree?: string;
-        modal?: string;
-        topButtons?: string;
-    };
-    saveButtonProps?: ButtonProps;
-    buttonUsage?: ButtonsUsage;
-    clearChanges?: boolean;
-    id?: string;
-    query?: string;
-}
-export interface CheckboxTreeNode<T> {
-    value: string;
-    label: React.ReactNode;
-    info: T;
-    children?: CheckboxTreeNode<T>[];
-}
-export interface ButtonsUsage {
-    expandAll?: boolean;
-    collapseAll?: boolean;
-    selectAll?: boolean;
-    deselectAll?: boolean;
-}
-export declare const DefaultButtonsUsage: ButtonsUsage;
-export interface CheckboxTreeModalInfo {
-    header: string;
-    content: React.ReactNode;
-}
-export interface TreeChanges {
-    [key: string]: boolean;
-}
-export declare function getChildrenValues<T>(nodes: CheckboxTreeNode<T>[]): string[];
-export declare function getNodeChildren<T>(node: CheckboxTreeNode<T>): string[];
-export declare const getNodeClassLevel: (level: number) => any;

package/dist/dashboard/dashboard-client/src/components/CheckboxTree/utils.js

@@ -1,28 +0,0 @@
-import classes from "./styles.module.css";
-export const DefaultButtonsUsage = {
-    expandAll: true,
-    collapseAll: true,
-    selectAll: true,
-    deselectAll: true
-};
-export function getChildrenValues(nodes) {
-    let data = [];
-    for (const node of nodes) {
-        data = [...data, ...getNodeChildren(node)];
-    }
-    return data;
-}
-export function getNodeChildren(node) {
-    if (!node.children) {
-        return [node.value];
-    }
-    let data = [];
-    for (const singleNode of node.children) {
-        data = [...data, ...getNodeChildren(singleNode)];
-    }
-    return [node.value, ...data];
-}
-export const getNodeClassLevel = (level) => {
-    return classes[`level${level}`];
-};
-//# sourceMappingURL=utils.js.map

package/dist/dashboard/dashboard-client/src/components/CheckboxTree/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/CheckboxTree/utils.tsx"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AA2C1C,MAAM,CAAC,MAAM,mBAAmB,GAAiB;IAC7C,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;IACjB,SAAS,EAAE,IAAI;IACf,WAAW,EAAE,IAAI;CACpB,CAAA;AAWD,MAAM,UAAU,iBAAiB,CAAI,KAA4B;IAC7D,IAAI,IAAI,GAAa,EAAE,CAAC;IACxB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;QACtB,IAAI,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,eAAe,CAAI,IAAI,CAAC,CAAC,CAAA;KAChD;IACD,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,eAAe,CAAI,IAAyB;IACxD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;QAChB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;KACtB;IAED,IAAI,IAAI,GAAa,EAAE,CAAC;IACxB,KAAK,MAAM,UAAU,IAAI,IAAI,CAAC,QAAQ,EAAE;QACpC,IAAI,GAAG,CAAC,GAAG,IAAI,EAAE,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC,CAAA;KACnD;IACD,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;IAC/C,OAAO,OAAO,CAAC,QAAQ,KAAK,EAAE,CAAC,CAAC;AACpC,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\";\r\nimport {ButtonProps} from \"../Button/Button\";\r\n\r\nexport interface CheckboxTreeProps<T> {\r\n    data: CheckboxTreeNode<T>[]\r\n    onSave: ({checked, expanded,treeChanges}: { checked: string[], expanded: string[], treeChanges: TreeChanges }) => void\r\n\r\n    onChecked?: (checked: string[]) => void\r\n    onQueryChange? : (value: string) => void\r\n    onExpanded?: (expanded: string[]) => void\r\n\r\n    checked?: string[]\r\n    searched?: string[]\r\n    expended?: string[]\r\n    getInfo?: (nodeInfo: T) => CheckboxTreeModalInfo\r\n    customClass?: {\r\n        tree?: string,\r\n        modal?: string,\r\n        topButtons?: string\r\n    }\r\n    saveButtonProps?: ButtonProps\r\n    buttonUsage?: ButtonsUsage\r\n    clearChanges?: boolean\r\n\r\n    id?: string;\r\n    query?: string;\r\n}\r\n\r\nexport interface CheckboxTreeNode<T> {\r\n    value: string,\r\n    label: React.ReactNode\r\n    info: T\r\n\r\n    children?: CheckboxTreeNode<T>[]\r\n}\r\n\r\nexport interface ButtonsUsage {\r\n    expandAll?: boolean\r\n    collapseAll?: boolean\r\n    selectAll?: boolean\r\n    deselectAll?: boolean\r\n}\r\n\r\nexport const DefaultButtonsUsage: ButtonsUsage = {\r\n    expandAll: true,\r\n    collapseAll: true,\r\n    selectAll: true,\r\n    deselectAll: true\r\n}\r\n\r\nexport interface CheckboxTreeModalInfo {\r\n    header: string\r\n    content: React.ReactNode\r\n}\r\n\r\nexport interface TreeChanges {\r\n    [key: string]: boolean\r\n}\r\n\r\nexport function getChildrenValues<T>(nodes: CheckboxTreeNode<T>[]): string[] {\r\n    let data: string[] = [];\r\n    for (const node of nodes) {\r\n        data = [...data, ...getNodeChildren<T>(node)]\r\n    }\r\n    return data;\r\n}\r\n\r\nexport function getNodeChildren<T>(node: CheckboxTreeNode<T>): string[] {\r\n    if (!node.children) {\r\n        return [node.value]\r\n    }\r\n\r\n    let data: string[] = [];\r\n    for (const singleNode of node.children) {\r\n        data = [...data, ...getNodeChildren(singleNode)]\r\n    }\r\n    return [node.value, ...data];\r\n}\r\n\r\nexport const getNodeClassLevel = (level: number) => {\r\n    return classes[`level${level}`];\r\n};"]}

package/dist/dashboard/dashboard-client/src/components/ConfirmationDialog/ConfirmationDialog.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-export interface ConfirmationDialogProps {
-    confirmText?: React.ReactNode;
-    cancelText?: string;
-    onConfirm?: () => void;
-    onCancel?: () => void;
-    onClose?: () => void;
-    title?: string;
-    className?: string;
-    okDisabled?: boolean;
-    cancelDisabled?: boolean;
-    headerText?: string;
-    dialogClass?: string;
-    contentClass?: string;
-    buttonsClass?: string;
-    isEnableToViewer?: boolean;
-    isHideClose?: boolean;
-    subText?: string;
-    customClasses?: {
-        cancelButton?: string;
-        saveButton?: string;
-        closeButton?: string;
-        header?: string;
-        subText?: string;
-        subTextAlert?: string;
-    };
-    subTextAlert?: string;
-}
-declare const ConfirmationDialog: React.FC<ConfirmationDialogProps>;
-export default ConfirmationDialog;

package/dist/dashboard/dashboard-client/src/components/ConfirmationDialog/ConfirmationDialog.js

@@ -1,16 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Button from "../Button";
-import XIcon from "../Icons/XIcon";
-import classes from './styles.module.css';
-import classNames from "classnames";
-import InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';
-const ConfirmationDialog = ({ children, dialogClass, headerText, confirmText = 'Ok', cancelText = 'Cancel', onConfirm, onCancel, okDisabled = false, cancelDisabled = false, onClose, contentClass, buttonsClass, isEnableToViewer, isHideClose, subText, customClasses, subTextAlert }) => {
-    return (_jsxs("div", Object.assign({ className: classNames(classes.dialog, dialogClass) }, { children: [headerText ? _jsxs("header", Object.assign({ className: classNames(classes.header, customClasses === null || customClasses === void 0 ? void 0 : customClasses.header) }, { children: [_jsx("h4", { children: headerText }), !isHideClose &&
-                        _jsx("div", Object.assign({ className: classNames(classes.closeButton, customClasses === null || customClasses === void 0 ? void 0 : customClasses.closeButton), onClick: onClose ? onClose : onCancel }, { children: _jsx(XIcon, {}) }))] })) : null, subTextAlert ?
-                _jsxs("div", Object.assign({ className: classNames(classes.subTextAlertWrapper, customClasses === null || customClasses === void 0 ? void 0 : customClasses.subTextAlert) }, { children: [_jsx(InfoOutlinedIcon, { className: classes.infoIcon }), _jsxs("div", Object.assign({ className: classes.attentionContent }, { children: [_jsx("label", Object.assign({ className: classes.attentionLabel }, { children: "Attention" })), _jsx("div", Object.assign({ className: classes.subTextAlert }, { children: subTextAlert }))] }))] }))
-                : null, subText ? _jsx("div", Object.assign({ className: classNames(classes.subText, customClasses === null || customClasses === void 0 ? void 0 : customClasses.subText) }, { children: subText })) : null, _jsxs("div", Object.assign({ className: classNames(classes.content, contentClass) }, { children: [_jsx("div", Object.assign({ className: classes.messageTitle }, { children: !headerText && !isHideClose ? _jsx("div", Object.assign({ className: classes.closeButton, onClick: onCancel }, { children: _jsx(XIcon, {}) })) : null })), children, onConfirm || onCancel ? _jsxs("div", Object.assign({ className: classNames(classes.buttons, buttonsClass) }, { children: [onCancel ? _jsx(Button, { text: cancelText, onClick: onCancel, className: classes.button, disabled: cancelDisabled, isEnableToViewer: true, innerClasses: { button: customClasses === null || customClasses === void 0 ? void 0 : customClasses.cancelButton } })
-                                : null, onConfirm ? _jsx(Button, { text: confirmText, onClick: onConfirm, className: classes.button, disabled: okDisabled, id: "modal-confirm", isEnableToViewer: isEnableToViewer, innerClasses: { button: customClasses === null || customClasses === void 0 ? void 0 : customClasses.saveButton } })
-                                : null] })) : null] }))] })));
-};
-export default ConfirmationDialog;
-//# sourceMappingURL=ConfirmationDialog.js.map

package/dist/dashboard/dashboard-client/src/components/ConfirmationDialog/ConfirmationDialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmationDialog.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/ConfirmationDialog/ConfirmationDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport Button from \"../Button\";\r\nimport XIcon from \"../Icons/XIcon\";\r\n\r\nimport classes from './styles.module.css';\r\nimport classNames from \"classnames\";\r\nimport InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';\r\nimport {ButtonVariant} from \"../Button/Button\";\r\n\r\nexport interface ConfirmationDialogProps {\r\n    confirmText?: React.ReactNode\r\n    cancelText?: string\r\n    onConfirm?: () => void\r\n    onCancel?: () => void\r\n    onClose?: () => void\r\n\r\n    title?: string\r\n    className?: string\r\n\r\n    okDisabled?: boolean\r\n    cancelDisabled?: boolean\r\n    headerText?: string\r\n    dialogClass?: string\r\n    contentClass?: string\r\n    buttonsClass?: string\r\n    isEnableToViewer?: boolean\r\n    isHideClose?: boolean\r\n    subText?: string\r\n    customClasses?: {\r\n        cancelButton?: string\r\n        saveButton?: string\r\n        closeButton?: string\r\n        header?: string\r\n        subText?: string\r\n        subTextAlert?: string\r\n    }\r\n\r\n    subTextAlert?: string\r\n}\r\n\r\nconst ConfirmationDialog: React.FC<ConfirmationDialogProps> = ({\r\n                                                 children, dialogClass, headerText,\r\n                                                 confirmText = 'Ok',\r\n                                                 cancelText = 'Cancel', onConfirm, onCancel,\r\n                                                 okDisabled = false, cancelDisabled = false, onClose, contentClass,\r\n                                                 buttonsClass, isEnableToViewer, isHideClose, subText,\r\n                                                 customClasses, subTextAlert\r\n                                             }) => {\r\n    return (\r\n        <div className={classNames(classes.dialog, dialogClass)}>\r\n            {headerText ? <header className={classNames(classes.header, customClasses?.header)}>\r\n                <h4>{headerText}</h4>\r\n\r\n                {!isHideClose &&\r\n                    <div className={classNames(classes.closeButton, customClasses?.closeButton)} onClick={onClose ? onClose : onCancel}><XIcon/></div>\r\n                }\r\n            </header> : null}\r\n             {subTextAlert ?\r\n                <div className={classNames(classes.subTextAlertWrapper, customClasses?.subTextAlert)}>\r\n                    <InfoOutlinedIcon className={classes.infoIcon}/>\r\n                    <div className={classes.attentionContent}>\r\n                        <label className={classes.attentionLabel}>Attention</label>\r\n                        <div className={classes.subTextAlert}>{subTextAlert}</div>\r\n                    </div>\r\n                </div>\r\n                : null}\r\n            {subText ? <div className={classNames(classes.subText, customClasses?.subText)}>{subText}</div> : null}\r\n            <div className={classNames(classes.content, contentClass)}>\r\n                <div className={classes.messageTitle}>\r\n                    {!headerText && !isHideClose ? <div className={classes.closeButton} onClick={onCancel}><XIcon/></div> : null}\r\n                </div>\r\n\r\n                {children}\r\n\r\n                {onConfirm || onCancel ?<div className={classNames(classes.buttons, buttonsClass)}>\r\n                    {onCancel ? <Button text={cancelText} onClick={onCancel}\r\n                                        className={classes.button}\r\n                                        disabled={cancelDisabled}\r\n                                        isEnableToViewer={true} innerClasses={{button: customClasses?.cancelButton}}/>\r\n                        : null}\r\n                    {onConfirm ? <Button text={confirmText} onClick={onConfirm}\r\n                                         className={classes.button}\r\n                                         disabled={okDisabled} id={\"modal-confirm\"}\r\n                                         isEnableToViewer={isEnableToViewer} innerClasses={{button: customClasses?.saveButton}}/>\r\n                        : null}\r\n                </div> : null}\r\n            </div>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default ConfirmationDialog;\r\n"]}

package/dist/dashboard/dashboard-client/src/components/ConfirmationDialog/index.d.ts

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

package/dist/dashboard/dashboard-client/src/components/ConfirmationDialog/index.js

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

package/dist/dashboard/dashboard-client/src/components/ConfirmationDialog/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/ConfirmationDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,EAAC,MAAM,sBAAsB,CAAC","sourcesContent":["export {default} from './ConfirmationDialog';"]}

package/dist/dashboard/dashboard-client/src/components/CreatableIspNew/CreatableIspNew.d.ts

@@ -1,43 +0,0 @@
-import React from "react";
-import { SelectComponentsConfig } from "react-select/src/components";
-export declare const ACTIONS: {
-    SELECT: string;
-    DESELECT: string;
-    REMOVE: string;
-    POP: string;
-    SET: string;
-    CLEAR: string;
-};
-export interface OptionType {
-    value: string;
-    label: string;
-}
-interface Props {
-    values: string[] | OptionType[];
-    options: string[] | OptionType[];
-    isStringsArrayInput?: boolean;
-    placeHolder?: string;
-    isMulti?: boolean;
-    onInputChange?: (value: string) => void;
-    isDisabled?: boolean;
-    isClearable?: boolean;
-    className?: string;
-    components?: SelectComponentsConfig<OptionType>;
-    keepMenuClosed?: boolean;
-    onChange?: (newValues: OptionType[] | OptionType) => void;
-    onFocus?: VoidFunction;
-    onBlur?: VoidFunction;
-    createLabel?: string;
-    createOptionPosition?: 'first' | 'last';
-    menuPlacement?: 'auto' | 'top' | 'bottom';
-    menuPosition?: 'absolute' | 'fixed';
-    isSearchable?: boolean;
-    maxMenuHeight?: number;
-    isEnableToViewer?: boolean;
-    isValidNewOption?: (inputValue: string, selectValue: string, selectOptions: OptionType[]) => boolean;
-    isAllowCaseSensitive?: boolean;
-    isDisableFreeOption?: boolean;
-    onCreateOption?: VoidFunction;
-}
-declare const CreatableIspNew: React.FC<Props>;
-export default CreatableIspNew;

package/dist/dashboard/dashboard-client/src/components/CreatableIspNew/CreatableIspNew.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classes from "./styles.module.css";
-import Creatable from 'react-select/creatable';
-import classNames from "classnames";
-import { selectIsViewer } from "../../store/site/siteSlice";
-import { useSelector } from "react-redux";
-import { getOptionItems, getValueItems } from "./utils";
-export const ACTIONS = {
-    SELECT: "select-option",
-    DESELECT: "deselect-option",
-    REMOVE: "remove-value",
-    POP: "pop-value",
-    SET: "set-value",
-    CLEAR: "clear"
-};
-const CreatableIspNew = (props) => {
-    const { values = [], options = [], isStringsArrayInput = true, placeHolder, isMulti = true, onInputChange, isDisabled = false, isClearable, className, components, keepMenuClosed, onChange, onFocus, onBlur, createLabel = 'Add', createOptionPosition, menuPlacement, menuPosition, isSearchable, maxMenuHeight, isEnableToViewer, isValidNewOption, isAllowCaseSensitive, isDisableFreeOption = false, onCreateOption } = props;
-    const isViewer = useSelector(selectIsViewer);
-    const valueItems = getValueItems(values, isStringsArrayInput);
-    const optionItems = getOptionItems(options, isStringsArrayInput);
-    let componentsEdited = components;
-    if (keepMenuClosed) {
-        componentsEdited = Object.assign(Object.assign({}, componentsEdited), { DropdownIndicator: () => null, IndicatorSeparator: () => null, Menu: () => null });
-    }
-    const onCreatableChange = (newOptions, actionMeta) => {
-        if (newOptions == null && onChange) {
-            onChange([]);
-        }
-        if (isMulti) {
-            const sanitizedOptions = newOptions.map(o => getSanitizedOption(o));
-            if (onChange) {
-                onChange(sanitizedOptions);
-            }
-        }
-        else {
-            const sanitizedOption = getSanitizedOption(newOptions);
-            if (onChange) {
-                onChange(sanitizedOption);
-            }
-        }
-    };
-    const getSanitizedOption = (newOption) => {
-        const valueSanitized = newOption.value.replace(/,/g, '').trim();
-        const labelSanitized = newOption.label.replace(/,/g, '').trim();
-        return {
-            value: valueSanitized,
-            label: labelSanitized
-        };
-    };
-    const onCreatableInputChange = (value, actionMeta) => {
-        //console.log('actionMeta.action: ' + actionMeta.action);
-        if (onInputChange) {
-            onInputChange(value);
-        }
-    };
-    function formatCreateLabel(inputValue) {
-        return createLabel + ' "' + inputValue + '"';
-    }
-    const handleIsValidNewOption = (inputValue, selectValue, selectOptions) => {
-        if (isValidNewOption) {
-            if (!isValidNewOption(inputValue, selectValue, selectOptions)) {
-                return false;
-            }
-        }
-        if (isDisableFreeOption) {
-            return false;
-        }
-        const isExactValueExists = selectOptions.find(el => el.value === inputValue);
-        const isValueIsNotEmpty = inputValue.trim().length;
-        return !isExactValueExists && isValueIsNotEmpty;
-    };
-    return (_jsx(Creatable, { className: classNames(classes.creatable, className), onChange: onCreatableChange, onInputChange: onCreatableInputChange, isMulti: isMulti, options: optionItems, value: valueItems, placeholder: placeHolder, hideSelectedOptions: true, isDisabled: isDisabled || (isViewer && !isEnableToViewer), cacheOptions: false, isClearable: isClearable, components: componentsEdited, tabSelectsValue: false, onBlur: onBlur, classNamePrefix: "fast-creatable-new", onFocus: onFocus, formatCreateLabel: formatCreateLabel, createOptionPosition: createOptionPosition, menuPlacement: menuPlacement, menuPosition: menuPosition, isSearchable: isSearchable, maxMenuHeight: maxMenuHeight, onCreateOption: onCreateOption, isValidNewOption: isAllowCaseSensitive ||
-            isDisableFreeOption ||
-            isValidNewOption ?
-            handleIsValidNewOption : undefined }));
-};
-export default CreatableIspNew;
-//# sourceMappingURL=CreatableIspNew.js.map

package/dist/dashboard/dashboard-client/src/components/CreatableIspNew/CreatableIspNew.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CreatableIspNew.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/CreatableIspNew/CreatableIspNew.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\";\r\n\r\nimport Creatable from 'react-select/creatable';\r\nimport classNames from \"classnames\";\r\nimport {SelectComponentsConfig} from \"react-select/src/components\";\r\nimport {ActionMeta, ValueType} from \"react-select/src/types\";\r\nimport {selectIsViewer} from \"../../store/site/siteSlice\";\r\nimport {useSelector} from \"react-redux\";\r\nimport {getOptionItems, getValueItems} from \"./utils\";\r\n\r\nexport const ACTIONS  = {\r\n        SELECT: \"select-option\",\r\n        DESELECT: \"deselect-option\",\r\n        REMOVE: \"remove-value\",\r\n        POP: \"pop-value\",\r\n        SET:    \"set-value\",\r\n        CLEAR: \"clear\"\r\n};\r\n\r\n\r\nexport interface OptionType  { value: string, label: string }\r\n\r\n/* this is a select with an option to add values that are not on the\r\n   suggested options this wraps the component creatable, and it currently\r\n   works only for string values. the props <values> and <options> are\r\n   simplified to string[] type, and so is the input value that is returned\r\n   in the method <onInputChange>.\r\n\r\n   If in all the options the label is equal to the value, one can use the prop\r\n   isStringsArrayInput={true}, and pass array of strings to the values and\r\n   options props\r\n */\r\n\r\n\r\ninterface Props{\r\n    values: string[] | OptionType[]\r\n    options: string[] | OptionType[]\r\n    isStringsArrayInput? : boolean\r\n    placeHolder?: string\r\n    isMulti?: boolean\r\n    onInputChange?: (value: string) => void\r\n    isDisabled?: boolean\r\n    isClearable?: boolean\r\n    className?: string\r\n    components?:SelectComponentsConfig<OptionType>\r\n    keepMenuClosed?:boolean,\r\n    onChange?: (newValues: OptionType[] | OptionType) => void\r\n    onFocus?: VoidFunction,\r\n    onBlur?: VoidFunction\r\n    createLabel?: string\r\n    createOptionPosition?: 'first' | 'last'\r\n    menuPlacement?: 'auto' | 'top' | 'bottom'\r\n    menuPosition?: 'absolute' | 'fixed'\r\n    isSearchable?: boolean\r\n    maxMenuHeight?: number\r\n    isEnableToViewer?: boolean\r\n    isValidNewOption?: (inputValue: string, selectValue: string, selectOptions: OptionType[]) => boolean\r\n    isAllowCaseSensitive?: boolean  //allow to add 2 values that defer only by case sensitivity\r\n    isDisableFreeOption?: boolean\r\n    onCreateOption?: VoidFunction\r\n}\r\n\r\nconst CreatableIspNew: React.FC<Props> = (props) => {\r\n\r\n    const {\r\n        values = [], options = [],\r\n        isStringsArrayInput = true, placeHolder,\r\n        isMulti = true, onInputChange, isDisabled = false,\r\n        isClearable, className, components,\r\n        keepMenuClosed, onChange,\r\n        onFocus, onBlur,\r\n        createLabel = 'Add', createOptionPosition,\r\n        menuPlacement, menuPosition,\r\n        isSearchable, maxMenuHeight,\r\n        isEnableToViewer, isValidNewOption,\r\n        isAllowCaseSensitive, isDisableFreeOption = false,\r\n        onCreateOption\r\n    } = props;\r\n\r\n\r\n    const isViewer = useSelector(selectIsViewer);\r\n\r\n    const valueItems: OptionType[] = getValueItems(values, isStringsArrayInput);\r\n    const optionItems: OptionType[] = getOptionItems(options, isStringsArrayInput);\r\n\r\n    let componentsEdited = components;\r\n\r\n    if (keepMenuClosed) {\r\n        componentsEdited = {\r\n            ...componentsEdited,\r\n            DropdownIndicator: () => null,\r\n            IndicatorSeparator: () => null,\r\n            Menu: () => null\r\n        }\r\n    }\r\n\r\n    const onCreatableChange = (newOptions: ValueType<OptionType>[],\r\n                               actionMeta: ActionMeta<OptionType>) => {\r\n\r\n        if (newOptions == null && onChange) {\r\n            onChange([]);\r\n        }\r\n\r\n        if (isMulti) {\r\n            const sanitizedOptions: OptionType[] = newOptions.map(\r\n                o => getSanitizedOption(o));\r\n\r\n            if (onChange) {\r\n                onChange(sanitizedOptions);\r\n            }\r\n        }\r\n        else {\r\n            const sanitizedOption: OptionType = getSanitizedOption(\r\n                newOptions as unknown as OptionType);\r\n\r\n            if (onChange) {\r\n                onChange(sanitizedOption);\r\n            }\r\n        }\r\n    };\r\n\r\n    const getSanitizedOption = (newOption: OptionType) => {\r\n\r\n        const valueSanitized = newOption.value.replace(/,/g, '').trim();\r\n        const labelSanitized = newOption.label.replace(/,/g, '').trim();\r\n\r\n        return {\r\n            value: valueSanitized,\r\n            label: labelSanitized\r\n        };\r\n    };\r\n\r\n    const onCreatableInputChange = (value: string, actionMeta: any)  => {\r\n        //console.log('actionMeta.action: ' + actionMeta.action);\r\n        if (onInputChange) {\r\n            onInputChange(value);\r\n        }\r\n    };\r\n\r\n    function formatCreateLabel(inputValue: string):string | undefined {\r\n        return createLabel + ' \"' + inputValue + '\"';\r\n    }\r\n\r\n    const handleIsValidNewOption = (inputValue: string,\r\n                                    selectValue: string,\r\n                                    selectOptions: OptionType[]) => {\r\n         if (isValidNewOption) {\r\n             if (!isValidNewOption(inputValue, selectValue, selectOptions)) {\r\n                 return false;\r\n             }\r\n         }\r\n\r\n        if(isDisableFreeOption){\r\n             return false;\r\n         }\r\n\r\n         const isExactValueExists = selectOptions.find(\r\n             el => el.value === inputValue);\r\n\r\n         const isValueIsNotEmpty = inputValue.trim().length;\r\n         return !isExactValueExists && isValueIsNotEmpty;\r\n     };\r\n\r\n\r\n    return (\r\n            <Creatable className={classNames(classes.creatable, className)}\r\n                       onChange={onCreatableChange}\r\n                       onInputChange={onCreatableInputChange}\r\n                       isMulti={isMulti}\r\n                       options={optionItems}\r\n                       value={valueItems}\r\n                       placeholder={placeHolder}\r\n                       hideSelectedOptions={true}\r\n                       isDisabled={isDisabled || (isViewer && !isEnableToViewer)}\r\n                       cacheOptions={false}\r\n                       isClearable={isClearable}\r\n                       components={componentsEdited}\r\n                       tabSelectsValue={false}\r\n                       onBlur={onBlur}\r\n                       classNamePrefix={\"fast-creatable-new\"}\r\n                       onFocus={onFocus}\r\n                       formatCreateLabel={formatCreateLabel}\r\n                       createOptionPosition={createOptionPosition}\r\n                       menuPlacement={menuPlacement}\r\n                       menuPosition={menuPosition}\r\n                       isSearchable={isSearchable}\r\n                       maxMenuHeight={maxMenuHeight}\r\n                       onCreateOption={onCreateOption}\r\n                       isValidNewOption={isAllowCaseSensitive ||\r\n                                         isDisableFreeOption ||\r\n                                         isValidNewOption ?\r\n                                            handleIsValidNewOption : undefined\r\n                                         }\r\n            />\r\n    )\r\n};\r\n\r\nexport default CreatableIspNew;\r\n"]}

package/dist/dashboard/dashboard-client/src/components/CreatableIspNew/utils.d.ts

@@ -1,3 +0,0 @@
-import { OptionType } from "./CreatableIspNew";
-export declare function getValueItems(values: string[] | OptionType[], isStringsArrayInput: boolean): OptionType[];
-export declare function getOptionItems(options: string[] | OptionType[], isStringsArrayInput: boolean): OptionType[];