oolib 2.57.2 → 2.57.3

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

@@ -0,0 +1,15 @@
+export function SelectTagsInput({ invert, id, value, disabled, handleSelect, searchString, setSearchString, placeholder, setFocusSelectTagsInput, focusSelectTagsInput, single_multi, showOptions, S }: {
+    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;
+}): any;

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

@@ -0,0 +1,113 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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;
+    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 }, "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' }}
+            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
+                        });
+                    }),
+                //   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

@@ -0,0 +1,2 @@
+export const StyledTagsSelectTextInput: any;
+export const StyledSelectTagsInputContainer: any;

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

@@ -0,0 +1,54 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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");
+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  padding: 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  padding: 0 2rem;\n\n  &:focus {\n    border: 0;\n  }\n\n  &::placeholder {\n    color: ", ";\n  }\n"])), themes_1.colors.none, 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  &::after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 2px;\n    bottom: 0;\n    left: 0;\n    background-color: ", ";\n    ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &.focussed {\n    background-color: ", ";\n    &::after {\n      width: 100%;\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  &::after {\n    content: \"\";\n    position: absolute;\n    width: 0;\n    height: 2px;\n    bottom: 0;\n    left: 0;\n    background-color: ", ";\n    ", ";\n  }\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &.focussed {\n    background-color: ", ";\n    &::after {\n      width: 100%;\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"), function (_a) {
+    var theme = _a.theme, invert = _a.invert;
+    return invert
+        ? (0, utilsOolib_1.getPrimaryColor40)(theme === null || theme === void 0 ? void 0 : theme.colors)
+        : (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/handlers/index.d.ts

@@ -0,0 +1,15 @@
+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, prevVal, saveValueAsString }: {
+    parentOnChange: any;
+    handleHideOptions: any;
+    id: any;
+    newVal: any;
+    prevVal: any;
+    saveValueAsString: any;
+}): void;

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

@@ -0,0 +1,50 @@
+"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 = _a.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

@@ -0,0 +1,2 @@
+export const StyledDropdownRefWrapper: any;
+export const StyledTagsInputWrapper: any;

package/dist/components/Dropdowns/styled.js

@@ -0,0 +1,39 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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/genIcon.d.ts

@@ -0,0 +1 @@
+export function genIcon(icon: any): any;

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

@@ -0,0 +1,17 @@
+"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 (icon) {
+    if (!icon)
+        return null;
+    var IconComp = icons_1.icons[icon];
+    if (!IconComp)
+        return null;
+    return react_1.default.createElement(IconComp, { size: 20 });
+};
+exports.genIcon = genIcon;

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

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

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

@@ -0,0 +1,48 @@
+"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;

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

@@ -0,0 +1,7 @@
+export function genProfileImg({ image, display, invert, theme }: {
+    image: any;
+    display: any;
+    invert: any;
+    theme: any;
+}): any;
+export function renderImagePlaceholderForOolibPreview(): any;

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

@@ -0,0 +1,36 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderImagePlaceholderForOolibPreview = exports.genProfileImg = void 0;
+var react_1 = __importDefault(require("react"));
+var themes_1 = require("../../../themes");
+var Tooltip_1 = require("../../Tooltip");
+var phosphor_react_1 = require("phosphor-react");
+var genProfileImg = function (_a) {
+    var image = _a.image, display = _a.display, invert = _a.invert, theme = _a.theme;
+    if (image) {
+        if (!(theme === null || theme === void 0 ? void 0 : theme.ProfileImageDisplay)) {
+            return (0, exports.renderImagePlaceholderForOolibPreview)();
+        }
+        else {
+            var ProfileImageDisplay = theme.ProfileImageDisplay;
+            return (react_1.default.createElement("div", { style: { flex: "0 0 auto" } },
+                react_1.default.createElement(ProfileImageDisplay, { value: image, imageTitle: display, size: 20, invert: invert })));
+        }
+    }
+};
+exports.genProfileImg = genProfileImg;
+var renderImagePlaceholderForOolibPreview = function () { return react_1.default.createElement(Tooltip_1.Tooltip, { position: "bottom", text: "ProfileImageDisplay component needs to be provided via theme provider in order to render profile image", children: react_1.default.createElement("div", { style: {
+            width: "2rem",
+            height: "2rem",
+            borderRadius: "50%",
+            background: themes_1.colors.lightRed,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center',
+            flex: "0 0 auto"
+        } },
+        react_1.default.createElement(phosphor_react_1.Info, { size: 16 })) }); };
+exports.renderImagePlaceholderForOolibPreview = renderImagePlaceholderForOolibPreview;

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

@@ -0,0 +1 @@
+export function genTagComp(id: any, d: any, options?: {}): any;

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

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.genTagComp = void 0;
+var react_1 = __importDefault(require("react"));
+var Tags_1 = require("../../Tags");
+var genLinkOrText_1 = require("./genLinkOrText");
+var genTagComp = function (id, d, options) {
+    if (options === void 0) { options = {}; }
+    var link = (0, genLinkOrText_1.genLinkOrText)(d).link;
+    var showOptions = options.showOptions;
+    switch (true) {
+        case !options.display:
+            return (react_1.default.createElement("div", { tabIndex: 0, onFocus: function (e) { return !showOptions && e.stopPropagation(); } },
+                react_1.default.createElement(Tags_1.TagClear, { XS: options.S, grey: true, invert: options.invert, display: d.display, onClick: function (e) {
+                        e.stopPropagation();
+                        options.handleSelect(options.single_multi === "single" ? undefined : d);
+                    } })));
+        case !!link:
+            return react_1.default.createElement(Tags_1.TagLink, { XS: options.S, invert: options.invert, to: link, display: d.display });
+        default:
+            return react_1.default.createElement(Tags_1.TagDisplay, { XS: options.S, invert: options.invert, display: d.display });
+    }
+};
+exports.genTagComp = genTagComp;

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

@@ -0,0 +1,5 @@
+export function generateOptions({ options, optionsFn, theme }: {
+    options: any;
+    optionsFn: any;
+    theme: any;
+}): any;

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

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateOptions = void 0;
+var getAllOptionsFns_1 = require("./getAllOptionsFns");
+var generateOptions = function (_a) {
+    var _b;
+    var options = _a.options, optionsFn = _a.optionsFn, theme = _a.theme /*injectOtherOption*/;
+    switch (true) {
+        case !!options:
+            return options;
+        // let otherOp = { display: "Other", value: "other" };
+        // return injectOtherOption ? [...options, otherOp] : options;
+        case !!optionsFn:
+            return (_b = (0, getAllOptionsFns_1.getAllOptionsFns)(theme))[optionsFn.fn].apply(_b, (optionsFn.args || []));
+        default:
+            return [{ display: "Options Undefined", value: "undefined" }];
+    }
+};
+exports.generateOptions = generateOptions;

package/dist/components/Dropdowns/utils/getAllOptionsFns/genMonthsArray.d.ts

@@ -0,0 +1 @@
+export function genMonthsArray(nameLength: any): any;

package/dist/components/Dropdowns/utils/getAllOptionsFns/genMonthsArray.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.genMonthsArray = void 0;
+var genMonthsArray = function (nameLength) {
+    var form = {
+        long: [
+            "January",
+            "February",
+            "March",
+            "April",
+            "May",
+            "June",
+            "July",
+            "August",
+            "September",
+            "October",
+            "November",
+            "December",
+        ],
+        short: [
+            "Jan",
+            "Feb",
+            "Mar",
+            "Apr",
+            "May",
+            "Jun",
+            "Jul",
+            "Aug",
+            "Sep",
+            "Oct",
+            "Nov",
+            "Dec",
+        ],
+    };
+    var monthsAry = form[nameLength].map(function (d) {
+        return { display: d, value: d.toLowerCase() };
+    });
+    return monthsAry;
+};
+exports.genMonthsArray = genMonthsArray;

package/dist/components/Dropdowns/utils/getAllOptionsFns/genYearsArray.d.ts

@@ -0,0 +1,4 @@
+export function genYearsArray(fromYr: any, toYr: any): {
+    display: any;
+    value: any;
+}[];

package/dist/components/Dropdowns/utils/getAllOptionsFns/genYearsArray.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.genYearsArray = void 0;
+var genYearsArray = function (fromYr, toYr) {
+    var yrsAry = [];
+    for (var i = fromYr; i <= toYr; i++) {
+        yrsAry.unshift(i.toString());
+    }
+    return yrsAry.map(function (d) { return ({ display: d, value: d }); });
+};
+exports.genYearsArray = genYearsArray;

package/dist/components/Dropdowns/utils/getAllOptionsFns/getLanguagesArray.d.ts

@@ -0,0 +1,4 @@
+export function getLanguagesArray(): {
+    value: string;
+    display: string;
+}[];

package/dist/components/Dropdowns/utils/getAllOptionsFns/getLanguagesArray.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getLanguagesArray = void 0;
+var getLanguagesArray = function () { return [
+    {
+        "value": "as",
+        "display": "Assamese"
+    },
+    {
+        "value": "bn",
+        "display": "Bengali"
+    },
+    {
+        "value": "en",
+        "display": "English"
+    },
+    {
+        "value": "gu",
+        "display": "Gujarati"
+    },
+    {
+        "value": "hi",
+        "display": "Hindi"
+    },
+    {
+        "value": "kn",
+        "display": "Kannada"
+    },
+    {
+        "value": "ml",
+        "display": "Malayalam"
+    },
+    {
+        "value": "mr",
+        "display": "Marathi"
+    },
+    {
+        "value": "or",
+        "display": "Odiya"
+    },
+    {
+        "value": "pa",
+        "display": "Punjabi"
+    },
+    {
+        "value": "sd",
+        "display": "Sindhi"
+    },
+    {
+        "value": "ta",
+        "display": "Tamil"
+    },
+    {
+        "value": "te",
+        "display": "Telugu"
+    },
+    {
+        "value": "ur",
+        "display": "Urdu"
+    }
+]; };
+exports.getLanguagesArray = getLanguagesArray;

package/dist/components/Dropdowns/utils/getAllOptionsFns/index.d.ts

@@ -0,0 +1 @@
+export function getAllOptionsFns(theme: any): any;

package/dist/components/Dropdowns/utils/getAllOptionsFns/index.js

@@ -0,0 +1,19 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getAllOptionsFns = void 0;
+var genMonthsArray_1 = require("./genMonthsArray");
+var genYearsArray_1 = require("./genYearsArray");
+var getLanguagesArray_1 = require("./getLanguagesArray");
+var getAllOptionsFns = function (theme) { return (__assign({ genYearsArray: genYearsArray_1.genYearsArray, genMonthsArray: genMonthsArray_1.genMonthsArray, getLanguagesArray: getLanguagesArray_1.getLanguagesArray }, ((theme === null || theme === void 0 ? void 0 : theme.optionsFns) || {}))); };
+exports.getAllOptionsFns = getAllOptionsFns;

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

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