oolib 2.52.0 → 2.52.2

package/dist/components/TextInputs/index.js

@@ -91,6 +91,7 @@ var Buttons_1 = require("../Buttons");
 var _EXPORTS_1 = require("../../utils/_EXPORTS");
 var LoadersAndProgress_1 = require("../LoadersAndProgress");
 var OKELink_1 = require("../OKELink");
+var utilsOolib_1 = require("../../utilsOolib");
 var DisplayIcon = function (_a) {
     var icon = _a.icon, onClick = _a.onClick, size = _a.size;
     var IconComp = icons_1.icons[icon];
@@ -107,8 +108,8 @@ var TextInput = function (props) {
     }, [_validationStatus]);
     var composition = icon && !eyeIcon ? "icon+text" : "textOnly";
     var size = S ? "S" : "M";
-    var actionBtnEnabaled = !!value && (type !== "url" ? true : validationStatus.type === "success");
-    var clearBtnEnabled = !!value && (type !== "url" ? true : validationStatus.type === "success");
+    var actionBtnEnabaled = !!value && (type !== "url" ? true : (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type) === "success");
+    var clearBtnEnabled = !!value && (type !== "url" ? true : (validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type) === "success");
     var handleValidate = function (e, onBlur) { return __awaiter(void 0, void 0, void 0, function () {
         var value, res;
         return __generator(this, function (_a) {
@@ -157,13 +158,14 @@ var TextInput = function (props) {
     (0, react_1.useEffect)(function () {
         forceFocus && inputRef.current && inputRef.current.focus();
     }, [forceFocus]);
+    var localize = (0, utilsOolib_1.useLocale)();
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { className: className },
             react_1.default.createElement(BlockLabel_1.BlockLabel, __assign({}, (0, _EXPORTS_1.getBlockLabelProps)(props))),
             readOnly ? (react_1.default.createElement(Typo_1.SANS_3, { invert: invert }, type === "password" ? "********" : value)) : (react_1.default.createElement(react_1.default.Fragment, null,
                 react_1.default.createElement(index_styled_1.InputContainerStyled, { invert: invert, type: type, disabled: disabled, status: validationStatus === null || validationStatus === void 0 ? void 0 : validationStatus.type, eyeIcon: eyeIcon, composition: composition, onClick: function () { return inputRef.current.focus(); } },
                     icon && (react_1.default.createElement(DisplayIcon, { icon: icon, size: S ? 15 : 20, onClick: iconOnClick || null })),
-                    react_1.default.createElement(index_styled_1.InputStyled, { ref: inputRef, className: size === "S" ? "SANS_2" : "SANS_3", id: id, type: type, name: type, placeholder: placeholder, value: value, onChange: handleOnChange, maxLength: maxLength || DEPRECATED_maxNumLimiter, onBlur: validateOnlyOnBlur
+                    react_1.default.createElement(index_styled_1.InputStyled, { ref: inputRef, className: size === "S" ? "SANS_2" : "SANS_3", id: id, type: type, name: type, placeholder: localize(placeholder), value: value, onChange: handleOnChange, maxLength: maxLength || DEPRECATED_maxNumLimiter, onBlur: validateOnlyOnBlur
                             ? function (e) { return handleValidate(e, onBlur); }
                             : onBlur, onFocus: onFocus, size: size, autoComplete: "off" }),
                     validationStatus === "loading" && (react_1.default.createElement("div", null,

package/dist/index.d.ts

@@ -33,5 +33,7 @@ export { ModalSmall } from "./components/Modals/ModalSmall";
 export { EmptyStates } from "./components/EmptyStates";
 export { HomeCover } from "./components/HomeCover";
 export { PageScrollIndicator } from "./components/PageScrollIndicator";
+export { default as DatePicker } from "./components/DatePicker";
+export { default as DateRangePicker } from "./components/DateRangePicker";
 export { HintsProvider } from "./components/Hints/contextApi";
 export { LoaderCircle, ProgressBar, LoaderCircle as Loader, LoaderOverlay } from "./components/LoadersAndProgress";

package/dist/index.js

@@ -13,6 +13,9 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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);
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HintsProvider = exports.DateRangePicker = exports.DatePicker = exports.PageScrollIndicator = exports.HomeCover = exports.EmptyStates = exports.ModalSmall = exports.ModalLarge = exports.ModalConfirm = exports.SkeletonLoader = exports.Divider = exports.PercentCompletedPie = exports.Accordion = exports.ActionMenu = exports.Tooltip = exports.OKELink = exports.UserRoleBadge = exports.Section = exports.LoaderOverlay = exports.Loader = exports.ProgressBar = exports.LoaderCircle = exports.icons = exports.colors = exports.GlobalStyles = void 0;
 //css and styling related ( styled-components )
@@ -77,9 +80,9 @@ Object.defineProperty(exports, "HomeCover", { enumerable: true, get: function ()
 var PageScrollIndicator_1 = require("./components/PageScrollIndicator");
 Object.defineProperty(exports, "PageScrollIndicator", { enumerable: true, get: function () { return PageScrollIndicator_1.PageScrollIndicator; } });
 var DatePicker_1 = require("./components/DatePicker");
-Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return __importDefault(DatePicker_1).default; } });
 var DateRangePicker_1 = require("./components/DateRangePicker");
-Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return DateRangePicker_1.DateRangePicker; } });
+Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return __importDefault(DateRangePicker_1).default; } });
 //// context
 var contextApi_1 = require("./components/Hints/contextApi");
 Object.defineProperty(exports, "HintsProvider", { enumerable: true, get: function () { return contextApi_1.HintsProvider; } });

package/dist/themes/mixins/index.js

@@ -35,6 +35,7 @@ var mediaQuery = function (point) {
     return "@media only screen and (min-width: ".concat((0, exports.getBreakPoint)(point), "px)");
 };
 exports.mediaQuery = mediaQuery;
+//unused
 var isElementInViewport = function (el) {
     if (!el)
         return false;

package/package.json

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