oolib 2.7.4 → 2.7.7

package/dist/components/BlockLabel/index.js

@@ -22,7 +22,7 @@ var BlockLabel = function (props) {
     errorMsgs = props.errorMsgs;
     var shouldCompRender = (label ||
         !readOnly && (sublabel || inputOnlyLabel || isRequired === false || (errorMsgs === null || errorMsgs === void 0 ? void 0 : errorMsgs.length) > 0));
-    var optional = readOnly ? false : !isRequired;
+    var optional = readOnly ? false : isRequired === false;
     var errText = errorMsgs === null || errorMsgs === void 0 ? void 0 : errorMsgs.map(function (er) { return typeof er === 'object' ? er.text : er; }).join(', ');
     //next 2 vars is for 'test link' usecase
     var errLink = (errorMsgs === null || errorMsgs === void 0 ? void 0 : errorMsgs.length) !== 1 ? undefined : errorMsgs[0].link;

package/dist/components/Tags/index.d.ts

@@ -1,5 +1,6 @@
-export function TagDisplay({ display, invert, M, theme, variant }: {
+export function TagDisplay({ display, style, invert, M, theme, variant }: {
     display: any;
+    style: any;
     invert: any;
     M: any;
     theme: any;
@@ -16,13 +17,15 @@ export function TagClear({ id, display, value, M, invert, onClick, theme, varian
     variant?: string;
     grey: any;
 }): JSX.Element;
-export function TagSelect({ onClick, isSelected, display, value, M, theme, }: {
+export function TagSelect({ onClick, isSelected, display, value, M, theme, style, onMouseDown }: {
     onClick: any;
     isSelected?: boolean;
     display: any;
     value: any;
     M: any;
     theme: any;
+    style: any;
+    onMouseDown: any;
 }): JSX.Element;
 export function TagLink({ display, to, invert, M, theme, variant }: {
     display: any;

package/dist/components/Tags/index.js

@@ -25,9 +25,9 @@ var index_styled_1 = require("./index.styled");
 var Typo_1 = require("../Typo");
 var icons_1 = require("../../icons");
 function TagDisplay(_a) {
-    var display = _a.display, invert = _a.invert, M = _a.M, theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
+    var display = _a.display, style = _a.style, invert = _a.invert, M = _a.M, theme = _a.theme, _b = _a.variant, variant = _b === void 0 ? 'primary' : _b;
     var size = M ? 'M' : 'S';
-    return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variant: variant, invert: invert, theme: theme, size: size },
+    return (react_1.default.createElement(index_styled_1.StyledTagDisplay, { variant: variant, invert: invert, theme: theme, size: size, style: style },
         react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, display)));
 }
 exports.TagDisplay = TagDisplay;
@@ -42,7 +42,7 @@ function TagClear(_a) {
 }
 exports.TagClear = TagClear;
 function TagSelect(_a) {
-    var onClick = _a.onClick, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, display = _a.display, value = _a.value, M = _a.M, theme = _a.theme;
+    var onClick = _a.onClick, _b = _a.isSelected, isSelected = _b === void 0 ? false : _b, display = _a.display, value = _a.value, M = _a.M, theme = _a.theme, style = _a.style, onMouseDown = _a.onMouseDown;
     var _c = (0, react_1.useState)(isSelected), selected = _c[0], setSelected = _c[1];
     var handleOnClick = function () {
         setSelected(!selected);
@@ -54,7 +54,7 @@ function TagSelect(_a) {
         }
     }, [isSelected]);
     var size = M ? 'M' : 'S';
-    return (react_1.default.createElement(index_styled_1.StyledTagSelect, { theme: theme, onClick: handleOnClick, selected: selected, size: size },
+    return (react_1.default.createElement(index_styled_1.StyledTagSelect, { theme: theme, onClick: onMouseDown ? function () { return null; } : handleOnClick, selected: selected, size: size, style: style, onMouseDown: onMouseDown },
         react_1.default.createElement(Typo_1.SANS_3, { semibold: true }, display)));
 }
 exports.TagSelect = TagSelect;

package/dist/index.d.ts

@@ -9,6 +9,6 @@ export * from "./components/InlineAlert";
 export * from "./components/TextInputs";
 export * from "./components/Container";
 export * from "./components/Wrappers";
+export * from "./themes/mixins";
 export { colors } from "./themes";
 export { phosphorIcons } from "./icons";
-export { mediaQuery, getBreakPoint, transition, transitionWithDuration, transitionWithDelay, multiTransition } from "./themes/mixins";

package/dist/index.js

@@ -10,7 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.multiTransition = exports.transitionWithDelay = exports.transitionWithDuration = exports.transition = exports.getBreakPoint = exports.mediaQuery = exports.phosphorIcons = exports.colors = exports.GlobalStyles = void 0;
+exports.phosphorIcons = exports.colors = exports.GlobalStyles = void 0;
 var globalStyles_1 = require("./globalStyles");
 Object.defineProperty(exports, "GlobalStyles", { enumerable: true, get: function () { return globalStyles_1.GlobalStyles; } });
 __exportStar(require("./components/Typo"), exports);
@@ -27,10 +27,4 @@ __exportStar(require("./components/InlineAlert"), exports);
 __exportStar(require("./components/TextInputs"), exports);
 __exportStar(require("./components/Container"), exports);
 __exportStar(require("./components/Wrappers"), exports);
-var mixins_1 = require("./themes/mixins");
-Object.defineProperty(exports, "mediaQuery", { enumerable: true, get: function () { return mixins_1.mediaQuery; } });
-Object.defineProperty(exports, "getBreakPoint", { enumerable: true, get: function () { return mixins_1.getBreakPoint; } });
-Object.defineProperty(exports, "transition", { enumerable: true, get: function () { return mixins_1.transition; } });
-Object.defineProperty(exports, "transitionWithDuration", { enumerable: true, get: function () { return mixins_1.transitionWithDuration; } });
-Object.defineProperty(exports, "transitionWithDelay", { enumerable: true, get: function () { return mixins_1.transitionWithDelay; } });
-Object.defineProperty(exports, "multiTransition", { enumerable: true, get: function () { return mixins_1.multiTransition; } });
+__exportStar(require("./themes/mixins"), exports);

package/dist/themes/mixins/index.d.ts

@@ -4,4 +4,5 @@ import { transition } from "./transitions";
 import { transitionWithDuration } from "./transitions";
 import { transitionWithDelay } from "./transitions";
 import { multiTransition } from "./transitions";
+export function isElementInViewport(el: any): boolean;
 export { transition, transitionWithDuration, transitionWithDelay, multiTransition };

package/dist/themes/mixins/index.js

@@ -4,7 +4,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     return cooked;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.multiTransition = exports.transitionWithDelay = exports.transitionWithDuration = exports.transition = exports.getBreakPoint = exports.mediaQuery = void 0;
+exports.isElementInViewport = exports.multiTransition = exports.transitionWithDelay = exports.transitionWithDuration = exports.transition = exports.getBreakPoint = exports.mediaQuery = void 0;
 var styled_components_1 = require("styled-components");
 var transitions_1 = require("./transitions");
 Object.defineProperty(exports, "transition", { enumerable: true, get: function () { return transitions_1.transition; } });
@@ -34,4 +34,14 @@ var mediaQuery = function (point) {
     return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["@media only screen and (min-width: ", "px)"], ["@media only screen and (min-width: ", "px)"])), getBreakPoint(point));
 };
 exports.mediaQuery = mediaQuery;
+var isElementInViewport = function (el) {
+    if (!el)
+        return false;
+    var rect = el.getBoundingClientRect();
+    return (rect.top >= 0 &&
+        rect.left >= 0 &&
+        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+        rect.right <= (window.innerWidth || document.documentElement.clientWidth));
+};
+exports.isElementInViewport = isElementInViewport;
 var templateObject_1;

package/package.json

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