oolib 2.207.1 → 2.208.1

package/dist/components/Dropdowns/comps/OptionsShell/comps/OptionsAnimateWrapper/styled.js

@@ -1,25 +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.StyledOptionsAnimateWrapper = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var globalVariables_1 = require("../../../../../../globalStyles/globalVariables");
-var mixins_1 = require("../../../../../../themes/mixins");
-/** for lightbox shell */
-exports.StyledOptionsAnimateWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  /**\n    'else 100%' is very important. \n    what this does is, on first render, it allows the optionsWrapper within to take whatever width \n    its supposed to i.e max-content / 100% width of select / 36rem.\n    Then on the next render (after the ref has already been attached to optionsWrapper), the proper width\n    gets calculated and passed to this component.\n\n    Without this 100%, this will not work > scenarios where there is enough space for the dropdown to \n    stretch to the width of the select OR 36rem. Instead it will always stick to its min-width which is \n    max-content\n  */\n  width: ", ";\n  overflow: hidden;\n  ", ";\n  ", ";\n  border-width: ", "; //hack, otherwsie this shit line shows when options are closed\n"], ["\n  height: ", ";\n  /**\n    'else 100%' is very important. \n    what this does is, on first render, it allows the optionsWrapper within to take whatever width \n    its supposed to i.e max-content / 100% width of select / 36rem.\n    Then on the next render (after the ref has already been attached to optionsWrapper), the proper width\n    gets calculated and passed to this component.\n\n    Without this 100%, this will not work > scenarios where there is enough space for the dropdown to \n    stretch to the width of the select OR 36rem. Instead it will always stick to its min-width which is \n    max-content\n  */\n  width: ", ";\n  overflow: hidden;\n  ", ";\n  ", ";\n  border-width: ", "; //hack, otherwsie this shit line shows when options are closed\n"])), function (_a) {
-    var isOpen = _a.isOpen, openHeight = _a.openHeight;
-    return isOpen ? (openHeight ? openHeight + 'px' : 'auto') : 0;
-}, function (_a) {
-    var width = _a.width;
-    return width ? width + 'px' : '100%';
-}, (0, mixins_1.transition)('height', 'border-width'), globalVariables_1.globalLightboxStyle, function (_a) {
-    var isOpen = _a.isOpen;
-    return isOpen ? '1px' : 0;
-});
-var templateObject_1;

package/dist/components/Dropdowns/comps/OptionsShell/index.d.ts

@@ -1,2 +0,0 @@
-export const OptionsShell: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
-import React from "react";

package/dist/components/Dropdowns/comps/OptionsShell/index.js

@@ -1,101 +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.OptionsShell = void 0;
-var framer_motion_1 = require("framer-motion");
-var react_1 = __importStar(require("react"));
-var themes_1 = require("../../../../themes");
-var mixins_1 = require("../../../../themes/mixins");
-var useScreenWidth_1 = require("../../../../utils/customHooks/useScreenWidth");
-var usePopOutOfOverflowHiddenParent_1 = require("../../../../utils/usePopOutOfOverflowHiddenParent");
-var Buttons_1 = require("../../../Buttons");
-var Modal_1 = require("../../../Modals/Modal");
-var styled_1 = require("./styled");
-var OptionsAnimateWrapper_1 = require("./comps/OptionsAnimateWrapper");
-var styled_components_1 = require("styled-components");
-var DefaultMobileShell = function (_a) {
-    var children = _a.children;
-    return (react_1.default.createElement("div", { style: { top: 0, left: 0, height: '100dvh', width: '100dvw', position: 'fixed', zIndex: '100000000', background: 'rgba(0,0,0,0.5)', display: 'flex', flexDirection: 'column', justifyContent: 'flex-end' } }, children));
-};
-exports.OptionsShell = react_1.default.forwardRef(function (_a, ref) {
-    var yOrientation = _a.yOrientation, lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, options = _a.options, optionsAnchor = _a.optionsAnchor, showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, children = _a.children, SelectComp = _a.SelectComp, label = _a.label, optionsModalLabel = _a.optionsModalLabel, invert = _a.invert, showDoneButton = _a.showDoneButton, _b = _a.popOutOfOverflowHiddenParent, popOutOfOverflowHiddenParent = _b === void 0 ? false : _b, relativeToRef = _a.relativeToRef, S = _a.S, alignDropdown = _a.alignDropdown;
-    var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
-    var isDesktop = screenWidth >= (0, mixins_1.getBreakPoint)("sm");
-    var currentTheme = (0, styled_components_1.useTheme)();
-    var MobileShell = (currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.MobileShell) || DefaultMobileShell;
-    var _c = (0, usePopOutOfOverflowHiddenParent_1.usePopOutOfOverflowHiddenParent)(popOutOfOverflowHiddenParent), fixPos = _c.fixPos, applyFixedPos = _c.applyFixedPos, removeFixedPos = _c.removeFixedPos, trackerRef = _c.trackerRef;
-    (0, react_1.useEffect)(function () {
-        if (popOutOfOverflowHiddenParent) {
-            if (showOptions)
-                applyFixedPos();
-            else
-                removeFixedPos();
-        }
-    }, [showOptions]);
-    return isDesktop ? (react_1.default.createElement(react_1.Fragment, null,
-        popOutOfOverflowHiddenParent && react_1.default.createElement("div", { ref: trackerRef }),
-        react_1.default.createElement(OptionsAnimateWrapper_1.OptionsAnimateWrapper, { options: options, optionsRef: ref, relativeToRef: relativeToRef, showOptions: showOptions, invert: invert, yOrientation: yOrientation, fixPos: fixPos, optionsAnchor: optionsAnchor, children: children, lightboxStyle: lightboxStyle, alignDropdown: alignDropdown },
-            react_1.default.createElement(styled_1.StyledOptionsWrapper, { id: "StyledOptionsWrapper", ref: ref, invert: invert, lightboxHeight: lightboxHeight, 
-                // className={className}
-                style: {
-                    position: "absolute",
-                    bottom: yOrientation === "top" ? undefined : 0,
-                    top: yOrientation === "top" ? 0 : undefined,
-                } }, children)))) : (
-    // <AnimatePresence>
-    //   {showOptions ? (
-    //     <Modal
-    //       fitToContentHeight
-    //       title={optionsModalLabel || label}
-    //       onClose={handleHideOptions}
-    //       invert={invert}
-    //       S={S}
-    //       dynamicHeaderHeight
-    //     >
-    react_1.default.createElement(react_1.Fragment, null, showOptions ? (react_1.default.createElement(MobileShell, { onClose: handleHideOptions, title: optionsModalLabel || label },
-        SelectComp && SelectComp,
-        react_1.default.createElement(styled_1.StyledModalOptionsWrapper, { invert: invert, ref: ref }, children),
-        showDoneButton && (react_1.default.createElement("div", { style: {
-                backgroundColor: invert ? themes_1.colors.greyColor90 : themes_1.colors.white,
-                padding: "1rem 2rem",
-                position: "sticky",
-                bottom: "0",
-            } },
-            react_1.default.createElement(Buttons_1.ButtonPrimary, { children: "Done", width: "100%", onClick: handleHideOptions, S: S }))))) : null)
-    //     </Modal>
-    //   ) : null}
-    // </AnimatePresence>
-    );
-});

package/dist/components/Dropdowns/comps/OptionsShell/styled.d.ts

@@ -1,5 +0,0 @@
-/** for lightbox shell */
-export const StyledOptionsAnimateWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export const StyledOptionsWrapper: import("styled-components").StyledComponent<"ul", any, {}, never>;
-/** for modal shell */
-export const StyledModalOptionsWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Dropdowns/comps/OptionsShell/styled.js

@@ -1,45 +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.StyledModalOptionsWrapper = exports.StyledOptionsWrapper = exports.StyledOptionsAnimateWrapper = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var themes_1 = require("../../../../themes");
-var mixins_1 = require("../../../../themes/mixins");
-var globalVariables_1 = require("../../../../globalStyles/globalVariables");
-/** for lightbox shell */
-exports.StyledOptionsAnimateWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: ", ";\n  /**\n    'else 100%' is very important. \n    what this does is, on first render, it allows the optionsWrapper within to take whatever width \n    its supposed to i.e max-content / 100% width of select / 36rem.\n    Then on the next render (after the ref has already been attached to optionsWrapper), the proper width\n    gets calculated and passed to this component.\n\n    Without this 100%, this will not work > scenarios where there is enough space for the dropdown to \n    stretch to the width of the select OR 36rem. Instead it will always stick to its min-width which is \n    max-content\n  */\n  width: ", ";\n  overflow: hidden;\n  ", ";\n  ", ";\n  border-width: ", "; //hack, otherwsie this shit line shows when options are closed\n"], ["\n  height: ", ";\n  /**\n    'else 100%' is very important. \n    what this does is, on first render, it allows the optionsWrapper within to take whatever width \n    its supposed to i.e max-content / 100% width of select / 36rem.\n    Then on the next render (after the ref has already been attached to optionsWrapper), the proper width\n    gets calculated and passed to this component.\n\n    Without this 100%, this will not work > scenarios where there is enough space for the dropdown to \n    stretch to the width of the select OR 36rem. Instead it will always stick to its min-width which is \n    max-content\n  */\n  width: ", ";\n  overflow: hidden;\n  ", ";\n  ", ";\n  border-width: ", "; //hack, otherwsie this shit line shows when options are closed\n"])), function (_a) {
-    var isOpen = _a.isOpen, openHeight = _a.openHeight;
-    return isOpen ? (openHeight ? openHeight + 'px' : 'auto') : 0;
-}, function (_a) {
-    var width = _a.width;
-    return width ? width + 'px' : '100%';
-}, (0, mixins_1.transition)('height', 'border-width'), globalVariables_1.globalLightboxStyle, function (_a) {
-    var isOpen = _a.isOpen;
-    return isOpen ? '1px' : 0;
-});
-exports.StyledOptionsWrapper = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    z-index: 100000; //show remove if we do animation thing\n    padding-left: 0; //cancel out the ul's padding left\n    cursor: pointer;\n    width: 100%;\n    min-width: max-content;\n    max-width: 36rem;\n    overflow: auto;\n    max-height: ", ";\n"], ["\n    z-index: 100000; //show remove if we do animation thing\n    padding-left: 0; //cancel out the ul's padding left\n    cursor: pointer;\n    width: 100%;\n    min-width: max-content;\n    max-width: 36rem;\n    overflow: auto;\n    max-height: ", ";\n"
-    /** for modal shell */
-])), function (_a) {
-    var lightboxHeight = _a.lightboxHeight;
-    switch (lightboxHeight) {
-        case 'large':
-            return '33rem';
-        case 'small':
-            return '20rem';
-        case 'medium':
-        default:
-            return '24rem';
-    }
-});
-/** for modal shell */
-exports.StyledModalOptionsWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  padding-left: 0;\n  cursor: pointer;\n  background-color: ", ";\n  width: 100%;\n  min-width: max-content;\n  min-width: -moz-max-content;\n  /* overflow: auto; */\n"], ["\n  position: relative;\n  padding-left: 0;\n  cursor: pointer;\n  background-color: ", ";\n  width: 100%;\n  min-width: max-content;\n  min-width: -moz-max-content;\n  /* overflow: auto; */\n"])), function (_a) {
-    var invert = _a.invert;
-    return invert ? themes_1.colors.greyColor90 : themes_1.colors.white;
-});
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Dropdowns/comps/OptionsSingle/index.d.ts

@@ -1,28 +0,0 @@
-export function OptionsSingle({ lightboxHeight, lightboxStyle, optionsAnchor, value, id, optionsClassName, relativeToRef, showOptions, handleHideOptions, handleSelect, options, isSearchable, label, optionsModalLabel, searchString, setSearchString, SelectComp, genCreateTagButton, invert, popOutOfOverflowHiddenParent, enableUseSetYOrientation, S, observerRef, searchbarPlaceholder, alignDropdown }: {
-    lightboxHeight: any;
-    lightboxStyle: any;
-    optionsAnchor: any;
-    value: any;
-    id: any;
-    optionsClassName: any;
-    relativeToRef: any;
-    showOptions: any;
-    handleHideOptions: any;
-    handleSelect: any;
-    options: any;
-    isSearchable: any;
-    label: any;
-    optionsModalLabel: any;
-    searchString: any;
-    setSearchString: any;
-    SelectComp: any;
-    genCreateTagButton: any;
-    invert: any;
-    popOutOfOverflowHiddenParent: any;
-    enableUseSetYOrientation?: boolean;
-    S: any;
-    observerRef: any;
-    searchbarPlaceholder: any;
-    alignDropdown: any;
-}): React.JSX.Element;
-import React from "react";

package/dist/components/Dropdowns/comps/OptionsSingle/index.js

@@ -1,105 +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.OptionsSingle = void 0;
-var react_1 = __importStar(require("react"));
-var NoOptionResultsComp_1 = require("../NoOptionResultsComp");
-var OptionContent_1 = require("../OptionContent");
-var OptionsShell_1 = require("../OptionsShell");
-var styled_1 = require("./styled");
-var themes_1 = require("../../../../themes");
-var Divider_1 = require("../../../Divider");
-var TextInputs_1 = require("../../../TextInputs");
-var TextLoader_1 = require("../../../LoadersAndProgress/TextLoader");
-var useKeyboardControl_1 = require("../../utils/useKeyboardControl");
-var useSetYOrientation_1 = require("../../utils/useSetYOrientation");
-/**
- * if used independently, must be used inside a 'position: relative/absolute' div.
- */
-var OptionsSingle = function (_a) {
-    var 
-    //from root
-    lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, optionsAnchor = _a.optionsAnchor, value = _a.value, id = _a.id, optionsClassName = _a.optionsClassName, 
-    //from Dropdown
-    relativeToRef = _a.relativeToRef, //the element that this lightbox is being rendered against. i.e top or bottom
-    showOptions = _a.showOptions, handleHideOptions = _a.handleHideOptions, handleSelect = _a.handleSelect, options = _a.options, isSearchable = _a.isSearchable, label = _a.label, optionsModalLabel = _a.optionsModalLabel, //label is just a fallback for optionsModalLabel. Don't know why both are needed
-    searchString = _a.searchString, setSearchString = _a.setSearchString, SelectComp = _a.SelectComp, genCreateTagButton = _a.genCreateTagButton, invert = _a.invert, popOutOfOverflowHiddenParent = _a.popOutOfOverflowHiddenParent, _b = _a.enableUseSetYOrientation, enableUseSetYOrientation = _b === void 0 ? true : _b, // if using this component standalone, this should be set to false ( if relativeToRef is not being passed thru)
-    S = _a.S, observerRef = _a.observerRef, searchbarPlaceholder = _a.searchbarPlaceholder, alignDropdown = _a.alignDropdown
-    //disabled only with this is being used for the RTEEmbedLightbox. Also this might be temp.
-    //ensure this is set to false, if you are not passing a 'relativeToRef'
-    ;
-    //INIT ORIENTATION STATE AND CUSTOM HOOK
-    var optionsRef = (0, react_1.useRef)(null);
-    var yOrientation = (0, useSetYOrientation_1.useSetYOrientation)({
-        showOptions: showOptions,
-        optionsRef: optionsRef,
-        relativeToRef: relativeToRef,
-        enabled: enableUseSetYOrientation,
-    }).yOrientation;
-    var _c = (0, useKeyboardControl_1.useKeyboardControl)({
-        showOptions: showOptions,
-        optionsWrapperRef: optionsRef,
-        handleHideOptions: handleHideOptions,
-        handleSelect: handleSelect,
-        options: options,
-        searchString: searchString,
-        id: id,
-    }), scrollFocussedOpIntoView = _c.scrollFocussedOpIntoView, focussedOp = _c.focussedOp;
-    var _d = (0, react_1.useState)(true), searchBarFocus = _d[0], setSearchBarFocus = _d[1];
-    (0, react_1.useEffect)(function () {
-        setSearchBarFocus(showOptions);
-    }, [showOptions]);
-    var genSearchBar = function () { return (react_1.default.createElement("div", { style: {
-            position: "sticky",
-            top: 0,
-            zIndex: 1,
-            background: invert ? themes_1.colors.greyColor90 : themes_1.colors.white,
-        } },
-        react_1.default.createElement("div", { style: { padding: "1rem" } },
-            react_1.default.createElement(TextInputs_1.TextInput, { placeholder: searchbarPlaceholder, invert: invert, forceFocus: searchBarFocus, type: "text", icon: "MagnifyingGlass", value: searchString, onChange: function (k, v) { return setSearchString(v); }, S: S })),
-        react_1.default.createElement(Divider_1.Divider, { invert: invert }))); };
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(OptionsShell_1.OptionsShell, { ref: optionsRef, yOrientation: yOrientation, lightboxHeight: lightboxHeight, lightboxStyle: lightboxStyle, options: options, optionsAnchor: optionsAnchor, showOptions: showOptions, SelectComp: SelectComp, handleHideOptions: handleHideOptions, label: label, optionsModalLabel: optionsModalLabel, invert: invert, relativeToRef: relativeToRef, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent, alignDropdown: alignDropdown, S: S },
-            isSearchable && genSearchBar(),
-            options.length === 0 ? (react_1.default.createElement(NoOptionResultsComp_1.NoOptionResultsComp, { S: S })) : (react_1.default.createElement(react_1.Fragment, null, options.map(function (option, index) { return (react_1.default.createElement(styled_1.StyledOption, { key: option.value, invert: invert, isSelected: !option.loading && (value === null || value === void 0 ? void 0 : value.value) === option.value, isFocussed: focussedOp === index, className: "OKE-Dropdown__option", ref: function (el) {
-                    return focussedOp === index && el && scrollFocussedOpIntoView(el);
-                }, onClick: function (e) {
-                    if (!option.loading)
-                        handleSelect(option);
-                    setSearchString && setSearchString("");
-                }, S: S }, option.loading ? (react_1.default.createElement(TextLoader_1.TextLoader, { style: { width: "8rem", height: "1.5rem" } })) : (react_1.default.createElement(OptionContent_1.OptionContent, { option: option, optionsClassName: optionsClassName, invert: invert, S: S, observerRef: options.length === index + 1 ? observerRef : null })))); }))),
-            genCreateTagButton && genCreateTagButton(options))));
-};
-exports.OptionsSingle = OptionsSingle;

package/dist/components/Dropdowns/comps/OptionsSingle/styled.d.ts

@@ -1 +0,0 @@
-export const StyledOption: import("styled-components").StyledComponent<"li", any, {}, never>;

package/dist/components/Dropdowns/comps/OptionsSingle/styled.js

@@ -1,61 +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 __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.StyledOption = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var themes_1 = require("../../../../themes");
-var mixins_1 = require("../../../../themes/mixins");
-var utilsOolib_1 = require("../../../../utilsOolib");
-var globalVariables_1 = require("../../../../globalStyles/globalVariables");
-exports.StyledOption = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding: ", ";\n    ", "\n    ", ";\n\n    background-color: ", ";\n\n    ", "\n\n    &:first-of-type {\n      margin-top: 1rem;\n    }\n\n    &:last-of-type {\n      margin-bottom: 1rem;\n    }\n\n    .OKE-Dropdown__optionDesc {\n      @include kp-clamp-text(2);\n      white-space: normal;\n    }\n\n    .OKE-Dropdown__optionImg {\n      flex: 0 0 auto;\n    }\n\n    .OKE-Dropdown__checkboxClickArea {\n      position: absolute;\n      width: 2rem;\n      height: 2rem;\n    }\n    .OKE-Dropdown__checkboxClickArea-box {\n      margin-right: 1rem;\n      flex-shrink: 0;\n    }\n"], ["\n    display: flex;\n    align-items: center;\n    padding: ", ";\n    ", "\n    ", ";\n\n    background-color: ", ";\n\n    ", "\n\n    &:first-of-type {\n      margin-top: 1rem;\n    }\n\n    &:last-of-type {\n      margin-bottom: 1rem;\n    }\n\n    .OKE-Dropdown__optionDesc {\n      @include kp-clamp-text(2);\n      white-space: normal;\n    }\n\n    .OKE-Dropdown__optionImg {\n      flex: 0 0 auto;\n    }\n\n    .OKE-Dropdown__checkboxClickArea {\n      position: absolute;\n      width: 2rem;\n      height: 2rem;\n    }\n    .OKE-Dropdown__checkboxClickArea-box {\n      margin-right: 1rem;\n      flex-shrink: 0;\n    }\n"])), function (_a) {
-    var S = _a.S;
-    return S ? '0.5rem 2rem' : ' 1rem 2rem';
-}, function (_a) {
-    var S = _a.S;
-    return !S
-        ? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n       \n        min-height: 4rem;\n      "], ["\n       \n        min-height: 4rem;\n      "]))) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      /* height: 3rem; */\n      "], ["\n      /* height: 3rem; */\n      "])));
-}, (0, mixins_1.transition)('background-color'), function (_a) {
-    var isFocussed = _a.isFocussed, isSelected = _a.isSelected, theme = _a.theme, invert = _a.invert;
-    return isSelected
-        ? (invert ? themes_1.colors.greyColor70 : (0, utilsOolib_1.getPrimaryColor10)(theme === null || theme === void 0 ? void 0 : theme.colors))
-        : isFocussed
-            ? (invert ? themes_1.colors.greyColor80 : themes_1.colors.greyColor5)
-            : (invert ? themes_1.colors.greyColor90 : themes_1.colors.white);
-}, globalVariables_1.globalHoverOnWhiteBG);
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Dropdowns/comps/SelectDropdown/index.d.ts

@@ -1,13 +0,0 @@
-export function SelectDropdown({ invert, value, placeholder, genCustomSelectComp, selectClassName, showOptions, disableSelectTextUpdate, selectConfig, selectStyleOverride, S, disabled, }: {
-    invert: any;
-    value: any;
-    placeholder: any;
-    genCustomSelectComp: any;
-    selectClassName: any;
-    showOptions: any;
-    disableSelectTextUpdate: any;
-    selectConfig?: string;
-    selectStyleOverride: any;
-    S: any;
-    disabled: any;
-}): any;

package/dist/components/Dropdowns/comps/SelectDropdown/index.js

@@ -1,54 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectDropdown = void 0;
-var react_1 = __importDefault(require("react"));
-var setDropdownSelectText_1 = require("../../utils/setDropdownSelectText");
-var Caret_1 = require("../Caret");
-var genIcon_1 = require("../../utils/genIcon");
-var Typo_1 = require("../../../Typo");
-var styled_1 = require("./styled");
-var genColor_1 = require("../../utils/genColor");
-var SelectDropdown = function (_a) {
-    var 
-    //from root
-    invert = _a.invert, value = _a.value, placeholder = _a.placeholder, genCustomSelectComp = _a.genCustomSelectComp, selectClassName = _a.selectClassName, 
-    //from Dropdown
-    showOptions = _a.showOptions, 
-    //used only for filters, where we dont remove the placeholder even when an option is selected, instead we sustain the blue underline
-    // && header where we dont update the menu title if one of its options is selected
-    disableSelectTextUpdate = _a.disableSelectTextUpdate, _b = _a.selectConfig, selectConfig = _b === void 0 ? "all" : _b, selectStyleOverride = _a.selectStyleOverride, //used curr only in access control table & header dropdowns
-    S = _a.S, disabled = _a.disabled;
-    var dropdownSelectText = (0, setDropdownSelectText_1.setDropdownSelectText)({
-        placeholder: placeholder,
-        disableSelectTextUpdate: disableSelectTextUpdate,
-        value: value,
-        isTagsStyle: false,
-    });
-    var showElem = function (elem) {
-        if (selectConfig === "all")
-            return true;
-        //else
-        return selectConfig.indexOf(elem) !== -1 ? true : false;
-    };
-    var TypoComp = S ? Typo_1.SANS_2 : Typo_1.SANS_3;
-    var genSelectComp = function () { return (react_1.default.createElement(styled_1.StyledSelectWrapper, { invert: invert, S: S, disabled: disabled, style: selectStyleOverride },
-        react_1.default.createElement("div", null,
-            react_1.default.createElement("div", { style: { display: "flex", gap: "1rem", alignItems: "center" } },
-                showElem('color') && (0, genColor_1.genColor)({ color: value === null || value === void 0 ? void 0 : value.color }),
-                showElem("icon") && (0, genIcon_1.genIcon)({ icon: value === null || value === void 0 ? void 0 : value.icon, invert: invert, S: S }),
-                showElem("display") && (react_1.default.createElement(TypoComp
-                // semibold={
-                //   dropdownSelectText.desc && showElem("desc") ? true : undefined
-                // }
-                , { 
-                    // semibold={
-                    //   dropdownSelectText.desc && showElem("desc") ? true : undefined
-                    // }
-                    className: "".concat(selectClassName || "", " ").concat(!value && placeholder) }, dropdownSelectText.display)))),
-        react_1.default.createElement(Caret_1.Caret, { showOptions: showOptions, invert: invert, disabled: disabled }))); };
-    return genCustomSelectComp ? genCustomSelectComp() : genSelectComp();
-};
-exports.SelectDropdown = SelectDropdown;

package/dist/components/Dropdowns/comps/SelectDropdown/styled.d.ts

@@ -1 +0,0 @@
-export const StyledSelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/components/Dropdowns/comps/SelectDropdown/styled.js

@@ -1,71 +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 __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.StyledSelectWrapper = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var themes_1 = require("../../../../themes");
-var utilsOolib_1 = require("../../../../utilsOolib");
-var mixins_1 = require("../../../../themes/mixins");
-exports.StyledSelectWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  position: relative;\n  border-radius: 2px;\n  min-height: 4rem;\n  padding: 0 2rem;\n  background-color: ", ";\n  color: ", "; \n  ", "\n  ", "\n  ", "\n\n  &::after{\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 2px;\n    bottom: 0;\n    right: 0;\n    background-color: ", ";\n    ", "\n  }\n  \n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &.focussed {\n    background-color: ", ";\n    &::after{\n          width: 100%;\n      }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  position: relative;\n  border-radius: 2px;\n  min-height: 4rem;\n  padding: 0 2rem;\n  background-color: ", ";\n  color: ", "; \n  ", "\n  ", "\n  ", "\n\n  &::after{\n    content: '';\n    position: absolute;\n    width: 0;\n    height: 2px;\n    bottom: 0;\n    right: 0;\n    background-color: ", ";\n    ", "\n  }\n  \n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &.focussed {\n    background-color: ", ";\n    &::after{\n          width: 100%;\n      }\n  }\n"])), function (_a) {
-    var invert = _a.invert;
-    return invert ? themes_1.colors.greyColor80 : themes_1.colors.greyColor5;
-}, function (_a) {
-    var disabled = _a.disabled, invert = _a.invert;
-    return disabled
-        ? themes_1.colors.greyColor40
-        : invert
-            ? themes_1.colors.greyColor5
-            : themes_1.colors.greyColor100;
-}, (0, mixins_1.transition)('background-color'), function (_a) {
-    var S = _a.S;
-    return S && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    min-height: auto;\n    height: 3rem;\n  "], ["\n    min-height: auto;\n    height: 3rem;\n  "])));
-}, function (_a) {
-    var disabled = _a.disabled;
-    return disabled && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    pointer-events: none;\n  "], ["\n    pointer-events: none;\n  "])));
-}, function (_a) {
-    var invert = _a.invert, theme = _a.theme;
-    return invert ? themes_1.colors.white : (0, utilsOolib_1.getPrimaryColor100)(theme === null || theme === void 0 ? void 0 : theme.colors);
-}, (0, mixins_1.transition)('width'), function (_a) {
-    var invert = _a.invert;
-    return invert ? themes_1.colors.greyColor70 : themes_1.colors.greyColor10;
-}, function (_a) {
-    var invert = _a.invert;
-    return invert ? themes_1.colors.greyColor70 : themes_1.colors.greyColor10;
-});
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Dropdowns/comps/SelectTagsInput/index.d.ts

@@ -1,18 +0,0 @@
-export function SelectTagsInput({ invert, id, value, disabled, handleSelect, searchString, setSearchString, placeholder, setFocusSelectTagsInput, focusSelectTagsInput, single_multi, showOptions, S, tagColor, style }: {
-    invert: any;
-    id: any;
-    value: any;
-    disabled: any;
-    handleSelect: any;
-    searchString: any;
-    setSearchString: any;
-    placeholder: any;
-    setFocusSelectTagsInput: any;
-    focusSelectTagsInput: any;
-    single_multi: any;
-    showOptions: any;
-    S: any;
-    tagColor: any;
-    style: any;
-}): React.JSX.Element;
-import React from "react";