@arbor-education/design-system.components 0.25.1 → 0.25.3

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## 0.25.3
+
+### Patch Changes
+
+- [#219](https://github.com/arbor-education/design-system.components/pull/219) [`263e11a`](https://github.com/arbor-education/design-system.components/commit/263e11af1fb329c81365538f483c90025a538f3a) Thanks [@Alex-DN-SP](https://github.com/Alex-DN-SP)! - MIS-70565 Added support for links in Row component
+
+## 0.25.2
+
+### Patch Changes
+
+- [#216](https://github.com/arbor-education/design-system.components/pull/216) [`edb31ee`](https://github.com/arbor-education/design-system.components/commit/edb31ee11a541a3f2ca84015042fefab915cb78e) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-70564 ✨ add ReactNode support for label, value and note in Row component
+
+- [#210](https://github.com/arbor-education/design-system.components/pull/210) [`d8783db`](https://github.com/arbor-education/design-system.components/commit/d8783db17cfcd6209595f88acf57c1397858ab88) Thanks [@Alex-DN-SP](https://github.com/Alex-DN-SP)! - MIS-70760 Add ToggleGroup component
+
 ## 0.25.1
 
 ### Patch Changes

package/dist/components/row/Row.d.ts

@@ -1,10 +1,11 @@
-import type { CSSProperties, MouseEventHandler } from 'react';
+import type { CSSProperties, MouseEventHandler, ReactNode } from 'react';
 export type RowProps = {
     className?: string;
     style?: CSSProperties;
-    label?: string;
-    value?: string;
-    note?: string;
+    label?: ReactNode;
+    value?: ReactNode;
+    href?: string;
+    note?: ReactNode;
     onClick?: MouseEventHandler<HTMLDivElement>;
 };
 export declare const Row: (props: RowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/row/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/row/Row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1E,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,4CA0ClC,CAAC;AAEF,yBAAiB,GAAG,CAAC;IACnB,KAAY,KAAK,GAAG,QAAQ,CAAC;CAC9B"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/row/Row.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAc,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrF,MAAM,MAAM,QAAQ,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAC;CAC7C,CAAC;AAEF,eAAO,MAAM,GAAG,GAAI,OAAO,QAAQ,4CAmDlC,CAAC;AAEF,yBAAiB,GAAG,CAAC;IACnB,KAAY,KAAK,GAAG,QAAQ,CAAC;CAC9B"}

package/dist/components/row/Row.js

@@ -3,7 +3,7 @@ import classNames from 'classnames';
 import { Icon } from '../icon/Icon.js';
 import { ENTER_KEY, SPACE_KEY } from '../../utils/keyboardConstants.js';
 export const Row = (props) => {
-    const { className, style, label, value, note, onClick, } = props;
+    const { className, style, label, value, href, note, onClick, } = props;
     const isClickable = !!onClick;
     return (_jsxs("div", { className: classNames('ds-row', {
             'ds-row--clickable': isClickable,
@@ -12,6 +12,8 @@ export const Row = (props) => {
                 e.preventDefault();
                 onClick(e);
             }
-        }, tabIndex: isClickable ? 0 : -1, children: [_jsx("span", { className: "ds-row__label", children: label }), _jsx("span", { className: "ds-row__value", children: value }), _jsx("span", { className: "ds-row__note", children: note }), isClickable && (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "chevron-right", className: "ds-row__icon-click", size: 16 }), _jsx(Icon, { name: "arrow-right", className: "ds-row__icon-click", size: 16 })] }))] }));
+        }, tabIndex: isClickable ? 0 : -1, children: [_jsx("span", { className: "ds-row__label", children: label }), _jsx("span", { className: "ds-row__value", children: href
+                    ? (_jsx("a", { href: href, children: value || href }))
+                    : value }), _jsx("span", { className: "ds-row__note", children: note }), isClickable && (_jsxs(_Fragment, { children: [_jsx(Icon, { name: "chevron-right", className: "ds-row__icon-click", size: 16 }), _jsx(Icon, { name: "arrow-right", className: "ds-row__icon-click", size: 16 })] }))] }));
 };
 //# sourceMappingURL=Row.js.map

package/dist/components/row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../src/components/row/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAW/D,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,CAAC,CAAC,OAAO,CAAC;IAE9B,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,QAAQ,EACR;YACE,mBAAmB,EAAE,WAAW;SACjC,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,WAAW,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC1D,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,CAAC,CAA0C,CAAC,CAAC;YACtD,CAAC;QACH,CAAC,EACD,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAE9B,eAAM,SAAS,EAAC,eAAe,YAAE,KAAK,GAAQ,EAC9C,eAAM,SAAS,EAAC,eAAe,YAAE,KAAK,GAAQ,EAC9C,eAAM,SAAS,EAAC,cAAc,YAAE,IAAI,GAAQ,EAC3C,WAAW,IAAI,CACd,8BACE,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,EAAE,GAAI,EACtE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,EAAE,GAAI,IACnE,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../../src/components/row/Row.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAY/D,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,KAAe,EAAE,EAAE;IACrC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,CAAC,CAAC,OAAO,CAAC;IAE9B,OAAO,CACL,eACE,SAAS,EAAE,UAAU,CACnB,QAAQ,EACR;YACE,mBAAmB,EAAE,WAAW;SACjC,EACD,SAAS,CACV,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,WAAW,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC1D,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,OAAO,CAAC,CAA0C,CAAC,CAAC;YACtD,CAAC;QACH,CAAC,EACD,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAE9B,eAAM,SAAS,EAAC,eAAe,YAAE,KAAK,GAAQ,EAC9C,eAAM,SAAS,EAAC,eAAe,YAC5B,IAAI;oBACH,CAAC,CAAC,CACE,YAAG,IAAI,EAAE,IAAI,YACV,KAAK,IAAI,IAAI,GACZ,CACL;oBACH,CAAC,CAAC,KAAK,GACJ,EACP,eAAM,SAAS,EAAC,cAAc,YAAE,IAAI,GAAQ,EAC3C,WAAW,IAAI,CACd,8BACE,KAAC,IAAI,IAAC,IAAI,EAAC,eAAe,EAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,EAAE,GAAI,EACtE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAE,EAAE,GAAI,IACnE,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/row/Row.stories.d.ts

@@ -1,14 +1,124 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
+import type { StoryObj } from '@storybook/react-vite';
 import { Row } from './Row.js';
-declare const meta: Meta<typeof Row>;
+declare function RowDocsPage(): import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: (props: import("./Row.js").RowProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+        docs: {
+            page: typeof RowDocsPage;
+        };
+    };
+    argTypes: {
+        label: {
+            description: string;
+            control: "text";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        value: {
+            description: string;
+            control: "text";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        href: {
+            description: string;
+            control: "text";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        note: {
+            description: string;
+            control: "text";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        onClick: {
+            description: string;
+            action: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: "text";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        style: {
+            description: string;
+            control: false;
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+};
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof Row>;
 export declare const Default: Story;
 export declare const LabelOnly: Story;
-export declare const LabelAndValue: Story;
+export declare const ValueOnly: Story;
 export declare const WithNote: Story;
+export declare const WithHref: Story;
+export declare const WithHrefFallback: Story;
+export declare const WithHrefMailto: Story;
+export declare const WithHrefAndNote: Story;
 export declare const Clickable: Story;
 export declare const ClickableWithNote: Story;
+export declare const MixedClickableAndStatic: Story;
+export declare const InSection: Story;
 export declare const LongContent: Story;
 export declare const MultipleRows: Story;
+export declare const ReactNodeInValue: Story;
+export declare const ReactNodeInNote: Story;
+export declare const ReactNodeInLabel: Story;
+export declare const AccessibilityNotes: Story;
+export declare const CustomClassAndStyle: Story;
+export declare const EmptyRow: Story;
 //# sourceMappingURL=Row.stories.d.ts.map

package/dist/components/row/Row.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.stories.d.ts","sourceRoot":"","sources":["../../../src/components/row/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAY5D,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAyH/B,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,GAAG,CAoE1B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAqB3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiDzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA6D1B,CAAC"}
+{"version":3,"file":"Row.stories.d.ts","sourceRoot":"","sources":["../../../src/components/row/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAa5D,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAsI/B,iBAAS,WAAW,4CAmBnB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyFkB,CAAC;AAE7B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,GAAG,CAAC,CAAC;AAyGlC,eAAO,MAAM,OAAO,EAAE,KAWrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAqBvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAiCtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAiC5B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAmC7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAmC/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,KAuCrC,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAiCvB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAiDzB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAqC1B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA+B9B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA+B7B,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KA+D9B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KAkChC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAmCjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAsBtB,CAAC"}