empower-container 0.1.21 → 0.1.24

package/dist/cjs/inputs/Input.js

@@ -1,106 +1,106 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-require("../../scss/style.scss");
-var sanitizeValue = function (txt, props) {
-    var pattern = null;
-    var newTxt = txt;
-    if (props && props.constructor === Object) {
-        if (props.allowedSymbols && props.allowedSymbols.constructor === Array && props.allowedSymbols.length > 0) {
-            pattern = "^a-zA-Z0-9";
-            pattern = new RegExp("[".concat(pattern).concat(props.allowedSymbols.join(''), " ]"), 'gi');
-            newTxt = newTxt.replace(pattern, "");
-        }
-        else {
-            pattern = "^a-zA-Z0-9";
-            pattern = new RegExp("[".concat(pattern, " ]"), 'gi');
-            newTxt = newTxt.replace(pattern, "");
-        }
-        if (props.alphabet === false) {
-            pattern = /[a-z]/gi;
-            newTxt = newTxt.replace(pattern, "");
-        }
-        if (props.numeric === false) {
-            pattern = /[0-9]+$/gi;
-            newTxt = newTxt.replace(pattern, "");
-        }
-        if (props.space === false) {
-            pattern = /\s/gi;
-            newTxt = newTxt.replace(pattern, "");
-        }
-    }
-    return newTxt;
-};
-var Input = function (_a) {
-    var config = _a.config, allowedChar = _a.allowedChar, customClass = _a.customClass, onChanged = _a.onChanged, keyPressed = _a.keyPressed;
-    customClass = customClass ? customClass : '';
-    var allowedTypes = [
-        'text', 'number', 'password', 'submit', 'reset', 'radio', 'checkbox', 'button',
-        'file', 'image', 'color', 'date', 'datetime-local', 'email', 'month', 'url', 'week',
-        'search', 'tel'
-    ];
-    /**
-    * onChangeHandler
-    * get the current value from the input field
-    * @param {*} event - event which will be used to get the changed value
-    */
-    var onChangeHandler = function (event) {
-        if (config.type === 'text' && allowedChar && allowedChar.constructor === Object && Object.keys(allowedChar).length > 0) {
-            event.target.value = sanitizeValue(event.target.value, allowedChar);
-        }
-        if (onChanged) {
-            if (event.target.value && config.maxLength) {
-                if (event.target.value.toString().length <= config.maxLength) {
-                    return onChanged(event);
-                }
-            }
-            else {
-                return onChanged(event);
-            }
-        }
-        else {
-            console.error("No onChanged property");
-        }
-    };
-    /**
-   * onKeypressHandler
-   * get the current value from the input field
-   * @param {*} event - event which will be used to get the changed value
-   */
-    var onKeypressHandler = function (event) {
-        if (event.key === 'Enter') {
-            if (keyPressed) {
-                return keyPressed(event);
-            }
-        }
-    };
-    /**
-    * clearValuesHandler
-    * reset value into null and return it to parent
-    * @param {*} event - event
-    */
-    var clearValuesHandler = function (event) {
-        if (event) {
-            event.preventDefault();
-            return null;
-        }
-    };
-    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "em-input " + customClass }, { children: config.type === 'time' ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'e-input e-input-time ' + (config.disabled ? 'input-disabled' : ""), "data-testid": "component-input" }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, config, { onChange: onChangeHandler })), config.disabled || !config.value ? null : ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'e-input-icon', onClick: clearValuesHandler }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.00005 14.7895L5.21058 17L10 12.2106L14.7895 17.0001L17 14.7895L12.2105 10.0001L17.0001 5.21053L14.7895 3L10 7.78953L5.21053 3.00005L3 5.21058L7.78948 10.0001L3.00005 14.7895Z", fill: "#A0AEC0" }) })) })))] }))) : allowedTypes.includes(config.type) ? config.label && config.label !== '' ?
-            ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("label", { children: config.label }), (0, jsx_runtime_1.jsx)("input", __assign({ "data-testid": "component-input" }, config, { onChange: function (event) { return onChangeHandler(event); }, onKeyPress: function (event) { return onKeypressHandler(event); } }))] }))
-            :
-                ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)("input", __assign({}, config, { className: "em-input-field", "data-testid": "component-input", onChange: function (event) { return onChangeHandler(event); }, onKeyPress: function (event) { return onKeypressHandler(event); } })) }))
-            : null })));
-};
-exports.default = Input;
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+require("../../scss/style.scss");
+var sanitizeValue = function (txt, props) {
+    var pattern = null;
+    var newTxt = txt;
+    if (props && props.constructor === Object) {
+        if (props.allowedSymbols && props.allowedSymbols.constructor === Array && props.allowedSymbols.length > 0) {
+            pattern = "^a-zA-Z0-9";
+            pattern = new RegExp("[".concat(pattern).concat(props.allowedSymbols.join(''), " ]"), 'gi');
+            newTxt = newTxt.replace(pattern, "");
+        }
+        else {
+            pattern = "^a-zA-Z0-9";
+            pattern = new RegExp("[".concat(pattern, " ]"), 'gi');
+            newTxt = newTxt.replace(pattern, "");
+        }
+        if (props.alphabet === false) {
+            pattern = /[a-z]/gi;
+            newTxt = newTxt.replace(pattern, "");
+        }
+        if (props.numeric === false) {
+            pattern = /[0-9]+$/gi;
+            newTxt = newTxt.replace(pattern, "");
+        }
+        if (props.space === false) {
+            pattern = /\s/gi;
+            newTxt = newTxt.replace(pattern, "");
+        }
+    }
+    return newTxt;
+};
+var Input = function (_a) {
+    var config = _a.config, allowedChar = _a.allowedChar, customClass = _a.customClass, onChanged = _a.onChanged, keyPressed = _a.keyPressed;
+    customClass = customClass ? customClass : '';
+    var allowedTypes = [
+        'text', 'number', 'password', 'submit', 'reset', 'radio', 'checkbox', 'button',
+        'file', 'image', 'color', 'date', 'datetime-local', 'email', 'month', 'url', 'week',
+        'search', 'tel'
+    ];
+    /**
+    * onChangeHandler
+    * get the current value from the input field
+    * @param {*} event - event which will be used to get the changed value
+    */
+    var onChangeHandler = function (event) {
+        if (config.type === 'text' && allowedChar && allowedChar.constructor === Object && Object.keys(allowedChar).length > 0) {
+            event.target.value = sanitizeValue(event.target.value, allowedChar);
+        }
+        if (onChanged) {
+            if (event.target.value && config.maxLength) {
+                if (event.target.value.toString().length <= config.maxLength) {
+                    return onChanged(event);
+                }
+            }
+            else {
+                return onChanged(event);
+            }
+        }
+        else {
+            console.error("No onChanged property");
+        }
+    };
+    /**
+   * onKeypressHandler
+   * get the current value from the input field
+   * @param {*} event - event which will be used to get the changed value
+   */
+    var onKeypressHandler = function (event) {
+        if (event.key === 'Enter') {
+            if (keyPressed) {
+                return keyPressed(event);
+            }
+        }
+    };
+    /**
+    * clearValuesHandler
+    * reset value into null and return it to parent
+    * @param {*} event - event
+    */
+    var clearValuesHandler = function (event) {
+        if (event) {
+            event.preventDefault();
+            return null;
+        }
+    };
+    return ((0, jsx_runtime_1.jsx)("div", __assign({ className: "em-input " + customClass }, { children: config.type === 'time' ? ((0, jsx_runtime_1.jsxs)("div", __assign({ className: 'e-input e-input-time ' + (config.disabled ? 'input-disabled' : ""), "data-testid": "component-input" }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, config, { onChange: onChangeHandler })), config.disabled || !config.value ? null : ((0, jsx_runtime_1.jsx)("div", __assign({ className: 'e-input-icon', onClick: clearValuesHandler }, { children: (0, jsx_runtime_1.jsx)("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.00005 14.7895L5.21058 17L10 12.2106L14.7895 17.0001L17 14.7895L12.2105 10.0001L17.0001 5.21053L14.7895 3L10 7.78953L5.21053 3.00005L3 5.21058L7.78948 10.0001L3.00005 14.7895Z", fill: "#A0AEC0" }) })) })))] }))) : allowedTypes.includes(config.type) ? config.label && config.label !== '' ?
+            ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("label", { children: config.label }), (0, jsx_runtime_1.jsx)("input", __assign({ "data-testid": "component-input" }, config, { onChange: function (event) { return onChangeHandler(event); }, onKeyPress: function (event) { return onKeypressHandler(event); } }))] }))
+            :
+                ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)("input", __assign({}, config, { className: "em-input-field", "data-testid": "component-input", onChange: function (event) { return onChangeHandler(event); }, onKeyPress: function (event) { return onKeypressHandler(event); } })) }))
+            : null })));
+};
+exports.default = Input;

package/dist/cjs/inputs/InputSelectionHandler.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const InputSelectionHandler: (props: any) => JSX.Element;
-export default InputSelectionHandler;
+/// <reference types="react" />
+declare const InputSelectionHandler: (props: any) => JSX.Element;
+export default InputSelectionHandler;

package/dist/cjs/inputs/InputSelectionHandler.js

@@ -1,36 +1,36 @@
-"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 });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var Input_1 = __importDefault(require("./Input"));
-var Select_1 = __importDefault(require("./Select"));
-var InputSelectionHandler = function (props) {
-    switch (props.config.type) {
-        case "text":
-        case "number":
-        case "time":
-        case "password":
-            return (0, jsx_runtime_1.jsx)(Input_1.default, __assign({}, props));
-        case "select":
-        case "multi-select":
-            return (0, jsx_runtime_1.jsx)(Select_1.default, __assign({}, props));
-        case "toggle-button":
-        default:
-            console.error("Invalid Input Type");
-            return null;
-    }
-};
-exports.default = InputSelectionHandler;
+"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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var Input_1 = __importDefault(require("./Input"));
+var Select_1 = __importDefault(require("./Select"));
+var InputSelectionHandler = function (props) {
+    switch (props.config.type) {
+        case "text":
+        case "number":
+        case "time":
+        case "password":
+            return (0, jsx_runtime_1.jsx)(Input_1.default, __assign({}, props));
+        case "select":
+        case "multi-select":
+            return (0, jsx_runtime_1.jsx)(Select_1.default, __assign({}, props));
+        case "toggle-button":
+        default:
+            console.error("Invalid Input Type");
+            return null;
+    }
+};
+exports.default = InputSelectionHandler;

package/dist/cjs/inputs/Select.d.ts

@@ -1,28 +1,28 @@
-import React from "react";
-import '../../scss/style.scss';
-interface IPropsPopover {
-    id: String;
-    className: String;
-    open: Boolean;
-    origin?: String;
-    onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-}
-export declare const Popover: React.FC<IPropsPopover>;
-interface IPropsDropDown {
-    config: {
-        id: string | keyof Object;
-        type: string;
-        value?: string | Array<string> | any;
-        placeholder?: string;
-        label?: string;
-        readOnly?: boolean;
-        disabled?: boolean;
-        options?: Array<string | object> | object | any;
-    };
-    customClass?: string;
-    hideClearIcon: boolean;
-    isEmployeeSelection: boolean;
-    onChanged?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLDivElement, MouseEvent> | React.MouseEvent<HTMLInputElement, MouseEvent> | React.KeyboardEvent<HTMLInputElement> | undefined | any, val?: string | any) => void;
-}
-declare const Dropdown: React.FC<IPropsDropDown>;
-export default Dropdown;
+import React from "react";
+import '../../scss/style.scss';
+interface IPropsPopover {
+    id: String;
+    className: String;
+    open: Boolean;
+    origin?: String;
+    onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
+}
+export declare const Popover: React.FC<IPropsPopover>;
+interface IPropsDropDown {
+    config: {
+        id: string | keyof Object;
+        type: string;
+        value?: string | Array<string> | any;
+        placeholder?: string;
+        label?: string;
+        readOnly?: boolean;
+        disabled?: boolean;
+        options?: Array<string | object> | object | any;
+    };
+    customClass?: string;
+    hideClearIcon: boolean;
+    isEmployeeSelection: boolean;
+    onChanged?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLDivElement, MouseEvent> | React.MouseEvent<HTMLInputElement, MouseEvent> | React.KeyboardEvent<HTMLInputElement> | undefined | any, val?: string | any) => void;
+}
+declare const Dropdown: React.FC<IPropsDropDown>;
+export default Dropdown;