@itilite/lumina-ui 1.1.12 → 1.1.14

package/dist/molecules/UserProfile/UserProfile.js

@@ -0,0 +1,243 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/molecules/UserProfile/UserProfile.tsx
+var UserProfile_exports = {};
+__export(UserProfile_exports, {
+  UserProfile: () => UserProfile,
+  default: () => UserProfile_default
+});
+module.exports = __toCommonJS(UserProfile_exports);
+var import_clsx3 = __toESM(require("clsx"));
+
+// src/atom/Avatar/Avatar.tsx
+var import_clsx = __toESM(require("clsx"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var COLOR_MAP = {
+  A: "#6455BF",
+  B: "#C46273",
+  C: "#52A79E",
+  D: "#DF8654",
+  E: "#B8639F",
+  F: "#6455BF",
+  G: "#C46273",
+  H: "#52A79E",
+  I: "#DF8654",
+  J: "#B8639F",
+  K: "#6455BF",
+  L: "#C46273",
+  M: "#52A79E",
+  N: "#DF8654",
+  O: "#B8639F",
+  P: "#6455BF",
+  Q: "#C46273",
+  R: "#52A79E",
+  S: "#DF8654",
+  T: "#B8639F",
+  U: "#6455BF",
+  V: "#C46273",
+  W: "#52A79E",
+  X: "#DF8654",
+  Y: "#B8639F",
+  Z: "#6455BF",
+  0: "#6455BF",
+  1: "#C46273",
+  6: "#C46273",
+  2: "#52A79E",
+  7: "#52A79E",
+  3: "#DF8654",
+  8: "#DF8654",
+  4: "#B8639F",
+  9: "#B8639F"
+};
+function Avatar({
+  img,
+  className,
+  name,
+  height = 28,
+  width = 28,
+  size = "normal"
+}) {
+  var _a;
+  const firstChar = (_a = name == null ? void 0 : name[0]) == null ? void 0 : _a.toUpperCase();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      style: { height, width },
+      className: "tw-rounded-full tw-flex tw-items-center",
+      children: !img && name ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: {
+            backgroundColor: COLOR_MAP[firstChar],
+            height,
+            width
+          },
+          className: (0, import_clsx.default)(
+            { "tw-text-font-size-10": size === "small" },
+            `tw-text-white tw-font-medium tw-rounded-full tw-flex tw-items-center tw-justify-center`,
+            className
+          ),
+          children: firstChar
+        }
+      ) : img ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "img",
+        {
+          src: img,
+          style: { height, width },
+          alt: name,
+          className: (0, import_clsx.default)("tw-rounded-full tw-object-cover", className)
+        }
+      ) : null
+    }
+  );
+}
+Avatar.displayName = "Avatar";
+
+// src/atom/Tag/Tag.tsx
+var import_antd = require("antd");
+var import_clsx2 = __toESM(require("clsx"));
+
+// src/atom/Tag/Tag.module.scss
+var Tag_module_default = { "tag": "Tag-module__tag___PIkhI", "small": "Tag-module__small___nG5XQ", "success": "Tag-module__success___99fad", "blue": "Tag-module__blue___Zky2Z", "warning": "Tag-module__warning___KXsly", "processing": "Tag-module__processing___OssXC", "bookingConfirmed": "Tag-module__bookingConfirmed___potR4", "bookingRescheduled": "Tag-module__bookingRescheduled___ynrwI", "bookingRescheduledPending": "Tag-module__bookingRescheduledPending___K3GqS", "failed": "Tag-module__failed___dvpyQ", "bookingPending": "Tag-module__bookingPending___64umX" };
+
+// src/atom/Tag/Tag.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Tag = (_a) => {
+  var _b = _a, {
+    type = "success",
+    className = "",
+    title = "",
+    icon = null,
+    size = ""
+  } = _b, rest = __objRest(_b, [
+    "type",
+    "className",
+    "title",
+    "icon",
+    "size"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+    import_antd.Tag,
+    __spreadProps(__spreadValues({
+      className: (0, import_clsx2.default)(
+        Tag_module_default.tag,
+        size === "small" && Tag_module_default.small,
+        Tag_module_default[type],
+        className
+      ),
+      icon
+    }, rest), {
+      children: title
+    })
+  );
+};
+Tag.displayName = "Tag";
+
+// src/molecules/UserProfile/UserProfile.module.scss
+var UserProfile_module_default = { "userProfile": "UserProfile-module__userProfile___cRMm9", "profileContent": "UserProfile-module__profileContent___tfy8E", "profileHeader": "UserProfile-module__profileHeader___5qYbt", "profileName": "UserProfile-module__profileName___x8pg-", "profileEmail": "UserProfile-module__profileEmail___ZWKDd" };
+
+// src/molecules/UserProfile/UserProfile.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var UserProfile = ({
+  firstName = "",
+  lastName = "",
+  email = "",
+  profileImg = "",
+  className = "",
+  avatarHeight = 32,
+  avatarWidth = 32,
+  avatarSize = "normal",
+  showTag = false,
+  tagProps,
+  uniqueKey = "",
+  nameClassName = "",
+  emailClassName = ""
+}) => {
+  const fullName = `${firstName} ${lastName}`;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: (0, import_clsx3.default)(UserProfile_module_default.userProfile, className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      Avatar,
+      {
+        img: profileImg,
+        name: fullName,
+        className: "tw-w-full tw-h-full tw-border-none",
+        height: avatarHeight,
+        width: avatarWidth,
+        size: avatarSize
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UserProfile_module_default.profileContent, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: UserProfile_module_default.profileHeader, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("p", { className: (0, import_clsx3.default)(nameClassName || (0, import_clsx3.default)(UserProfile_module_default.profileName, "tw-typography-body2Bold")), children: [
+          firstName,
+          " ",
+          lastName
+        ] }),
+        showTag && tagProps && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Tag, __spreadValues({}, tagProps))
+      ] }),
+      email && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("p", { className: (0, import_clsx3.default)(emailClassName || (0, import_clsx3.default)(UserProfile_module_default.profileEmail, "tw-typography-caption3", "amp-mask")), children: email })
+    ] })
+  ] }, uniqueKey);
+};
+UserProfile.displayName = "UserProfile";
+var UserProfile_default = UserProfile;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  UserProfile
+});

package/dist/molecules/UserProfile/UserProfile.mjs

@@ -0,0 +1,11 @@
+import {
+  UserProfile,
+  UserProfile_default
+} from "../../chunk-N2WTNCQU.mjs";
+import "../../chunk-4VZB2KR2.mjs";
+import "../../chunk-IWO2Y5QX.mjs";
+import "../../chunk-FWCSY2DS.mjs";
+export {
+  UserProfile,
+  UserProfile_default as default
+};