oolib 2.83.0 → 2.83.2

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

@@ -1,4 +1,4 @@
-export function DropdownMulti({ saveValueAsString, value: valueProp, id, onChange: parentOnChange, className, readOnly, invert, selectClassName, optionsClassName, selectStyleOverride, optionsFn, options: optionsProp, isTagsStyle, isSearchable, searchFieldsConfig, setFilteredOptions: setFilteredOptionsInParent, setSearchString: setSearchStringInParent, searchString: searchStringInParent, label, optionsModalLabel, genCreateTagButton, placeholder, caretColor, genCustomSelectComp, disableSelectTextUpdate, selectConfig, lightboxHeight, lightboxStyle, optionsAnchor, popOutOfOverflowHiddenParent, displayCompStyle, S, disabled, broadcastShowOptions }: {
+export function DropdownMulti({ saveValueAsString, value: valueProp, id, onChange: parentOnChange, className, readOnly, invert, 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 }: {
     saveValueAsString: any;
     value: any;
     id: any;
@@ -21,7 +21,6 @@ export function DropdownMulti({ saveValueAsString, value: valueProp, id, onChang
     optionsModalLabel: any;
     genCreateTagButton: any;
     placeholder: any;
-    caretColor: any;
     genCustomSelectComp: any;
     disableSelectTextUpdate: any;
     selectConfig: any;
@@ -29,7 +28,6 @@ export function DropdownMulti({ saveValueAsString, value: valueProp, id, onChang
     lightboxStyle: any;
     optionsAnchor: any;
     popOutOfOverflowHiddenParent: any;
-    displayCompStyle: any;
     S: any;
     disabled: any;
     broadcastShowOptions: any;

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

@@ -60,10 +60,9 @@ function DropdownMulti(_a) {
     // injectOtherOption,
     readOnly = _a.readOnly, invert = _a.invert, selectClassName = _a.selectClassName, //used to override font size in priimary header
     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, caretColor = _a.caretColor, genCustomSelectComp = _a.genCustomSelectComp, disableSelectTextUpdate = _a.disableSelectTextUpdate, selectConfig = _a.selectConfig, 
+    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, displayCompStyle = _a.displayCompStyle, //can be either tagsStyle OR commaSeparatedStyle
-    S = _a.S, disabled = _a.disabled, broadcastShowOptions = _a.broadcastShowOptions;
+    lightboxHeight = _a.lightboxHeight, lightboxStyle = _a.lightboxStyle, optionsAnchor = _a.optionsAnchor, popOutOfOverflowHiddenParent = _a.popOutOfOverflowHiddenParent, S = _a.S, disabled = _a.disabled, broadcastShowOptions = _a.broadcastShowOptions;
     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 });
@@ -137,23 +136,8 @@ function DropdownMulti(_a) {
     var genDisplayComp = function () {
         if (!(value === null || value === void 0 ? void 0 : value.length) > 0)
             return null;
-        var tagsStyle = (react_1.default.createElement(styled_1.StyledTagsInputWrapper, null, value.map(function (d) { return (0, genTagComp_1.genTagComp)(id, d, { display: true, invert: invert, theme: theme }); })));
-        var commaSeparatedStyle = (react_1.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: '0.5rem' } }, value.map(function (v, i) { return (react_1.default.createElement(react_1.Fragment, null,
+        return isTagsStyle ? (react_1.default.createElement(styled_1.StyledTagsInputWrapper, null, value.map(function (d) { return (0, genTagComp_1.genTagComp)(id, d, { display: true, invert: invert, theme: theme }); }))) : (react_1.default.createElement("div", { style: { display: "flex", flexWrap: "wrap", gap: "0.5rem" } }, value.map(function (v, i) { return (react_1.default.createElement(react_1.Fragment, null,
             react_1.default.createElement(DisplayCompSingle_1.DisplayCompSingle, { value: v, invert: invert, injectComma: i !== value.length - 1 }))); })));
-        //if an explicit displayComp style is specified then listen to it.
-        //else apply tagsStyle to 'tagStyle' inputs & commaseparatedstyle to
-        //regular plain dropdowns.
-        if (!!displayCompStyle) {
-            return displayCompStyle === 'tagsStyle'
-                ? tagsStyle
-                : displayCompStyle === 'commaSeparatedStyle'
-                    && commaSeparatedStyle;
-        }
-        else {
-            return isTagsStyle
-                ? tagsStyle
-                : commaSeparatedStyle;
-        }
     };
     var _e = (0, react_1.useState)(false), focusSelectTagsInput = _e[0], setFocusSelectTagsInput = _e[1];
     var genSelectTagsInput = function () { return (react_1.default.createElement(SelectTagsInput_1.SelectTagsInput, __assign({}, {
@@ -185,7 +169,6 @@ function DropdownMulti(_a) {
                 selectClassName: selectClassName,
                 selectStyleOverride: selectStyleOverride,
                 showOptions: showOptions,
-                caretColor: caretColor,
                 genCustomSelectComp: genCustomSelectComp,
                 disableSelectTextUpdate: disableSelectTextUpdate,
                 selectConfig: selectConfig,

package/dist/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, invert, optionsFn, options: optionsProp, saveValueAsString, isTagsStyle, selectConfig, label, optionsModalLabel, broadcastShowOptions, isSearchable, searchFieldsConfig, setFilteredOptions: setFilteredOptionsInParent, setSearchString: setSearchStringInParent, searchString: searchStringInParent, genCustomSelectComp, placeholder, caretColor, genCreateTagButton, popOutOfOverflowHiddenParent, displayCompStyle, S, disabled }: {
+export function DropdownSingle({ optionsAnchor, lightboxHeight, lightboxStyle, selectClassName, optionsClassName, disableSelectTextUpdate, selectStyleOverride, value: valueProp, id, onChange: parentOnChange, className, style, readOnly, invert, optionsFn, options: optionsProp, saveValueAsString, isTagsStyle, selectConfig, label, optionsModalLabel, broadcastShowOptions, isSearchable, searchFieldsConfig, setFilteredOptions: setFilteredOptionsInParent, setSearchString: setSearchStringInParent, searchString: searchStringInParent, genCustomSelectComp, placeholder, genCreateTagButton, popOutOfOverflowHiddenParent, S, disabled }: {
     optionsAnchor: any;
     lightboxHeight: any;
     lightboxStyle: any;
@@ -28,10 +28,8 @@ export function DropdownSingle({ optionsAnchor, lightboxHeight, lightboxStyle, s
     searchString: any;
     genCustomSelectComp: any;
     placeholder: any;
-    caretColor: any;
     genCreateTagButton: any;
     popOutOfOverflowHiddenParent: any;
-    displayCompStyle: any;
     S: any;
     disabled: any;
 }, ...args: any[]): React.JSX.Element;

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

@@ -70,7 +70,7 @@ function DropdownSingle(_a) {
     //combobox specific
     isSearchable = _a.isSearchable, //
     searchFieldsConfig = _a.searchFieldsConfig, setFilteredOptionsInParent = _a.setFilteredOptions, setSearchStringInParent = _a.setSearchString, searchStringInParent = _a.searchString, genCustomSelectComp = _a.genCustomSelectComp, placeholder = _a.placeholder, //
-    caretColor = _a.caretColor, genCreateTagButton = _a.genCreateTagButton, popOutOfOverflowHiddenParent = _a.popOutOfOverflowHiddenParent, displayCompStyle = _a.displayCompStyle, S = _a.S, //
+    genCreateTagButton = _a.genCreateTagButton, popOutOfOverflowHiddenParent = _a.popOutOfOverflowHiddenParent, S = _a.S, //
     disabled = _a.disabled //
     ;
     var theme = (0, styled_components_1.useTheme)();
@@ -143,7 +143,6 @@ function DropdownSingle(_a) {
                 invert: invert,
                 value: value,
                 placeholder: placeholder,
-                caretColor: caretColor,
                 genCustomSelectComp: genCustomSelectComp,
                 selectClassName: selectClassName,
                 selectStyleOverride: selectStyleOverride,
@@ -160,22 +159,7 @@ function DropdownSingle(_a) {
     var genDisplayComp = function () {
         if (!value)
             return null;
-        var tagsStyle = (react_1.default.createElement(styled_1.StyledTagsInputWrapper, null, (0, genTagComp_1.genTagComp)(id, value, { display: true, invert: invert, theme: theme })));
-        var commaSeparatedStyle = react_1.default.createElement(DisplayCompSingle_1.DisplayCompSingle, __assign({}, { value: value, invert: invert }));
-        //if an explicit displayComp style is specified then listen to it.
-        //else apply tagsStyle to 'tagStyle' inputs & commaseparatedstyle to
-        //regular plain dropdowns.
-        if (!!displayCompStyle) {
-            return displayCompStyle === 'tagsStyle'
-                ? tagsStyle
-                : displayCompStyle === 'commaSeparatedStyle'
-                    && commaSeparatedStyle;
-        }
-        else {
-            return isTagsStyle
-                ? tagsStyle
-                : commaSeparatedStyle;
-        }
+        return isTagsStyle ? (react_1.default.createElement(styled_1.StyledTagsInputWrapper, null, (0, genTagComp_1.genTagComp)(id, value, { display: true, invert: invert, theme: theme }))) : (react_1.default.createElement(DisplayCompSingle_1.DisplayCompSingle, __assign({}, { value: value, invert: invert })));
     };
     return (react_1.default.createElement("div", { className: "OKE-Dropdown ".concat(className, " OKE-Dropdown--").concat(readOnly ? "displayComp" : "inputComp", " ").concat(invert ? "-invert-" : ""), style: style },
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, getBlockLabelProps_1.getBlockLabelProps)(props) /** in other words, props. */)),

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

@@ -1,6 +1,5 @@
-export function Caret({ invert, caretColor, showOptions, disabled }: {
+export function Caret({ invert, showOptions, disabled }: {
     invert: any;
-    caretColor: any;
     showOptions: any;
     disabled: any;
 }): React.JSX.Element;

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

@@ -11,9 +11,9 @@ var styled_1 = require("./styled");
 var white = colors_1.colors.white, greyColor100 = colors_1.colors.greyColor100, greyColor40 = colors_1.colors.greyColor40;
 var CaretDown = icons_1.icons.CaretDown, CaretUp = icons_1.icons.CaretUp;
 var Caret = function (_a) {
-    var invert = _a.invert, caretColor = _a.caretColor, showOptions = _a.showOptions, disabled = _a.disabled;
+    var invert = _a.invert, showOptions = _a.showOptions, disabled = _a.disabled;
     return (react_1.default.createElement(styled_1.StyledCaret, null,
-        showOptions ? (react_1.default.createElement(CaretUp, { size: 12, color: invert ? white : caretColor || greyColor100, weight: "bold" })) : (react_1.default.createElement(CaretDown, { size: 12, color: disabled ? greyColor40 : invert ? white : caretColor || greyColor100, weight: "bold" })),
+        showOptions ? (react_1.default.createElement(CaretUp, { size: 12, color: invert ? white : greyColor100, weight: "bold" })) : (react_1.default.createElement(CaretDown, { size: 12, color: disabled ? greyColor40 : invert ? white : greyColor100, weight: "bold" })),
         react_1.default.createElement(styled_1.StyledCaretClickArea, null)));
 };
 exports.Caret = Caret;

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

@@ -1,8 +1,7 @@
-export function SelectDropdown({ invert, value, placeholder, caretColor, genCustomSelectComp, selectClassName, showOptions, disableSelectTextUpdate, selectConfig, selectStyleOverride, S, disabled, }: {
+export function SelectDropdown({ invert, value, placeholder, genCustomSelectComp, selectClassName, showOptions, disableSelectTextUpdate, selectConfig, selectStyleOverride, S, disabled, }: {
     invert: any;
     value: any;
     placeholder: any;
-    caretColor: any;
     genCustomSelectComp: any;
     selectClassName: any;
     showOptions: any;

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

@@ -24,7 +24,7 @@ var styled_1 = require("./styled");
 var SelectDropdown = function (_a) {
     var 
     //from root
-    invert = _a.invert, value = _a.value, placeholder = _a.placeholder, caretColor = _a.caretColor, genCustomSelectComp = _a.genCustomSelectComp, selectClassName = _a.selectClassName, 
+    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
@@ -57,7 +57,7 @@ var SelectDropdown = function (_a) {
                     //   dropdownSelectText.desc && showElem("desc") ? true : undefined
                     // }
                     className: "".concat(selectClassName || "", " ").concat(!value && placeholder) }, dropdownSelectText.display)))),
-        react_1.default.createElement(Caret_1.Caret, __assign({}, { caretColor: caretColor, showOptions: showOptions, invert: invert, disabled: disabled })))); };
+        react_1.default.createElement(Caret_1.Caret, __assign({}, { showOptions: showOptions, invert: invert, disabled: disabled })))); };
     return genCustomSelectComp ? genCustomSelectComp() : genSelectComp();
 };
 exports.SelectDropdown = SelectDropdown;

package/dist/globalStyles/globalVariables.js

@@ -29,7 +29,7 @@ exports.globalLightboxStyle = (0, styled_components_1.css)(templateObject_4 || (
     var invert = _a.invert;
     return (invert ? themes_1.colors.greyColor80 : themes_1.colors.white);
 }, mixins_1.boxShadow1);
-exports.globalHoverOnWhiteBG = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (_a) {
+exports.globalHoverOnWhiteBG = (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  ", ";\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  ", ";\n  &:hover {\n    background-color: ", ";\n  }\n"])), (0, mixins_1.transition)('background-color'), function (_a) {
     var invert = _a.invert;
     return invert ? themes_1.colors.greyColor80 : themes_1.colors.greyColor5;
 });

package/package.json

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