@oods/components-react 0.4.1 → 0.4.3

package/README.md

@@ -32,4 +32,4 @@ Use matching versions of the OODS packages. These packages are separate from the
 
 ## License
 
-Apache License 2.0. See [LICENSE](https://cdn.jsdelivr.net/npm/@oods/components-react@0.4.1/LICENSE) and [NOTICE](https://cdn.jsdelivr.net/npm/@oods/components-react@0.4.1/NOTICE). Generated output belongs to its user; installed package dependencies retain their own licenses.
+Apache License 2.0. See [LICENSE](https://cdn.jsdelivr.net/npm/@oods/components-react@0.4.3/LICENSE) and [NOTICE](https://cdn.jsdelivr.net/npm/@oods/components-react@0.4.3/NOTICE). Generated output belongs to its user; installed package dependencies retain their own licenses.

package/dist/{chunk-NLWXBLPA.js → chunk-ICXOX5B3.js}

@@ -1054,10 +1054,12 @@ var CancellationSummary = React3.forwardRef(
     requestedAtField,
     reasonField,
     codeField,
+    hideWhenDefault,
     className,
     ...rest
   }, ref) => {
     const childValue = typeof children === "boolean" ? children ? "Yes" : "No" : children;
+    if (hideWhenDefault === true && cancelAtPeriodEnd === false && !requestedAt && !reason && !code && (childValue === void 0 || childValue === null)) return null;
     return /* @__PURE__ */ jsxs(
       "section",
       {

package/dist/index.cjs

@@ -1251,40 +1251,44 @@ var Tabs = React9__namespace.forwardRef(
               "aria-label": ariaLabel ?? ariaLabelAttribute,
               children: [
                 visibleItems.map(renderTab),
-                overflowItems.length ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oods-tabs__overflow", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      className: "tabs__overflow-trigger",
-                      "aria-label": `${overflowLabel} tabs`,
-                      "aria-haspopup": "menu",
-                      "aria-expanded": menuOpen,
-                      "data-tabs-overflow-trigger": "true",
-                      onClick: () => setMenuOpen((open) => !open),
-                      children: overflowLabel
-                    }
-                  ),
-                  menuOpen ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs__overflow-menu", role: "menu", children: overflowItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      role: "menuitem",
-                      disabled: item.disabled || item.isDisabled,
-                      "aria-current": item.id === activeId ? "true" : void 0,
-                      className: classes5(
-                        "tabs__overflow-item",
-                        item.id === activeId && "tabs__overflow-item--selected"
-                      ),
-                      onClick: () => {
-                        select(item.id);
-                        setMenuOpen(false);
+                overflowItems.length ? (
+                  // s224-m01 (#2542 ruling 2): the overflow markup is Vue's too: both class families, the trigger's data
+                  // attribute and aria-current="true" on an item.
+                  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "oods-tabs__overflow oods-tabs-overflow", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: "tabs__overflow-trigger oods-tabs-overflow-trigger",
+                        "aria-label": `${overflowLabel} tabs`,
+                        "aria-haspopup": "menu",
+                        "aria-expanded": menuOpen,
+                        "data-tabs-overflow-trigger": "true",
+                        onClick: () => setMenuOpen((open) => !open),
+                        children: overflowLabel
+                      }
+                    ),
+                    menuOpen ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tabs__overflow-menu oods-tabs-overflow-menu", role: "menu", children: overflowItems.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+                      "button",
+                      {
+                        type: "button",
+                        role: "menuitem",
+                        disabled: item.disabled || item.isDisabled,
+                        "aria-current": item.id === activeId ? "true" : void 0,
+                        className: classes5(
+                          "tabs__overflow-item",
+                          item.id === activeId && "tabs__overflow-item--selected"
+                        ),
+                        onClick: () => {
+                          select(item.id);
+                          setMenuOpen(false);
+                        },
+                        children: item.label
                       },
-                      children: item.label
-                    },
-                    item.id
-                  )) }) : null
-                ] }) : null
+                      item.id
+                    )) }) : null
+                  ] })
+                ) : null
               ]
             }
           ),
@@ -1626,10 +1630,12 @@ var CancellationSummary = React9__namespace.forwardRef(
     requestedAtField,
     reasonField,
     codeField,
+    hideWhenDefault,
     className,
     ...rest
   }, ref) => {
     const childValue = typeof children === "boolean" ? children ? "Yes" : "No" : children;
+    if (hideWhenDefault === true && cancelAtPeriodEnd === false && !requestedAt && !reason && !code && (childValue === void 0 || childValue === null)) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {
@@ -3035,8 +3041,9 @@ var CancellationBadge = createBadgeFamily({
   booleanLabels: ["Cancellation scheduled", "No cancellation scheduled"]
 });
 var ArchiveSummary = React9__namespace.forwardRef(
-  ({ title, label, heading, name, isArchived, archived, status, archivedAt, reason, archiveReason, summary: summary2, text, description, children, className, ...rest }, ref) => {
+  ({ title, label, heading, name, isArchived, archived, status, archivedAt, reason, archiveReason, summary: summary2, text, description, hideWhenDefault, children, className, ...rest }, ref) => {
     const content = childContent(children);
+    if (hideWhenDefault === true && (isArchived ?? archived ?? status) === false && !archivedAt && !firstText(reason, archiveReason) && !content.authored && content.scalar === void 0) return null;
     const terms = [["Archived", componentContracts.summaryValue(isArchived ?? archived ?? status)], ["Archived At", archivedAt ? componentContracts.formatDateTime(archivedAt) : void 0], ["Reason", firstText(reason, archiveReason)]].filter((entry) => entry[1] !== void 0);
     const fallback = firstText(summary2, text, description);
     return /* @__PURE__ */ jsxRuntime.jsxs("section", { ref, className: classes7("oods-archive-summary", className), "data-oods-component": "ArchiveSummary", "data-summary-type": "archive", ...rest, children: [

package/dist/index.js

@@ -1,5 +1,5 @@
-import { Badge, StatusIcon, Select, Input, Checkbox, Text } from './chunk-NLWXBLPA.js';
-export { AuditTimeline, Badge, Banner, Button, CancellationSummary, Card, Checkbox, DatePicker, Dialog, Input, PaginationBar, PriceBadge, RelativeTimestamp, SearchInput, Select, StatusBadge, StatusTimeline, Switch, Text, Textarea } from './chunk-NLWXBLPA.js';
+import { Badge, StatusIcon, Select, Input, Checkbox, Text } from './chunk-ICXOX5B3.js';
+export { AuditTimeline, Badge, Banner, Button, CancellationSummary, Card, Checkbox, DatePicker, Dialog, Input, PaginationBar, PriceBadge, RelativeTimestamp, SearchInput, Select, StatusBadge, StatusTimeline, Switch, Text, Textarea } from './chunk-ICXOX5B3.js';
 export { Table } from './chunk-XEX22E24.js';
 import './chunk-2VEQWKGK.js';
 import * as React4 from 'react';
@@ -251,40 +251,44 @@ var Tabs = React4.forwardRef(
               "aria-label": ariaLabel ?? ariaLabelAttribute,
               children: [
                 visibleItems.map(renderTab),
-                overflowItems.length ? /* @__PURE__ */ jsxs("div", { className: "oods-tabs__overflow", children: [
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      className: "tabs__overflow-trigger",
-                      "aria-label": `${overflowLabel} tabs`,
-                      "aria-haspopup": "menu",
-                      "aria-expanded": menuOpen,
-                      "data-tabs-overflow-trigger": "true",
-                      onClick: () => setMenuOpen((open) => !open),
-                      children: overflowLabel
-                    }
-                  ),
-                  menuOpen ? /* @__PURE__ */ jsx("div", { className: "tabs__overflow-menu", role: "menu", children: overflowItems.map((item) => /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      role: "menuitem",
-                      disabled: item.disabled || item.isDisabled,
-                      "aria-current": item.id === activeId ? "true" : void 0,
-                      className: classes2(
-                        "tabs__overflow-item",
-                        item.id === activeId && "tabs__overflow-item--selected"
-                      ),
-                      onClick: () => {
-                        select(item.id);
-                        setMenuOpen(false);
+                overflowItems.length ? (
+                  // s224-m01 (#2542 ruling 2): the overflow markup is Vue's too: both class families, the trigger's data
+                  // attribute and aria-current="true" on an item.
+                  /* @__PURE__ */ jsxs("div", { className: "oods-tabs__overflow oods-tabs-overflow", children: [
+                    /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        className: "tabs__overflow-trigger oods-tabs-overflow-trigger",
+                        "aria-label": `${overflowLabel} tabs`,
+                        "aria-haspopup": "menu",
+                        "aria-expanded": menuOpen,
+                        "data-tabs-overflow-trigger": "true",
+                        onClick: () => setMenuOpen((open) => !open),
+                        children: overflowLabel
+                      }
+                    ),
+                    menuOpen ? /* @__PURE__ */ jsx("div", { className: "tabs__overflow-menu oods-tabs-overflow-menu", role: "menu", children: overflowItems.map((item) => /* @__PURE__ */ jsx(
+                      "button",
+                      {
+                        type: "button",
+                        role: "menuitem",
+                        disabled: item.disabled || item.isDisabled,
+                        "aria-current": item.id === activeId ? "true" : void 0,
+                        className: classes2(
+                          "tabs__overflow-item",
+                          item.id === activeId && "tabs__overflow-item--selected"
+                        ),
+                        onClick: () => {
+                          select(item.id);
+                          setMenuOpen(false);
+                        },
+                        children: item.label
                       },
-                      children: item.label
-                    },
-                    item.id
-                  )) }) : null
-                ] }) : null
+                      item.id
+                    )) }) : null
+                  ] })
+                ) : null
               ]
             }
           ),
@@ -1438,8 +1442,9 @@ var CancellationBadge = createBadgeFamily({
   booleanLabels: ["Cancellation scheduled", "No cancellation scheduled"]
 });
 var ArchiveSummary = React4.forwardRef(
-  ({ title, label, heading, name, isArchived, archived, status, archivedAt, reason, archiveReason, summary: summary2, text, description, children, className, ...rest }, ref) => {
+  ({ title, label, heading, name, isArchived, archived, status, archivedAt, reason, archiveReason, summary: summary2, text, description, hideWhenDefault, children, className, ...rest }, ref) => {
     const content = childContent(children);
+    if (hideWhenDefault === true && (isArchived ?? archived ?? status) === false && !archivedAt && !firstText(reason, archiveReason) && !content.authored && content.scalar === void 0) return null;
     const terms = [["Archived", summaryValue(isArchived ?? archived ?? status)], ["Archived At", archivedAt ? formatDateTime(archivedAt) : void 0], ["Reason", firstText(reason, archiveReason)]].filter((entry) => entry[1] !== void 0);
     const fallback = firstText(summary2, text, description);
     return /* @__PURE__ */ jsxs("section", { ref, className: classes3("oods-archive-summary", className), "data-oods-component": "ArchiveSummary", "data-summary-type": "archive", ...rest, children: [

package/dist/ported.cjs

@@ -1076,10 +1076,12 @@ var CancellationSummary = React3__namespace.forwardRef(
     requestedAtField,
     reasonField,
     codeField,
+    hideWhenDefault,
     className,
     ...rest
   }, ref) => {
     const childValue = typeof children === "boolean" ? children ? "Yes" : "No" : children;
+    if (hideWhenDefault === true && cancelAtPeriodEnd === false && !requestedAt && !reason && !code && (childValue === void 0 || childValue === null)) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "section",
       {

package/dist/ported.d.cts

@@ -95,6 +95,8 @@ interface CancellationSummaryProps extends Omit<React.HTMLAttributes<HTMLElement
     readonly requestedAtField?: string;
     readonly reasonField?: string;
     readonly codeField?: string;
+    /** s224-m01: render nothing while the card would only say "Cancel at period end: No", so a detail page states no default. */
+    readonly hideWhenDefault?: boolean;
 }
 declare const CancellationSummary: React.ForwardRefExoticComponent<CancellationSummaryProps & React.RefAttributes<HTMLElement>>;
 type NativeSearchInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children' | 'type' | 'onChange' | 'value' | 'defaultValue'>;

package/dist/ported.d.ts

@@ -95,6 +95,8 @@ interface CancellationSummaryProps extends Omit<React.HTMLAttributes<HTMLElement
     readonly requestedAtField?: string;
     readonly reasonField?: string;
     readonly codeField?: string;
+    /** s224-m01: render nothing while the card would only say "Cancel at period end: No", so a detail page states no default. */
+    readonly hideWhenDefault?: boolean;
 }
 declare const CancellationSummary: React.ForwardRefExoticComponent<CancellationSummaryProps & React.RefAttributes<HTMLElement>>;
 type NativeSearchInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'children' | 'type' | 'onChange' | 'value' | 'defaultValue'>;

package/dist/ported.js

@@ -1,2 +1,2 @@
-export { AuditTimeline, CancellationSummary, PaginationBar, PriceBadge, RelativeTimestamp, SearchInput, StatusBadge, StatusTimeline } from './chunk-NLWXBLPA.js';
+export { AuditTimeline, CancellationSummary, PaginationBar, PriceBadge, RelativeTimestamp, SearchInput, StatusBadge, StatusTimeline } from './chunk-ICXOX5B3.js';
 import './chunk-2VEQWKGK.js';

package/dist/types.d.cts

@@ -652,6 +652,8 @@ interface ArchiveSummaryProps extends React.HTMLAttributes<HTMLElement> {
     readonly summary?: string;
     readonly text?: string;
     readonly description?: string;
+    /** s224-m01: render nothing while the card would only say "Archived: No", so a detail page states no default. */
+    readonly hideWhenDefault?: boolean;
 }
 interface ArchivePillProps extends Omit<ClassificationBadgeProps, 'category' | 'mode' | 'value'> {
     readonly isArchived?: boolean | string;

package/dist/types.d.ts

@@ -652,6 +652,8 @@ interface ArchiveSummaryProps extends React.HTMLAttributes<HTMLElement> {
     readonly summary?: string;
     readonly text?: string;
     readonly description?: string;
+    /** s224-m01: render nothing while the card would only say "Archived: No", so a detail page states no default. */
+    readonly hideWhenDefault?: boolean;
 }
 interface ArchivePillProps extends Omit<ClassificationBadgeProps, 'category' | 'mode' | 'value'> {
     readonly isArchived?: boolean | string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oods/components-react",
-  "version": "0.4.1",
+  "version": "0.4.3",
   "description": "React components for OODS Foundry: the controls, layouts and domain views its generated screens use.",
   "homepage": "https://oods-foundry.com/",
   "bugs": {
@@ -64,8 +64,8 @@
   ],
   "dependencies": {
     "@radix-ui/react-slot": "^1.1.2",
-    "@oods/component-contracts": "0.4.1",
-    "@oods/component-styles": "0.4.1"
+    "@oods/component-contracts": "0.4.3",
+    "@oods/component-styles": "0.4.3"
   },
   "peerDependencies": {
     "react": ">=18 <20",