@citygross/components 0.8.3 → 0.8.4

package/build/@types/components/CouponCode/CouponCode.d.ts

@@ -13,7 +13,12 @@ export declare type TCouponCode = {
     label: string;
     resetLabel: string;
     placeholder: string;
-    onSubmit: (value: string) => Promise<TSubmitResult>;
+    onSubmit: () => void;
+    status?: TSubmitResult;
+    loading?: boolean;
+    setValue: (value: string) => void;
+    value: string;
+    onReset: () => void;
 };
-export declare function CouponCode({ label, resetLabel, placeholder, onSubmit }: TCouponCode): JSX.Element;
+export declare function CouponCode({ label, resetLabel, placeholder, onSubmit, status, loading, value, setValue, onReset }: TCouponCode): JSX.Element;
 export {};

package/build/cjs/_virtual/_tslib.js

@@ -40,44 +40,6 @@ function __rest(s, e) {
     return t;
 }
 
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
 function __makeTemplateObject(cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
@@ -87,8 +49,6 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-exports.__awaiter = __awaiter;
-exports.__generator = __generator;
 exports.__makeTemplateObject = __makeTemplateObject;
 exports.__rest = __rest;
 //# sourceMappingURL=_tslib.js.map

package/build/cjs/_virtual/_tslib.js.map

@@ -1 +1 @@
-{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/CouponCode/CouponCode.js

@@ -2,7 +2,6 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../_virtual/_tslib.js');
 var React = require('react');
 var CouponCode_styles = require('./CouponCode.styles.js');
 var CgButton = require('../CgButton/CgButton.js');
@@ -34,52 +33,29 @@ var CouponResultIcon = function (_a) {
             return (React__default["default"].createElement(icons.Icons.Alert, { color: (_d = designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.alertRed, width: 20, height: 20 }));
     }
 };
-var initialResult = {
-    status: exports.ECouponCodeStatus.Empty,
-    message: ''
-};
 function CouponCode(_a) {
-    var _this = this;
-    var label = _a.label, resetLabel = _a.resetLabel, placeholder = _a.placeholder, onSubmit = _a.onSubmit;
-    var _b = React.useState(''), value = _b[0], setValue = _b[1];
-    var _c = React.useState(false), loading = _c[0], setLoading = _c[1];
-    var _d = React.useState(false), customFocus = _d[0], setCustomFocus = _d[1];
-    var _e = React.useState(initialResult), result = _e[0], setResult = _e[1];
-    var handleSubmit = function () { return _tslib.__awaiter(_this, void 0, void 0, function () {
-        var result;
-        return _tslib.__generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setLoading(true);
-                    return [4 /*yield*/, onSubmit(value)];
-                case 1:
-                    result = _a.sent();
-                    setResult(result);
-                    setLoading(false);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return (React__default["default"].createElement(React__default["default"].Fragment, null, (result === null || result === void 0 ? void 0 : result.status) === exports.ECouponCodeStatus.Empty ? (React__default["default"].createElement(CouponCode_styles.CouponContainer, null,
+    var label = _a.label, resetLabel = _a.resetLabel, placeholder = _a.placeholder, onSubmit = _a.onSubmit, status = _a.status, loading = _a.loading, value = _a.value, setValue = _a.setValue, onReset = _a.onReset;
+    var _b = React.useState(false), customFocus = _b[0], setCustomFocus = _b[1];
+    return (React__default["default"].createElement(React__default["default"].Fragment, null, (status === null || status === void 0 ? void 0 : status.status) === exports.ECouponCodeStatus.Empty ? (React__default["default"].createElement(CouponCode_styles.CouponContainer, null,
         React__default["default"].createElement(CouponCode_styles.CouponInputContainer, null,
             React__default["default"].createElement(CouponCode_styles.CouponInput, { type: "text", placeholder: placeholder, value: value, onChange: function (e) { return setValue(e.currentTarget.value); }, onMouseDown: function () {
                     setCustomFocus(true);
                 }, onKeyDown: function (event) {
                     if (event.key === 'Enter') {
-                        handleSubmit();
+                        onSubmit();
                     }
                 }, onBlur: function () { return setCustomFocus(false); }, customFocus: customFocus })),
         React__default["default"].createElement("div", null,
-            React__default["default"].createElement(CgButton.CgButton, { variant: CgButton.EButtonVariant.secondary, disabled: loading || !value, onClick: function () { return handleSubmit(); }, size: CgButton.ECgButtonSize.medium, fullWidth: true, loading: loading }, label)))) : (React__default["default"].createElement(CouponCode_styles.CouponResultContainer, { status: result === null || result === void 0 ? void 0 : result.status }, (result === null || result === void 0 ? void 0 : result.status) === exports.ECouponCodeStatus.Success ? (React__default["default"].createElement(CouponCode_styles.CouponResultMessage, null,
-        React__default["default"].createElement(CouponResultIcon, { status: result === null || result === void 0 ? void 0 : result.status }),
-        React__default["default"].createElement("p", null, result === null || result === void 0 ? void 0 :
-            result.message,
+            React__default["default"].createElement(CgButton.CgButton, { variant: CgButton.EButtonVariant.secondary, disabled: loading || !value, onClick: function () { return onSubmit(); }, size: CgButton.ECgButtonSize.medium, fullWidth: true, loading: loading }, label)))) : (React__default["default"].createElement(CouponCode_styles.CouponResultContainer, { status: status === null || status === void 0 ? void 0 : status.status }, (status === null || status === void 0 ? void 0 : status.status) === exports.ECouponCodeStatus.Success ? (React__default["default"].createElement(CouponCode_styles.CouponResultMessage, null,
+        React__default["default"].createElement(CouponResultIcon, { status: status === null || status === void 0 ? void 0 : status.status }),
+        React__default["default"].createElement("p", null, status === null || status === void 0 ? void 0 :
+            status.message,
             " ",
             value))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(CouponCode_styles.CouponResultMessage, null,
-            React__default["default"].createElement(CouponResultIcon, { status: result.status }),
-            React__default["default"].createElement("p", null, result === null || result === void 0 ? void 0 : result.message)),
-        React__default["default"].createElement(Link.Link, { color: "black", size: typography.TextTypes.TextSize.SMALL, textDecoration: "underline", onClick: function () { return setResult(initialResult); } }, resetLabel)))))));
+            React__default["default"].createElement(CouponResultIcon, { status: status === null || status === void 0 ? void 0 : status.status }),
+            React__default["default"].createElement("p", null, status === null || status === void 0 ? void 0 : status.message)),
+        React__default["default"].createElement(Link.Link, { color: "black", size: typography.TextTypes.TextSize.SMALL, textDecoration: "underline", onClick: function () { return onReset(); } }, resetLabel)))))));
 }
 
 exports.CouponCode = CouponCode;

package/build/cjs/components/src/components/CouponCode/CouponCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"CouponCode.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CouponCode.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/Links/Link.js

@@ -24,7 +24,11 @@ exports.LinkColors = void 0;
 })(exports.LinkColors || (exports.LinkColors = {}));
 function Link(_a) {
     var _b = _a.center, center = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? 'link' : _c, isDisabled = _a.isDisabled, noWrap = _a.noWrap, onClick = _a.onClick, hrefPath = _a.hrefPath, icon = _a.icon, _d = _a.textDecoration, textDecoration = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? typography.TextTypes.TextSize.REGULAR : _e, _f = _a.target, target = _f === void 0 ? '_self' : _f, borderRadius = _a.borderRadius, _g = _a.tabIndex, tabIndex = _g === void 0 ? 0 : _g, _h = _a.inverted, inverted = _h === void 0 ? false : _h, children = _a.children, props = _tslib.__rest(_a, ["center", "color", "isDisabled", "noWrap", "onClick", "hrefPath", "icon", "textDecoration", "size", "target", "borderRadius", "tabIndex", "inverted", "children"]);
-    return (React__default["default"].createElement(Link_styles.BaseLink, _tslib.__assign({ center: center, tabIndex: isDisabled ? -1 : tabIndex, color: designTokens.theme && designTokens.theme.palette ? designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette[color] : 'black', href: hrefPath, isDisabled: isDisabled, textDecoration: textDecoration, noWrap: noWrap, onClick: onClick, size: size, icon: icon, borderRadius: borderRadius, inverted: inverted, target: target }, props),
+    return (React__default["default"].createElement(Link_styles.BaseLink, _tslib.__assign({ center: center, tabIndex: isDisabled ? -1 : tabIndex, color: designTokens.theme && designTokens.theme.palette ? designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette[color] : 'black', href: hrefPath, isDisabled: isDisabled, textDecoration: textDecoration, noWrap: noWrap, onClick: onClick, onKeyDown: function (event) {
+            if (event.key === 'Enter') {
+                onClick && onClick();
+            }
+        }, size: size, icon: icon, borderRadius: borderRadius, inverted: inverted, target: target }, props),
         React__default["default"].createElement(typography.LinkText, { size: size }, children),
         icon && React__default["default"].createElement(Link_styles.IconWrapper, null, icon)));
 }

package/build/cjs/components/src/components/Links/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/_virtual/_tslib.js

@@ -36,44 +36,6 @@ function __rest(s, e) {
     return t;
 }
 
-function __awaiter(thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-}
-
-function __generator(thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-}
-
 function __makeTemplateObject(cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
@@ -83,5 +45,5 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __assign, __awaiter, __generator, __makeTemplateObject, __rest };
+export { __assign, __makeTemplateObject, __rest };
 //# sourceMappingURL=_tslib.js.map

package/build/es/_virtual/_tslib.js.map

@@ -1 +1 @@
-{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"_tslib.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/CouponCode/CouponCode.js

@@ -1,4 +1,3 @@
-import { __awaiter, __generator } from '../../../../_virtual/_tslib.js';
 import React, { useState } from 'react';
 import { CouponContainer, CouponInputContainer, CouponInput, CouponResultContainer, CouponResultMessage } from './CouponCode.styles.js';
 import { CgButton, EButtonVariant, ECgButtonSize } from '../CgButton/CgButton.js';
@@ -26,52 +25,29 @@ var CouponResultIcon = function (_a) {
             return (React.createElement(Icons.Alert, { color: (_d = theme.palette) === null || _d === void 0 ? void 0 : _d.alertRed, width: 20, height: 20 }));
     }
 };
-var initialResult = {
-    status: ECouponCodeStatus.Empty,
-    message: ''
-};
 function CouponCode(_a) {
-    var _this = this;
-    var label = _a.label, resetLabel = _a.resetLabel, placeholder = _a.placeholder, onSubmit = _a.onSubmit;
-    var _b = useState(''), value = _b[0], setValue = _b[1];
-    var _c = useState(false), loading = _c[0], setLoading = _c[1];
-    var _d = useState(false), customFocus = _d[0], setCustomFocus = _d[1];
-    var _e = useState(initialResult), result = _e[0], setResult = _e[1];
-    var handleSubmit = function () { return __awaiter(_this, void 0, void 0, function () {
-        var result;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    setLoading(true);
-                    return [4 /*yield*/, onSubmit(value)];
-                case 1:
-                    result = _a.sent();
-                    setResult(result);
-                    setLoading(false);
-                    return [2 /*return*/];
-            }
-        });
-    }); };
-    return (React.createElement(React.Fragment, null, (result === null || result === void 0 ? void 0 : result.status) === ECouponCodeStatus.Empty ? (React.createElement(CouponContainer, null,
+    var label = _a.label, resetLabel = _a.resetLabel, placeholder = _a.placeholder, onSubmit = _a.onSubmit, status = _a.status, loading = _a.loading, value = _a.value, setValue = _a.setValue, onReset = _a.onReset;
+    var _b = useState(false), customFocus = _b[0], setCustomFocus = _b[1];
+    return (React.createElement(React.Fragment, null, (status === null || status === void 0 ? void 0 : status.status) === ECouponCodeStatus.Empty ? (React.createElement(CouponContainer, null,
         React.createElement(CouponInputContainer, null,
             React.createElement(CouponInput, { type: "text", placeholder: placeholder, value: value, onChange: function (e) { return setValue(e.currentTarget.value); }, onMouseDown: function () {
                     setCustomFocus(true);
                 }, onKeyDown: function (event) {
                     if (event.key === 'Enter') {
-                        handleSubmit();
+                        onSubmit();
                     }
                 }, onBlur: function () { return setCustomFocus(false); }, customFocus: customFocus })),
         React.createElement("div", null,
-            React.createElement(CgButton, { variant: EButtonVariant.secondary, disabled: loading || !value, onClick: function () { return handleSubmit(); }, size: ECgButtonSize.medium, fullWidth: true, loading: loading }, label)))) : (React.createElement(CouponResultContainer, { status: result === null || result === void 0 ? void 0 : result.status }, (result === null || result === void 0 ? void 0 : result.status) === ECouponCodeStatus.Success ? (React.createElement(CouponResultMessage, null,
-        React.createElement(CouponResultIcon, { status: result === null || result === void 0 ? void 0 : result.status }),
-        React.createElement("p", null, result === null || result === void 0 ? void 0 :
-            result.message,
+            React.createElement(CgButton, { variant: EButtonVariant.secondary, disabled: loading || !value, onClick: function () { return onSubmit(); }, size: ECgButtonSize.medium, fullWidth: true, loading: loading }, label)))) : (React.createElement(CouponResultContainer, { status: status === null || status === void 0 ? void 0 : status.status }, (status === null || status === void 0 ? void 0 : status.status) === ECouponCodeStatus.Success ? (React.createElement(CouponResultMessage, null,
+        React.createElement(CouponResultIcon, { status: status === null || status === void 0 ? void 0 : status.status }),
+        React.createElement("p", null, status === null || status === void 0 ? void 0 :
+            status.message,
             " ",
             value))) : (React.createElement(React.Fragment, null,
         React.createElement(CouponResultMessage, null,
-            React.createElement(CouponResultIcon, { status: result.status }),
-            React.createElement("p", null, result === null || result === void 0 ? void 0 : result.message)),
-        React.createElement(Link, { color: "black", size: TextTypes.TextSize.SMALL, textDecoration: "underline", onClick: function () { return setResult(initialResult); } }, resetLabel)))))));
+            React.createElement(CouponResultIcon, { status: status === null || status === void 0 ? void 0 : status.status }),
+            React.createElement("p", null, status === null || status === void 0 ? void 0 : status.message)),
+        React.createElement(Link, { color: "black", size: TextTypes.TextSize.SMALL, textDecoration: "underline", onClick: function () { return onReset(); } }, resetLabel)))))));
 }
 
 export { CouponCode, ECouponCodeStatus };

package/build/es/components/src/components/CouponCode/CouponCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"CouponCode.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CouponCode.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/Links/Link.js

@@ -16,7 +16,11 @@ var LinkColors;
 })(LinkColors || (LinkColors = {}));
 function Link(_a) {
     var _b = _a.center, center = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? 'link' : _c, isDisabled = _a.isDisabled, noWrap = _a.noWrap, onClick = _a.onClick, hrefPath = _a.hrefPath, icon = _a.icon, _d = _a.textDecoration, textDecoration = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? TextTypes.TextSize.REGULAR : _e, _f = _a.target, target = _f === void 0 ? '_self' : _f, borderRadius = _a.borderRadius, _g = _a.tabIndex, tabIndex = _g === void 0 ? 0 : _g, _h = _a.inverted, inverted = _h === void 0 ? false : _h, children = _a.children, props = __rest(_a, ["center", "color", "isDisabled", "noWrap", "onClick", "hrefPath", "icon", "textDecoration", "size", "target", "borderRadius", "tabIndex", "inverted", "children"]);
-    return (React.createElement(BaseLink, __assign({ center: center, tabIndex: isDisabled ? -1 : tabIndex, color: theme && theme.palette ? theme === null || theme === void 0 ? void 0 : theme.palette[color] : 'black', href: hrefPath, isDisabled: isDisabled, textDecoration: textDecoration, noWrap: noWrap, onClick: onClick, size: size, icon: icon, borderRadius: borderRadius, inverted: inverted, target: target }, props),
+    return (React.createElement(BaseLink, __assign({ center: center, tabIndex: isDisabled ? -1 : tabIndex, color: theme && theme.palette ? theme === null || theme === void 0 ? void 0 : theme.palette[color] : 'black', href: hrefPath, isDisabled: isDisabled, textDecoration: textDecoration, noWrap: noWrap, onClick: onClick, onKeyDown: function (event) {
+            if (event.key === 'Enter') {
+                onClick && onClick();
+            }
+        }, size: size, icon: icon, borderRadius: borderRadius, inverted: inverted, target: target }, props),
         React.createElement(LinkText, { size: size }, children),
         icon && React.createElement(IconWrapper, null, icon)));
 }

package/build/es/components/src/components/Links/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.8.3",
+  "version": "0.8.4",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -76,5 +76,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "c10e60eb7ba6f2588bb83d19af343a79daa77148"
+  "gitHead": "93358607c970d164ca1a1a88276b7001135888cc"
 }