npm - oolib - Versions diffs - 2.83.1 → 2.83.2 - Mend

oolib 2.83.1 → 2.83.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/package.json CHANGED Viewed

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