oolib 2.208.0 → 2.208.1

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";

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

@@ -1,124 +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.SelectTagsInput = void 0;
-var react_1 = __importStar(require("react"));
-var styled_components_1 = require("styled-components");
-var themes_1 = require("../../../../themes");
-var getKeyCode_1 = require("../../../../utils/getKeyCode");
-var toArray_1 = require("../../../../utils/toArray");
-var utilsOolib_1 = require("../../../../utilsOolib");
-var Typo_1 = require("../../../Typo");
-var styled_1 = require("../../styled");
-var genTagComp_1 = require("../../utils/genTagComp");
-var styled_2 = require("./styled");
-var SelectTagsInput = function (_a) {
-    var 
-    //from root
-    invert = _a.invert, id = _a.id, value = _a.value, disabled = _a.disabled, 
-    // genCustomSelectComp,
-    handleSelect = _a.handleSelect, searchString = _a.searchString, setSearchString = _a.setSearchString, placeholder = _a.placeholder, 
-    // minHeight, // standard | wide | actual height in rem
-    setFocusSelectTagsInput = _a.setFocusSelectTagsInput, focusSelectTagsInput = _a.focusSelectTagsInput, //force focus when after an option is selected in multiselect
-    single_multi = _a.single_multi, showOptions = _a.showOptions, S = _a.S, tagColor = _a.tagColor, style = _a.style;
-    var inputRef = (0, react_1.useRef)(null);
-    var theme = (0, styled_components_1.useTheme)();
-    var localize = (0, utilsOolib_1.useLocale)();
-    var _b = (0, react_1.useState)(false), isFocussed = _b[0], setIsFocussed = _b[1];
-    var handleFocus = function (bool) {
-        setIsFocussed(bool);
-        if (bool && inputRef.current)
-            inputRef.current.focus(); //focus text input
-    };
-    var blurInputOnEscKey = function (e) {
-        var code = (0, getKeyCode_1.getKeyCode)(e);
-        if (code === "Escape") {
-            inputRef.current.blur();
-        }
-    };
-    (0, react_1.useEffect)(function () {
-        if (focusSelectTagsInput) {
-            //it gets initiated as 0. which means on first mount this wont run. which is what we want
-            handleFocus(true);
-        }
-    }, [focusSelectTagsInput]);
-    var genSelectedTagsTextLabel = function () {
-        var TYPO_COMP = S ? Typo_1.SANS_2 : Typo_1.SANS_3;
-        return (react_1.default.createElement("div", { style: {
-                minHeight: S ? "2rem" : "3rem",
-                display: "flex",
-                alignItems: "center",
-            } },
-            react_1.default.createElement(TYPO_COMP, { color: disabled
-                    ? themes_1.colors.greyColor40
-                    : invert
-                        ? themes_1.colors.white
-                        : themes_1.colors.greyColor80 }, "".concat(localize('Selected Tags'), ":"))));
-    };
-    var genSelectComp = function () {
-        // const minHeightStyle = minHeight
-        //   ? minHeight === "standard"
-        //     ? "4rem"
-        //     : minHeight === "wide"
-        //     ? "9rem"
-        //     : minHeight // else use explicit value
-        //   : "9rem"; //wide by default
-        return (react_1.default.createElement(styled_2.StyledSelectTagsInputContainer, { onKeyDown: blurInputOnEscKey, 
-            // style={{ minHeight: '9rem' }}
-            style: style, className: "".concat(isFocussed ? "focussed" : ""), invert: invert, disabled: disabled, onFocus: function () {
-                handleFocus(true);
-            }, onBlur: function () { return handleFocus(false); }, tabIndex: 0 },
-            react_1.default.createElement(styled_1.StyledTagsInputWrapper, null,
-                genSelectedTagsTextLabel(),
-                value &&
-                    (0, toArray_1.toArray)(value).map(function (d) {
-                        return (0, genTagComp_1.genTagComp)(id, d, {
-                            handleSelect: handleSelect,
-                            single_multi: single_multi,
-                            invert: invert,
-                            showOptions: showOptions,
-                            theme: theme,
-                            S: S,
-                            color: tagColor
-                        });
-                    }),
-                //   isCombobox ? (
-                react_1.default.createElement(styled_2.StyledTagsSelectTextInput, { ref: inputRef, className: S ? "SANS_2" : "SANS_3", style: { color: invert ? themes_1.colors.white : themes_1.colors.greyColor100 }, placeholder: localize(placeholder || "Type to Search"), type: "text", value: searchString, onBlur: function () {
-                        return setFocusSelectTagsInput && setFocusSelectTagsInput(false);
-                    }, onChange: function (e) { return setSearchString(e.target.value); } }))));
-    };
-    return genSelectComp();
-};
-exports.SelectTagsInput = SelectTagsInput;

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

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

package/dist/components/Dropdowns/comps/SelectTagsInput/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 __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.StyledSelectTagsInputContainer = exports.StyledTagsSelectTextInput = 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.StyledTagsSelectTextInput = styled_components_1.default.input(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 100%;\n  border: 0;\n  width: 100%;\n  background-color: ", ";\n  \n  // this strange bit is to fix the 'zoom into input' issue on ios\n  margin: 0 -2rem;\n  ", "\n  &:focus {\n    border: 0;\n  }\n\n  &::placeholder {\n    color: ", ";\n  }\n"], ["\n  height: 100%;\n  border: 0;\n  width: 100%;\n  background-color: ", ";\n  \n  // this strange bit is to fix the 'zoom into input' issue on ios\n  margin: 0 -2rem;\n  ", "\n  &:focus {\n    border: 0;\n  }\n\n  &::placeholder {\n    color: ", ";\n  }\n"])), themes_1.colors.none, globalVariables_1.globalInputElemPadding, themes_1.colors.greyColor40);
-exports.StyledSelectTagsInputContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  cursor: pointer;\n  position: relative;\n  border-radius: 2px;\n  background-color: ", ";\n  padding: 1rem 2rem 1rem 2rem;\n  ", "\n\n  ", ";\n\n  ", "\n  ", "\n\n  height: auto;\n  align-items: flex-start;\n"], ["\n  cursor: pointer;\n  position: relative;\n  border-radius: 2px;\n  background-color: ", ";\n  padding: 1rem 2rem 1rem 2rem;\n  ", "\n\n  ", ";\n\n  ", "\n  ", "\n\n  height: auto;\n  align-items: flex-start;\n"])), function (_a) {
-    var invert = _a.invert;
-    return invert ? themes_1.colors.greyColor80 : themes_1.colors.greyColor5;
-}, 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    "])));
-}, (0, mixins_1.transition)("background-color"), globalVariables_1.globalInputElemFocused, globalVariables_1.globalInputElemHover);
-var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/Dropdowns/handlers/index.d.ts

@@ -1,14 +0,0 @@
-export function handleSelect_MULTI({ parentOnChange, id, prevVal, newVal, saveValueAsString, }: {
-    parentOnChange: any;
-    id: any;
-    prevVal: any;
-    newVal: any;
-    saveValueAsString: any;
-}): void;
-export function handleSelect_SINGLE({ parentOnChange, handleHideOptions, id, newVal, saveValueAsString }: {
-    parentOnChange: any;
-    handleHideOptions: any;
-    id: any;
-    newVal: any;
-    saveValueAsString: any;
-}): void;

package/dist/components/Dropdowns/handlers/index.js

@@ -1,52 +0,0 @@
-"use strict";
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.handleSelect_SINGLE = exports.handleSelect_MULTI = void 0;
-var handleSelect_MULTI = function (_a) {
-    var parentOnChange = _a.parentOnChange, id = _a.id, prevVal = _a.prevVal, newVal = _a.newVal, 
-    // hideShowOtherTextInputOnSelect_MULTI,
-    saveValueAsString = _a.saveValueAsString;
-    var shouldDeselect = prevVal && prevVal.some(function (d) { return d.value === newVal.value; }); //if value already exists in the selected array, then we should deselect
-    var newValue = shouldDeselect
-        ? prevVal.filter(function (d) { return d.value !== newVal.value; })
-        : __spreadArray(__spreadArray([], (prevVal || []) /*prevVal*/, true), [newVal], false);
-    // hideShowOtherTextInputOnSelect_MULTI({
-    //   newVal: newValue,
-    //   prevVal: prevVal,
-    // });
-    var newValForParent = saveValueAsString ? newValue.map(function (d) { return d.value; }) : newValue;
-    parentOnChange && parentOnChange(id, newValForParent);
-    // setForceSelectFocus && setForceSelectFocus(prev => prev+1)
-};
-exports.handleSelect_MULTI = handleSelect_MULTI;
-var handleSelect_SINGLE = function (_a) {
-    var parentOnChange = _a.parentOnChange, 
-    // hideShowOtherTextInputOnSelect_SINGLE,
-    handleHideOptions = _a.handleHideOptions, id = _a.id, newVal = _a.newVal, 
-    // prevVal,
-    saveValueAsString = _a.saveValueAsString;
-    /**
-     * this enables removing the selected option, if clicked on again
-     * but disabled for now, cuz deselecting was causing all sorts of sideeffects on the platform
-     */
-    // let valueToSet = newVal?.value === prevVal?.value
-    //   ? undefined
-    //   : newVal
-    var valueToSet = newVal;
-    // hideShowOtherTextInputOnSelect_SINGLE({
-    //     prevVal,
-    //     newVal : valueToSet
-    //   });
-    parentOnChange &&
-        parentOnChange(id, saveValueAsString ? valueToSet === null || valueToSet === void 0 ? void 0 : valueToSet.value : valueToSet);
-    handleHideOptions();
-};
-exports.handleSelect_SINGLE = handleSelect_SINGLE;

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

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

package/dist/components/Dropdowns/styled.js

@@ -1,49 +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.StyledTagsInputWrapper = exports.StyledDropdownRefWrapper = void 0;
-var styled_components_1 = __importStar(require("styled-components"));
-var themes_1 = require("../../themes");
-exports.StyledDropdownRefWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\nposition: relative;\n    user-select: none;\n"], ["\nposition: relative;\n    user-select: none;\n"])));
-exports.StyledTagsInputWrapper = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  height: 100%;\n  gap: 1rem;\n  ", "\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  height: 100%;\n  gap: 1rem;\n  ", "\n"])), function (_a) {
-    var input_display = _a.input_display;
-    return input_display === 'input'
-        ? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background-color: ", ";\n    max-width: calc(100vw - 10rem); //2+2 for page container padding on mob & 2+4 for the select elem padding\n    "], ["\n    background-color: ", ";\n    max-width: calc(100vw - 10rem); //2+2 for page container padding on mob & 2+4 for the select elem padding\n    "])), themes_1.colors.white) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\n    "], ["\n\n    "])));
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1,4 +0,0 @@
-export function genColor({ color }: {
-    color: any;
-}): React.JSX.Element;
-import React from "react";

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

@@ -1,15 +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.genColor = void 0;
-var react_1 = __importDefault(require("react"));
-var genColor = function (_a) {
-    var color = _a.color;
-    if (!color)
-        return null;
-    return (react_1.default.createElement("div", { style: { flex: "0 0 auto" } },
-        react_1.default.createElement("div", { style: { width: '2rem', height: '2rem', background: color, borderRadius: '10%' } })));
-};
-exports.genColor = genColor;

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

@@ -1,6 +0,0 @@
-export function genIcon({ icon, invert, S }: {
-    icon: any;
-    invert: any;
-    S: any;
-}): React.JSX.Element;
-import React from "react";

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

@@ -1,18 +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.genIcon = void 0;
-var react_1 = __importDefault(require("react"));
-var icons_1 = require("../../../icons");
-var genIcon = function (_a) {
-    var icon = _a.icon, invert = _a.invert, S = _a.S;
-    if (!icon)
-        return null;
-    var IconComp = icons_1.icons[icon];
-    if (!IconComp)
-        return null;
-    return react_1.default.createElement(IconComp, { size: S ? 15 : 20, style: { color: invert ? 'white' : 'unset' } });
-};
-exports.genIcon = genIcon;

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

@@ -1 +0,0 @@
-export function genLinkOrText(value: any, cb?: any, options?: {}): any;

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

@@ -1,48 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.genLinkOrText = void 0;
-var genLinkOrText = function (value, cb, options) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    if (cb === void 0) { cb = undefined; }
-    if (options === void 0) { options = {}; }
-    if ((!value.data ||
-        !value.data._id ||
-        (!((_a = value.data.meta) === null || _a === void 0 ? void 0 : _a.content_type) &&
-            !((_b = value.data.meta) === null || _b === void 0 ? void 0 : _b.profile_type) &&
-            !((_c = value.data) === null || _c === void 0 ? void 0 : _c.profileType) /**from the user data object */)) && !value.tagId && ['userTags', 'contentTags'].indexOf(value.tagCategory) === -1 // AND its not even a tag v3 type of data then...
-    ) {
-        return cb ? cb(value.display) : { link: undefined };
-    }
-    else {
-        var link = "";
-        // create links for content types
-        if ((_e = (_d = value.data) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.content_type) {
-            var _k = value.data, content_type = _k.meta.content_type, _id = _k._id;
-            link = "/published-page/".concat(content_type, "?id=").concat(_id);
-        }
-        // create links for profiles 
-        else if (((_g = (_f = value.data) === null || _f === void 0 ? void 0 : _f.meta) === null || _g === void 0 ? void 0 : _g.profile_type) || ((_h = value.data) === null || _h === void 0 ? void 0 : _h.profileType)) {
-            var profileType = ((_j = value.data.meta) === null || _j === void 0 ? void 0 : _j.profile_type) || value.data.profileType;
-            var _l = value.data, user = _l.user, _id = _l._id;
-            link = "/profile/userProfiles/".concat(profileType, "/").concat((user === null || user === void 0 ? void 0 : user._id) || _id);
-        }
-        // create links for tags
-        else if (value.tagId &&
-            value.tagCategory !== 'userTags' &&
-            value.tagCategory !== 'contentTags') {
-            //   link = `/tags/${value.tagType}/${value.tagId}`
-            link = undefined; //temp hack, cuz we dont want to do redirects  to tag listing page (since old tagType implementation will be deprecated)
-        }
-        // create links for user tags
-        else if (value.tagCategory === 'userTags') {
-            link = "/profile/userProfiles/".concat(value.tagType || value.profileType, "/").concat(value._id);
-        }
-        //create links for content tags
-        else if (value.tagCategory === 'contentTags') {
-            //i think value.tagType is redundant, but will have to check
-            link = "/published-page/".concat(value.tagType || value.meta.kp_content_type, "?id=").concat(value._id);
-        }
-        return cb ? (cb(value.display, link)) : ({ link: link });
-    }
-};
-exports.genLinkOrText = genLinkOrText;