@mailstep/design-system 0.6.2-beta.3 → 0.6.2-beta.5

package/ui/utils/CreateRgba/createRgba.js

@@ -1,13 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createRgba = void 0;
-var ThemeProvider_1 = require("../../ThemeProvider");
-var getOr_1 = __importDefault(require("lodash/fp/getOr"));
-var createRgba = function (color, alpha) {
-    color = (0, getOr_1.default)(false, "colors[".concat(color, "]"), ThemeProvider_1.themes.default) || color;
+import { themes } from '../../ThemeProvider/index.js';
+import getOr from 'lodash/fp/getOr';
+export var createRgba = function (color, alpha) {
+    color = getOr(false, "colors[".concat(color, "]"), themes.default) || color;
     if (/^rgb/.test(color)) {
         return "rgba(".concat(color.substring(color.indexOf('(') + 1, color.length - 1), ", ").concat(alpha, ")");
     }
@@ -19,5 +13,4 @@ var createRgba = function (color, alpha) {
     }
     return color;
 };
-exports.createRgba = createRgba;
-exports.default = exports.createRgba;
+export default createRgba;

package/ui/utils/CreateRgba/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/ui/utils/KeyPress/KeyPress.js

@@ -1,14 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
+import { useEffect, useCallback } from 'react';
 var OnKeyPress = function (_a) {
     var action = _a.action, keyCode = _a.keyCode;
-    var testKeyCode = (0, react_1.useCallback)(function (event) {
+    var testKeyCode = useCallback(function (event) {
         if (event.keyCode === keyCode) {
             action();
         }
     }, [keyCode, action]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         document.addEventListener('keydown', testKeyCode, false);
         return function () {
             document.removeEventListener('keydown', testKeyCode, false);
@@ -16,4 +14,4 @@ var OnKeyPress = function (_a) {
     }, [testKeyCode]);
     return null;
 };
-exports.default = OnKeyPress;
+export default OnKeyPress;

package/ui/utils/KeyPress/KeyPress.stories.js

@@ -1,21 +1,15 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var KeyPress_1 = __importDefault(require("./KeyPress"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import KeyPress from './KeyPress.js';
 var meta = {
     title: 'Utils/KeyPress',
-    component: KeyPress_1.default,
+    component: KeyPress,
     tags: ['autodocs'],
     argTypes: {},
 };
-exports.default = meta;
-exports.Default = {
+export default meta;
+export var Default = {
     decorators: [
-        function (Story) { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Story, {}), " Press ESC"] })); },
+        function (Story) { return (_jsxs("div", { children: [_jsx(Story, {}), " Press ESC"] })); },
     ],
     args: {
         action: function () { return alert('You click ESC'); },

package/ui/utils/KeyPress/index.js

@@ -1,7 +1,2 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var KeyPress_1 = __importDefault(require("./KeyPress"));
-exports.default = KeyPress_1.default;
+import KeyPress from './KeyPress.js';
+export default KeyPress;

package/ui/utils/KeyPress/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/ui/utils/index.js

@@ -1,14 +1,7 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.KeyPress = exports.createRgba = void 0;
-var createRgba_1 = __importDefault(require("./CreateRgba/createRgba"));
-exports.createRgba = createRgba_1.default;
-var KeyPress_1 = __importDefault(require("./KeyPress"));
-exports.KeyPress = KeyPress_1.default;
-exports.default = {
-    createRgba: createRgba_1.default,
-    KeyPress: KeyPress_1.default,
+import createRgba from './CreateRgba/createRgba.js';
+import KeyPress from './KeyPress/index.js';
+export { createRgba, KeyPress };
+export default {
+    createRgba: createRgba,
+    KeyPress: KeyPress,
 };