opus-toolkit-components 0.7.6 → 0.7.8

package/lib/{main.a8aa83e8cb55d25079a7.js → main.43655bc1feda5d97eff1.js}

@@ -3540,6 +3540,17 @@ 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
 
 
@@ -3552,6 +3563,9 @@ function Button(_ref) {
     state = 'default',
     text = 'Example Button',
     size = 'md',
+    name,
+    dataCy,
+    tabIndex,
     isFullWidth = false,
     icon: Icon,
     // Icon as a React component
@@ -3588,8 +3602,14 @@ function Button(_ref) {
   return /*#__PURE__*/external_react_default().createElement("button", {
     type: type,
     title: title,
+    name: name,
     "aria-label": title,
     className: classNames,
+    tabIndex: tabIndex,
+    "data-cy": getDataCy({
+      name,
+      dataCy
+    }),
     onClick: !isSaving && state !== 'disabled' ? onClick : null,
     disabled: isSaving || state === 'disabled'
   }, isSaving ? /*#__PURE__*/external_react_default().createElement(AiOutlineLoading3Quarters, {
@@ -3615,15 +3635,6 @@ function Card(_ref) {
     className: cardClasses
   }, children);
 }
-;// ./src/utils/getDataCy.js
-const getDataCy = _ref => {
-  let {
-    name,
-    value = '',
-    dataCy
-  } = _ref;
-  return dataCy || (value ? "".concat(name, "-").concat(value) : name);
-};
 ;// ./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; }
@@ -3690,7 +3701,10 @@ const Input = /*#__PURE__*/(0,external_react_.forwardRef)((_ref, ref) => {
     "aria-label": title,
     required: required,
     disabled: disabled,
-    "data-cy": getDataCy(name, dataCy)
+    "data-cy": getDataCy({
+      name,
+      dataCy
+    })
   }), Icon && iconPosition === 'right' && /*#__PURE__*/external_react_default().createElement("span", {
     className: "absolute right-3 flex items-center pointer-events-none"
   }, /*#__PURE__*/external_react_default().createElement(Icon, {
@@ -3814,7 +3828,10 @@ function DatePicker(_ref) {
     onChange: handleDateChange,
     required: required,
     disabled: disabled,
-    "data-cy": getDataCy(name, dataCy),
+    "data-cy": getDataCy({
+      name,
+      dataCy
+    }),
     className: "w-full py-2 px-3 pr-10 rounded-md bg-[--color-input-bg] border ".concat(isValid ? 'border-[--color-stroke]' : 'border-utilRed1000', " text-md font-normal text-[--color-text-weak] ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '', " ").concat(className)
   }), /*#__PURE__*/external_react_default().createElement("button", {
     type: "button",
@@ -3929,7 +3946,10 @@ function Checkbox(_ref) {
     checked: value,
     onChange: onChange,
     disabled: disabled,
-    "data-cy": getDataCy(name, dataCy),
+    "data-cy": getDataCy({
+      name,
+      dataCy
+    }),
     className: "mr-2 ".concat(disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer')
   }), label), !isValid && errorMessage && /*#__PURE__*/external_react_default().createElement("span", {
     className: "text-rose-500 text-sm mt-1"
@@ -12280,7 +12300,10 @@ function Dropdown(_ref) {
     title: title,
     "aria-label": title,
     tabIndex: tabIndex,
-    "data-cy": getDataCy(name, dataCy)
+    "data-cy": getDataCy({
+      name,
+      dataCy
+    })
   }, /*#__PURE__*/external_react_default().createElement("label", {
     className: "flex items-center text-[--color-text-weak] mb-1"
   }, label, required && /*#__PURE__*/external_react_default().createElement("span", {
@@ -12453,6 +12476,7 @@ function Loader(_ref) {
 ;// ./src/components/Pills/Pill.js
 
 const statusClasses = {
+  primary: "bg-[--color-primary-btn] text-[--color-white]",
   danger: "bg-[--color-util-red] text-[--color-white]",
   warning: "bg-[--color-util-amber] text-[--color-white]",
   success: "bg-[--color-util-green] text-[--color-white]",
@@ -12493,4 +12517,4 @@ const Pill = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.a8aa83e8cb55d25079a7.js.map
+//# sourceMappingURL=main.43655bc1feda5d97eff1.js.map