opus-toolkit-components 1.3.3 → 1.3.5

package/lib/opus-components.main.js

@@ -702,7 +702,8 @@ __webpack_require__.d(__webpack_exports__, {
   Navbar: () => (/* reexport */ Navbar_Navbar),
   Pill: () => (/* reexport */ Pills_Pill),
   RadioButton: () => (/* reexport */ Radios_RadioButton),
-  Table: () => (/* reexport */ Table)
+  Table: () => (/* reexport */ Table),
+  Text: () => (/* reexport */ Text)
 });
 
 // EXTERNAL MODULE: external "react"
@@ -789,10 +790,73 @@ const Pill = _ref => {
   }), text);
 };
 /* harmony default export */ const Pills_Pill = (Pill);
+;// ./src/utils/getDataCy.js
+const getDataCy = function () {
+  let {
+    name,
+    value,
+    dataCy
+  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  if (dataCy) return dataCy;
+  if (name && value) return "".concat(name, "-").concat(value);
+  return name || '';
+};
+;// ./src/components/Text/Text.jsx
+const _excluded = ["variant", "as", "className", "children", "name", "dataCy"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+
+
+const variantMap = {
+  h1: 'text-4xl font-bold leading-tight text-[--color-text-strong]',
+  h2: 'text-3xl leading-snug text-[--color-text-strong]',
+  h3: 'text-2xl font-semibold leading-snug text-[--color-text-strong]',
+  h4: 'text-xl font-medium text-[--color-text-strong]',
+  h5: 'text-lg font-medium text-[--color-text-strong]',
+  h6: 'text-base font-medium text-[--color-text-strong]',
+  body: 'text-base text-[--color-text-strong]',
+  small: 'text-sm text-[--color-text-strong]',
+  caption: 'text-xs text-[--color-text-strong]',
+  label: 'text-md text-[--color-text-weak]'
+};
+const elementMap = {
+  h1: 'h1',
+  h2: 'h2',
+  h3: 'h3',
+  h4: 'h4',
+  h5: 'h5',
+  h6: 'h6',
+  body: 'p',
+  small: 'small',
+  caption: 'span',
+  label: 'label'
+};
+function Text(_ref) {
+  let {
+      variant = 'body',
+      as,
+      className = '',
+      children,
+      name,
+      dataCy
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  const Component = as || elementMap[variant] || 'p';
+  const variantClass = variantMap[variant] || variantMap.body;
+  return /*#__PURE__*/external_react_default().createElement(Component, _extends({
+    className: "".concat(variantClass, " ").concat(className),
+    "data-cy": getDataCy({
+      name,
+      dataCy
+    })
+  }, rest), children);
+}
 ;// ./src/components/Accordions/Accordion.jsx
 
 
 
+
 const Accordion = _ref => {
   let {
     title,
@@ -800,6 +864,7 @@ const Accordion = _ref => {
     activeIndex,
     index,
     isPreview,
+    isLocked,
     onExitPreview = () => {},
     content,
     preview,
@@ -836,29 +901,31 @@ const Accordion = _ref => {
     className: "accordion-item",
     key: index
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "\n            accordion-header\n            flex justify-between items-center cursor-pointer\n            bg-[--color-accordion-header]\n            rounded-t-lg\n            ".concat(isActive || isPreview ? '' : 'rounded-b-lg', "\n          ")
+    className: "\n            accordion-header\n            flex \n            justify-between \n            items-center \n            bg-[--color-accordion-header]\n            rounded-t-lg\n            rounded-b-lg\n          "
   }, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "flex items-center gap-2 justify-between cursor-pointer"
-  }, /*#__PURE__*/external_react_default().createElement("h2", {
+    className: "flex items-center gap-2 justify-between"
+  }, /*#__PURE__*/external_react_default().createElement(Text, {
+    as: "h2",
+    variant: "h2",
     className: "my-2 mx-4 text-h4 text-[--color-text-strong]"
   }, title)), /*#__PURE__*/external_react_default().createElement("div", {
     className: "flex items-center gap-4"
-  }, isPill ? /*#__PURE__*/external_react_default().createElement(Pills_Pill, {
+  }, isPill && /*#__PURE__*/external_react_default().createElement(Pills_Pill, {
     text: pillText,
     status: pillStatus,
     icon: pillIcon
-  }) : null, /*#__PURE__*/external_react_default().createElement("div", {
-    className: "border-0 border-l-2 border-solid border-[--color-stroke] p-4",
-    onClick: toggle
-  }, isPreview ? /*#__PURE__*/external_react_default().createElement(esm_PencilSquareIcon, {
+  }), /*#__PURE__*/external_react_default().createElement("div", {
+    className: "border-0 ".concat(!isLocked && 'border-l-2 cursor-pointer', "  border-solid border-[--color-stroke] p-4"),
+    onClick: !isLocked ? toggle : null // toggle only here
+  }, isPreview && !isLocked ? /*#__PURE__*/external_react_default().createElement(esm_PencilSquareIcon, {
     className: "w-5 h-5 text-[--color-text-strong]",
     onClick: e => {
-      e.stopPropagation(); // prevent accordion toggle
-      onExitPreview(); // trigger exit
+      e.stopPropagation(); // prevent toggle from firing on pencil click
+      onExitPreview(); // trigger exit preview
     }
-  }) : /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
+  }) : !isLocked ? /*#__PURE__*/external_react_default().createElement(esm_ChevronDownIcon, {
     className: "w-4 h-4 text-[--color-text-strong] transition-transform transform ".concat(isActive ? 'rotate-180' : 'rotate-0')
-  }))))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
+  }) : null)))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-body rounded-b-lg text-[--color-text-weak] bg-[--color-accordion-body] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
   }, content), isPreview && activeIndex !== index && /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-body rounded-b-lg bg-[--color-accordion-body] text-[--color-text-weak] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
@@ -1143,10 +1210,10 @@ var DefaultContext = {
 };
 var IconContext = external_react_.createContext && /*#__PURE__*/external_react_.createContext(DefaultContext);
 ;// ./node_modules/react-icons/lib/iconBase.mjs
-var _excluded = ["attr", "size", "title"];
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var iconBase_excluded = ["attr", "size", "title"];
+function iconBase_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = iconBase_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function iconBase_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } } return target; }
+function iconBase_extends() { iconBase_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return iconBase_extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
@@ -1160,7 +1227,7 @@ function Tree2Element(tree) {
   }, node.attr), Tree2Element(node.child)));
 }
 function iconBase_GenIcon(data) {
-  return props => /*#__PURE__*/external_react_.createElement(IconBase, _extends({
+  return props => /*#__PURE__*/external_react_.createElement(IconBase, iconBase_extends({
     attr: _objectSpread({}, data.attr)
   }, props), Tree2Element(data.child));
 }
@@ -1171,12 +1238,12 @@ function IconBase(props) {
         size,
         title
       } = props,
-      svgProps = _objectWithoutProperties(props, _excluded);
+      svgProps = iconBase_objectWithoutProperties(props, iconBase_excluded);
     var computedSize = size || conf.size || "1em";
     var className;
     if (conf.className) className = conf.className;
     if (props.className) className = (className ? className + " " : "") + props.className;
-    return /*#__PURE__*/external_react_.createElement("svg", _extends({
+    return /*#__PURE__*/external_react_.createElement("svg", iconBase_extends({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -3693,17 +3760,6 @@ function AiTwotoneWarning (props) {
   return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 1024 1024"},"child":[{"tag":"path","attr":{"fill":"#333","d":"M955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48zm-783.5-27.9L512 239.9l339.8 588.2H172.2z"},"child":[]},{"tag":"path","attr":{"fill":"#E6E6E6","d":"M172.2 828.1h679.6L512 239.9 172.2 828.1zM560 720a48.01 48.01 0 0 1-96 0 48.01 48.01 0 0 1 96 0zm-16-304v184c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V416c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8z"},"child":[]},{"tag":"path","attr":{"fill":"#333","d":"M464 720a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm16-304v184c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V416c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8z"},"child":[]}]})(props);
 };
 
-;// ./src/utils/getDataCy.js
-const getDataCy = function () {
-  let {
-    name,
-    value,
-    dataCy
-  } = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  if (dataCy) return dataCy;
-  if (name && value) return "".concat(name, "-").concat(value);
-  return name || '';
-};
 ;// ./src/components/Buttons/Button.js
 
 
@@ -3802,57 +3858,6 @@ function Card(_ref) {
     className: cardClasses
   }, children);
 }
-;// ./src/components/Text/Text.jsx
-const Text_excluded = ["variant", "as", "className", "children", "name", "dataCy"];
-function Text_extends() { return Text_extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, Text_extends.apply(null, arguments); }
-function Text_objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = Text_objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function Text_objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-
-
-const variantMap = {
-  h1: 'text-4xl font-bold leading-tight text-[--color-text-strong]',
-  h2: 'text-3xl font-semibold leading-snug text-[--color-text-strong]',
-  h3: 'text-2xl font-semibold leading-snug text-[--color-text-strong]',
-  h4: 'text-xl font-medium text-[--color-text-strong]',
-  h5: 'text-lg font-medium text-[--color-text-strong]',
-  h6: 'text-base font-medium text-[--color-text-strong]',
-  body: 'text-base text-[--color-text-strong]',
-  small: 'text-sm text-[--color-text-strong]',
-  caption: 'text-xs text-[--color-text-strong]',
-  label: 'text-md text-[--color-text-weak]'
-};
-const elementMap = {
-  h1: 'h1',
-  h2: 'h2',
-  h3: 'h3',
-  h4: 'h4',
-  h5: 'h5',
-  h6: 'h6',
-  body: 'p',
-  small: 'small',
-  caption: 'span',
-  label: 'label'
-};
-function Text(_ref) {
-  let {
-      variant = 'body',
-      as,
-      className = '',
-      children,
-      name,
-      dataCy
-    } = _ref,
-    rest = Text_objectWithoutProperties(_ref, Text_excluded);
-  const Component = as || elementMap[variant] || 'p';
-  const variantClass = variantMap[variant] || variantMap.body;
-  return /*#__PURE__*/external_react_default().createElement(Component, Text_extends({
-    className: "".concat(variantClass, " ").concat(className),
-    "data-cy": getDataCy({
-      name,
-      dataCy
-    })
-  }, rest), children);
-}
 ;// ./src/components/Forms/Inputs/Input.jsx
 function Input_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function Input_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? Input_ownKeys(Object(t), !0).forEach(function (r) { Input_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Input_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -4291,7 +4296,7 @@ function Table(_ref) {
   return /*#__PURE__*/external_react_default().createElement("div", {
     className: "wrapper w-full ".concat(className)
   }, /*#__PURE__*/external_react_default().createElement("table", {
-    className: " min-w-full  table-auto  text-left  border-collapse  table"
+    className: "\n        min-w-full \n        table-auto \n        text-left \n        border-collapse \n        table\n      "
   }, /*#__PURE__*/external_react_default().createElement("thead", {
     className: "hidden sm:table-header-group"
   }, /*#__PURE__*/external_react_default().createElement("tr", {
@@ -12888,7 +12893,7 @@ function Dropdown(_ref) {
       "aria-hidden": "true",
       className: "-mr-1 h-5 w-5 text-[--color-text-weak] transition-transform duration-200 ".concat(open ? 'rotate-180' : 'rotate-0')
     })), !disabled && /*#__PURE__*/external_react_default().createElement(Pt, {
-      className: " absolute  right-0  z-10  mt-2  w-56  origin-top-right  rounded-md  bg-[--color-primary-bg]  shadow-lg  ring-1  ring-[--color-stroke]  ring-opacity-1  focus:outline-none  max-h-48  overflow-y-auto "
+      className: "\r absolute \r right-0 \r z-10 \r mt-2 \r w-56 \r origin-top-right \r rounded-md \r bg-[--color-primary-bg] \r shadow-lg \r ring-1 \r ring-[--color-stroke] \r ring-opacity-1 \r focus:outline-none \r max-h-48 \r overflow-y-auto\r "
     }, /*#__PURE__*/external_react_default().createElement("div", {
       className: "py-1"
     }, items.map((item, index) => /*#__PURE__*/external_react_default().createElement(Et, {
@@ -13172,6 +13177,7 @@ const CookieBanner = _ref => {
 
 
 
+
 /******/ 	return __webpack_exports__;
 /******/ })()
 ;