blue-react 11.0.6 → 11.2.0

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,58 @@
+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-field-group", className),
+    open: isExpanded
+  }, rest), {}, {
+    children: [/*#__PURE__*/_jsxs("summary", {
+      role: "heading",
+      "aria-level": heading,
+      className: clsx(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-field-group-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 ms-1",
+        children: id
+      })]
+    }), children]
+  }));
+}

package/dist/components/Search.d.ts

@@ -35,6 +35,10 @@ export interface SearchProps {
      * Adds additional class name to input element.
      */
     inputClassName?: string;
+    /**
+     * Disables default pill rounding.
+     */
+    noRounding?: boolean;
 }
 /**
  * A search bar that can be placed to the sidebar or on a page.

package/dist/components/Search.js

@@ -7,6 +7,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 import React, { useEffect, useState } from "react";
 import { guid } from "blue-web/dist/js/utils.js";
 import { getPhrase } from "./shared.js";
+import clsx from "clsx";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /**
  * A search bar that can be placed to the sidebar or on a page.
@@ -23,7 +24,9 @@ export default function Search(props) {
     id = props.id,
     inputRef = props.inputRef,
     _props$inputClassName = props.inputClassName,
-    inputClassName = _props$inputClassName === void 0 ? "" : _props$inputClassName;
+    inputClassName = _props$inputClassName === void 0 ? "" : _props$inputClassName,
+    _props$noRounding = props.noRounding,
+    noRounding = _props$noRounding === void 0 ? false : _props$noRounding;
   var SearchControlId = id || "blue-search-control-" + guid();
   var _useState = useState(props.value || ""),
     _useState2 = _slicedToArray(_useState, 2),
@@ -39,7 +42,9 @@ export default function Search(props) {
       if (_onSubmit) _onSubmit(event);
     },
     children: /*#__PURE__*/_jsxs("div", {
-      className: "blue-input-group input-group",
+      className: clsx("blue-input-group input-group", {
+        "rounded-pill": !noRounding
+      }),
       children: [/*#__PURE__*/_jsxs("label", {
         htmlFor: SearchControlId,
         className: "input-group-text",

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "blue-react",
-    "version": "11.0.6",
+    "version": "11.2.0",
     "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.1",
         "bootstrap": "~5.3.3",
         "clsx": "^1.1.1"
     },