@appcorp/kismaa-web-ui 0.1.74 → 0.1.76

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 (8) hide show
  1. package/molecules/button/app-store-btn.js +1 -1
  2. package/molecules/button/button.js +1 -1
  3. package/molecules/button/play-store-btn.js +1 -1
  4. package/molecules/button/type.d.ts +3 -3
  5. package/molecules/user-card/user-card.js +7 -3
  6. package/organisms/customer-reviews/customer-reviews.js +2 -2
  7. package/organisms/user-cards-grid/props.js +5 -3
  8. package/package.json +1 -1
package/molecules/button/app-store-btn.js CHANGED
@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
8
8
  var app_store_icon_1 = require("../../atoms/app-store-icon");
9
9
  var AppStoreButton = function (_a) {
10
10
  var handleOnClick = _a.handleOnClick;
11
- return (react_1.default.createElement("button", { onClick: handleOnClick, className: "h-fit rounded-sm bg-slate-800 bg-opacity-95 px-4 py-2 transition-all duration-300 ease-in-out hover:scale-105 lg:px-7 lg:py-3" },
11
+ return (react_1.default.createElement("button", { onClick: handleOnClick, className: "bg-opacity-95 h-fit cursor-pointer rounded-sm bg-slate-800 px-4 py-2 transition-all duration-300 ease-in-out hover:scale-105 lg:px-7 lg:py-3" },
12
12
  react_1.default.createElement(app_store_icon_1.AppStoreIcon, null)));
13
13
  };
14
14
  exports.AppStoreButton = AppStoreButton;
package/molecules/button/button.js CHANGED
@@ -50,7 +50,7 @@ var sizeMap = (_d = {},
50
50
  var Button = function (_a) {
51
51
  var _b = _a.disabled, disabled = _b === void 0 ? false : _b, handleOnClick = _a.handleOnClick, iconPrefix = _a.iconPrefix, iconSuffix = _a.iconSuffix, label = _a.label, _c = _a.outlined, outlined = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? type_1.BUTTON_SIZES.MD : _d, type = _a.type;
52
52
  var disabledStyles = 'opacity-50 cursor-not-allowed';
53
- var buttonClasses = "flex items-center justify-center gap-2 rounded-md w-[100%] ".concat(outlined ? outlinedColorMap[type] : colorMap[type], " ").concat(disabled || type === type_1.BUTTON_TYPES.LOADING
53
+ var buttonClasses = "flex items-center justify-center gap-2 rounded-md w-[100%] cursor-pointer ".concat(outlined ? outlinedColorMap[type] : colorMap[type], " ").concat(disabled || type === type_1.BUTTON_TYPES.LOADING
54
54
  ? disabledStyles
55
55
  : type === type_1.BUTTON_TYPES.SUCCESS || type === type_1.BUTTON_TYPES.ERROR
56
56
  ? ''
package/molecules/button/play-store-btn.js CHANGED
@@ -8,7 +8,7 @@ var react_1 = __importDefault(require("react"));
8
8
  var google_play_icon_1 = require("../../atoms/google-play-icon");
9
9
  var PlayStoreButton = function (_a) {
10
10
  var handleOnClick = _a.handleOnClick;
11
- return (react_1.default.createElement("button", { onClick: handleOnClick, className: "h-fit rounded-sm bg-slate-800 bg-opacity-95 px-4 py-2 transition-all duration-300 ease-in-out hover:scale-105 lg:px-7 lg:py-3" },
11
+ return (react_1.default.createElement("button", { onClick: handleOnClick, className: "bg-opacity-95 h-fit cursor-pointer rounded-sm bg-slate-800 px-4 py-2 transition-all duration-300 ease-in-out hover:scale-105 lg:px-7 lg:py-3" },
12
12
  react_1.default.createElement(google_play_icon_1.GooglePlayIcon, null)));
13
13
  };
14
14
  exports.PlayStoreButton = PlayStoreButton;
package/molecules/button/type.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ReactElement } from 'react';
1
+ import { MouseEvent, ReactElement } from 'react';
2
2
  export declare enum BUTTON_TYPES {
3
3
  PRIMARY = "PRIMARY",
4
4
  SECONDARY = "SECONDARY",
@@ -18,7 +18,7 @@ export declare enum BUTTON_SIZES {
18
18
  }
19
19
  export interface ButtonProps {
20
20
  disabled?: boolean;
21
- handleOnClick: () => void;
21
+ handleOnClick?: (e: MouseEvent<HTMLButtonElement>) => void;
22
22
  iconPrefix?: ReactElement;
23
23
  iconSuffix?: ReactElement;
24
24
  label?: string;
@@ -27,5 +27,5 @@ export interface ButtonProps {
27
27
  outlined?: boolean;
28
28
  }
29
29
  export interface AppButtonProps {
30
- handleOnClick: () => void;
30
+ handleOnClick: (e: MouseEvent<HTMLButtonElement>) => void;
31
31
  }
package/molecules/user-card/user-card.js CHANGED
@@ -17,8 +17,9 @@ var kismaa_utils_1 = require("@appcorp/kismaa-utils");
17
17
  var util_functions_1 = require("@react-pakistan/util-functions");
18
18
  var UserCard = function (_a) {
19
19
  var badges = _a.badges, description = _a.description, handleButtonClick = _a.handleButtonClick, handleCardClick = _a.handleCardClick, id = _a.id, imageAlt = _a.imageAlt, imageSrc = _a.imageSrc, isHovered = _a.isHovered, name = _a.name, onlineStatus = _a.onlineStatus, originalPrice = _a.originalPrice, price = _a.price, rating = _a.rating, setIsHovered = _a.setIsHovered, username = _a.username;
20
- return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] hover:cursor-pointer lg:max-w-[415px]", onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onClick: function () {
21
- return handleCardClick("".concat(id).concat(util_functions_1.VALUE_DELIMITER.COLON).concat(username));
20
+ return (react_1.default.createElement("div", { className: "w-full overflow-hidden rounded-xl shadow-[0px_5px_16px_0px_#0000001A] hover:cursor-pointer lg:max-w-[415px]", onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onClick: function (e) {
21
+ e.stopPropagation();
22
+ handleCardClick("".concat(id).concat(util_functions_1.VALUE_DELIMITER.COLON).concat(username));
22
23
  } },
23
24
  react_1.default.createElement("div", { className: "relative overflow-hidden rounded-xl" },
24
25
  react_1.default.createElement("div", { className: "absolute top-4 right-4 z-10" },
@@ -30,7 +31,10 @@ var UserCard = function (_a) {
30
31
  react_1.default.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent to-[rgba(22,18,69,0.85)] transition-opacity duration-300" }),
31
32
  react_1.default.createElement("div", { className: "absolute bottom-7 flex w-full justify-center" },
32
33
  react_1.default.createElement("div", { className: "w-fit" },
33
- react_1.default.createElement(button_1.Button, { label: "Chat Now", type: button_1.BUTTON_TYPES.PRIMARY, size: button_1.BUTTON_SIZES.SM, handleOnClick: function () { return handleButtonClick(id); } }))))))),
34
+ react_1.default.createElement(button_1.Button, { label: "Chat Now", type: button_1.BUTTON_TYPES.PRIMARY, size: button_1.BUTTON_SIZES.SM, handleOnClick: function (e) {
35
+ e.stopPropagation();
36
+ handleButtonClick(id);
37
+ } }))))))),
34
38
  react_1.default.createElement("div", { className: "p-4 text-center" },
35
39
  react_1.default.createElement("div", { className: "mb-2" },
36
40
  react_1.default.createElement(typography_1.Typography, { variant: typography_1.TYPOGRAPHY_VARIANTS.H3 }, name)),
package/organisms/customer-reviews/customer-reviews.js CHANGED
@@ -76,9 +76,9 @@ var CustomerReviews = function (_a) {
76
76
  return (react_1.default.createElement(review_card_1.ReviewCard, __assign({ isActive: isActive }, review)));
77
77
  })); })),
78
78
  react_1.default.createElement("div", { className: "mt-8 flex justify-center gap-5" },
79
- react_1.default.createElement("button", { className: "rounded-lg bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handlePrev },
79
+ react_1.default.createElement("button", { className: "cursor-pointer rounded-lg bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handlePrev },
80
80
  react_1.default.createElement(arrow_left_icon_1.ArrowLeftIcon, { className: "h-4 w-4", fill: "white" })),
81
- react_1.default.createElement("button", { className: "rounded-lg bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handleNext },
81
+ react_1.default.createElement("button", { className: "cursor-pointer rounded-lg bg-purple-400/75 p-5 text-white transition-all duration-300 ease-in-out hover:scale-105", onClick: handleNext },
82
82
  react_1.default.createElement(arrow_right_icon_1.ArrowRightIcon, { className: "h-4 w-4", fill: "white" })))))));
83
83
  };
84
84
  exports.CustomerReviews = CustomerReviews;
package/organisms/user-cards-grid/props.js CHANGED
@@ -30,10 +30,12 @@ exports.userCardGridData = [
30
30
  rating: 4.8,
31
31
  price: { current: 1, duration: 5 },
32
32
  originalPrice: 2,
33
- handleButtonClick: function () { return void 0; },
34
- isHovered: false,
33
+ handleButtonClick: function (v) {
34
+ console.log('button', v);
35
+ },
36
+ isHovered: true,
35
37
  setIsHovered: function () { return void 0; },
36
- handleCardClick: function () { return void 0; },
38
+ handleCardClick: function (v) { return console.log('card', v); },
37
39
  username: 'Psychic222000',
38
40
  },
39
41
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/kismaa-web-ui",
3
- "version": "0.1.74",
3
+ "version": "0.1.76",
4
4
  "source": "src/index.ts",
5
5
  "main": "lib/main.js",
6
6
  "module": "lib/module.js",