opus-toolkit-components 1.9.9 → 2.0.1

package/lib/components/Header/index.js

@@ -0,0 +1,312 @@
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 7779
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4178);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+
+/**
+ * @typedef {Object} BarLayoutProps
+ * @property {React.ReactNode} [left]   Left content area
+ * @property {React.ReactNode} [center] Center content area
+ * @property {React.ReactNode} [right]  Right content area
+ * @property {string} [className]       Optional wrapper class
+ */
+
+/**
+ * @param {BarLayoutProps} props
+ */
+
+const BarLayout = _ref => {
+  let {
+    left,
+    center,
+    right,
+    className = ""
+  } = _ref;
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", {
+    className: `flex w-full items-center justify-between ${className}`,
+    children: [/*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+      className: "flex-1",
+      children: left
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+      className: "flex-auto text-center",
+      children: center
+    }), /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", {
+      className: "flex flex-1 justify-end",
+      children: right
+    })]
+  });
+};
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (BarLayout);
+
+/***/ },
+
+/***/ 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 || '';
+};
+
+/***/ },
+
+/***/ 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": () => (Header_Header)
+/* harmony export */ });
+/* harmony import */ var _BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(7779);
+/* harmony import */ var _Text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(1111);
+/* 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__);
+
+
+
+/**
+ * @typedef {Object} HeaderProps
+ * @property {string} title                   Header title text left slot
+ * @property {React.ReactNode} [center]       center content slot
+ * @property {React.ReactNode} [right]        Right content slot
+ * @property {string} [className]             Optional wrapper class
+ */
+
+/**
+ * @param {HeaderProps} props
+ */
+
+const Header = _ref => {
+  let {
+    title,
+    center,
+    right,
+    className = "",
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div", {
+    className: `w-full px-4 py-2 ${className}`,
+    ...rest,
+    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_BarLayout_BarLayout__WEBPACK_IMPORTED_MODULE_0__["default"], {
+      left: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_Text_Text__WEBPACK_IMPORTED_MODULE_1__["default"], {
+        variant: "h3",
+        children: title
+      }),
+      center: center,
+      right: right
+    })
+  });
+};
+/* harmony default export */ const Header_Header = (Header);
+module.exports = __webpack_exports__;
+/******/ })()
+;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/Header/index.js","mappings":"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","sources":["webpack://opus-toolkit-components/./src/components/BarLayout/BarLayout.jsx","webpack://opus-toolkit-components/./src/components/Text/Text.jsx","webpack://opus-toolkit-components/./src/utils/getDataCy.js","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/Header/Header.jsx"],"sourcesContent":["/**\r\n * @typedef {Object} BarLayoutProps\r\n * @property {React.ReactNode} [left]   Left content area\r\n * @property {React.ReactNode} [center] Center content area\r\n * @property {React.ReactNode} [right]  Right content area\r\n * @property {string} [className]       Optional wrapper class\r\n */\r\n\r\n/**\r\n * @param {BarLayoutProps} props\r\n */\r\n\r\nconst BarLayout = ({ left, center, right, className = \"\" }) => {\r\n  return (\r\n    <div className={`flex w-full items-center justify-between ${className}`}>\r\n      <div className=\"flex-1\">{left}</div>\r\n      <div className=\"flex-auto text-center\">{center}</div>\r\n      <div className=\"flex flex-1 justify-end\">{right}</div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default BarLayout;\r\n","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(\"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 BarLayout from \"../BarLayout/BarLayout\";\nimport Text from \"../Text/Text\";\n\n/**\n * @typedef {Object} HeaderProps\n * @property {string} title                   Header title text left slot\n * @property {React.ReactNode} [center]       center content slot\n * @property {React.ReactNode} [right]        Right content slot\n * @property {string} [className]             Optional wrapper class\n */\n\n/**\n * @param {HeaderProps} props\n */\n\nconst Header = ({ title, center, right, className = \"\", ...rest }) => (\n  <div className={`w-full px-4 py-2 ${className}`} {...rest}>\n    <BarLayout\n      left={<Text variant=\"h3\">{title}</Text>}\n      center={center}\n      right={right}\n    />\n  </div>\n);\n\nexport default Header;\n"],"names":["BarLayout","_ref","left","center","right","className","_jsxs","children","_jsx","React","getDataCy","jsx","variantMap","h1","h2","h3","h4","h5","h6","body","small","caption","label","elementMap","Text","variant","as","color","name","dataCy","rest","Component","variantClass","value","arguments","length","undefined","Header","title"],"sourceRoot":""}

package/lib/components/Icon/Icon.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import type { C247IconName } from "./index";
+import type * as HeroIconsModule from "@heroicons/react/24/solid";
+
+export type HeroIconName = keyof typeof HeroIconsModule;
+export type IconName = HeroIconName | C247IconName;
+export type IconLibrary = "hero" | "c247";
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+  /** Icon name. PascalCase HeroIcon name (e.g. "HomeIcon") or C247 name (e.g. "C247Billing"). */
+  name: IconName;
+  /** Which icon library to resolve from. Defaults to "hero". */
+  library?: IconLibrary;
+  /** Width and height in px. Defaults to 18. */
+  size?: number;
+  /** Additional Tailwind classes. */
+  className?: string;
+  /** CSS color override (sets `color` style). */
+  color?: string;
+  /** Cypress test selector override. */
+  dataCy?: string;
+}
+
+declare const Icon: React.FC<IconProps>;
+export default Icon;

package/lib/components/Icon/index.d.ts

@@ -1,6 +1,9 @@
-import type * as HeroIcons from "@heroicons/react/24/solid";
+import React from "react";
 
-export type HeroIconName = keyof typeof HeroIcons;
+/**
+ * Union of valid C247 custom icon names.
+ * Used as the `name` prop when `library="c247"`.
+ */
 export type C247IconName =
   | "C247Billing"
   | "C247Dashboard"
@@ -12,16 +15,16 @@ export type C247IconName =
   | "C247Settings"
   | "C247Support"
   | "C247Tasks";
-export type IconName = HeroIconName | C247IconName;
 
-export type IconLibrary = "hero" | "c247";
-
-export interface IconProps extends React.SVGProps<SVGSVGElement> {
-  name: IconName;
-  library?: IconLibrary;
-  size?: number;
-  className?: string;
-  color?: string;
-}
-
-export const Icon: React.FC<IconProps>;
+// C247 inline SVG components — internal to the Icon wrapper.
+// Consume via <Icon name="C247Billing" library="c247" /> not via direct import.
+export declare const C247Billing: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const C247Dashboard: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const C247Deployment: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const C247Form: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const C247Planner: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const C247Reports: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const C247Screening: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const C247Settings: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const C247Support: React.FC<React.SVGProps<SVGSVGElement>>;
+export declare const C247Tasks: React.FC<React.SVGProps<SVGSVGElement>>;