oolib 2.227.10 → 2.228.1

package/dist/icons/index.d.ts

@@ -159,6 +159,9 @@ export namespace icons {
     export { Clipboard };
     export { Robot };
     export { Textbox };
+    export { Cursor };
+    export { LockSimple };
+    export { FlowArrow };
     export { OkeGoogleIcon };
     export { LetterH };
     export { IndexIcon };
@@ -388,6 +391,9 @@ import { NoteIcon as Note } from "@phosphor-icons/react";
 import { ClipboardIcon as Clipboard } from "@phosphor-icons/react";
 import { RobotIcon as Robot } from "@phosphor-icons/react";
 import { TextboxIcon as Textbox } from "@phosphor-icons/react";
+import { CursorIcon as Cursor } from "@phosphor-icons/react";
+import { LockSimpleIcon as LockSimple } from "@phosphor-icons/react";
+import { FlowArrowIcon as FlowArrow } from "@phosphor-icons/react";
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";

package/dist/icons/index.js

@@ -164,6 +164,9 @@ exports.icons = {
     Clipboard: react_1.ClipboardIcon,
     Robot: react_1.RobotIcon,
     Textbox: react_1.TextboxIcon,
+    Cursor: react_1.CursorIcon,
+    LockSimple: react_1.LockSimpleIcon,
+    FlowArrow: react_1.FlowArrowIcon,
     //custom icons
     OkeGoogleIcon: custom_1.OkeGoogleIcon,
     LetterH: custom_1.LetterH,

package/dist/v2/components/Dropdowns/DropdownMulti/index.d.ts

@@ -1,4 +1,4 @@
-export function DropdownMulti({ saveValueAsString, value: valueProp, id, onChange: parentOnChange, className, readOnly, selectClassName, optionsClassName, selectStyleOverride, optionsFn, options: optionsProp, isTagsStyle, isSearchable, searchFieldsConfig, setFilteredOptions: setFilteredOptionsInParent, setSearchString: setSearchStringInParent, searchString: searchStringInParent, label, optionsModalLabel, genCreateTagButton, placeholder, genCustomSelectComp, disableSelectTextUpdate, selectConfig, lightboxHeight, lightboxStyle, optionsAnchor, popOutOfOverflowHiddenParent, S, disabled, broadcastShowOptions, tagColor, searchbarPlaceholder, alignDropdown, variant, matchSelectInputWidth, observerRef }: {
+export function DropdownMulti({ saveValueAsString, value: valueProp, id, onChange: parentOnChange, className, readOnly, selectClassName, optionsClassName, selectStyleOverride, optionsFn, options: optionsProp, isTagsStyle, isSearchable, searchFieldsConfig, setFilteredOptions: setFilteredOptionsInParent, setSearchString: setSearchStringInParent, searchString: searchStringInParent, label, optionsModalLabel, genCreateTagButton, placeholder, genCustomSelectComp, disableSelectTextUpdate, selectConfig, lightboxHeight, lightboxStyle, optionsAnchor, popOutOfOverflowHiddenParent, S, disabled, broadcastShowOptions, tagColor, searchbarPlaceholder, alignDropdown, variant, matchSelectInputWidth, observerRef, content, }: {
     saveValueAsString: any;
     value: any;
     id: any;
@@ -36,5 +36,6 @@ export function DropdownMulti({ saveValueAsString, value: valueProp, id, onChang
     variant?: string;
     matchSelectInputWidth?: boolean;
     observerRef: any;
+    content: any;
 }, ...args: any[]): React.JSX.Element;
 import React from "react";

package/dist/v2/components/Dropdowns/DropdownMulti/index.js

@@ -74,7 +74,7 @@ function DropdownMulti(_a) {
     optionsClassName = _a.optionsClassName, //used to override font size in priimary header
     selectStyleOverride = _a.selectStyleOverride, optionsFn = _a.optionsFn, optionsProp = _a.options, isTagsStyle = _a.isTagsStyle, isSearchable = _a.isSearchable, searchFieldsConfig = _a.searchFieldsConfig, setFilteredOptionsInParent = _a.setFilteredOptions, setSearchStringInParent = _a.setSearchString, searchStringInParent = _a.searchString, label = _a.label, optionsModalLabel = _a.optionsModalLabel, genCreateTagButton = _a.genCreateTagButton, placeholder = _a.placeholder, genCustomSelectComp = _a.genCustomSelectComp, disableSelectTextUpdate = _a.disableSelectTextUpdate, selectConfig = _a.selectConfig, 
     //props whose existence needs to be questioned:
-    lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, optionsAnchor = _a.optionsAnchor, popOutOfOverflowHiddenParent = _a.popOutOfOverflowHiddenParent, S = _a.S, disabled = _a.disabled, broadcastShowOptions = _a.broadcastShowOptions, tagColor = _a.tagColor, searchbarPlaceholder = _a.searchbarPlaceholder, _b = _a.alignDropdown, alignDropdown = _b === void 0 ? "left" : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, _d = _a.matchSelectInputWidth, matchSelectInputWidth = _d === void 0 ? false : _d, observerRef = _a.observerRef;
+    lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, optionsAnchor = _a.optionsAnchor, popOutOfOverflowHiddenParent = _a.popOutOfOverflowHiddenParent, S = _a.S, disabled = _a.disabled, broadcastShowOptions = _a.broadcastShowOptions, tagColor = _a.tagColor, searchbarPlaceholder = _a.searchbarPlaceholder, _b = _a.alignDropdown, alignDropdown = _b === void 0 ? "left" : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, _d = _a.matchSelectInputWidth, matchSelectInputWidth = _d === void 0 ? false : _d, observerRef = _a.observerRef, content = _a.content;
     var theme = (0, styled_components_1.useTheme)();
     var props = arguments[0];
     var value = (0, getValue_1.getValue_MULTI)({ valueProp: valueProp, optionsFn: optionsFn, options: optionsProp, theme: theme, saveValueAsString: saveValueAsString });
@@ -174,17 +174,19 @@ function DropdownMulti(_a) {
     var genDisplayComp = function () {
         if (!(value === null || value === void 0 ? void 0 : value.length) > 0)
             return null;
-        return isTagsStyle ? (react_1.default.createElement(styled_1.StyledTagsInputWrapper, null, value.map(function (d) { return (0, genTagComp_1.genTagComp)(id, d, { display: true, theme: theme, color: tagColor }); }))) : (react_1.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" } }, value.map(function (v, i) { return react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, { key: v.value },
+        return isTagsStyle ? (react_1.default.createElement(styled_1.StyledTagsInputWrapper, null, value.map(function (d) { var _a; return (0, genTagComp_1.genTagComp)(id, d, { display: true, theme: theme, color: tagColor, usedOnContentType: (_a = content === null || content === void 0 ? void 0 : content.meta) === null || _a === void 0 ? void 0 : _a.kp_content_type }); }))) : (react_1.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" } }, value.map(function (v, i) { return react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, { key: v.value },
             v.display,
             " ",
             i !== value.length - 1 ? ',' : ''); })));
     };
     var _h = (0, react_1.useState)(false), focusSelectTagsInput = _h[0], setFocusSelectTagsInput = _h[1];
     var genSelectTagsInput = function (ops) {
+        var _a;
         if (ops === void 0) { ops = {}; }
         return (react_1.default.createElement(SelectTagsInput_1.SelectTagsInput, { id: id, value: value, handleSelect: handleSelect, handleClearAll: handleClearAll, searchString: searchString,
             setSearchString: setSearchString,
-            single_multi: "multi", placeholder: placeholder, focusSelectTagsInput: focusSelectTagsInput, setFocusSelectTagsInput: setFocusSelectTagsInput, showOptions: showOptions, S: S, disabled: disabled, style: ops.style }));
+            single_multi: "multi", placeholder: placeholder, focusSelectTagsInput: focusSelectTagsInput, setFocusSelectTagsInput: setFocusSelectTagsInput, showOptions: showOptions, S: S, disabled: disabled, style: ops.style,
+            usedOnContentType: (_a = content === null || content === void 0 ? void 0 : content.meta) === null || _a === void 0 ? void 0 : _a.kp_content_type }));
     };
     var genInputComp = function () {
         // const SelectComp = isTagsStyle ? SelectTagsInput : SelectDropdown 

package/dist/v2/components/Dropdowns/DropdownSingle/index.d.ts

@@ -1,4 +1,4 @@
-export function DropdownSingle({ optionsAnchor, lightboxHeight, lightboxStyle, selectClassName, optionsClassName, disableSelectTextUpdate, selectStyleOverride, value: valueProp, id, onChange: parentOnChange, className, style, readOnly, optionsFn, options: optionsProp, saveValueAsString, isTagsStyle, selectConfig, label, optionsModalLabel, broadcastShowOptions, isSearchable, searchFieldsConfig, setFilteredOptions: setFilteredOptionsInParent, setSearchString: setSearchStringInParent, searchString: searchStringInParent, genCustomSelectComp, placeholder, genCreateTagButton, popOutOfOverflowHiddenParent, S, disabled, tagColor, observerRef, searchbarPlaceholder, alignDropdown, variant, matchSelectInputWidth }: {
+export function DropdownSingle({ optionsAnchor, lightboxHeight, lightboxStyle, selectClassName, optionsClassName, disableSelectTextUpdate, selectStyleOverride, value: valueProp, id, onChange: parentOnChange, className, style, readOnly, optionsFn, options: optionsProp, saveValueAsString, isTagsStyle, selectConfig, label, optionsModalLabel, broadcastShowOptions, isSearchable, searchFieldsConfig, setFilteredOptions: setFilteredOptionsInParent, setSearchString: setSearchStringInParent, searchString: searchStringInParent, genCustomSelectComp, placeholder, genCreateTagButton, popOutOfOverflowHiddenParent, S, disabled, tagColor, observerRef, searchbarPlaceholder, alignDropdown, variant, matchSelectInputWidth, content, }: {
     optionsAnchor: any;
     lightboxHeight: any;
     lightboxStyle: any;
@@ -37,5 +37,6 @@ export function DropdownSingle({ optionsAnchor, lightboxHeight, lightboxStyle, s
     alignDropdown?: string;
     variant?: string;
     matchSelectInputWidth: any;
+    content: any;
 }, ...args: any[]): React.JSX.Element;
 import React from "react";

package/dist/v2/components/Dropdowns/DropdownSingle/index.js

@@ -81,7 +81,7 @@ function DropdownSingle(_a) {
     searchFieldsConfig = _a.searchFieldsConfig, setFilteredOptionsInParent = _a.setFilteredOptions, setSearchStringInParent = _a.setSearchString, searchStringInParent = _a.searchString, genCustomSelectComp = _a.genCustomSelectComp, placeholder = _a.placeholder, //
     genCreateTagButton = _a.genCreateTagButton, popOutOfOverflowHiddenParent = _a.popOutOfOverflowHiddenParent, S = _a.S, //
     disabled = _a.disabled, //
-    tagColor = _a.tagColor, observerRef = _a.observerRef, searchbarPlaceholder = _a.searchbarPlaceholder, _b = _a.alignDropdown, alignDropdown = _b === void 0 ? "left" : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, matchSelectInputWidth = _a.matchSelectInputWidth;
+    tagColor = _a.tagColor, observerRef = _a.observerRef, searchbarPlaceholder = _a.searchbarPlaceholder, _b = _a.alignDropdown, alignDropdown = _b === void 0 ? "left" : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, matchSelectInputWidth = _a.matchSelectInputWidth, content = _a.content;
     var theme = (0, styled_components_1.useTheme)();
     var props = arguments[0];
     var value = (0, getValue_1.getValue_SINGLE)({ valueProp: valueProp, optionsFn: optionsFn, options: optionsProp, theme: theme, saveValueAsString: saveValueAsString });
@@ -135,10 +135,10 @@ function DropdownSingle(_a) {
         searchString
     ]);
     var genSelectTagsInput = function (ops) {
+        var _a;
         if (ops === void 0) { ops = {}; }
-        return (react_1.default.createElement(SelectTagsInput_1.SelectTagsInput, { id: id, value: value, handleSelect: handleSelect, searchString: searchString, setSearchString: setSearchString, single_multi: 'single', placeholder: placeholder, S: S, disabled: disabled, showOptions: showOptions, S: S, style: ops.style
-            // forceFocus, comp is expecting this
-         }));
+        return (react_1.default.createElement(SelectTagsInput_1.SelectTagsInput, { id: id, value: value, handleSelect: handleSelect, searchString: searchString, setSearchString: setSearchString, single_multi: 'single', placeholder: placeholder, S: S, disabled: disabled, showOptions: showOptions, S: S, style: ops.style,
+            usedOnContentType: (_a = content === null || content === void 0 ? void 0 : content.meta) === null || _a === void 0 ? void 0 : _a.kp_content_type }));
     };
     var genInputComp = function () {
         return (react_1.default.createElement(styled_1.StyledDropdownRefWrapper, { ref: dropdownRef, className: "StyledDropdownRefWrapper_styleOverrideHandle" },
@@ -152,9 +152,10 @@ function DropdownSingle(_a) {
                 alignDropdown: alignDropdown, genCreateTagButton: genCreateTagButton, matchSelectInputWidth: matchSelectInputWidth, SelectComp: isTagsStyle && genSelectTagsInput({ style: { position: 'sticky', top: 0, zIndex: 1000 } }), S: S, popOutOfOverflowHiddenParent: popOutOfOverflowHiddenParent, isSearchable: isTagsStyle ? false : isSearchable, searchbarPlaceholder: searchbarPlaceholder, searchString: searchString, setSearchString: setSearchString })));
     };
     var genDisplayComp = function () {
+        var _a;
         if (!value)
             return null;
-        return isTagsStyle ? (react_1.default.createElement(styled_1.StyledTagsInputWrapper, null, (0, genTagComp_1.genTagComp)(id, value, { display: true, theme: theme, color: tagColor }))) : (react_1.default.createElement(DisplayCompSingle_1.DisplayCompSingle, { value: value, S: S }));
+        return isTagsStyle ? (react_1.default.createElement(styled_1.StyledTagsInputWrapper, null, (0, genTagComp_1.genTagComp)(id, value, { display: true, theme: theme, color: tagColor, usedOnContentType: (_a = content === null || content === void 0 ? void 0 : content.meta) === null || _a === void 0 ? void 0 : _a.kp_content_type }))) : (react_1.default.createElement(DisplayCompSingle_1.DisplayCompSingle, { value: value, S: S }));
     };
     return (react_1.default.createElement("div", { className: "OKE-Dropdown ".concat(className, " OKE-Dropdown--").concat(readOnly ? "displayComp" : "inputComp"), style: style },
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props) /** in other words, props. */)),

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

@@ -1,4 +1,4 @@
-export function SelectTagsInput({ id, value, disabled, handleSelect, searchString, setSearchString, placeholder, setFocusSelectTagsInput, focusSelectTagsInput, single_multi, showOptions, S, handleClearAll, tagColor, style }: {
+export function SelectTagsInput({ id, value, disabled, handleSelect, searchString, setSearchString, placeholder, setFocusSelectTagsInput, focusSelectTagsInput, single_multi, showOptions, S, handleClearAll, tagColor, style, usedOnContentType, }: {
     id: any;
     value: any;
     disabled: any;
@@ -14,5 +14,6 @@ export function SelectTagsInput({ id, value, disabled, handleSelect, searchStrin
     handleClearAll: any;
     tagColor: any;
     style: any;
+    usedOnContentType: any;
 }): React.JSX.Element;
 import React from "react";

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

@@ -54,7 +54,7 @@ var SelectTagsInput = function (_a) {
     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, handleClearAll = _a.handleClearAll, tagColor = _a.tagColor, style = _a.style;
+    single_multi = _a.single_multi, showOptions = _a.showOptions, S = _a.S, handleClearAll = _a.handleClearAll, tagColor = _a.tagColor, style = _a.style, usedOnContentType = _a.usedOnContentType;
     var inputRef = (0, react_1.useRef)(null);
     var theme = (0, styled_components_1.useTheme)();
     var localize = (0, utilsOolib_1.useLocale)();
@@ -89,7 +89,8 @@ var SelectTagsInput = function (_a) {
                             showOptions: showOptions,
                             theme: theme,
                             S: S,
-                            color: tagColor
+                            color: tagColor,
+                            usedOnContentType: usedOnContentType,
                         });
                     })),
             react_1.default.createElement(TextInputs_1.TextInput, { onKeyDown: blurInputOnEscKey, onFocus: function () {

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

@@ -6,7 +6,7 @@ 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 = {}; }
-    var SELF_MANAGED_BASE_CONFIGS = options.SELF_MANAGED_BASE_CONFIGS;
+    var SELF_MANAGED_BASE_CONFIGS = options.SELF_MANAGED_BASE_CONFIGS, usedOnContentType = options.usedOnContentType;
     if ((!value.data ||
         !value.data._id ||
         (!((_a = value.data.meta) === null || _a === void 0 ? void 0 : _a.content_type) &&
@@ -51,6 +51,11 @@ var genLinkOrText = function (value, cb, options) {
                 contentId: value._id,
                 SELF_MANAGED_BASE_CONFIGS: SELF_MANAGED_BASE_CONFIGS,
             });
+            // SM-specific: append activeTab so the collection page opens the correct tab.
+            // Only in SM mode because only there we can be sure a tab will exist for each linked content type.
+            if (link && (SELF_MANAGED_BASE_CONFIGS === null || SELF_MANAGED_BASE_CONFIGS === void 0 ? void 0 : SELF_MANAGED_BASE_CONFIGS.enable) && usedOnContentType) {
+                link = "".concat(link, "?activeTab=").concat(usedOnContentType);
+            }
         }
         return cb ? (cb(value.display, link)) : ({ link: link });
     }

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

@@ -12,6 +12,7 @@ var genTagComp = function (id, d, options) {
     if (options === void 0) { options = {}; }
     var link = (0, genLinkOrText_1.genLinkOrText)(d, undefined, {
         SELF_MANAGED_BASE_CONFIGS: (_a = options.theme) === null || _a === void 0 ? void 0 : _a.SELF_MANAGED_BASE_CONFIGS,
+        usedOnContentType: options.usedOnContentType, // parent doc's content type, used to append ?activeTab= to collection tag links
     }).link;
     var showOptions = options.showOptions;
     switch (true) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.227.10",
+  "version": "2.228.1",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -95,7 +95,7 @@
     "@lexical/react": "^0.13.1",
     "@lexical/table": "^0.13.1",
     "@material/material-color-utilities": "^0.3.0",
-    "@okf/ootils": "^1.22.0",
+    "@okf/ootils": "^1.23.0",
     "@phosphor-icons/react": "^2.1.10",
     "@react-hook/resize-observer": "^1.2.6",
     "babel-polyfill": "^6.26.0",