opus-toolkit-components 1.9.9 → 2.0.0

package/lib/components/Loader/index.js

@@ -0,0 +1,297 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 1111
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ Text)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7339);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(4178);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+const variantMap = {
+  h1: "text-4xl font-bold leading-tight",
+  h2: "text-3xl leading-snug",
+  h3: "text-2xl font-semibold leading-snug",
+  h4: "text-xl font-medium",
+  h5: "text-lg font-medium",
+  h6: "text-base font-medium",
+  body: "text-base",
+  small: "text-sm",
+  caption: "text-xs",
+  label: "text-md"
+};
+const elementMap = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  body: "p",
+  small: "small",
+  caption: "span",
+  label: "label"
+};
+
+/**
+ * Allowed typographical variants for the Text component.
+ * @typedef {'h1'|'h2'|'h3'|'h4'|'h5'|'h6'|'body'|'small'|'caption'|'label'} TextVariant
+ */
+
+/**
+ * Polymorphic HTML element types supported in `as`.
+ * @typedef {keyof JSX.IntrinsicElements | React.ComponentType<any>} TextAs
+ */
+
+/**
+ * Props for the Text component.
+ *
+ * @typedef {Object} TextProps
+ *
+ * @property {TextVariant} [variant='body']
+ *   Controls the typography style.
+ *
+ * @property {TextAs} [as]
+ *   Optional override for the underlying HTML element.
+ *
+ * @property {string} [className]
+ *   Extra CSS classes.
+ *
+ * @property {string} [color='text-[--color-text-strong]']
+ *   Tailwind/text color classes.
+ *
+ * @property {React.ReactNode} [children]
+ *   Text content.
+ *
+ * @property {string} [name]
+ *   Name used to generate `data-cy`.
+ *
+ * @property {string} [dataCy]
+ *   Optional override for auto-generated data-cy attribute.
+ */
+
+/**
+ * Text component with typography variants and polymorphic rendering.
+ *
+ * @param {TextProps & React.HTMLAttributes<HTMLElement>} props
+ */
+
+function Text(_ref) {
+  let {
+    variant = "body",
+    as,
+    className = "",
+    color = "text-[--color-text-strong]",
+    children,
+    name,
+    dataCy,
+    ...rest
+  } = _ref;
+  const Component = as || elementMap[variant] || "p";
+  const variantClass = variantMap[variant] || variantMap.body;
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(Component, {
+    className: `${variantClass} ${color} ${className}`,
+    "data-cy": (0,_utils_getDataCy__WEBPACK_IMPORTED_MODULE_1__.getDataCy)({
+      name,
+      dataCy
+    }),
+    ...rest,
+    children: children
+  });
+}
+
+/***/ },
+
+/***/ 7339
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   getDataCy: () => (/* binding */ getDataCy)
+/* harmony export */ });
+const getDataCy = function () {
+  let {
+    name,
+    value,
+    dataCy
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (dataCy) return dataCy;
+  if (name && value) return `${name}-${value}`;
+  return name || '';
+};
+
+/***/ },
+
+/***/ 5827
+(module) {
+
+module.exports = require("opus-toolkit-styles/assets/logos/c247-loader.gif");
+
+/***/ },
+
+/***/ 4178
+(module) {
+
+module.exports = require("react/jsx-runtime");
+
+/***/ },
+
+/***/ 9206
+(module) {
+
+module.exports = require("react");
+
+/***/ }
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ Loader)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1111);
+/* harmony import */ var opus_toolkit_styles_assets_logos_c247_loader_gif__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(5827);
+/* harmony import */ var opus_toolkit_styles_assets_logos_c247_loader_gif__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(opus_toolkit_styles_assets_logos_c247_loader_gif__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(4178);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+// TODO: Consider refactoring Loader to remove internal isLoading logic.
+// It's currently responsible for both rendering logic and presentation.
+// In production, it's better to let the parent control rendering to keep Loader focused on UI.
+// This change would improve testability, flexibility, and follow React best practices.
+
+/**
+ * Props for the Loader component.
+ *
+ * @typedef {Object} LoaderProps
+ *
+ * @property {boolean} isLoading
+ *   Determines whether the loader is visible.
+ *
+ * @property {string} [loaderText='loading...']
+ *   Optional text displayed beneath the spinner.
+ *
+ * @property {React.ReactNode} [customLoader]
+ *   Custom loader element (replaces default GIF).
+ *
+ * @property {string} [className]
+ *   Extra class names applied to the outer container.
+ */
+
+/**
+ * Loader overlay that covers the entire screen.
+ *
+ * @param {LoaderProps & React.HTMLAttributes<HTMLDivElement>} props
+ */
+
+function Loader(_ref) {
+  let {
+    isLoading,
+    loaderText = "loading...",
+    customLoader,
+    className = "",
+    ...rest
+  } = _ref;
+  return isLoading && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
+    className: `fixed inset-0 z-50 flex items-center justify-center ${className}`,
+    ...rest,
+    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("div", {
+      className: "absolute inset-0 bg-[--color-primary-bg] opacity-70"
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsxs)("div", {
+      className: "relative z-10 flex flex-col items-center",
+      children: [customLoader ? customLoader : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)("img", {
+        src: (opus_toolkit_styles_assets_logos_c247_loader_gif__WEBPACK_IMPORTED_MODULE_2___default()),
+        alt: "Loading",
+        className: "max-h-[96px] w-[auto]"
+      }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_3__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
+        variant: "h4",
+        className: "mt-4 animate-pulse text-center",
+        children: loaderText
+      })]
+    })]
+  });
+}
+module.exports = __webpack_exports__;
+/******/ })()
+;
+//# sourceMappingURL=index.js.map

package/lib/components/Loader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/Loader/index.js","mappings":"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","sources":["webpack://opus-toolkit-components/./src/components/Text/Text.jsx","webpack://opus-toolkit-components/./src/utils/getDataCy.js","webpack://opus-toolkit-components/external commonjs \"opus-toolkit-styles/assets/logos/c247-loader.gif\"","webpack://opus-toolkit-components/external commonjs2 \"react/jsx-runtime\"","webpack://opus-toolkit-components/external commonjs2 {\"commonjs\":\"react\",\"commonjs2\":\"react\",\"amd\":\"react\",\"root\":\"React\"}","webpack://opus-toolkit-components/webpack/bootstrap","webpack://opus-toolkit-components/webpack/runtime/compat get default export","webpack://opus-toolkit-components/webpack/runtime/define property getters","webpack://opus-toolkit-components/webpack/runtime/hasOwnProperty shorthand","webpack://opus-toolkit-components/webpack/runtime/make namespace object","webpack://opus-toolkit-components/./src/components/Loader/Loader.jsx"],"sourcesContent":["import React from \"react\";\r\nimport { getDataCy } from \"../../utils/getDataCy\";\r\n\r\nconst variantMap = {\r\n  h1: \"text-4xl font-bold leading-tight\",\r\n  h2: \"text-3xl leading-snug\",\r\n  h3: \"text-2xl font-semibold leading-snug\",\r\n  h4: \"text-xl font-medium\",\r\n  h5: \"text-lg font-medium\",\r\n  h6: \"text-base font-medium\",\r\n  body: \"text-base\",\r\n  small: \"text-sm\",\r\n  caption: \"text-xs\",\r\n  label: \"text-md\",\r\n};\r\n\r\nconst elementMap = {\r\n  h1: \"h1\",\r\n  h2: \"h2\",\r\n  h3: \"h3\",\r\n  h4: \"h4\",\r\n  h5: \"h5\",\r\n  h6: \"h6\",\r\n  body: \"p\",\r\n  small: \"small\",\r\n  caption: \"span\",\r\n  label: \"label\",\r\n};\r\n\r\n/**\r\n * Allowed typographical variants for the Text component.\r\n * @typedef {'h1'|'h2'|'h3'|'h4'|'h5'|'h6'|'body'|'small'|'caption'|'label'} TextVariant\r\n */\r\n\r\n/**\r\n * Polymorphic HTML element types supported in `as`.\r\n * @typedef {keyof JSX.IntrinsicElements | React.ComponentType<any>} TextAs\r\n */\r\n\r\n/**\r\n * Props for the Text component.\r\n *\r\n * @typedef {Object} TextProps\r\n *\r\n * @property {TextVariant} [variant='body']\r\n *   Controls the typography style.\r\n *\r\n * @property {TextAs} [as]\r\n *   Optional override for the underlying HTML element.\r\n *\r\n * @property {string} [className]\r\n *   Extra CSS classes.\r\n *\r\n * @property {string} [color='text-[--color-text-strong]']\r\n *   Tailwind/text color classes.\r\n *\r\n * @property {React.ReactNode} [children]\r\n *   Text content.\r\n *\r\n * @property {string} [name]\r\n *   Name used to generate `data-cy`.\r\n *\r\n * @property {string} [dataCy]\r\n *   Optional override for auto-generated data-cy attribute.\r\n */\r\n\r\n/**\r\n * Text component with typography variants and polymorphic rendering.\r\n *\r\n * @param {TextProps & React.HTMLAttributes<HTMLElement>} props\r\n */\r\n\r\nexport default function Text({\r\n  variant = \"body\",\r\n  as,\r\n  className = \"\",\r\n  color = \"text-[--color-text-strong]\",\r\n  children,\r\n  name,\r\n  dataCy,\r\n  ...rest\r\n}) {\r\n  const Component = as || elementMap[variant] || \"p\";\r\n  const variantClass = variantMap[variant] || variantMap.body;\r\n\r\n  return (\r\n    <Component\r\n      className={`${variantClass} ${color} ${className}`}\r\n      data-cy={getDataCy({ name, dataCy })}\r\n      {...rest}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n}\r\n","export const getDataCy = ({ name, value, dataCy } = {}) => {\r\n    if (dataCy) return dataCy;\r\n    if (name && value) return `${name}-${value}`;\r\n    return name || '';\r\n  };","module.exports = require(\"opus-toolkit-styles/assets/logos/c247-loader.gif\");","module.exports = require(\"react/jsx-runtime\");","module.exports = require(\"react\");","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId](module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = (module) => {\n\tvar getter = module && module.__esModule ?\n\t\t() => (module['default']) :\n\t\t() => (module);\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = (exports, definition) => {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))","// define __esModule on exports\n__webpack_require__.r = (exports) => {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","import React from \"react\";\nimport Text from \"../Text/Text\";\nimport logo from \"opus-toolkit-styles/assets/logos/c247-loader.gif\";\n// TODO: Consider refactoring Loader to remove internal isLoading logic.\n// It's currently responsible for both rendering logic and presentation.\n// In production, it's better to let the parent control rendering to keep Loader focused on UI.\n// This change would improve testability, flexibility, and follow React best practices.\n\n/**\n * Props for the Loader component.\n *\n * @typedef {Object} LoaderProps\n *\n * @property {boolean} isLoading\n *   Determines whether the loader is visible.\n *\n * @property {string} [loaderText='loading...']\n *   Optional text displayed beneath the spinner.\n *\n * @property {React.ReactNode} [customLoader]\n *   Custom loader element (replaces default GIF).\n *\n * @property {string} [className]\n *   Extra class names applied to the outer container.\n */\n\n/**\n * Loader overlay that covers the entire screen.\n *\n * @param {LoaderProps & React.HTMLAttributes<HTMLDivElement>} props\n */\n\nexport default function Loader({\n  isLoading,\n  loaderText = \"loading...\",\n  customLoader,\n  className = \"\",\n  ...rest\n}) {\n  return (\n    isLoading && (\n      <div\n        className={`fixed inset-0 z-50 flex items-center justify-center ${className}`}\n        {...rest}\n      >\n        <div className=\"absolute inset-0 bg-[--color-primary-bg] opacity-70\"></div>\n        <div className=\"relative z-10 flex flex-col items-center\">\n          {customLoader ? (\n            customLoader\n          ) : (\n            <img src={logo} alt=\"Loading\" className=\"max-h-[96px] w-[auto]\" />\n          )}\n          <Text variant=\"h4\" className=\"mt-4 animate-pulse text-center\">\n            {loaderText}\n          </Text>\n        </div>\n      </div>\n    )\n  );\n}\n"],"names":["React","getDataCy","jsx","_jsx","variantMap","h1","h2","h3","h4","h5","h6","body","small","caption","label","elementMap","Text","_ref","variant","as","className","color","children","name","dataCy","rest","Component","variantClass","value","arguments","length","undefined","logo","jsxs","_jsxs","Loader","isLoading","loaderText","customLoader","src","alt"],"sourceRoot":""}