@ncds/ui-admin 1.8.22-alpha.2 → 1.8.22

package/dist/esm/src/components/overlays/modal/Modal.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import classnames from 'classnames';
 import { useEffect, useRef } from 'react';
 import ReactDOM from 'react-dom';
@@ -12,8 +12,6 @@ const Modal = _ref => {
     size = 'md',
     closeOnBackdropClick = false,
     closeOnEsc = true,
-    showHeaderDivider = false,
-    showActionsDivider = false,
     className,
     zIndex,
     ...restProps
@@ -49,10 +47,7 @@ const Modal = _ref => {
     } : undefined,
     ...restProps,
     children: _jsx("div", {
-      className: classnames('ncua-modal', `ncua-modal--${size}`, {
-        'ncua-modal--divider-header': showHeaderDivider,
-        'ncua-modal--divider-actions': showActionsDivider
-      }),
+      className: classnames('ncua-modal', `ncua-modal--${size}`),
       children: children
     })
   });
@@ -66,31 +61,36 @@ Modal.Header = _ref2 => {
     title,
     subtitle,
     align = 'left',
+    showDivider = false,
     hideCloseButton = false
   } = _ref2;
-  return _jsxs("header", {
-    className: classnames('ncua-modal__header', `ncua-modal__header--${align}`, {
-      'ncua-modal__header--close-button': !hideCloseButton
-    }),
-    children: [featuredIcon && _jsx(FeaturedIcon, {
-      icon: featuredIcon.icon,
-      color: featuredIcon.color,
-      theme: featuredIcon.theme,
-      size: "sm"
-    }), _jsxs("div", {
-      className: "ncua-modal__title",
-      children: [_jsx("div", {
-        className: "ncua-modal__title-text",
-        children: title
-      }), subtitle && _jsx("div", {
-        className: "ncua-modal__title-subtitle",
-        children: subtitle
+  return _jsxs(_Fragment, {
+    children: [_jsxs("header", {
+      className: classnames('ncua-modal__header', `ncua-modal__header--${align}`, {
+        'ncua-modal__header--close-button': !hideCloseButton
+      }),
+      children: [featuredIcon && _jsx(FeaturedIcon, {
+        icon: featuredIcon.icon,
+        color: featuredIcon.color,
+        theme: featuredIcon.theme,
+        size: "sm"
+      }), _jsxs("div", {
+        className: "ncua-modal__title",
+        children: [_jsx("div", {
+          className: "ncua-modal__title-text",
+          children: title
+        }), subtitle && _jsx("div", {
+          className: "ncua-modal__title-subtitle",
+          children: subtitle
+        })]
+      }), children, !hideCloseButton && _jsx(ButtonCloseX, {
+        className: "ncua-modal__close-button",
+        size: "sm",
+        theme: "light",
+        onClick: onClose
       })]
-    }), children, !hideCloseButton && _jsx(ButtonCloseX, {
-      className: "ncua-modal__close-button",
-      size: "sm",
-      theme: "light",
-      onClick: onClose
+    }), showDivider && _jsx("div", {
+      className: "ncua-modal__header-divider"
     })]
   });
 };
@@ -136,23 +136,28 @@ Modal.Actions = _ref4 => {
   let {
     children,
     layout = 'vertical',
+    showDivider = false,
     align = 'stretch',
     checkboxContent,
     className
   } = _ref4;
-  return _jsxs("div", {
-    className: classnames('ncua-modal__actions-wrapper', className, {
-      'ncua-modal__actions-wrapper--checkbox': layout === 'checkbox'
-    }),
-    children: [layout === 'checkbox' && _jsx("div", {
-      className: "ncua-modal__actions-checkbox",
-      children: _jsx("div", {
-        className: "ncua-modal__actions-checkbox-content",
-        children: checkboxContent
-      })
-    }), _jsx("div", {
-      className: classnames('ncua-modal__actions', `ncua-modal__actions--${layout}`, `ncua-modal__actions--${align}`),
-      children: children
+  return _jsxs(_Fragment, {
+    children: [showDivider && _jsx("div", {
+      className: "ncua-modal__actions-divider"
+    }), _jsxs("div", {
+      className: classnames('ncua-modal__actions-wrapper', className, {
+        'ncua-modal__actions-wrapper--checkbox': layout === 'checkbox'
+      }),
+      children: [layout === 'checkbox' && _jsx("div", {
+        className: "ncua-modal__actions-checkbox",
+        children: _jsx("div", {
+          className: "ncua-modal__actions-checkbox-content",
+          children: checkboxContent
+        })
+      }), _jsx("div", {
+        className: classnames('ncua-modal__actions', `ncua-modal__actions--${layout}`, `ncua-modal__actions--${align}`),
+        children: children
+      })]
     })]
   });
 };

package/dist/esm/src/components/overlays/postcode-search-modal/PostcodeSearchModal.js

@@ -145,10 +145,10 @@ const PostcodeSearchModal = _ref2 => {
     size: "md",
     zIndex: zIndex,
     className: className,
-    showHeaderDivider: true,
     children: [_jsx(Modal.Header, {
       title: MODAL_TITLE,
-      onClose: onClose
+      onClose: onClose,
+      showDivider: true
     }), _jsx(Modal.Content, {
       children: _jsxs("div", {
         className: "ncua-postcode-search-modal",