@fast-simon/dashboard-utilities 1.0.35 → 1.0.37

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

@@ -0,0 +1,2 @@
+export { default } from './NavMenuItem';
+export * from './NavMenuItem';

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

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

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

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

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

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+export interface Props {
+    label: React.ReactNode;
+    checked: boolean;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+    size?: 'medium' | 'small';
+    inline?: boolean;
+    children?: ReactNode;
+    disabled?: boolean;
+    tooltipText?: string;
+    customClasses?: {
+        children?: string;
+        label?: string;
+    };
+    isEnableToViewer?: boolean;
+    isChildrenPressable?: boolean;
+}
+declare const RadioButton: React.FC<Props>;
+export default RadioButton;

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import classes from './styles.module.css';
+import { Tooltip } from "@material-ui/core";
+import { useSelector } from "react-redux";
+import { selectIsViewer } from "../../store/site/siteSlice";
+const RadioButton = ({ label, checked, onChange, className, tooltipText, size = 'medium', inline = false, children, disabled, customClasses, isEnableToViewer, isChildrenPressable = true }) => {
+    const isViewer = useSelector(selectIsViewer);
+    const getRadio = () => {
+        return (_jsxs("label", Object.assign({ className: classNames(classes.radioButton, { [classes.childPressable]: isChildrenPressable }, { [classes.inline]: inline }, { [classes.disabled]: disabled }, { [classes.radioSmall]: size === 'small' }, className) }, { children: [_jsx("input", { type: "radio", checked: checked, onChange: onChange, disabled: disabled || (isViewer && !isEnableToViewer), className: classNames(classes.radioInput, { [classes.radioChecked]: checked }) }), _jsx("span", Object.assign({ className: classNames(classes.radioLabel, customClasses === null || customClasses === void 0 ? void 0 : customClasses.label) }, { children: _jsx("span", Object.assign({ className: classNames(classes.radioText, { [classes.radioSmallText]: size === 'small' }) }, { children: label })) })), _jsx("span", Object.assign({ className: classNames(classes.children, customClasses === null || customClasses === void 0 ? void 0 : customClasses.children) }, { children: children }))] })));
+    };
+    if (tooltipText) {
+        return (_jsx(Tooltip, Object.assign({ title: tooltipText, arrow: true, placement: "bottom", classes: { popper: classes.iconTooltip } }, { children: getRadio() })));
+    }
+    return getRadio();
+};
+export default RadioButton;
+//# sourceMappingURL=RadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,OAAO,EAAC,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAC,WAAW,EAAC,MAAM,aAAa,CAAC;AACxC,OAAO,EAAC,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAqB1D,MAAM,WAAW,GAAoB,CAAC,EAAC,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAC,WAAW,EAAE,IAAI,GAAG,QAAQ,EAAE,MAAM,GAAG,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE,mBAAmB,GAAG,IAAI,EAAC,EAAE,EAAE;IAEzM,MAAM,QAAQ,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAE7C,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,OAAO,CACH,+BAAO,SAAS,EAAE,UAAU,CACxB,OAAO,CAAC,WAAW,EACnB,EAAC,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,mBAAmB,EAAC,EAC/C,EAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,MAAM,EAAC,EAC1B,EAAC,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAC,EAC9B,EAAC,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,IAAI,KAAK,OAAO,EAAC,EACxC,SAAS,CAAC,iBACV,gBAAO,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,gBAAgB,CAAC,EACrD,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU,EAAE,EAAC,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,OAAO,EAAC,CAAC,GAAG,EACtF,6BAAM,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,CAAC,gBAClE,6BAAM,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,SAAS,EACzC,EAAC,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE,IAAI,KAAK,OAAO,EAAC,CAAC,gBAC5C,KAAK,IACH,IACJ,EACN,6BAAM,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,QAAQ,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,gBACjE,QAAQ,IACP,KACF,CACX,CAAA;IACL,CAAC,CAAA;IAED,IAAG,WAAW,EAAC;QACX,OAAO,CACH,KAAC,OAAO,kBAAC,KAAK,EAAE,WAAW,EAAE,KAAK,QAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAC,MAAM,EAAE,OAAO,CAAC,WAAW,EAAC,gBACzF,QAAQ,EAAE,IACL,CACb,CAAA;KACJ;IAED,OAAO,QAAQ,EAAE,CAAC;AACtB,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React, {ReactNode} from 'react';\r\nimport classNames from 'classnames';\r\n\r\nimport classes from './styles.module.css';\r\nimport {Tooltip} from \"@material-ui/core\";\r\nimport {useSelector} from \"react-redux\";\r\nimport {selectIsViewer} from \"../../store/site/siteSlice\";\r\n\r\n\r\nexport interface Props {\r\n    label: React.ReactNode\r\n    checked: boolean\r\n    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void\r\n    className?: string\r\n    size?: 'medium' | 'small'\r\n    inline?: boolean\r\n    children?: ReactNode\r\n    disabled?: boolean\r\n    tooltipText?: string\r\n    customClasses?: {\r\n        children?: string\r\n        label?: string\r\n    }\r\n    isEnableToViewer?: boolean\r\n    isChildrenPressable?: boolean\r\n}\r\n\r\nconst RadioButton: React.FC<Props> = ({label, checked, onChange, className,tooltipText, size = 'medium', inline = false, children, disabled, customClasses, isEnableToViewer, isChildrenPressable = true}) => {\r\n\r\n    const isViewer = useSelector(selectIsViewer);\r\n\r\n    const getRadio = () => {\r\n        return (\r\n            <label className={classNames(\r\n                classes.radioButton,\r\n                {[classes.childPressable]: isChildrenPressable},\r\n                {[classes.inline]: inline},\r\n                {[classes.disabled]: disabled},\r\n                {[classes.radioSmall]: size === 'small'},\r\n                className)}>\r\n                <input type=\"radio\"\r\n                       checked={checked}\r\n                       onChange={onChange}\r\n                       disabled={disabled || (isViewer && !isEnableToViewer)}\r\n                       className={classNames(classes.radioInput, {[classes.radioChecked]: checked})}/>\r\n                <span className={classNames(classes.radioLabel, customClasses?.label)}>\r\n                   <span className={classNames(classes.radioText,\r\n                       {[classes.radioSmallText]: size === 'small'})}>\r\n                       {label}\r\n                   </span>\r\n               </span>\r\n                <span className={classNames(classes.children, customClasses?.children)}>\r\n                    {children}\r\n               </span>\r\n            </label>\r\n        )\r\n    }\r\n\r\n    if(tooltipText){\r\n        return (\r\n            <Tooltip title={tooltipText} arrow placement={\"bottom\"} classes={{popper: classes.iconTooltip}}>\r\n                {getRadio()}\r\n            </Tooltip>\r\n        )\r\n    }\r\n\r\n    return getRadio();\r\n};\r\n\r\nexport default RadioButton;\r\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import React, { ReactNode } from "react";
+export type RadioSelectTooltipIcon = 'lock' | 'help' | 'star';
+export type TooltipPlacement = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';
+export interface RadioOption {
+    value: string;
+    text: React.ReactNode;
+    tooltip?: string | any;
+    tooltipIcon?: RadioSelectTooltipIcon;
+    dataOnSelected?: React.ReactNode;
+}
+interface Props {
+    options: RadioOption[];
+    selected: any;
+    onChange: (value: string) => void;
+    size?: 'medium' | 'small';
+    inline?: boolean;
+    children?: (option: string) => ReactNode;
+    containerClass?: string;
+    optionClass?: string;
+    tooltipsClass?: string;
+    tooltipsPlacement?: TooltipPlacement;
+    disabled?: boolean;
+    dataOnSelectClasses?: {
+        children?: string;
+    };
+    isEnableToViewer?: boolean;
+    enableValuesToViewer?: string[];
+    popperClass?: string;
+}
+declare const RadioSelect: React.FC<Props>;
+export default RadioSelect;

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

@@ -0,0 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import ConditionalWrap from 'conditional-wrap';
+import StarIcon from 'components/Icons/StarIcon';
+import RadioButton from "../RadioButton";
+import MuiTooltip from "../MuiTooltip";
+import HelpIcon from "../Icons/HelpIcon";
+import classes from './styles.module.css';
+import LockIcon from "../Icons/LockIcon";
+import { selectIsViewer } from "../../store/site/siteSlice";
+import { useSelector } from "react-redux";
+const RadioSelect = ({ options, selected, onChange, inline, size, children: renderIcon, containerClass, optionClass, tooltipsClass, tooltipsPlacement, disabled, dataOnSelectClasses, isEnableToViewer, enableValuesToViewer, popperClass }) => {
+    const isViewer = useSelector(selectIsViewer);
+    const onOptionChange = (value) => () => onChange(value);
+    function getTooltipIcon(tooltip, tooltipIcon) {
+        if (tooltip && tooltipIcon === 'lock') {
+            return _jsx(LockIcon, { className: classes.icon });
+        }
+        else if (tooltip && tooltipIcon === 'star') {
+            return _jsx(StarIcon, {});
+        }
+        else if (tooltip) {
+            return _jsx(HelpIcon, { className: classes.icon });
+        }
+        return null;
+    }
+    const isRadioButtonDisabled = (value) => {
+        const isValueEnabledForViewer = isEnableToViewer ||
+            enableValuesToViewer && enableValuesToViewer.indexOf(value) >= 0;
+        return disabled || (isViewer && !isValueEnabledForViewer);
+    };
+    return (_jsx("div", Object.assign({ className: containerClass }, { children: options.map(({ value, text, tooltip, tooltipIcon = 'help', dataOnSelected }, index) => (_jsx(ConditionalWrap, Object.assign({ condition: !!tooltip, wrap: children => (_jsx(MuiTooltip, Object.assign({ title: tooltip, tooltipClass: tooltipsClass, placement: tooltipsPlacement, popperClass: popperClass }, { children: _jsx("span", { children: children }) }))) }, { children: _jsx(Fragment, { children: _jsxs(RadioButton, Object.assign({ inline: inline, size: size, label: text, checked: value === selected, onChange: onOptionChange(value), className: optionClass, disabled: isRadioButtonDisabled(value), customClasses: { children: dataOnSelectClasses === null || dataOnSelectClasses === void 0 ? void 0 : dataOnSelectClasses.children }, isEnableToViewer: true }, { children: [getTooltipIcon(tooltip, tooltipIcon), value === selected ? dataOnSelected : null] })) }) }), index))) })));
+};
+export default RadioSelect;
+//# sourceMappingURL=RadioSelect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioSelect.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/RadioSelect/RadioSelect.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {ReactNode, Fragment, ReactElement} from \"react\";\r\nimport ConditionalWrap from 'conditional-wrap';\r\nimport StarIcon from 'components/Icons/StarIcon';\r\nimport RadioButton from \"../RadioButton\";\r\nimport MuiTooltip from \"../MuiTooltip\";\r\nimport HelpIcon from \"../Icons/HelpIcon\";\r\nimport classes from './styles.module.css';\r\nimport LockIcon from \"../Icons/LockIcon\";\r\nimport {selectIsViewer} from \"../../store/site/siteSlice\";\r\nimport {useSelector} from \"react-redux\";\r\n\r\n\r\nexport type RadioSelectTooltipIcon = 'lock' | 'help' | 'star';\r\n\r\nexport type TooltipPlacement = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' |\r\n                               'left-start' | 'left' | 'right-end' | 'right-start' |\r\n                               'right' | 'top-end' | 'top-start' | 'top';\r\n\r\nexport interface RadioOption {\r\n    value: string\r\n    text: React.ReactNode\r\n    tooltip?: string | any\r\n    tooltipIcon?: RadioSelectTooltipIcon\r\n    dataOnSelected?: React.ReactNode\r\n}\r\n\r\ninterface Props {\r\n    options: RadioOption[]\r\n    selected: any\r\n    onChange: (value: string) => void\r\n\r\n    size?: 'medium' | 'small'\r\n    inline?: boolean\r\n\r\n    children?: (option: string) => ReactNode\r\n\r\n    containerClass?: string\r\n    optionClass?: string\r\n    tooltipsClass?: string\r\n    tooltipsPlacement?: TooltipPlacement\r\n    disabled?: boolean\r\n    dataOnSelectClasses?: {\r\n        children?: string\r\n    }\r\n    isEnableToViewer? : boolean\r\n    enableValuesToViewer?: string[]\r\n    popperClass?: string\r\n\r\n}\r\n\r\n\r\nconst RadioSelect: React.FC<Props> = ({\r\n                                          options,\r\n                                          selected,\r\n                                          onChange,\r\n                                          inline,\r\n                                          size,\r\n                                          children: renderIcon,\r\n                                          containerClass,\r\n                                          optionClass,\r\n                                          tooltipsClass ,\r\n                                          tooltipsPlacement,\r\n                                          disabled,\r\n                                          dataOnSelectClasses,\r\n                                          isEnableToViewer,\r\n                                          enableValuesToViewer,\r\n                                          popperClass\r\n                                      }) => {\r\n    const isViewer = useSelector(selectIsViewer);\r\n\r\n    const onOptionChange = (value: string) => () => onChange(value);\r\n\r\n    function getTooltipIcon(tooltip: string | undefined,\r\n                            tooltipIcon: RadioSelectTooltipIcon | undefined): ReactElement | null {\r\n        if (tooltip && tooltipIcon === 'lock') {\r\n             return <LockIcon className={classes.icon}/>\r\n        }\r\n        else if (tooltip && tooltipIcon === 'star') {\r\n            return <StarIcon/>;\r\n        }\r\n        else if (tooltip) {\r\n            return <HelpIcon className={classes.icon}/>;\r\n        }\r\n\r\n        return null;\r\n    }\r\n\r\n    const isRadioButtonDisabled = (value: string) => {\r\n        const isValueEnabledForViewer =\r\n            isEnableToViewer ||\r\n            enableValuesToViewer && enableValuesToViewer.indexOf(value) >=0;\r\n\r\n        return disabled || (isViewer && !isValueEnabledForViewer);\r\n    };\r\n\r\n    return (\r\n        <div className={containerClass}>\r\n\r\n            {options.map(({value, text, tooltip, tooltipIcon = 'help', dataOnSelected}, index) => (\r\n                <ConditionalWrap\r\n                    key={index}\r\n                    condition={!!tooltip}\r\n                    wrap={children => (\r\n                        <MuiTooltip title={tooltip as string} tooltipClass={tooltipsClass} placement={tooltipsPlacement} popperClass={popperClass}>\r\n                            <span>{children}</span>\r\n                        </MuiTooltip>)}\r\n                >\r\n                    <Fragment>\r\n                        <RadioButton inline={inline}\r\n                                     size={size}\r\n                                     label={text}\r\n                                     checked={value === selected}\r\n                                     onChange={onOptionChange(value)}\r\n                                     className={optionClass}\r\n                                     disabled={isRadioButtonDisabled(value)}\r\n                                     customClasses={{children: dataOnSelectClasses?.children}}\r\n                                     isEnableToViewer={true}>\r\n                            {getTooltipIcon(tooltip, tooltipIcon)}\r\n                            {value === selected ? dataOnSelected : null}\r\n                        </RadioButton>\r\n                    </Fragment>\r\n                </ConditionalWrap>\r\n            ))}\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default RadioSelect"]}

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

@@ -0,0 +1,23 @@
+import React from 'react';
+export declare enum ButtonSize {
+    DEFAULT = 0,
+    SMALL = 1
+}
+export declare enum SaveType {
+    SAVE = 0,
+    SAVE_AND_PUBLISH_TO_NON_LIVE_THEME = 1,
+    SAVE_AND_PUBLISH = 2,
+    PUSH_TO = 3,
+    SAVE_AND_PUSH_TO = 4
+}
+export interface ButtonProps {
+    isSettingsChanged: boolean;
+    isDisabled?: boolean;
+    onClick?: (option: SaveType) => void;
+    style?: React.CSSProperties;
+    options: SaveType[];
+    isSaveLoading?: boolean;
+    size?: ButtonSize;
+}
+declare const SaveButton: React.FC<ButtonProps>;
+export default SaveButton;

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

@@ -0,0 +1,142 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import Box from '@material-ui/core/Box';
+import MenuItem from '@material-ui/core/MenuItem';
+import FormControl from '@material-ui/core/FormControl';
+import Select from '@material-ui/core/Select';
+import classes from "./styles.module.css";
+import { OutlinedInput, withStyles } from "@material-ui/core";
+import { useSelector } from "react-redux";
+import { selectIsViewer, selectSiteDetails } from "../../store/site/siteSlice";
+import classNames from "classnames";
+import { useIsEnterpriseOrUnlimited } from "../../utils/site";
+import SaveLoader from "./SaveLoader";
+export var ButtonSize;
+(function (ButtonSize) {
+    ButtonSize[ButtonSize["DEFAULT"] = 0] = "DEFAULT";
+    ButtonSize[ButtonSize["SMALL"] = 1] = "SMALL";
+})(ButtonSize || (ButtonSize = {}));
+const MuiOutlinedInput = withStyles((theme) => ({
+    root: {
+        display: 'flex',
+        width: '80px',
+        border: '1px solid transparent',
+        borderRadius: '21px',
+        transition: '100ms all ease-in-out',
+        marginRight: '15px',
+        backgroundColor: 'var(--windows-blue)',
+        color: 'var(--white-smoke)',
+        cursor: 'pointer !important',
+        height: '28px',
+        padding: '5px 4px 5px 12px',
+        textAlign: 'center',
+        justifyContent: 'space-between',
+        '&:hover': {
+            //backgroundColor: 'white',
+            color: 'var(--windows-blue)',
+            border: '1px solid var(--windows-blue)',
+        },
+    },
+    notchedOutline: {
+        border: "unset !important"
+    }
+}))(OutlinedInput);
+export var SaveType;
+(function (SaveType) {
+    SaveType[SaveType["SAVE"] = 0] = "SAVE";
+    SaveType[SaveType["SAVE_AND_PUBLISH_TO_NON_LIVE_THEME"] = 1] = "SAVE_AND_PUBLISH_TO_NON_LIVE_THEME";
+    SaveType[SaveType["SAVE_AND_PUBLISH"] = 2] = "SAVE_AND_PUBLISH";
+    SaveType[SaveType["PUSH_TO"] = 3] = "PUSH_TO";
+    SaveType[SaveType["SAVE_AND_PUSH_TO"] = 4] = "SAVE_AND_PUSH_TO";
+})(SaveType || (SaveType = {}));
+const SaveButton = ({ isSettingsChanged, isDisabled = false, onClick, style, options, isSaveLoading = false, size = ButtonSize.SMALL }) => {
+    const { siteList: siteList } = useSelector(selectSiteDetails);
+    const [toggle, setToggle] = React.useState(false);
+    const [value, setValue] = React.useState(SaveType.SAVE);
+    const [loading, setLoading] = React.useState(false);
+    const [success, setSuccess] = React.useState(false);
+    const [isDisabledState, setIsDisabledState] = React.useState(isDisabled);
+    const isViewer = useSelector(selectIsViewer);
+    const isEnterpriseOrUnlimitedAccount = useIsEnterpriseOrUnlimited();
+    const isDisplayDropdown = () => {
+        if (options.length <= 1) {
+            return false;
+        }
+        if (options.length <= 2 &&
+            options.indexOf(SaveType.SAVE_AND_PUSH_TO) >= 0 &&
+            (!siteList || (siteList === null || siteList === void 0 ? void 0 : siteList.length) <= 1)) {
+            return false;
+        }
+        return true;
+    };
+    useEffect(() => {
+        setIsDisabledState(isDisabled);
+    }, [isDisabled]);
+    const save = (event) => {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        const val = ((_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value) || SaveType.SAVE;
+        if ((!event ||
+            ((_c = (_b = event.target) === null || _b === void 0 ? void 0 : _b.classList) === null || _c === void 0 ? void 0 : _c.contains('MuiListItem-button')) ||
+            ((_d = event === null || event === void 0 ? void 0 : event.target) === null || _d === void 0 ? void 0 : _d.value)) &&
+            (!isViewer || !isEnterpriseOrUnlimitedAccount)) {
+            if (Object.values(SaveType).includes(val)) {
+                onClick === null || onClick === void 0 ? void 0 : onClick(val);
+            }
+        }
+        else {
+            if (event &&
+                (((_f = (_e = event.target) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.contains('MuiInputBase-root')) ||
+                    ((_h = (_g = event.target) === null || _g === void 0 ? void 0 : _g.classList) === null || _h === void 0 ? void 0 : _h.contains('MuiSelect-icon')) ||
+                    ((_j = event.target) === null || _j === void 0 ? void 0 : _j.id) === 'saveButtonSelect')) {
+                onToggle(event);
+            }
+        }
+    };
+    const handleChange = (event) => {
+        setToggle(false);
+    };
+    const onToggle = (event) => {
+        setToggle(!toggle);
+    };
+    useEffect(() => {
+        if (!isSaveLoading && loading)
+            setSuccess(true);
+        setLoading(isSaveLoading);
+        const timer = setTimeout(() => setSuccess(false), 3000);
+        return () => clearTimeout(timer);
+    }, [isSaveLoading]);
+    if (!isDisplayDropdown()) {
+        return _jsx("div", Object.assign({ className: classNames(classes.saveButton, !isSettingsChanged ? classes.disableButton : undefined), onClick: () => save() }, { children: _jsx(SaveLoader, { isLoading: loading, isSuccess: success }) }));
+    }
+    return (_jsx("div", Object.assign({ className: classes.saveAndSelectWrapper, onClick: onToggle }, { children: _jsx(Box, Object.assign({ className: classes.saveButtonWrapper }, { children: _jsx(FormControl, Object.assign({ fullWidth: true, margin: "none" }, { children: _jsxs(Select, Object.assign({ native: false, labelId: "demo-simple-select-label", id: "demo-simple-select", onChange: handleChange, onClose: onToggle, onOpen: onToggle, SelectDisplayProps: {
+                        id: 'saveButtonSelect',
+                        style: {
+                            fontSize: size === ButtonSize.DEFAULT ? '18px' : '15px',
+                            fontWeight: 400,
+                            backgroundColor: 'transparent',
+                            display: 'flex',
+                            alignItems: 'center',
+                            color: 'white',
+                        },
+                        className: classNames(classes.input, { [classes.noDropdown]: options.length <= 1 })
+                    }, value: value, input: _jsx(MuiOutlinedInput, { margin: 'dense', onClick: save }), open: toggle, MenuProps: {
+                        anchorOrigin: {
+                            vertical: "bottom",
+                            horizontal: "right"
+                        },
+                        transformOrigin: {
+                            vertical: "top",
+                            horizontal: "center"
+                        },
+                        getContentAnchorEl: null
+                    }, className: classes.select, inputProps: {
+                        classes: {
+                            icon: classNames(classes.iconStyle, options.length > 1 ? undefined : classes.hideIcon)
+                        }
+                    }, disabled: loading || success || isDisabledState }, { children: [options.indexOf(SaveType.SAVE) >= 0 &&
+                            _jsx(MenuItem, Object.assign({ value: SaveType.SAVE, className: !isSettingsChanged ? classes.disableButton : undefined }, { children: _jsx(SaveLoader, { isLoading: loading, isSuccess: success }) })), options.indexOf(SaveType.SAVE_AND_PUBLISH) >= 0 &&
+                            _jsx(MenuItem, Object.assign({ value: SaveType.SAVE_AND_PUBLISH, className: !isSettingsChanged ? classes.disableButton : undefined }, { children: _jsx(SaveLoader, { isLoading: loading, isSuccess: success, buttonLabel: 'Save & Publish' }) })), options.indexOf(SaveType.SAVE_AND_PUSH_TO) >= 0 && siteList && siteList.length > 1 ?
+                            _jsx(MenuItem, Object.assign({ value: SaveType.SAVE_AND_PUSH_TO, className: !isSettingsChanged ? classes.disableButton : undefined }, { children: "Save & Push To" })) : null] })) })) })) })));
+};
+export default SaveButton;
+//# sourceMappingURL=SaveButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SaveButton.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/SaveButton/SaveButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useEffect} from 'react';\r\nimport Box from '@material-ui/core/Box';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Select from '@material-ui/core/Select';\r\nimport classes from \"./styles.module.css\";\r\nimport {OutlinedInput, withStyles} from \"@material-ui/core\";\r\nimport {useSelector} from \"react-redux\";\r\nimport {selectIsViewer, selectSiteDetails} from \"../../store/site/siteSlice\";\r\nimport classNames from \"classnames\";\r\nimport {useIsEnterpriseOrUnlimited} from \"../../utils/site\";\r\nimport SaveLoader from \"./SaveLoader\";\r\n\r\nexport enum ButtonSize {\r\n    DEFAULT,\r\n    SMALL\r\n}\r\n\r\nconst MuiOutlinedInput = withStyles((theme) => ({\r\n    root: {\r\n        display: 'flex',\r\n        width: '80px',\r\n        border: '1px solid transparent',\r\n        borderRadius: '21px', //props => (props.size === ButtonSize.DEFAULT) ? '4px': '21px',\r\n        transition: '100ms all ease-in-out',\r\n        marginRight: '15px',\r\n        backgroundColor: 'var(--windows-blue)',\r\n        color: 'var(--white-smoke)',\r\n        cursor: 'pointer !important',\r\n        height: '28px', //props => (props.size === ButtonSize.DEFAULT) ? '38px' : '28px',\r\n        padding: '5px 4px 5px 12px',\r\n        textAlign: 'center',\r\n        justifyContent: 'space-between',\r\n        '&:hover': {\r\n            //backgroundColor: 'white',\r\n            color: 'var(--windows-blue)',\r\n            border: '1px solid var(--windows-blue)',\r\n        },\r\n    },\r\n    notchedOutline: {\r\n        border: \"unset !important\"\r\n    }\r\n}))(OutlinedInput);\r\n\r\nexport enum SaveType {\r\n    SAVE = 0,\r\n    SAVE_AND_PUBLISH_TO_NON_LIVE_THEME = 1,\r\n    SAVE_AND_PUBLISH = 2,\r\n    PUSH_TO = 3,\r\n    SAVE_AND_PUSH_TO = 4\r\n}\r\n\r\nexport interface ButtonProps {\r\n    isSettingsChanged: boolean;\r\n    isDisabled?: boolean;\r\n    onClick?: (option: SaveType) => void;\r\n    style?: React.CSSProperties\r\n    options: SaveType[]\r\n    isSaveLoading?: boolean\r\n    size?: ButtonSize\r\n}\r\n\r\nconst SaveButton: React.FC<ButtonProps> = ({isSettingsChanged, isDisabled = false, onClick, style, options, isSaveLoading = false, size=ButtonSize.SMALL}) => {\r\n    const {siteList: siteList} = useSelector(selectSiteDetails);\r\n\r\n    const [toggle, setToggle] = React.useState(false);\r\n    const [value, setValue] = React.useState(SaveType.SAVE);\r\n    const [loading, setLoading] = React.useState(false);\r\n    const [success, setSuccess] = React.useState(false);\r\n    const [isDisabledState, setIsDisabledState] = React.useState<boolean>(isDisabled);\r\n\r\n    const isViewer = useSelector(selectIsViewer);\r\n    const isEnterpriseOrUnlimitedAccount = useIsEnterpriseOrUnlimited();\r\n\r\n    const isDisplayDropdown = () => {\r\n        if (options.length <= 1) { return false; }\r\n\r\n        if (options.length <=2 &&\r\n            options.indexOf(SaveType.SAVE_AND_PUSH_TO) >= 0 &&\r\n            (!siteList || siteList?.length <= 1)) {\r\n            return false;\r\n        }\r\n\r\n        return true;\r\n    };\r\n\r\n    useEffect( ()=> {\r\n        setIsDisabledState(isDisabled);\r\n    }, [isDisabled]);\r\n\r\n    const save = (event?: any) => {\r\n        const val = event?.target?.value || SaveType.SAVE;\r\n        if ( (!event ||\r\n              event.target?.classList?.contains('MuiListItem-button') ||\r\n              event?.target?.value) &&\r\n             (!isViewer || !isEnterpriseOrUnlimitedAccount)) {\r\n            if(Object.values(SaveType).includes(val)) {\r\n                onClick?.(val);\r\n            }\r\n        }\r\n        else {\r\n            if (event &&\r\n                (event.target?.classList?.contains('MuiInputBase-root') ||\r\n                 event.target?.classList?.contains('MuiSelect-icon') ||\r\n                 event.target?.id === 'saveButtonSelect') ) {\r\n                onToggle(event);\r\n            }\r\n        }\r\n    };\r\n\r\n    const handleChange = (event: any) => {\r\n        setToggle(false);\r\n    };\r\n\r\n    const onToggle = (event: any) => {\r\n        setToggle(!toggle);\r\n    };\r\n\r\n    useEffect(() => {\r\n        if(!isSaveLoading && loading)\r\n            setSuccess(true);\r\n        setLoading(isSaveLoading);\r\n        const timer = setTimeout(() => setSuccess(false), 3000);\r\n        return () => clearTimeout(timer);\r\n    }, [isSaveLoading]);\r\n\r\n    if(!isDisplayDropdown()) {\r\n        return <div className={classNames(classes.saveButton, !isSettingsChanged ? classes.disableButton : undefined)} onClick={() => save()}>\r\n            <SaveLoader isLoading={loading} isSuccess={success} />\r\n        </div>\r\n    }\r\n\r\n    return (\r\n        <div className={classes.saveAndSelectWrapper} onClick={onToggle}>\r\n            <Box className={classes.saveButtonWrapper}>\r\n                <FormControl fullWidth margin=\"none\">\r\n                    <Select\r\n                        native={false}\r\n                        labelId=\"demo-simple-select-label\"\r\n                        id=\"demo-simple-select\"\r\n                        onChange={handleChange}\r\n                        onClose={onToggle}\r\n                        onOpen={onToggle}\r\n                        SelectDisplayProps={{\r\n                            id:'saveButtonSelect',\r\n                            style: {\r\n                                fontSize: size === ButtonSize.DEFAULT ? '18px' : '15px',\r\n                                fontWeight: 400,\r\n                                backgroundColor: 'transparent',\r\n                                display: 'flex',\r\n                                alignItems: 'center',\r\n                                color: 'white',\r\n                            },\r\n                            className: classNames(classes.input, {[classes.noDropdown]: options.length <= 1})\r\n                        }}\r\n                        value={value}\r\n                        input={<MuiOutlinedInput margin='dense' onClick={save}/>}\r\n                        open={toggle}\r\n                        MenuProps={{\r\n                            anchorOrigin: {\r\n                                vertical: \"bottom\",\r\n                                horizontal: \"right\"\r\n                            },\r\n                            transformOrigin: {\r\n                                vertical: \"top\",\r\n                                horizontal: \"center\"\r\n                            },\r\n                            getContentAnchorEl: null\r\n                        }}\r\n                        className={classes.select}\r\n                        inputProps={{\r\n                            classes: {\r\n                                icon: classNames(classes.iconStyle, options.length > 1 ? undefined : classes.hideIcon)\r\n                            }\r\n                        }}\r\n                        disabled={loading || success || isDisabledState}\r\n                    >\r\n                        {options.indexOf(SaveType.SAVE) >= 0 &&\r\n                            <MenuItem value={SaveType.SAVE} className={!isSettingsChanged ? classes.disableButton : undefined}>\r\n                                <SaveLoader isLoading={loading} isSuccess={success} />\r\n                            </MenuItem>\r\n                        }\r\n\r\n                        {options.indexOf(SaveType.SAVE_AND_PUBLISH) >= 0 &&\r\n                            <MenuItem value={SaveType.SAVE_AND_PUBLISH} className={!isSettingsChanged ? classes.disableButton : undefined}>\r\n                                <SaveLoader isLoading={loading}\r\n                                            isSuccess={success}\r\n                                            buttonLabel={'Save & Publish'}/>\r\n                            </MenuItem>\r\n                        }\r\n\r\n                        {options.indexOf(SaveType.SAVE_AND_PUSH_TO) >= 0 && siteList && siteList.length > 1?\r\n                            <MenuItem value={SaveType.SAVE_AND_PUSH_TO} className={!isSettingsChanged ? classes.disableButton : undefined}>\r\n                                Save & Push To\r\n                            </MenuItem> : null\r\n                        }\r\n                    </Select>\r\n                </FormControl>\r\n            </Box>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default SaveButton;"]}

package/dist/dashboard/dashboard-client/src/components/SaveButton/SaveLoader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface Props {
+    isLoading: boolean;
+    isSuccess: boolean;
+    buttonLabel?: string;
+    savedLabel?: string;
+}
+declare const SaveLoader: React.FC<Props>;
+export default SaveLoader;

package/dist/dashboard/dashboard-client/src/components/SaveButton/SaveLoader.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import { CircularProgress } from "@material-ui/core";
+import DoneIcon from '@material-ui/icons/Done';
+const SaveLoader = ({ isLoading, isSuccess, buttonLabel = 'Save', savedLabel = 'Saved' }) => {
+    return (_jsxs(_Fragment, { children: [isLoading ?
+                _jsx(CircularProgress, { className: classes.progress, size: 14, color: "inherit" })
+                : isSuccess ?
+                    _jsx(DoneIcon, { className: classes.loadingProgress, color: "inherit" }) : undefined, isLoading ? "" : isSuccess ? savedLabel + '!' : buttonLabel] }));
+};
+export default SaveLoader;
+//# sourceMappingURL=SaveLoader.js.map

package/dist/dashboard/dashboard-client/src/components/SaveButton/SaveLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SaveLoader.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/SaveButton/SaveLoader.tsx"],"names":[],"mappings":";AACA,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,mBAAmB,CAAC;AACnD,OAAO,QAAQ,MAAM,yBAAyB,CAAC;AAS/C,MAAM,UAAU,GAAoB,CAAC,EAAC,SAAS,EAAE,SAAS,EAAE,WAAW,GAAE,MAAM,EAAE,UAAU,GAAE,OAAO,EAAC,EAAE,EAAE;IAErG,OAAO,CAAC,8BACH,SAAS,CAAC,CAAC;gBACR,KAAC,gBAAgB,IAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,SAAS,GAAG;gBAC5E,CAAC,CAAC,SAAS,CAAC,CAAC;oBACT,KAAC,QAAQ,IAAC,SAAS,EAAE,OAAO,CAAC,eAAe,EAAE,KAAK,EAAE,SAAS,GAAG,CAAC,CAAC,CAAC,SAAS,EACpF,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,IAC7D,CAAC,CAAC;AACT,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import React from 'react';\r\nimport classes from \"./styles.module.css\";\r\nimport {CircularProgress} from \"@material-ui/core\";\r\nimport DoneIcon from '@material-ui/icons/Done';\r\n\r\nexport interface Props {\r\n    isLoading: boolean\r\n    isSuccess: boolean\r\n    buttonLabel?: string\r\n    savedLabel?: string\r\n}\r\n\r\nconst SaveLoader: React.FC<Props> = ({isLoading, isSuccess, buttonLabel= 'Save', savedLabel= 'Saved'}) => {\r\n\r\n    return (<>\r\n        {isLoading ?\r\n            <CircularProgress className={classes.progress} size={14} color={\"inherit\"}/>\r\n            : isSuccess ?\r\n                <DoneIcon className={classes.loadingProgress} color={\"inherit\"}/> : undefined}\r\n        {isLoading ? \"\" : isSuccess ? savedLabel + '!' : buttonLabel}\r\n    </>);\r\n};\r\n\r\nexport default SaveLoader;"]}

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

@@ -0,0 +1,45 @@
+import React from "react";
+export interface OptionType {
+    label: string;
+    value: string;
+}
+export interface OptionTypeWithImage {
+    value: string;
+    label: React.ReactNode;
+}
+export interface Classes {
+    root?: string;
+    label?: string;
+    select?: string;
+    wrapper?: string;
+}
+interface Props {
+    label?: string | React.ReactNode;
+    id?: string;
+    onChange: (option: string) => void;
+    options: OptionType[] | OptionTypeWithImage[];
+    selectedOption: OptionType | OptionTypeWithImage;
+    isSearchable?: boolean;
+    tooltipText?: React.ReactNode;
+    tooltipTitle?: string;
+    propsClasses?: Classes;
+    placeholder?: string;
+    className?: string;
+    disabled?: boolean;
+    menuPosition?: "fixed" | "absolute";
+    isOptionDisabled?: (option: OptionType | OptionTypeWithImage) => boolean;
+    classNamePrefix?: string;
+    content?: React.ReactNode;
+    isOpen?: boolean;
+    isLoading?: boolean;
+    isGlobalSearch?: boolean;
+    isEnableToViewer?: boolean;
+    components?: React.ReactNode;
+}
+export interface SelectState {
+    isDisabled: boolean;
+}
+export declare const toSelectOptions: (options: string[]) => OptionType[];
+export declare const toSelectOption: (option: string) => OptionType;
+declare const SelectRow: React.FC<Props>;
+export default SelectRow;

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

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classes from "./styles.module.css";
+import ReactSelect from "react-select";
+import classNames from "classnames";
+import TextWithMaterialTooltip from "../TextWithMaterialTooltip";
+import { ignoreSearchClass } from "../../pages/Dashboard/GlobalSearch/utils";
+import { selectIsViewer } from "../../store/site/siteSlice";
+import { useSelector } from "react-redux";
+const customStyles = {
+    singleValue: (provided, state) => {
+        const opacity = state.isDisabled ? 0.5 : 1;
+        const transition = 'opacity 300ms';
+        return Object.assign(Object.assign({}, provided), { transition });
+    }
+};
+const instanceOfOptionType = (option) => {
+    return true;
+};
+export const toSelectOptions = (options) => {
+    return options.map(option => ({ value: option, label: option }));
+};
+export const toSelectOption = (option) => {
+    return { value: option, label: option };
+};
+const SelectRow = ({ label, id, isSearchable, onChange, options, selectedOption, tooltipText, tooltipTitle, propsClasses, placeholder = '', className, disabled, content, menuPosition, isOptionDisabled, isLoading = false, classNamePrefix, isOpen, isGlobalSearch = true, isEnableToViewer, components }) => {
+    const isViewer = useSelector(selectIsViewer);
+    const handleChange = (option) => {
+        if (instanceOfOptionType(option)) {
+            onChange(option.value);
+        }
+    };
+    const getSelectID = () => {
+        if (id)
+            return id;
+        if (typeof label === "string")
+            return label.toLowerCase().replace(" ", "_").replace(/[^\w\s]/gi, ' ');
+        return "";
+    };
+    return (_jsxs("div", Object.assign({ id: getSelectID(), className: classNames(classes.mainContainer, propsClasses === null || propsClasses === void 0 ? void 0 : propsClasses.root, className) }, { children: [_jsxs("div", Object.assign({ className: classes.innerContainer }, { children: [_jsx("label", Object.assign({ className: classNames(classes.label, propsClasses === null || propsClasses === void 0 ? void 0 : propsClasses.label, { [ignoreSearchClass]: !isGlobalSearch }) }, { children: label })), tooltipText ? _jsx(TextWithMaterialTooltip, { text: tooltipTitle, iconClass: classes.tooltipIcon, tooltipText: tooltipText, place: 'right' }) : null] })), _jsxs("div", Object.assign({ className: classNames({ [classes.content]: content }, propsClasses === null || propsClasses === void 0 ? void 0 : propsClasses.wrapper) }, { children: [content, _jsx(ReactSelect, { "aria-label": typeof label === "string" ? label : "", options: options, menuIsOpen: isOpen, value: selectedOption, onChange: handleChange, className: classNames(classes.select, propsClasses === null || propsClasses === void 0 ? void 0 : propsClasses.select), styles: customStyles, isSearchable: Boolean(isSearchable), placeholder: placeholder, isDisabled: disabled || (isViewer && !isEnableToViewer), classNamePrefix: classNamePrefix, menuPosition: menuPosition, isLoading: isLoading, isOptionDisabled: isOptionDisabled, components: components })] }))] })));
+};
+export default SelectRow;
+//# sourceMappingURL=SelectRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectRow.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/SelectRow/SelectRow.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport classes from \"./styles.module.css\";\r\n\r\nimport ReactSelect from \"react-select\"\r\nimport classNames from \"classnames\";\r\nimport TextWithMaterialTooltip from \"../TextWithMaterialTooltip\";\r\nimport {ignoreSearchClass} from \"../../pages/Dashboard/GlobalSearch/utils\";\r\nimport {selectIsViewer} from \"../../store/site/siteSlice\";\r\nimport {useSelector} from \"react-redux\";\r\n\r\nexport interface OptionType {\r\n    label: string\r\n    value: string\r\n}\r\n\r\nexport interface OptionTypeWithImage {\r\n    value: string,\r\n    label: React.ReactNode\r\n}\r\n\r\nexport interface Classes {\r\n    root?: string\r\n    label?: string\r\n    select?: string\r\n    wrapper?:string\r\n}\r\n\r\n\r\ninterface Props {\r\n    label?: string | React.ReactNode\r\n    id?: string\r\n    onChange: (option: string) => void\r\n    options: OptionType[] | OptionTypeWithImage[]\r\n    selectedOption: OptionType | OptionTypeWithImage\r\n    isSearchable?: boolean\r\n    tooltipText?: React.ReactNode\r\n    tooltipTitle?: string\r\n    propsClasses?: Classes\r\n    placeholder?: string\r\n    className?: string\r\n    disabled?: boolean\r\n    menuPosition?: \"fixed\" | \"absolute\"\r\n    isOptionDisabled?: (option: OptionType | OptionTypeWithImage) => boolean\r\n    classNamePrefix?: string\r\n    content?: React.ReactNode\r\n    isOpen?: boolean\r\n    isLoading?: boolean\r\n    isGlobalSearch?: boolean\r\n    isEnableToViewer?: boolean\r\n    components?: React.ReactNode\r\n}\r\n\r\nexport interface SelectState {\r\n    isDisabled: boolean\r\n}\r\n\r\nconst customStyles = {\r\n    singleValue: (provided: object, state: SelectState) => {\r\n        const opacity = state.isDisabled ? 0.5 : 1;\r\n        const transition = 'opacity 300ms';\r\n        return {...provided, transition};\r\n    }\r\n};\r\n\r\nconst instanceOfOptionType = (option: OptionType | Object | Array<Object> | null | undefined):\r\n    option is OptionType => {\r\n    return true\r\n};\r\n\r\nexport const toSelectOptions = (options: string[]): OptionType[] => {\r\n    return options.map(option => ({value: option, label: option}));\r\n}\r\n\r\nexport const toSelectOption = (option: string): OptionType => {\r\n    return {value: option, label: option}\r\n}\r\n\r\n\r\nconst SelectRow: React.FC<Props> = ({\r\n                                        label,\r\n                                        id,\r\n                                        isSearchable,\r\n                                        onChange,\r\n                                        options,\r\n                                        selectedOption,\r\n                                        tooltipText,\r\n                                        tooltipTitle,\r\n                                        propsClasses,\r\n                                        placeholder = '',\r\n                                        className,\r\n                                        disabled,\r\n                                        content,\r\n                                        menuPosition,\r\n                                        isOptionDisabled,\r\n                                        isLoading = false,\r\n                                        classNamePrefix,\r\n                                        isOpen,\r\n                                        isGlobalSearch = true,\r\n                                        isEnableToViewer,\r\n    components\r\n                                    }) => {\r\n\r\n    const isViewer = useSelector(selectIsViewer);\r\n\r\n    const handleChange = (option: OptionType | Object | Array<Object> | null | undefined): void => {\r\n        if (instanceOfOptionType(option)) {\r\n            onChange(option.value)\r\n        }\r\n    };\r\n\r\n    const getSelectID = () => {\r\n        if (id) return id;\r\n        if (typeof label === \"string\") return label.toLowerCase().replace(\" \", \"_\").replace(/[^\\w\\s]/gi, ' ');\r\n        return \"\";\r\n    };\r\n\r\n    return (\r\n        <div id={getSelectID()}\r\n             className={classNames(classes.mainContainer,\r\n                                   propsClasses?.root,\r\n                                   className)} >\r\n            <div className={classes.innerContainer}>\r\n\r\n                <label className={classNames(classes.label,\r\n                                             propsClasses?.label,\r\n                                             {[ignoreSearchClass] : !isGlobalSearch})}>\r\n                    {label}\r\n                </label>\r\n\r\n                {tooltipText ? <TextWithMaterialTooltip text={tooltipTitle}\r\n                                                        iconClass={classes.tooltipIcon}\r\n                                                        tooltipText={tooltipText}\r\n                                                        place={'right'}/> : null}\r\n            </div>\r\n            <div className={classNames({[classes.content]: content}, propsClasses?.wrapper)}>\r\n                {content}\r\n                <ReactSelect aria-label={typeof label === \"string\" ? label : \"\"}\r\n                             options={options} menuIsOpen={isOpen}\r\n                             value={selectedOption}\r\n                             onChange={handleChange}\r\n                             className={classNames(classes.select, propsClasses?.select)}\r\n                             styles={customStyles}\r\n                             isSearchable={Boolean(isSearchable)}\r\n                             placeholder={placeholder}\r\n                             isDisabled={disabled || (isViewer && !isEnableToViewer)}\r\n                             classNamePrefix={classNamePrefix}\r\n                             menuPosition={menuPosition}\r\n                             isLoading={isLoading}\r\n                             isOptionDisabled={isOptionDisabled} components={components}/>\r\n            </div>\r\n        </div>\r\n    )\r\n};\r\n\r\nexport default SelectRow;\r\n\r\n"]}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface Props {
+    className?: string;
+    style?: React.CSSProperties;
+}
+declare const SmallLoader: React.FC<Props>;
+export default SmallLoader;

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

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from "classnames";
+import classes from './styles.module.css';
+const SmallLoader = ({ className, style }) => {
+    return (_jsx("div", Object.assign({ className: classes.loaderContainer, style: style }, { children: _jsx("div", { className: classNames(classes.loader, className) }) })));
+};
+export default SmallLoader;
+//# sourceMappingURL=SmallLoader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SmallLoader.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/SmallLoader/SmallLoader.tsx"],"names":[],"mappings":";AACA,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAQ1C,MAAM,WAAW,GAAoB,CAAC,EAAC,SAAS,EAAE,KAAK,EAAC,EAAE,EAAE;IAExD,OAAO,CACH,4BAAK,SAAS,EAAE,OAAO,CAAC,eAAe,EAAE,KAAK,EAAE,KAAK,gBACjD,cAAK,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IACtD,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import React from 'react';\r\nimport classNames from \"classnames\";\r\n\r\nimport classes from './styles.module.css';\r\n\r\n\r\nexport interface Props {\r\n    className?: string\r\n    style?: React.CSSProperties\r\n}\r\n\r\nconst SmallLoader: React.FC<Props> = ({className, style}) => {\r\n\r\n    return (\r\n        <div className={classes.loaderContainer} style={style}>\r\n            <div className={classNames(classes.loader, className)}/>\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default SmallLoader;"]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import CheckIcon from "../Icons/CheckIcon";
+import classes from "./styles.module.css";
+const TableCheckmark = () => (_jsx(CheckIcon, { className: classes.checkMark }));
+export default TableCheckmark;
+//# sourceMappingURL=TableCheckmark.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableCheckmark.js","sourceRoot":"","sources":["../../../../../../../../dashboard/dashboard-client/src/components/TableCheckmark/TableCheckmark.tsx"],"names":[],"mappings":";AAEA,OAAO,SAAS,MAAM,oBAAoB,CAAC;AAC3C,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C,MAAM,cAAc,GAAG,GAAG,EAAE,CAAC,CACzB,KAAC,SAAS,IAAC,SAAS,EAAE,OAAO,CAAC,SAAS,GAAG,CAC7C,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import React from \"react\";\r\n\r\nimport CheckIcon from \"../Icons/CheckIcon\";\r\nimport classes from \"./styles.module.css\";\r\n\r\nconst TableCheckmark = () => (\r\n    <CheckIcon className={classes.checkMark}/>\r\n);\r\n\r\nexport default TableCheckmark;"]}

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

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

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

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

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

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface Props {
+    text?: string;
+    tooltipText: React.ReactNode;
+    type?: 'info' | 'unlock';
+    place?: 'right' | 'left' | 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'right-end' | 'right-start' | 'top-end' | 'top-start' | 'top';
+    underline?: boolean;
+    className?: string;
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'span' | 'p';
+    iconClass?: string;
+    rootClass?: string;
+}
+declare const TextWithMaterialTooltip: React.FC<Props>;
+export default TextWithMaterialTooltip;