oolib 2.234.0 → 2.235.1

package/dist/components/ActionMenu/index.js

@@ -101,6 +101,13 @@ var ActionMenu = function (_a) {
     var buttonSize = M ? { M: true } : {};
     var genOptionIcon = function (iconName) {
         var IconComp = icons_1.icons[iconName];
+        if (!IconComp) {
+            if (process.env.NODE_ENV !== "production") {
+                // eslint-disable-next-line no-console
+                console.warn("[ActionMenu] Unknown icon \"".concat(iconName, "\" \u2014 skipping."));
+            }
+            return null;
+        }
         return react_1.default.createElement(IconComp, { size: 16 });
     };
     (0, react_1.useEffect)(function () {

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 };
@@ -167,6 +168,7 @@ export namespace icons {
     export { Selection };
     export { Flask };
     export { Shuffle };
+    export { Bookmark };
     export { OkeGoogleIcon };
     export { LetterH };
     export { IndexIcon };
@@ -277,6 +279,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";
@@ -404,6 +407,7 @@ import { ArrowCounterClockwiseIcon as ArrowCounterClockwise } from "@phosphor-ic
 import { SelectionIcon as Selection } from "@phosphor-icons/react";
 import { FlaskIcon as Flask } from "@phosphor-icons/react";
 import { ShuffleIcon as Shuffle } from "@phosphor-icons/react";
+import { BookmarkIcon as Bookmark } from "@phosphor-icons/react";
 import { OkeGoogleIcon } from "./custom";
 import { LetterH } from "./custom";
 import { IndexIcon } from "./custom";

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,
@@ -172,6 +173,7 @@ exports.icons = {
     Selection: react_1.SelectionIcon,
     Flask: react_1.FlaskIcon,
     Shuffle: react_1.ShuffleIcon,
+    Bookmark: react_1.BookmarkIcon,
     //custom icons
     OkeGoogleIcon: custom_1.OkeGoogleIcon,
     LetterH: custom_1.LetterH,

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

@@ -52,7 +52,6 @@ var react_1 = __importStar(require("react"));
 var SelectTagsInput_1 = require("../comps/SelectTagsInput");
 var SelectDropdown_1 = require("../comps/SelectDropdown");
 var OptionsMulti_1 = require("../comps/OptionsMulti");
-var DisplayCompSingle_1 = require("../comps/DisplayCompSingle");
 var handlers_1 = require("../handlers");
 var useHideShowOptions_1 = require("../utils/useHideShowOptions");
 var useCreateDropdownRefs_1 = require("../utils/useCreateDropdownRefs");
@@ -66,7 +65,7 @@ var styled_1 = require("../styled");
 var BlockLabel_1 = require("../../BlockLabel");
 var getBlockLabelProps_1 = require("../../../../utils/getBlockLabelProps");
 var List_1 = require("../../List");
-var Typo2_1 = require("../../Typo2");
+var Tags_1 = require("../../Tags");
 function DropdownMulti(_a) {
     var saveValueAsString = _a.saveValueAsString, valueProp = _a.value, id = _a.id, parentOnChange = _a.onChange, className = _a.className, 
     // injectOtherOption,
@@ -175,10 +174,7 @@ 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) { 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 ? ',' : ''); })));
+        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) { return (react_1.default.createElement(Tags_1.TagDisplay, { key: v.value, display: v.display, colorPreset: "default" })); })));
     };
     var _h = (0, react_1.useState)(false), focusSelectTagsInput = _h[0], setFocusSelectTagsInput = _h[1];
     var genSelectTagsInput = function (ops) {

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

@@ -1,6 +1,4 @@
-export function DisplayCompSingle({ value, injectComma, S }: {
+export function DisplayCompSingle({ value }: {
     value: any;
-    injectComma: any;
-    S: any;
 }): React.JSX.Element;
 import React from "react";

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

@@ -1,33 +1,15 @@
 "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);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DisplayCompSingle = void 0;
 var react_1 = __importDefault(require("react"));
-var styled_components_1 = require("styled-components");
-var genProfileImg_1 = require("../../utils/genProfileImg");
-var genIcon_1 = require("../../utils/genIcon");
-var Typo2_1 = require("../../../Typo2");
+var Tags_1 = require("../../../Tags");
 var DisplayCompSingle = function (_a) {
-    var value = _a.value, injectComma = _a.injectComma, S = _a.S;
-    var theme = (0, styled_components_1.useTheme)();
+    var value = _a.value;
     if (!value)
         return null;
-    return (react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", gap: '1rem' } },
-        (0, genIcon_1.genIcon)({ icon: value === null || value === void 0 ? void 0 : value.icon, S: S }),
-        (value === null || value === void 0 ? void 0 : value.image) && (0, genProfileImg_1.genProfileImg)(__assign(__assign({}, value), { theme: theme })),
-        react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, null, value === null || value === void 0 ? void 0 : value.display)));
+    return (react_1.default.createElement(Tags_1.TagDisplay, { display: value === null || value === void 0 ? void 0 : value.display, colorPreset: "default" }));
 };
 exports.DisplayCompSingle = DisplayCompSingle;

package/dist/v2/components/RadioAndCheckbox/comps/CheckboxList/index.js

@@ -54,6 +54,7 @@ var styled_1 = require("../../styled");
 var CheckboxInput_1 = require("./comps/CheckboxInput");
 var styled_2 = require("./styled");
 var Typo2_1 = require("../../../Typo2");
+var Tags_1 = require("../../../../Tags");
 var OKELink_1 = require("../../../OKELink");
 var optionsContainers = {
     checkbox: styled_1.StyledOptionsContainer,
@@ -99,18 +100,7 @@ function CheckboxList(_a) {
     var blocklabelProps = (0, _EXPORTS_1.getBlockLabelProps)(props);
     return (react_1.default.createElement("div", { className: className, id: id },
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, blocklabelProps, { marginBottom: readOnly ? '0.4rem' : (blocklabelProps === null || blocklabelProps === void 0 ? void 0 : blocklabelProps.sublabel) ? '1.4rem' : '1.2rem' })),
-        readOnly ? (react_1.default.createElement(styled_2.StyledDisplayTagsContainer, null, value === null || value === void 0 ? void 0 : value.map(function (selOp, idx) {
-            return react_1.default.createElement(react_1.default.Fragment, null,
-                react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, { key: selOp.value },
-                    selOp.display_desc || selOp.display,
-                    " ",
-                    value.length > 1 && idx < value.length - 1 ? ',' : ''));
-        }
-        // <TagDisplay key={selOp.value} //using old one till we figure out exactly what we want for readOnly
-        //   invert={invert}
-        //   display={selOp.display_desc || selOp.display}//prioritzing display_desc since display of 'other' option is just 'Other'
-        // />
-        ))) : (react_1.default.createElement(react_1.default.Fragment, null,
+        readOnly ? (react_1.default.createElement(styled_2.StyledDisplayTagsContainer, null, value === null || value === void 0 ? void 0 : value.map(function (selOp) { return (react_1.default.createElement(Tags_1.TagDisplay, { key: selOp.value, display: selOp.display_desc || selOp.display, colorPreset: "default" })); }))) : (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(OptionsContainer, { style: style, listType: listType, S: S }, typicalOptions === null || typicalOptions === void 0 ? void 0 :
                 typicalOptions.map(function (option, idx) { return idx < optionsLimit && (react_1.default.createElement(CheckboxInput_1.CheckboxInput, __assign({}, InputCommonProps, { option: option, key: option.value }))); }),
                 shouldHideSomeOptions && // if we have the case of off limit options

package/dist/v2/components/RadioAndCheckbox/comps/RadioList/index.js

@@ -53,7 +53,7 @@ var _EXPORTS_1 = require("../../../../../utils/_EXPORTS");
 var styled_1 = require("../../styled");
 var utils_1 = require("../../utils");
 var comps_1 = require("./comps");
-var Typo2_1 = require("../../../Typo2");
+var Tags_1 = require("../../../../Tags");
 function RadioList(_a) {
     var id = _a.id, _b = _a.injectOtherOption, injectOtherOption = _b === void 0 ? false : _b, valueProp = _a.value, onChange = _a.onChange, saveValueAsString = _a.saveValueAsString, _c = _a.options, options = _c === void 0 ? [] : _c, commonIsCorrectDesc = _a.commonIsCorrectDesc, rightWrongResult = _a.rightWrongResult, _d = _a.optionsLimit, optionsLimit = _d === void 0 ? Infinity : _d, _e = _a.listType, listType = _e === void 0 ? 'horizontal' : _e, disabled = _a.disabled, invert = _a.invert, readOnly = _a.readOnly, S = _a.S;
     var props = arguments[0];
@@ -85,9 +85,7 @@ function RadioList(_a) {
     var blocklabelProps = (0, _EXPORTS_1.getBlockLabelProps)(props);
     return (react_1.default.createElement("div", { id: id },
         react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, blocklabelProps, { marginBottom: readOnly ? '0.4rem' : (blocklabelProps === null || blocklabelProps === void 0 ? void 0 : blocklabelProps.sublabel) ? '1.4rem' : '1.2rem' })),
-        readOnly ? ((value === null || value === void 0 ? void 0 : value.display) && react_1.default.createElement(Typo2_1.UI_BODY_SM_DF, null, value.display_desc || value.display)
-        // <TagDisplay display={value.display_desc || value.display} invert={invert}/> //prioritzing display_desc since display of 'other' option is === other
-        ) : (react_1.default.createElement(react_1.default.Fragment, null,
+        readOnly ? ((value === null || value === void 0 ? void 0 : value.display) && react_1.default.createElement(Tags_1.TagDisplay, { display: value.display_desc || value.display, colorPreset: "default" })) : (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(styled_1.StyledOptionsContainer, { listType: listType, S: S }, typicalOptions === null || typicalOptions === void 0 ? void 0 :
                 typicalOptions.map(function (option, idx) { return idx < optionsLimit && (react_1.default.createElement(comps_1.RadioInput, __assign({}, InputCommonProps, { option: option, key: option.value }))); }),
                 shouldHideSomeOptions && // if we have the case of off limit options

package/package.json

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