opus-toolkit-components 1.1.3 → 1.1.6

package/lib/{main.e0a995fbb7814fd5f6d3.js → main.7a77388a92b2776c6c2e.js}

@@ -400,7 +400,8 @@ module.exports = function (item) {
 
 if (true) {
   module.exports = __webpack_require__(160);
-} else {}
+} else // removed by dead control flow
+{}
 
 
 /***/ }),
@@ -820,9 +821,6 @@ const Accordion = _ref => {
       setInternalActiveIndex(isActive ? null : index); // Otherwise, toggle internal state
     }
   };
-  (0,external_react_.useEffect)(() => {
-    console.log("isPreview updated:", isPreview);
-  }, [isPreview]);
 
   // Sync internal state with external state if activeIndex changes
   (0,external_react_.useEffect)(() => {
@@ -862,7 +860,7 @@ const Accordion = _ref => {
   }))))), isActive && /*#__PURE__*/external_react_default().createElement("div", {
     className: "accordion-body text-[--color-text-weak] bg-[--color-accordion-body] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
   }, children.content), isPreview && activeIndex !== index && /*#__PURE__*/external_react_default().createElement("div", {
-    className: "accordion-body text-[--color-text-weak] border-0 border-t-2 border-solid border-[--color-stroke] p-3"
+    className: "accordion-body text-[--color-text-weak] border-0 border-t-2 border-solid border-[--color-stroke] bg-[--color-accordion-body] p-3"
   }, children.preview));
 };
 /* harmony default export */ const Accordions_Accordion = (Accordion);
@@ -4445,7 +4443,8 @@ function $c87311424ea30a05$var$testPlatform(re) {
     return typeof window !== 'undefined' && window.navigator != null ? re.test(((_window_navigator_userAgentData = window.navigator['userAgentData']) === null || _window_navigator_userAgentData === void 0 ? void 0 : _window_navigator_userAgentData.platform) || window.navigator.platform) : false;
 }
 function $c87311424ea30a05$var$cached(fn) {
-    if (false) {}
+    if (false) // removed by dead control flow
+{}
     let res = null;
     return ()=>{
         if (res == null) res = fn();
@@ -4632,7 +4631,7 @@ function $507fabe10e71c6fb$var$handleWindowBlur() {
 /**
  * Setup global event listeners to control when keyboard focus style should be visible.
  */ function $507fabe10e71c6fb$var$setupGlobalFocusEvents(element) {
-    if (typeof window === 'undefined' || $507fabe10e71c6fb$export$d90243b58daecda7.get((0, $431fbd86ca7dc216$export$f21a1ffae260145a)(element))) return;
+    if (typeof window === 'undefined' || typeof document === 'undefined' || $507fabe10e71c6fb$export$d90243b58daecda7.get((0, $431fbd86ca7dc216$export$f21a1ffae260145a)(element))) return;
     const windowObject = (0, $431fbd86ca7dc216$export$f21a1ffae260145a)(element);
     const documentObject = (0, $431fbd86ca7dc216$export$b204af158042fbac)(element);
     // Programmatic focus() calls shouldn't affect the current input modality.
@@ -4655,7 +4654,8 @@ function $507fabe10e71c6fb$var$handleWindowBlur() {
         documentObject.addEventListener('pointerdown', $507fabe10e71c6fb$var$handlePointerEvent, true);
         documentObject.addEventListener('pointermove', $507fabe10e71c6fb$var$handlePointerEvent, true);
         documentObject.addEventListener('pointerup', $507fabe10e71c6fb$var$handlePointerEvent, true);
-    } else if (false) {}
+    } else if (false) // removed by dead control flow
+{}
     // Add unmount handler
     windowObject.addEventListener('beforeunload', ()=>{
         $507fabe10e71c6fb$var$tearDownWindowFocusTracking(element);
@@ -4681,7 +4681,8 @@ const $507fabe10e71c6fb$var$tearDownWindowFocusTracking = (element, loadListener
         documentObject.removeEventListener('pointerdown', $507fabe10e71c6fb$var$handlePointerEvent, true);
         documentObject.removeEventListener('pointermove', $507fabe10e71c6fb$var$handlePointerEvent, true);
         documentObject.removeEventListener('pointerup', $507fabe10e71c6fb$var$handlePointerEvent, true);
-    } else if (false) {}
+    } else if (false) // removed by dead control flow
+{}
     $507fabe10e71c6fb$export$d90243b58daecda7.delete(windowObject);
 };
 function $507fabe10e71c6fb$export$2f1888112f558a7d(element) {
@@ -5162,13 +5163,15 @@ function $6179b936705e76d3$var$handleGlobalPointerEvent(e) {
 function $6179b936705e76d3$var$setupGlobalTouchEvents() {
     if (typeof document === 'undefined') return;
     if (typeof PointerEvent !== 'undefined') document.addEventListener('pointerup', $6179b936705e76d3$var$handleGlobalPointerEvent);
-    else if (false) {}
+    else if (false) // removed by dead control flow
+{}
     $6179b936705e76d3$var$hoverCount++;
     return ()=>{
         $6179b936705e76d3$var$hoverCount--;
         if ($6179b936705e76d3$var$hoverCount > 0) return;
         if (typeof PointerEvent !== 'undefined') document.removeEventListener('pointerup', $6179b936705e76d3$var$handleGlobalPointerEvent);
-        else if (false) {}
+        else if (false) // removed by dead control flow
+{}
     };
 }
 function $6179b936705e76d3$export$ae780daf29e6d456(props) {
@@ -5230,7 +5233,8 @@ function $6179b936705e76d3$export$ae780daf29e6d456(props) {
             hoverProps.onPointerLeave = (e)=>{
                 if (!isDisabled && e.currentTarget.contains(e.target)) triggerHoverEnd(e, e.pointerType);
             };
-        } else if (false) {}
+        } else if (false) // removed by dead control flow
+{}
         return {
             hoverProps: hoverProps,
             triggerHoverEnd: triggerHoverEnd
@@ -8060,7 +8064,8 @@ const useInsertionEffect = SafeReact.useInsertionEffect;
 const useSafeInsertionEffect = useInsertionEffect || (fn => fn());
 function useEffectEvent(callback) {
   const ref = external_react_.useRef(() => {
-    if (false) {}
+    if (false) // removed by dead control flow
+{}
   });
   useSafeInsertionEffect(() => {
     ref.current = callback;
@@ -8249,7 +8254,8 @@ function buildCellMap(sizes, cols, dense) {
       height
     } = _ref2;
     if (width > cols) {
-      if (false) {}
+      if (false) // removed by dead control flow
+{}
     }
     let itemPlaced = false;
     if (dense) {
@@ -8663,7 +8669,8 @@ const useReactId = SafeReact.useId;
 const useId = useReactId || useFloatingId;
 
 let devMessageSet;
-if (false) {}
+if (false) // removed by dead control flow
+{}
 function warn() {
   var _devMessageSet;
   for (var _len = arguments.length, messages = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -8718,7 +8725,8 @@ const FloatingArrow = /*#__PURE__*/(/* unused pure expression or super */ null &
     } = {},
     ...rest
   } = props;
-  if (false) {}
+  if (false) // removed by dead control flow
+{}
   const clipPathId = useId();
   const [isRTL, setIsRTL] = React.useState(false);
 
@@ -10926,7 +10934,8 @@ function useFloatingRootContext(options) {
   const dataRef = external_react_.useRef({});
   const [events] = external_react_.useState(() => createPubSub());
   const nested = useFloatingParentNodeId() != null;
-  if (false) {}
+  if (false) // removed by dead control flow
+{}
   const [positionReference, setPositionReference] = external_react_.useState(elementsProp.reference);
   const onOpenChange = useEffectEvent((open, event, reason) => {
     dataRef.current.openEvent = open ? event : undefined;
@@ -11335,7 +11344,8 @@ function useListNavigation(context, props) {
     itemSizes,
     dense = false
   } = props;
-  if (false) {}
+  if (false) // removed by dead control flow
+{}
   const floatingFocusElement = getFloatingFocusElement(elements.floating);
   const floatingFocusElementRef = floating_ui_react_useLatestRef(floatingFocusElement);
   const parentId = useFloatingParentNodeId();
@@ -12262,7 +12272,8 @@ const inner = props => ({
     const floatingIsBordered = floating.clientTop !== 0;
     const scrollElIsBordered = scrollEl.clientTop !== 0;
     const floatingIsScrollEl = floating === scrollEl;
-    if (false) {}
+    if (false) // removed by dead control flow
+{}
     if (!item) {
       return {};
     }
@@ -12701,7 +12712,7 @@ const esm_ChevronDownIcon_ForwardRef = /*#__PURE__*/ external_react_.forwardRef(
 
 function Dropdown(_ref) {
   let {
-    items = [],
+    items,
     label = 'Test Label',
     isValid = true,
     required = false,
@@ -12712,17 +12723,21 @@ function Dropdown(_ref) {
     tabIndex = '',
     onChange,
     value,
-    // Controlled from parent
     Icon,
     errorMessage = 'This field is required',
     disabled = false,
-    dataCy
+    dataCy // optional override
   } = _ref;
+  const [selectedItem, setSelectedItem] = (0,external_react_.useState)(null);
   const [isOpen, setIsOpen] = (0,external_react_.useState)(false);
-  const selectedItem = items.find(item => item.value === value) || null;
+  (0,external_react_.useEffect)(() => {
+    const newSelectedItem = items.find(item => item.value === value) || null;
+    setSelectedItem(newSelectedItem);
+  }, [value, items]);
   const inputClasses = "inline-flex w-full justify-between items-center rounded-md bg-[--color-input-bg] text-md font-normal border p-2 text-[--color-text-weak] ".concat(isValid ? 'border-[--color-stroke]' : 'border-utilRed1000', " ").concat(disabled ? 'opacity-50 cursor-not-allowed' : '', " ").concat(className);
   const handleSelect = item => {
-    if (disabled || item.value === value) return; // prevent repeat calls
+    if (disabled) return;
+    setSelectedItem(item);
     const event = {
       target: {
         name,
@@ -12772,7 +12787,7 @@ function Dropdown(_ref) {
     return /*#__PURE__*/external_react_default().createElement("button", {
       type: "button",
       onClick: () => handleSelect(item),
-      className: "block w-full px-4 py-2 text-left text-sm text-[--color-text-weak] ".concat(active ? 'bg-[--color-input-bg]' : '', " hover:bg-[--color-input-bg]")
+      className: "block w-full px-4 py-2 text-left text-sm text-[--color-text-weak] ".concat(active ? 'bg-[--color-input-bg] text-[--color-text-weak]' : '', " hover:bg-[--color-input-bg]")
     }, item.label);
   })))), !isValid && /*#__PURE__*/external_react_default().createElement("span", {
     className: "text-utilRed1000 text-sm"
@@ -12817,10 +12832,11 @@ var c247_icon_only_svg_default = /*#__PURE__*/__webpack_require__.n(c247_icon_on
 const Navbar = _ref => {
   let {
     children,
-    logo
+    logo,
+    className = ""
   } = _ref;
-  return /*#__PURE__*/external_react_default().createElement("div", {
-    className: "p-4 w-full bg-[--color-primary-bg] navbar"
+  return /*#__PURE__*/external_react_default().createElement("nav", {
+    className: "p-4 w-full bg-[--color-primary-bg] navbar ".concat(className)
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "container mx-auto flex items-center justify-between"
   }, /*#__PURE__*/external_react_default().createElement("img", {
@@ -12893,6 +12909,9 @@ const Modal = _ref => {
   }, footer)));
 };
 /* harmony default export */ const Modals_Modal = (Modal);
+;// external "opus-toolkit-styles/assets/logos/c247-loader.gif"
+const c247_loader_gif_namespaceObject = require("opus-toolkit-styles/assets/logos/c247-loader.gif");
+var c247_loader_gif_default = /*#__PURE__*/__webpack_require__.n(c247_loader_gif_namespaceObject);
 ;// ./src/components/Loader/Loader.js
 
 
@@ -12904,9 +12923,9 @@ function Loader(_ref) {
   return isLoading && /*#__PURE__*/external_react_default().createElement("div", {
     className: "fixed inset-0 flex flex-col items-center justify-center bg-greySunkenDark1000 bg-opacity-80 z-50"
   }, /*#__PURE__*/external_react_default().createElement("img", {
-    src: (c247_icon_only_svg_default()),
+    src: (c247_loader_gif_default()),
     alt: "Loading",
-    className: "w-30 h-30 animate-pulse"
+    className: "h-60"
   }), /*#__PURE__*/external_react_default().createElement("h4", {
     className: "mt-4 text-greyBaseLight text-lg font-medium animate-pulse"
   }, loaderText));
@@ -12999,4 +13018,4 @@ const CookieBanner = _ref => {
 /******/ })()
 ;
 });
-//# sourceMappingURL=main.e0a995fbb7814fd5f6d3.js.map
+//# sourceMappingURL=main.7a77388a92b2776c6c2e.js.map