empower-container 0.1.21 → 0.1.24

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 (57) hide show
  1. package/README.md +378 -376
  2. package/dist/cjs/DatetimeFormatter.d.ts +3 -3
  3. package/dist/cjs/DatetimeFormatter.js +389 -389
  4. package/dist/cjs/Information.d.ts +10 -10
  5. package/dist/cjs/Information.js +63 -63
  6. package/dist/cjs/MenuBar.d.ts +24 -24
  7. package/dist/cjs/MenuBar.js +539 -539
  8. package/dist/cjs/Modal.d.ts +33 -33
  9. package/dist/cjs/Modal.js +44 -44
  10. package/dist/cjs/assets/Asset.d.ts +17 -16
  11. package/dist/cjs/assets/Asset.js +31 -30
  12. package/dist/cjs/constants/Constant.d.ts +15 -15
  13. package/dist/cjs/constants/Constant.js +35 -35
  14. package/dist/cjs/index.d.ts +3 -3
  15. package/dist/cjs/index.js +10 -10
  16. package/dist/cjs/inputs/Input.d.ts +25 -25
  17. package/dist/cjs/inputs/Input.js +106 -106
  18. package/dist/cjs/inputs/InputSelectionHandler.d.ts +3 -3
  19. package/dist/cjs/inputs/InputSelectionHandler.js +36 -36
  20. package/dist/cjs/inputs/Select.d.ts +28 -28
  21. package/dist/cjs/inputs/Select.js +403 -403
  22. package/dist/esm/DatetimeFormatter.d.ts +3 -3
  23. package/dist/esm/DatetimeFormatter.js +385 -385
  24. package/dist/esm/Information.d.ts +10 -10
  25. package/dist/esm/Information.js +38 -38
  26. package/dist/esm/MenuBar.d.ts +24 -24
  27. package/dist/esm/MenuBar.js +534 -534
  28. package/dist/esm/Modal.d.ts +33 -33
  29. package/dist/esm/Modal.js +39 -39
  30. package/dist/esm/assets/Asset.d.ts +17 -16
  31. package/dist/esm/assets/Asset.js +28 -27
  32. package/dist/esm/constants/Constant.d.ts +15 -15
  33. package/dist/esm/constants/Constant.js +32 -32
  34. package/dist/esm/index.d.ts +3 -3
  35. package/dist/esm/index.js +3 -3
  36. package/dist/esm/inputs/Input.d.ts +25 -25
  37. package/dist/esm/inputs/Input.js +104 -104
  38. package/dist/esm/inputs/InputSelectionHandler.d.ts +3 -3
  39. package/dist/esm/inputs/InputSelectionHandler.js +31 -31
  40. package/dist/esm/inputs/Select.d.ts +28 -28
  41. package/dist/esm/inputs/Select.js +399 -399
  42. package/dist/scss/components/_modal.scss +66 -66
  43. package/dist/scss/elements/_button.scss +133 -107
  44. package/dist/scss/elements/_index.scss +1 -1
  45. package/dist/scss/elements/_popover.scss +7 -7
  46. package/dist/scss/foundation/_colors.scss +59 -59
  47. package/dist/scss/foundation/_mixins.scss +40 -40
  48. package/dist/scss/foundation/_normalize.scss +203 -203
  49. package/dist/scss/foundation/_settings.scss +36 -36
  50. package/dist/scss/foundation/_typography.scss +94 -94
  51. package/dist/scss/library/_information.scss +63 -67
  52. package/dist/scss/library/_input.scss +37 -37
  53. package/dist/scss/library/_menubar.scss +240 -255
  54. package/dist/scss/library/_select.scss +258 -258
  55. package/dist/scss/style.scss +38 -23
  56. package/package.json +62 -62
  57. package/tscnofig.old +26 -26
@@ -1,106 +1,106 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- Object.defineProperty(exports, "__esModule", { value: true });
14
- var jsx_runtime_1 = require("react/jsx-runtime");
15
- var react_1 = require("react");
16
- require("../../scss/style.scss");
17
- var sanitizeValue = function (txt, props) {
18
- var pattern = null;
19
- var newTxt = txt;
20
- if (props && props.constructor === Object) {
21
- if (props.allowedSymbols && props.allowedSymbols.constructor === Array && props.allowedSymbols.length > 0) {
22
- pattern = "^a-zA-Z0-9";
23
- pattern = new RegExp("[".concat(pattern).concat(props.allowedSymbols.join(''), " ]"), 'gi');
24
- newTxt = newTxt.replace(pattern, "");
25
- }
26
- else {
27
- pattern = "^a-zA-Z0-9";
28
- pattern = new RegExp("[".concat(pattern, " ]"), 'gi');
29
- newTxt = newTxt.replace(pattern, "");
30
- }
31
- if (props.alphabet === false) {
32
- pattern = /[a-z]/gi;
33
- newTxt = newTxt.replace(pattern, "");
34
- }
35
- if (props.numeric === false) {
36
- pattern = /[0-9]+$/gi;
37
- newTxt = newTxt.replace(pattern, "");
38
- }
39
- if (props.space === false) {
40
- pattern = /\s/gi;
41
- newTxt = newTxt.replace(pattern, "");
42
- }
43
- }
44
- return newTxt;
45
- };
46
- var Input = function (_a) {
47
- var config = _a.config, allowedChar = _a.allowedChar, customClass = _a.customClass, onChanged = _a.onChanged, keyPressed = _a.keyPressed;
48
- customClass = customClass ? customClass : '';
49
- var allowedTypes = [
50
- 'text', 'number', 'password', 'submit', 'reset', 'radio', 'checkbox', 'button',
51
- 'file', 'image', 'color', 'date', 'datetime-local', 'email', 'month', 'url', 'week',
52
- 'search', 'tel'
53
- ];
54
- /**
55
- * onChangeHandler
56
- * get the current value from the input field
57
- * @param {*} event - event which will be used to get the changed value
58
- */
59
- var onChangeHandler = function (event) {
60
- if (config.type === 'text' && allowedChar && allowedChar.constructor === Object && Object.keys(allowedChar).length > 0) {
61
- event.target.value = sanitizeValue(event.target.value, allowedChar);
62
- }
63
- if (onChanged) {
64
- if (event.target.value && config.maxLength) {
65
- if (event.target.value.toString().length <= config.maxLength) {
66
- return onChanged(event);
67
- }
68
- }
69
- else {
70
- return onChanged(event);
71
- }
72
- }
73
- else {
74
- console.error("No onChanged property");
75
- }
76
- };
77
- /**
78
- * onKeypressHandler
79
- * get the current value from the input field
80
- * @param {*} event - event which will be used to get the changed value
81
- */
82
- var onKeypressHandler = function (event) {
83
- if (event.key === 'Enter') {
84
- if (keyPressed) {
85
- return keyPressed(event);
86
- }
87
- }
88
- };
89
- /**
90
- * clearValuesHandler
91
- * reset value into null and return it to parent
92
- * @param {*} event - event
93
- */
94
- var clearValuesHandler = function (event) {
95
- if (event) {
96
- event.preventDefault();
97
- return null;
98
- }
99
- };
100
- 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 !== '' ?
101
- ((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); } }))] }))
102
- :
103
- ((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); } })) }))
104
- : null })));
105
- };
106
- exports.default = Input;
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ var jsx_runtime_1 = require("react/jsx-runtime");
15
+ var react_1 = require("react");
16
+ require("../../scss/style.scss");
17
+ var sanitizeValue = function (txt, props) {
18
+ var pattern = null;
19
+ var newTxt = txt;
20
+ if (props && props.constructor === Object) {
21
+ if (props.allowedSymbols && props.allowedSymbols.constructor === Array && props.allowedSymbols.length > 0) {
22
+ pattern = "^a-zA-Z0-9";
23
+ pattern = new RegExp("[".concat(pattern).concat(props.allowedSymbols.join(''), " ]"), 'gi');
24
+ newTxt = newTxt.replace(pattern, "");
25
+ }
26
+ else {
27
+ pattern = "^a-zA-Z0-9";
28
+ pattern = new RegExp("[".concat(pattern, " ]"), 'gi');
29
+ newTxt = newTxt.replace(pattern, "");
30
+ }
31
+ if (props.alphabet === false) {
32
+ pattern = /[a-z]/gi;
33
+ newTxt = newTxt.replace(pattern, "");
34
+ }
35
+ if (props.numeric === false) {
36
+ pattern = /[0-9]+$/gi;
37
+ newTxt = newTxt.replace(pattern, "");
38
+ }
39
+ if (props.space === false) {
40
+ pattern = /\s/gi;
41
+ newTxt = newTxt.replace(pattern, "");
42
+ }
43
+ }
44
+ return newTxt;
45
+ };
46
+ var Input = function (_a) {
47
+ var config = _a.config, allowedChar = _a.allowedChar, customClass = _a.customClass, onChanged = _a.onChanged, keyPressed = _a.keyPressed;
48
+ customClass = customClass ? customClass : '';
49
+ var allowedTypes = [
50
+ 'text', 'number', 'password', 'submit', 'reset', 'radio', 'checkbox', 'button',
51
+ 'file', 'image', 'color', 'date', 'datetime-local', 'email', 'month', 'url', 'week',
52
+ 'search', 'tel'
53
+ ];
54
+ /**
55
+ * onChangeHandler
56
+ * get the current value from the input field
57
+ * @param {*} event - event which will be used to get the changed value
58
+ */
59
+ var onChangeHandler = function (event) {
60
+ if (config.type === 'text' && allowedChar && allowedChar.constructor === Object && Object.keys(allowedChar).length > 0) {
61
+ event.target.value = sanitizeValue(event.target.value, allowedChar);
62
+ }
63
+ if (onChanged) {
64
+ if (event.target.value && config.maxLength) {
65
+ if (event.target.value.toString().length <= config.maxLength) {
66
+ return onChanged(event);
67
+ }
68
+ }
69
+ else {
70
+ return onChanged(event);
71
+ }
72
+ }
73
+ else {
74
+ console.error("No onChanged property");
75
+ }
76
+ };
77
+ /**
78
+ * onKeypressHandler
79
+ * get the current value from the input field
80
+ * @param {*} event - event which will be used to get the changed value
81
+ */
82
+ var onKeypressHandler = function (event) {
83
+ if (event.key === 'Enter') {
84
+ if (keyPressed) {
85
+ return keyPressed(event);
86
+ }
87
+ }
88
+ };
89
+ /**
90
+ * clearValuesHandler
91
+ * reset value into null and return it to parent
92
+ * @param {*} event - event
93
+ */
94
+ var clearValuesHandler = function (event) {
95
+ if (event) {
96
+ event.preventDefault();
97
+ return null;
98
+ }
99
+ };
100
+ 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 !== '' ?
101
+ ((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); } }))] }))
102
+ :
103
+ ((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); } })) }))
104
+ : null })));
105
+ };
106
+ exports.default = Input;
@@ -1,3 +1,3 @@
1
- /// <reference types="react" />
2
- declare const InputSelectionHandler: (props: any) => JSX.Element;
3
- export default InputSelectionHandler;
1
+ /// <reference types="react" />
2
+ declare const InputSelectionHandler: (props: any) => JSX.Element;
3
+ export default InputSelectionHandler;
@@ -1,36 +1,36 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var jsx_runtime_1 = require("react/jsx-runtime");
18
- var Input_1 = __importDefault(require("./Input"));
19
- var Select_1 = __importDefault(require("./Select"));
20
- var InputSelectionHandler = function (props) {
21
- switch (props.config.type) {
22
- case "text":
23
- case "number":
24
- case "time":
25
- case "password":
26
- return (0, jsx_runtime_1.jsx)(Input_1.default, __assign({}, props));
27
- case "select":
28
- case "multi-select":
29
- return (0, jsx_runtime_1.jsx)(Select_1.default, __assign({}, props));
30
- case "toggle-button":
31
- default:
32
- console.error("Invalid Input Type");
33
- return null;
34
- }
35
- };
36
- exports.default = InputSelectionHandler;
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ var __importDefault = (this && this.__importDefault) || function (mod) {
14
+ return (mod && mod.__esModule) ? mod : { "default": mod };
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ var jsx_runtime_1 = require("react/jsx-runtime");
18
+ var Input_1 = __importDefault(require("./Input"));
19
+ var Select_1 = __importDefault(require("./Select"));
20
+ var InputSelectionHandler = function (props) {
21
+ switch (props.config.type) {
22
+ case "text":
23
+ case "number":
24
+ case "time":
25
+ case "password":
26
+ return (0, jsx_runtime_1.jsx)(Input_1.default, __assign({}, props));
27
+ case "select":
28
+ case "multi-select":
29
+ return (0, jsx_runtime_1.jsx)(Select_1.default, __assign({}, props));
30
+ case "toggle-button":
31
+ default:
32
+ console.error("Invalid Input Type");
33
+ return null;
34
+ }
35
+ };
36
+ exports.default = InputSelectionHandler;
@@ -1,28 +1,28 @@
1
- import React from "react";
2
- import '../../scss/style.scss';
3
- interface IPropsPopover {
4
- id: String;
5
- className: String;
6
- open: Boolean;
7
- origin?: String;
8
- onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
9
- }
10
- export declare const Popover: React.FC<IPropsPopover>;
11
- interface IPropsDropDown {
12
- config: {
13
- id: string | keyof Object;
14
- type: string;
15
- value?: string | Array<string> | any;
16
- placeholder?: string;
17
- label?: string;
18
- readOnly?: boolean;
19
- disabled?: boolean;
20
- options?: Array<string | object> | object | any;
21
- };
22
- customClass?: string;
23
- hideClearIcon: boolean;
24
- isEmployeeSelection: boolean;
25
- onChanged?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLDivElement, MouseEvent> | React.MouseEvent<HTMLInputElement, MouseEvent> | React.KeyboardEvent<HTMLInputElement> | undefined | any, val?: string | any) => void;
26
- }
27
- declare const Dropdown: React.FC<IPropsDropDown>;
28
- export default Dropdown;
1
+ import React from "react";
2
+ import '../../scss/style.scss';
3
+ interface IPropsPopover {
4
+ id: String;
5
+ className: String;
6
+ open: Boolean;
7
+ origin?: String;
8
+ onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
9
+ }
10
+ export declare const Popover: React.FC<IPropsPopover>;
11
+ interface IPropsDropDown {
12
+ config: {
13
+ id: string | keyof Object;
14
+ type: string;
15
+ value?: string | Array<string> | any;
16
+ placeholder?: string;
17
+ label?: string;
18
+ readOnly?: boolean;
19
+ disabled?: boolean;
20
+ options?: Array<string | object> | object | any;
21
+ };
22
+ customClass?: string;
23
+ hideClearIcon: boolean;
24
+ isEmployeeSelection: boolean;
25
+ onChanged?: (event: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLDivElement, MouseEvent> | React.MouseEvent<HTMLInputElement, MouseEvent> | React.KeyboardEvent<HTMLInputElement> | undefined | any, val?: string | any) => void;
26
+ }
27
+ declare const Dropdown: React.FC<IPropsDropDown>;
28
+ export default Dropdown;