blue-react 11.1.0 → 11.2.1

package/dist/components/FieldGroup.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, ReactNode } from "react";
+export type FieldGroupProps = ComponentProps<"details"> & {
+    header?: ReactNode;
+    isExpanded?: boolean;
+    headerClassName?: string;
+    id?: string;
+    heading?: number;
+    pageHeader?: boolean;
+};
+export default function FieldGroup({ className, children, open, header, isExpanded, headerClassName, id, heading, pageHeader, ...rest }: FieldGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/FieldGroup.js

@@ -0,0 +1,60 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["className", "children", "open", "header", "isExpanded", "headerClassName", "id", "heading", "pageHeader"];
+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(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+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; }
+import clsx from "clsx";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function FieldGroup(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    open = _ref.open,
+    header = _ref.header,
+    _ref$isExpanded = _ref.isExpanded,
+    isExpanded = _ref$isExpanded === void 0 ? true : _ref$isExpanded,
+    headerClassName = _ref.headerClassName,
+    id = _ref.id,
+    heading = _ref.heading,
+    pageHeader = _ref.pageHeader,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsxs("details", _objectSpread(_objectSpread({
+    className: clsx("blue-collapse", className),
+    open: isExpanded
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsx("summary", {
+      role: "heading",
+      "aria-level": heading,
+      children: /*#__PURE__*/_jsxs("header", {
+        className: clsx("blue-collapse-header d-flex align-items-center gap-1", headerClassName, {
+          "blue-page-header w-100 mt-0": pageHeader,
+          h1: heading === 1,
+          h2: heading === 2,
+          h3: heading === 3,
+          h4: heading === 4,
+          h5: heading === 5,
+          h6: heading === 6
+        }),
+        children: [/*#__PURE__*/_jsx("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "1em",
+          height: "1em",
+          fill: "currentColor",
+          "aria-hidden": "true",
+          className: "blue-collapse-chevron bi bi-chevron-right fs-6 opacity-50",
+          viewBox: "0 0 16 16",
+          children: /*#__PURE__*/_jsx("path", {
+            fillRule: "evenodd",
+            d: "M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"
+          })
+        }), header, id !== undefined && id !== null && id !== "" && /*#__PURE__*/_jsx("small", {
+          className: "text-secondary",
+          children: id
+        })]
+      })
+    }), children]
+  }));
+}

package/index.d.ts

@@ -24,6 +24,9 @@ export { ButtonProps } from "./dist/components/Button"
 export { default as Chevron } from "./dist/components/Chevron"
 export { ChevronProps } from "./dist/components/Chevron"
 
+export { default as FieldGroup } from "./dist/components/FieldGroup"
+export { FieldGroupProps } from "./dist/components/FieldGroup"
+
 export { default as HashRouter } from "./dist/components/HashRouter"
 export { HashRouterProps } from "./dist/components/HashRouter"
 

package/index.js

@@ -3,6 +3,7 @@ export { default as ActionMenu } from "./dist/components/ActionMenu.js"
 export { default as Actions } from "./dist/components/Actions.js"
 export { default as Button } from "./dist/components/Button.js"
 export { default as Chevron } from "./dist/components/Chevron.js"
+export { default as FieldGroup } from "./dist/components/FieldGroup.js"
 export { default as HashRouter } from "./dist/components/HashRouter.js"
 export { default as Layout } from "./dist/components/Layout.js"
 export { default as Header } from "./dist/components/Header.js"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "11.1.0",
+    "version": "11.2.1",
     "description": "Blue React Components",
     "license": "LGPL-3.0-or-later",
     "type": "module",
@@ -35,7 +35,7 @@
     },
     "dependencies": {
         "@popperjs/core": "^2.11.5",
-        "blue-web": "^1.23.0",
+        "blue-web": "^1.25.2",
         "bootstrap": "~5.3.3",
         "clsx": "^1.1.1"
     },