oolib 2.207.1 → 2.208.1

package/dist/components/Dropdowns/utils/getValue.d.ts

@@ -1,14 +0,0 @@
-export function getValue_SINGLE({ valueProp, optionsFn, options, theme, saveValueAsString }: {
-    valueProp: any;
-    optionsFn: any;
-    options: any;
-    theme: any;
-    saveValueAsString: any;
-}): any;
-export function getValue_MULTI({ valueProp, optionsFn, options, theme, saveValueAsString }: {
-    valueProp: any;
-    optionsFn: any;
-    options: any;
-    theme: any;
-    saveValueAsString: any;
-}): any;

package/dist/components/Dropdowns/utils/getValue.js

@@ -1,32 +0,0 @@
-"use strict";
-/**
- * if value has been saved as a string ( tci usecase )
- * then the appropriate option needs to be found and set as
- * value in the format of { display: ..., value: ... }
- *
- * Because thats the only format our dropdowns understand
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getValue_MULTI = exports.getValue_SINGLE = void 0;
-var toArray_1 = require("../../../utils/toArray");
-var getAllOptionsFns_1 = require("./getAllOptionsFns");
-// Note: - saveValueAsString can be misleading here, because the value could be a string, integer, boolean values
-// maybe we can rename to saveValueOnly, or some better name
-var getValue_SINGLE = function (_a) {
-    var _b;
-    var valueProp = _a.valueProp, optionsFn = _a.optionsFn, options = _a.options, theme = _a.theme, saveValueAsString = _a.saveValueAsString;
-    return saveValueAsString
-        ? (optionsFn ? (_b = (0, getAllOptionsFns_1.getAllOptionsFns)(theme))[optionsFn.fn].apply(_b, ((0, toArray_1.toArray)(optionsFn.args) || [])) : options).find(function (d) { return d.value === valueProp; })
-        : valueProp;
-};
-exports.getValue_SINGLE = getValue_SINGLE;
-var getValue_MULTI = function (_a) {
-    var valueProp = _a.valueProp, optionsFn = _a.optionsFn, options = _a.options, theme = _a.theme, saveValueAsString = _a.saveValueAsString;
-    return saveValueAsString
-        ? valueProp === null || valueProp === void 0 ? void 0 : valueProp.map(function (vProp) {
-            var _a;
-            return (optionsFn ? (_a = (0, getAllOptionsFns_1.getAllOptionsFns)(theme))[optionsFn.fn].apply(_a, ((0, toArray_1.toArray)(optionsFn.args) || [])) : options).find(function (d) { return d.value === vProp; });
-        })
-        : valueProp;
-};
-exports.getValue_MULTI = getValue_MULTI;

package/dist/components/Dropdowns/utils/keywordSearchOptions.d.ts

@@ -1,6 +0,0 @@
-export function keywordSearchOptions({ options, searchString, searchFieldsConfig, setFilteredOptionsInParent }: {
-    options: any;
-    searchString: any;
-    searchFieldsConfig: any;
-    setFilteredOptionsInParent: any;
-}): any;

package/dist/components/Dropdowns/utils/keywordSearchOptions.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.keywordSearchOptions = void 0;
-var isStringMatch_1 = require("../../../utils/isStringMatch");
-var keywordSearchOptions = function (_a) {
-    var options = _a.options, searchString = _a.searchString, searchFieldsConfig = _a.searchFieldsConfig, setFilteredOptionsInParent = _a.setFilteredOptionsInParent;
-    if (options.some(function (d) { return d.loading === true; }))
-        return options; //if any of the options are still loading, then dont even try to do this filter thing
-    //else
-    var toReturn = options.filter(function (d) {
-        return (0, isStringMatch_1.isStringMatch)({ data: d, toMatchPath: searchFieldsConfig || 'display', subString: searchString });
-    });
-    //we want to track filtered options only if a search is being conducted
-    //this will help us to select the most relevant option if user hits 'enter' instead of clicking on option.
-    setFilteredOptionsInParent && searchString && setFilteredOptionsInParent(toReturn);
-    return toReturn;
-};
-exports.keywordSearchOptions = keywordSearchOptions;

package/dist/components/Dropdowns/utils/setDropdownSelectText.d.ts

@@ -1,12 +0,0 @@
-export function setDropdownSelectText({ placeholder, disableSelectTextUpdate, value, isTagsStyle }: {
-    placeholder: any;
-    disableSelectTextUpdate: any;
-    value: any;
-    isTagsStyle: any;
-}): {
-    display: any;
-    desc?: undefined;
-} | {
-    display: any;
-    desc: any;
-};

package/dist/components/Dropdowns/utils/setDropdownSelectText.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setDropdownSelectText = void 0;
-var setDropdownSelectText = function (_a) {
-    var placeholder = _a.placeholder, disableSelectTextUpdate = _a.disableSelectTextUpdate, value = _a.value, isTagsStyle = _a.isTagsStyle;
-    if (disableSelectTextUpdate)
-        return { display: placeholder || "Select" };
-    if (!value ||
-        (Array.isArray(value) && value.length === 0))
-        return { display: placeholder || "Select" }; //else
-    // we dont show 'x' selected or the selected text in tagsStyle
-    if (!isTagsStyle) {
-        return {
-            display: Array.isArray(value) ? "".concat(value.length, " Selected") : value.display,
-            desc: value.desc
-        };
-    }
-};
-exports.setDropdownSelectText = setDropdownSelectText;

package/dist/components/Dropdowns/utils/useCreateDropdownRefs.d.ts

@@ -1,5 +0,0 @@
-export function useCreateDropdownRefs(): {
-    selectRef: import("react").MutableRefObject<any>;
-    searchInputRef: import("react").MutableRefObject<any>;
-    dropdownRef: import("react").MutableRefObject<any>;
-};

package/dist/components/Dropdowns/utils/useCreateDropdownRefs.js

@@ -1,15 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCreateDropdownRefs = void 0;
-var react_1 = require("react");
-var useCreateDropdownRefs = function () {
-    var selectRef = (0, react_1.useRef)(null);
-    var dropdownRef = (0, react_1.useRef)(null);
-    var searchInputRef = (0, react_1.useRef)(null);
-    return {
-        selectRef: selectRef,
-        searchInputRef: searchInputRef,
-        dropdownRef: dropdownRef
-    };
-};
-exports.useCreateDropdownRefs = useCreateDropdownRefs;

package/dist/components/Dropdowns/utils/useHideShowOptions.d.ts

@@ -1,5 +0,0 @@
-export function useHideShowOptions(options?: {}): {
-    showOptions: boolean;
-    handleHideOptions: () => void;
-    handleShowOptions: () => void;
-};

package/dist/components/Dropdowns/utils/useHideShowOptions.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHideShowOptions = void 0;
-var react_1 = require("react");
-var useHideShowOptions = function (options) {
-    if (options === void 0) { options = {}; }
-    var broadcastShowOptions = options.broadcastShowOptions;
-    var _a = (0, react_1.useState)(false), showOptions = _a[0], setShowOptions = _a[1];
-    var handleHideOptions = function () {
-        setShowOptions(false);
-    };
-    var handleShowOptions = function () { return setShowOptions(true); };
-    var isFirstMount = (0, react_1.useRef)(true);
-    (0, react_1.useEffect)(function () {
-        !isFirstMount.current && broadcastShowOptions && broadcastShowOptions(showOptions);
-    }, [showOptions]);
-    (0, react_1.useEffect)(function () { isFirstMount.current = false; }, []);
-    return { showOptions: showOptions, handleHideOptions: handleHideOptions, handleShowOptions: handleShowOptions };
-};
-exports.useHideShowOptions = useHideShowOptions;

package/dist/components/Dropdowns/utils/useKeyboardControl.d.ts

@@ -1,12 +0,0 @@
-export function useKeyboardControl({ showOptions, handleHideOptions, optionsWrapperRef, handleSelect, options, searchString, id }: {
-    showOptions: any;
-    handleHideOptions: any;
-    optionsWrapperRef: any;
-    handleSelect: any;
-    options: any;
-    searchString: any;
-    id: any;
-}): {
-    scrollFocussedOpIntoView: (el: any) => void;
-    focussedOp: number;
-};

package/dist/components/Dropdowns/utils/useKeyboardControl.js

@@ -1,73 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useKeyboardControl = void 0;
-var react_1 = require("react");
-var getKeyCode_1 = require("../../../utils/getKeyCode");
-var useKeyboardControl = function (_a) {
-    var showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, optionsWrapperRef = _a.optionsWrapperRef, handleSelect = _a.handleSelect, options = _a.options, searchString = _a.searchString, id = _a.id;
-    var _b = (0, react_1.useState)(-1), focussedOp = _b[0], setFocussedOp = _b[1];
-    // if search string is not empty, then reset focussedOp to first op
-    // else set it to minus 1
-    (0, react_1.useEffect)(function () {
-        if ((searchString === null || searchString === void 0 ? void 0 : searchString.length) > 0)
-            setFocussedOp(0);
-        else if (focussedOp !== -1)
-            setFocussedOp(-1);
-    }, [searchString]);
-    (0, react_1.useEffect)(function () {
-        //update only when options are shut
-        if (!showOptions)
-            setFocussedOp(-1);
-    }, [showOptions]);
-    (0, react_1.useEffect)(function () {
-        var handleKeyDown = function (e) {
-            if (!showOptions)
-                return;
-            /**
-             * dont prevent default outside the condition, else
-             * all other key actions stop working..
-             */
-            var code = (0, getKeyCode_1.getKeyCode)(e);
-            if (code === 'Enter') {
-                if (options[focussedOp])
-                    handleSelect(options[focussedOp]);
-            }
-            else if (code === 'ArrowDown') {
-                if (showOptions)
-                    e.preventDefault(); //basically disabled page scroll by arrow keys
-                focussedOp !== options.length - 1 && setFocussedOp(function (p) { return p + 1; });
-            }
-            else if (code === 'ArrowUp') {
-                if (showOptions)
-                    e.preventDefault(); //basically disabled page scroll by arrow keys
-                focussedOp !== -1 && setFocussedOp(function (p) { return p - 1; });
-            }
-            else if (code === 'Escape' /*esc*/) {
-                handleHideOptions();
-            }
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        return function () { return window.removeEventListener('keydown', handleKeyDown); };
-    });
-    var scrollFocussedOpIntoView = function (el) {
-        var _a = el.getBoundingClientRect(), elBottom = _a.bottom, elTop = _a.top;
-        var _b = optionsWrapperRef.current.getBoundingClientRect(), opsWrapperBottom = _b.bottom, opsWrapperTop = _b.top;
-        if (elBottom > opsWrapperBottom) {
-            el.scrollIntoView({
-                behaviour: 'smooth',
-                block: 'nearest',
-            });
-        }
-        else if (elTop < opsWrapperTop) {
-            el.scrollIntoView({
-                behaviour: 'smooth',
-                block: 'nearest',
-            });
-        }
-    };
-    return {
-        scrollFocussedOpIntoView: scrollFocussedOpIntoView,
-        focussedOp: focussedOp
-    };
-};
-exports.useKeyboardControl = useKeyboardControl;

package/dist/components/Dropdowns/utils/useSearchString.d.ts

@@ -1,4 +0,0 @@
-export function useSearchString({ searchStringInParent, setSearchStringInParent, }: {
-    searchStringInParent: any;
-    setSearchStringInParent: any;
-}): any[];

package/dist/components/Dropdowns/utils/useSearchString.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSearchString = void 0;
-var react_1 = require("react");
-var useSearchString = function (_a) {
-    var 
-    // showOptions,
-    searchStringInParent = _a.searchStringInParent, setSearchStringInParent = _a.setSearchStringInParent;
-    var _b = (0, react_1.useState)(searchStringInParent || ""), searchString = _b[0], _setSearchString = _b[1];
-    var setSearchString = function (string) {
-        _setSearchString(string);
-        setSearchStringInParent && setSearchStringInParent(string);
-    };
-    // useEffect(() => {
-    //   if(searchStringInParent !== searchString){
-    //   }
-    // }, [searchStringInParent]); /**if value is changed from outside the dropdown by the parent, then search string needs to be updated */
-    return [searchString, setSearchString];
-};
-exports.useSearchString = useSearchString;

package/dist/components/Dropdowns/utils/useSetYOrientation.d.ts

@@ -1,9 +0,0 @@
-export function useSetYOrientation({ showOptions, optionsRef, relativeToRef, enabled }: {
-    showOptions: any;
-    optionsRef: any;
-    relativeToRef: any;
-    enabled: any;
-}): {
-    yOrientation: string;
-};
-export function handleSetYOrientation(elemRef: any, anchorRef: any, setYOrientation: any): void;

package/dist/components/Dropdowns/utils/useSetYOrientation.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleSetYOrientation = exports.useSetYOrientation = void 0;
-var react_1 = require("react");
-var useScroll_1 = require("../../../utils/customHooks/useScroll");
-var useSetYOrientation = function (_a) {
-    var showOptions = _a.showOptions, optionsRef = _a.optionsRef, relativeToRef = _a.relativeToRef, enabled = _a.enabled;
-    var _b = (0, react_1.useState)("bottom"), yOrientation = _b[0], setYOrientation = _b[1];
-    var _handleSetYOrientation = function () {
-        if (!enabled)
-            return;
-        (0, exports.handleSetYOrientation)(optionsRef, relativeToRef, setYOrientation);
-    };
-    (0, useScroll_1.useScroll)(_handleSetYOrientation, { detectScrollInAllDivs: true });
-    (0, react_1.useLayoutEffect)(function () {
-        if (showOptions) {
-            _handleSetYOrientation(); //set y orientation
-        }
-    }, [showOptions]);
-    return { yOrientation: yOrientation };
-};
-exports.useSetYOrientation = useSetYOrientation;
-var handleSetYOrientation = function (elemRef, anchorRef, setYOrientation) {
-    if (!anchorRef.current || !elemRef.current)
-        return;
-    // - - we calculate the bottom edge y pos of the options, if it opens downward
-    var viewportHeight = window.innerHeight;
-    var _a = anchorRef.current.getBoundingClientRect(), anchorPoint_YPos_BOTTOM = _a.bottom, anchorPoint_YPos_TOP = _a.top;
-    var elemHeight = elemRef.current.getBoundingClientRect().height;
-    var elemBottomEdge = anchorPoint_YPos_BOTTOM + elemHeight;
-    // - - then we calculate the top edge y pos of the options, if it opens upward
-    var elemTopEdge = anchorPoint_YPos_TOP - elemHeight;
-    // - - if bottom is not popping out of the screen, set open downward (default)
-    if (elemBottomEdge < viewportHeight) {
-        setYOrientation("bottom");
-    }
-    // - - if both of them are popping out the screen, then set open downward (default)
-    else if (elemBottomEdge >= viewportHeight && elemTopEdge <= 0) {
-        setYOrientation("bottom");
-    }
-    // - - only one option left, bottom is popping out of screen, but top is NOT. so set open upward
-    else {
-        setYOrientation("top");
-    }
-};
-exports.handleSetYOrientation = handleSetYOrientation;

package/dist/components/Hints/contextApi.d.ts

@@ -1,6 +0,0 @@
-export const HintsContext: React.Context<any>;
-export function HintsProvider({ children }: {
-    children: any;
-}): React.JSX.Element;
-export function useHintsContext(): any;
-import React from "react";

package/dist/components/Hints/contextApi.js

@@ -1,48 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useHintsContext = exports.HintsProvider = exports.HintsContext = void 0;
-var react_1 = __importStar(require("react"));
-exports.HintsContext = (0, react_1.createContext)();
-var HintsProvider = function (_a) {
-    var children = _a.children;
-    var _b = (0, react_1.useState)(""), active = _b[0], setActive = _b[1];
-    return (react_1.default.createElement(exports.HintsContext.Provider, { value: { active: active, setActive: setActive } }, children));
-};
-exports.HintsProvider = HintsProvider;
-var useHintsContext = function () {
-    return (0, react_1.useContext)(exports.HintsContext);
-};
-exports.useHintsContext = useHintsContext;

package/dist/components/Hints/index.d.ts

@@ -1,9 +0,0 @@
-export default Hints;
-declare function Hints({ id, hints, title, btnlabel, subtitle }: {
-    id: any;
-    hints: any;
-    title?: string;
-    btnlabel?: string;
-    subtitle: any;
-}): React.JSX.Element;
-import React from "react";

package/dist/components/Hints/index.js

@@ -1,127 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-var styled_1 = require("./styled");
-var Typo_1 = require("../Typo");
-var react_1 = __importStar(require("react"));
-var contextApi_1 = require("../Hints/contextApi");
-var colors_1 = require("../../themes/colors");
-var DisplayIcon_1 = require("../../utils/comps/DisplayIcon");
-var Buttons_1 = require("../Buttons");
-var Modal_1 = require("../Modals/Modal");
-var mixins_1 = require("../../themes/mixins");
-var useScreenWidth_1 = require("../../utils/customHooks/useScreenWidth");
-var styled_2 = require("../Modals/Modal/styled");
-var OKELink_1 = require("../OKELink");
-var greyColor80 = colors_1.colors.greyColor80, greyColor15 = colors_1.colors.greyColor15, greyColor100 = colors_1.colors.greyColor100;
-var TriangleIconComp = function (props) { return (react_1.default.createElement("svg", __assign({ width: 20, height: 13, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
-    react_1.default.createElement("path", { d: "m8.894 1.206-7.59 8.28C.422 10.448 1.104 12 2.41 12h15.18c1.305 0 1.988-1.552 1.106-2.514l-7.59-8.28a1.5 1.5 0 0 0-2.212 0Z", fill: "#fff", stroke: greyColor15 }))); };
-var getPositionStyles = function (position) {
-    var styles = {
-        left: {
-            lightBox: { top: "-2rem", left: "-31.5rem" },
-            arrow: { top: ".7rem", left: "-2rem", transform: "rotate(45deg)" },
-        },
-        bottom: {
-            lightBox: { top: "4.5rem", left: "-2rem" },
-            arrow: { top: "3.9rem", left: "6rem", transform: "rotate(-45deg)" },
-        },
-    };
-    return styles[position];
-};
-var BulletIcon = function () { return (
-// line height of SANS_3 is 21px. Dot is 8px tall. so below css (21/2 - 8/2) makes the circle perfectly aligned with the first line
-react_1.default.createElement("div", { style: { fontSize: 0, marginTop: '6.5px', lineHeight: 0 } },
-    react_1.default.createElement(DisplayIcon_1.DisplayIcon, { color: greyColor100, weight: "fill", icon: "Circle", size: 8 }))); };
-var Hints = function (_a) {
-    var id = _a.id, hints = _a.hints, _b = _a.title, title = _b === void 0 ? "Hints" : _b, _c = _a.btnlabel, btnlabel = _c === void 0 ? "Hints" : _c, subtitle = _a.subtitle;
-    //get the context state
-    var _d = (0, contextApi_1.useHintsContext)(), active = _d.active, setActive = _d.setActive;
-    var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
-    var lightBoxRef = (0, react_1.useRef)();
-    var _e = (0, react_1.useState)(getPositionStyles("left")), styles = _e[0], setStyles = _e[1];
-    //isStorybook is temporary hack to get correct with on storybook, since a story is getting renderend within an iframe, screen.width gives the incorrect width
-    var isDesktop = screenWidth > (0, mixins_1.getBreakPoint)("md");
-    (0, react_1.useEffect)(function () {
-        if (!lightBoxRef.current)
-            return;
-        var lightBoxRect = lightBoxRef.current.getBoundingClientRect();
-        // by default open on leftside, if the below condition is true than open at the bottom of hints
-        //note for future: arrow comp is fixed and lightbox will move to place itself within the visible area
-        if (lightBoxRect.left < 0) {
-            setStyles(getPositionStyles("bottom"));
-            // setStyles({
-            //   lightBox: { top: "4rem", right: "0" },
-            //   arrow: { top: `none`, right: "3.5rem", transform: "none" },
-            // });
-        }
-    }, [active]);
-    return (react_1.default.createElement("div", null,
-        " ",
-        react_1.default.createElement(styled_1.StyledHints, { onClick: function () { return setActive(id); } },
-            react_1.default.createElement(Typo_1.SANS_3, { semibold: true },
-                react_1.default.createElement(OKELink_1.OKELink, { icon: "LightbulbFilament", linkType: "action", onClick: function () { return setActive(id); }, iconSize: 16, invertUnderline: true }, btnlabel))),
-        active === id ? (isDesktop ? (react_1.default.createElement("div", null,
-            react_1.default.createElement(styled_1.StyledTriangle, { style: styles.arrow, id: id }),
-            react_1.default.createElement(styled_1.StyledLightbox, { style: styles.lightBox, ref: lightBoxRef, id: id },
-                react_1.default.createElement(styled_2.StyledModalHeaderStyle2Container, null,
-                    react_1.default.createElement("div", { style: { position: "absolute", top: "-2.5rem", fontSize: 0 } },
-                        react_1.default.createElement(DisplayIcon_1.DisplayIcon, { icon: "ModalBulbIcon" })),
-                    react_1.default.createElement(styled_2.StyledModalHeaderStyle2Title, null,
-                        react_1.default.createElement(Typo_1.SANS_3, { semibold: true, capitalize: true }, title),
-                        subtitle ? (react_1.default.createElement(Typo_1.SANS_3_4, { capitalize: true, semibold: true, style: { flexGrow: "1" }, color: greyColor80 }, subtitle)) : null,
-                        react_1.default.createElement(Buttons_1.ButtonGhost, { onClick: function () { return setActive(""); }, icon: "X" }))),
-                react_1.default.createElement(styled_1.StyledLightBoxContent, null,
-                    react_1.default.createElement(styled_1.StyledLightBoxList, null, hints.map(function (d) { return (react_1.default.createElement("li", null,
-                        react_1.default.createElement(BulletIcon, null),
-                        react_1.default.createElement(Typo_1.SANS_3, null, d))); })))))) : (react_1.default.createElement(Modal_1.Modal, { isStorybook: true, headerStyle: "style2", id: "modal", title: title, onClose: function () { return setActive(""); } },
-            react_1.default.createElement("div", { style: { padding: ".5rem 2rem" } },
-                react_1.default.createElement(styled_1.StyledLightBoxList, null, hints.map(function (d) { return (react_1.default.createElement("li", null,
-                    react_1.default.createElement("div", { style: { marginTop: ".5rem", lineHeight: 0 } },
-                        react_1.default.createElement(DisplayIcon_1.DisplayIcon, { color: greyColor100, weight: "fill", icon: "Circle", size: 8 })),
-                    react_1.default.createElement(Typo_1.SANS_3, null, d))); })))))) : null));
-};
-exports.default = Hints;

package/dist/components/Hints/styled.d.ts

@@ -1,6 +0,0 @@
-export const StyledHints: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledLightbox: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledLightBoxHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledLightBoxContent: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledLightBoxList: import("styled-components").StyledComponent<"ul", any, {}, never>;
-export const StyledTriangle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Hints/styled.js

@@ -1,54 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledTriangle = exports.StyledLightBoxList = exports.StyledLightBoxContent = exports.StyledLightBoxHeader = exports.StyledLightbox = exports.StyledHints = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var themes_1 = require("../../themes");
-var globalVariables_1 = require("../../globalStyles/globalVariables");
-var white = themes_1.colors.white, greyColor15 = themes_1.colors.greyColor15, greyColor100 = themes_1.colors.greyColor100;
-exports.StyledHints = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
-exports.StyledLightbox = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  z-index: 1000;\n  background: ", ";\n  position: absolute;\n  width: 30rem;\n  height: 35rem;\n  ", "\n  /* top: ", "; */\n  /* right: ", "; */\n\n  top: ", ";\n  left: ", ";\n  bottom: ", ";\n  right: ", ";\n\n  display: flex;\n  flex-direction: column;\n"], ["\n  z-index: 1000;\n  background: ", ";\n  position: absolute;\n  width: 30rem;\n  height: 35rem;\n  ", "\n  /* top: ", "; */\n  /* right: ", "; */\n\n  top: ", ";\n  left: ", ";\n  bottom: ", ";\n  right: ", ";\n\n  display: flex;\n  flex-direction: column;\n"])), white, globalVariables_1.globalLightboxStyle, function (_a) {
-    var style = _a.style;
-    return ((style === null || style === void 0 ? void 0 : style.top) ? style.top : "-1rem");
-}, function (_a) {
-    var style = _a.style;
-    return ((style === null || style === void 0 ? void 0 : style.right) ? style.right : "-31.5rem");
-}, function (_a) {
-    var top = _a.style.top;
-    return top;
-}, function (_a) {
-    var left = _a.style.left;
-    return left;
-}, function (_a) {
-    var bottom = _a.style.bottom;
-    return bottom;
-}, function (_a) {
-    var right = _a.style.right;
-    return right;
-});
-exports.StyledLightBoxHeader = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 4rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 2px;\n  gap: 1rem;\n\n  padding: 1rem 1.5rem;\n"], ["\n  height: 4rem;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-radius: 2px;\n  gap: 1rem;\n\n  padding: 1rem 1.5rem;\n"])));
-exports.StyledLightBoxContent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  padding: 0.5rem 2rem 2rem 1.5rem;\n  overflow-y: auto;\n"], ["\n  padding: 0.5rem 2rem 2rem 1.5rem;\n  overflow-y: auto;\n"])));
-exports.StyledLightBoxList = styled_components_1.default.ul(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  padding: 0;\n  li {\n    list-style-type: none;\n    padding: 0.5rem 0;\n    display: flex;\n    gap: 1rem;\n    /* align-items: center; */\n    /* ::before {\n      content: \"\";\n      margin-top: 0.5rem;\n      flex: 0 0 .5rem;\n      width: .5rem;\n      padding: 0%.5r;\n      height: .5rem;\n      background-color: ", ";\n      border-radius: 50%;\n      flex-shrink: 0;\n    } */\n  }\n"], ["\n  padding: 0;\n  li {\n    list-style-type: none;\n    padding: 0.5rem 0;\n    display: flex;\n    gap: 1rem;\n    /* align-items: center; */\n    /* ::before {\n      content: \"\";\n      margin-top: 0.5rem;\n      flex: 0 0 .5rem;\n      width: .5rem;\n      padding: 0%.5r;\n      height: .5rem;\n      background-color: ", ";\n      border-radius: 50%;\n      flex-shrink: 0;\n    } */\n  }\n"])), greyColor100);
-exports.StyledTriangle = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  position: absolute;\n\n  width: 10px;\n  height: 10px;\n  border-style: solid;\n\n  border-width: 1px;\n  border-color: ", " ", " transparent transparent;\n  /* transform:rotate(-45deg); */\n  z-index: 10001;\n  background-color: white;\n\n  top: ", ";\n  left: ", ";\n  bottom: ", ";\n  right: ", ";\n  transform: ", ";\n\n  /* position:absolute; */\n  /* top:.7rem; */\n  /* left:-2rem; */\n  /* transform :rotate(90deg); */\n"], ["\n  position: absolute;\n\n  width: 10px;\n  height: 10px;\n  border-style: solid;\n\n  border-width: 1px;\n  border-color: ", " ", " transparent transparent;\n  /* transform:rotate(-45deg); */\n  z-index: 10001;\n  background-color: white;\n\n  top: ", ";\n  left: ", ";\n  bottom: ", ";\n  right: ", ";\n  transform: ", ";\n\n  /* position:absolute; */\n  /* top:.7rem; */\n  /* left:-2rem; */\n  /* transform :rotate(90deg); */\n"])), greyColor15, greyColor15, function (_a) {
-    var top = _a.style.top;
-    return top;
-}, function (_a) {
-    var left = _a.style.left;
-    return left;
-}, function (_a) {
-    var bottom = _a.style.bottom;
-    return bottom;
-}, function (_a) {
-    var right = _a.style.right;
-    return right;
-}, function (_a) {
-    var transform = _a.style.transform;
-    return transform;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;

package/dist/components/RadioAndCheckbox/comps/CheckboxList/comps/CheckboxButton/index.d.ts

@@ -1,11 +0,0 @@
-export function CheckboxButton({ id, className, isSelected: _isSelected, value, onChange, disabled, invert, S }: {
-    id: any;
-    className: any;
-    isSelected: any;
-    value: any;
-    onChange: any;
-    disabled: any;
-    invert: any;
-    S: any;
-}): React.JSX.Element;
-import React from 'react';