oolib 2.233.1 → 2.235.0

package/dist/icons/index.d.ts

@@ -40,6 +40,7 @@ export namespace icons {
     export { Envelope };
     export { Checks };
     export { Check };
+    export { Clock };
     export { ArrowClockwise };
     export { ArrowsClockwise };
     export { ArrowsIn };
@@ -277,6 +278,7 @@ import { PhoneIcon as Phone } from "@phosphor-icons/react";
 import { EnvelopeIcon as Envelope } from "@phosphor-icons/react";
 import { ChecksIcon as Checks } from "@phosphor-icons/react";
 import { CheckIcon as Check } from "@phosphor-icons/react";
+import { ClockIcon as Clock } from "@phosphor-icons/react";
 import { ArrowClockwiseIcon as ArrowClockwise } from "@phosphor-icons/react";
 import { ArrowsClockwiseIcon as ArrowsClockwise } from "@phosphor-icons/react";
 import { ArrowsInIcon as ArrowsIn } from "@phosphor-icons/react";

package/dist/icons/index.js

@@ -45,6 +45,7 @@ exports.icons = {
     Envelope: react_1.EnvelopeIcon,
     Checks: react_1.ChecksIcon,
     Check: react_1.CheckIcon,
+    Clock: react_1.ClockIcon,
     ArrowClockwise: react_1.ArrowClockwiseIcon,
     ArrowsClockwise: react_1.ArrowsClockwiseIcon,
     ArrowsIn: react_1.ArrowsInIcon,

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, content, }: {
+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, plugin, }: {
     optionsAnchor: any;
     lightboxHeight: any;
     lightboxStyle: any;
@@ -38,5 +38,6 @@ export function DropdownSingle({ optionsAnchor, lightboxHeight, lightboxStyle, s
     variant?: string;
     matchSelectInputWidth: any;
     content: any;
+    plugin: any;
 }, ...args: any[]): React.JSX.Element;
 import React from "react";

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

@@ -68,6 +68,7 @@ var styled_1 = require("../styled");
 // single_multi
 // static_dynamic
 function DropdownSingle(_a) {
+    var _b, _c;
     var optionsAnchor = _a.optionsAnchor, lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, 
     //to restructure: rename to TYPO = 'SANS_3' or something. which can be overridden
     selectClassName = _a.selectClassName, //used to override font size in priimary header
@@ -81,16 +82,23 @@ 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, content = _a.content;
+    tagColor = _a.tagColor, observerRef = _a.observerRef, searchbarPlaceholder = _a.searchbarPlaceholder, _d = _a.alignDropdown, alignDropdown = _d === void 0 ? "left" : _d, _e = _a.variant, variant = _e === void 0 ? "default" : _e, matchSelectInputWidth = _a.matchSelectInputWidth, content = _a.content, // parent document; content.meta.kp_content_type is used to set ?activeTab= on collection tag links
+    plugin = _a.plugin;
     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 });
+    // Plugin: optionsFetcherFn — looks up a named hook from tplBlockPlugins to fetch options
+    var _noopOptionsFetcher = function () { return ({ options: undefined, status: "idle" }); };
+    var _useOptionsFetcherPlugin = ((plugin === null || plugin === void 0 ? void 0 : plugin.optionsFetcherFn) && ((_c = (_b = theme.pluginConfigs) === null || _b === void 0 ? void 0 : _b.tplBlockPlugins) === null || _c === void 0 ? void 0 : _c[plugin.optionsFetcherFn]))
+        || _noopOptionsFetcher;
+    var pluginOptions = _useOptionsFetcherPlugin({ content: content, readOnly: readOnly }).options;
+    var effectiveOptionsProp = pluginOptions !== undefined ? pluginOptions : optionsProp;
+    var value = (0, getValue_1.getValue_SINGLE)({ valueProp: valueProp, optionsFn: optionsFn, options: effectiveOptionsProp, theme: theme, saveValueAsString: saveValueAsString });
     //1 INIT REFS
-    var _d = (0, useCreateDropdownRefs_1.useCreateDropdownRefs)(), selectRef = _d.selectRef, dropdownRef = _d.dropdownRef;
+    var _f = (0, useCreateDropdownRefs_1.useCreateDropdownRefs)(), selectRef = _f.selectRef, dropdownRef = _f.dropdownRef;
     //2 INIT SHOW OPTIONS STATE
-    var _e = (0, useHideShowOptions_1.useHideShowOptions)({
+    var _g = (0, useHideShowOptions_1.useHideShowOptions)({
         broadcastShowOptions: broadcastShowOptions
-    }), showOptions = _e.showOptions, handleHideOptions = _e.handleHideOptions, handleShowOptions = _e.handleShowOptions;
+    }), showOptions = _g.showOptions, handleHideOptions = _g.handleHideOptions, handleShowOptions = _g.handleShowOptions;
     var screenWidth = (0, useScreenWidth_1.useScreenWidth)();
     //3 INIT DD FOCUS CUSTOM HOOK
     (0, useHandleClickOutside_1.useHandleClickOutside)(dropdownRef, handleHideOptions, { enabled: screenWidth >= (0, mixins_1.getBreakPoint)('sm') });
@@ -108,13 +116,13 @@ function DropdownSingle(_a) {
         });
     };
     //-- TAG INPUT SPECIFIC
-    var _f = (0, useSearchString_1.useSearchString)({
+    var _h = (0, useSearchString_1.useSearchString)({
         searchStringInParent: searchStringInParent,
         setSearchStringInParent: setSearchStringInParent
-    }), searchString = _f[0], setSearchString = _f[1];
+    }), searchString = _h[0], setSearchString = _h[1];
     var options = (0, react_1.useMemo)(function () {
         var ops = (0, generateOptions_1.generateOptions)({
-            options: optionsProp,
+            options: effectiveOptionsProp,
             optionsFn: optionsFn,
             theme: theme
         });
@@ -129,7 +137,7 @@ function DropdownSingle(_a) {
                     setFilteredOptionsInParent: setFilteredOptionsInParent,
                 });
     }, [
-        optionsProp,
+        effectiveOptionsProp,
         optionsFn === null || optionsFn === void 0 ? void 0 : optionsFn.fn,
         optionsFn === null || optionsFn === void 0 ? void 0 : optionsFn.args,
         searchString

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oolib",
-  "version": "2.233.1",
+  "version": "2.235.0",
   "description": " OKE Component Library",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",