@arbor-education/design-system.components 0.16.0 → 0.17.0

package/dist/components/treeRow/TreeRow.d.ts

@@ -0,0 +1,32 @@
+import type { MouseEventHandler, ReactNode } from 'react';
+export type { TreeRowSectionProps } from '../treeRow/TreeRowSection';
+export type TreeRowItem = {
+    id?: string;
+    label?: string;
+    value?: string;
+    note?: string;
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    children?: TreeRowItem[];
+};
+type TreeRowBaseProps = {
+    defaultValue?: string[];
+    className?: string;
+};
+type TreeRowDataDrivenProps = TreeRowBaseProps & {
+    items: TreeRowItem[];
+    children?: never;
+};
+type TreeRowCompoundProps = TreeRowBaseProps & {
+    items?: never;
+    children?: ReactNode;
+};
+export type TreeRowProps = TreeRowDataDrivenProps | TreeRowCompoundProps;
+export declare const TreeRow: {
+    ({ items, defaultValue, children, className }: TreeRowProps): import("react/jsx-runtime").JSX.Element;
+    Section: ({ id: idProp, label, children, className, onClick }: import("../treeRow/TreeRowSection").TreeRowSectionProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare namespace TreeRow {
+    type Item = TreeRowItem;
+    type Props = TreeRowProps;
+}
+//# sourceMappingURL=TreeRow.d.ts.map

package/dist/components/treeRow/TreeRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeRow.d.ts","sourceRoot":"","sources":["../../../src/components/treeRow/TreeRow.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAM1D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAE7E,MAAM,MAAM,WAAW,GAAG;IACxB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,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;IAC5C,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;CAC1B,CAAC;AAEF,KAAK,gBAAgB,GAAG;IACtB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,sBAAsB,GAAG,gBAAgB,GAAG;IAC/C,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC;CAClB,CAAC;AAEF,KAAK,oBAAoB,GAAG,gBAAgB,GAAG;IAC7C,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,sBAAsB,GAAG,oBAAoB,CAAC;AAkCzE,eAAO,MAAM,OAAO;mDAAkD,YAAY;;CAUjF,CAAC;AAIF,yBAAiB,OAAO,CAAC;IACvB,KAAY,IAAI,GAAG,WAAW,CAAC;IAC/B,KAAY,KAAK,GAAG,YAAY,CAAC;CAClC"}

package/dist/components/treeRow/TreeRow.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useContext } from 'react';
+import * as Accordion from '@radix-ui/react-accordion';
+import classNames from 'classnames';
+import { Row } from '../row/Row';
+import { DepthContext, getDepthPadding, TreeRowSection } from '../treeRow/TreeRowSection';
+const DataDrivenList = ({ items }) => {
+    const depth = useContext(DepthContext);
+    return (_jsx(_Fragment, { children: items.map((item, index) => {
+            const hasChildren = Array.isArray(item.children) && item.children.length > 0;
+            if (!hasChildren) {
+                return (_jsx(Row, { label: item.label, value: item.value, note: item.note, onClick: item.onClick, className: "ds-tree-row__row", style: { paddingLeft: getDepthPadding(depth) } }, item.id ?? item.label ?? String(index)));
+            }
+            return (_jsx(TreeRowSection, { id: item.id, label: item.label ?? '', onClick: item.onClick, children: _jsx(DataDrivenList, { items: item.children ?? [] }) }, item.id ?? item.label ?? String(index)));
+        }) }));
+};
+export const TreeRow = ({ items, defaultValue, children, className }) => (_jsx(Accordion.Root, { type: "multiple", defaultValue: defaultValue, className: classNames('ds-tree-row', className), children: _jsx(DepthContext.Provider, { value: 0, children: items ? _jsx(DataDrivenList, { items: items }) : children }) }));
+TreeRow.Section = TreeRowSection;
+//# sourceMappingURL=TreeRow.js.map

package/dist/components/treeRow/TreeRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeRow.js","sourceRoot":"","sources":["../../../src/components/treeRow/TreeRow.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,KAAK,SAAS,MAAM,2BAA2B,CAAC;AACvD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AA8BlG,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAA4B,EAAE,EAAE;IAC7D,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAEvC,OAAO,CACL,4BACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;YAE7E,IAAI,CAAC,WAAW,EAAE,CAAC;gBACjB,OAAO,CACL,KAAC,GAAG,IAEF,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,OAAO,EAAE,IAAI,CAAC,OAAO,EACrB,SAAS,EAAC,kBAAkB,EAC5B,KAAK,EAAE,EAAE,WAAW,EAAE,eAAe,CAAC,KAAK,CAAC,EAAE,IANzC,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAO3C,CACH,CAAC;YACJ,CAAC;YAED,OAAO,CACL,KAAC,cAAc,IAA8C,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,YACtH,KAAC,cAAc,IAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,IAAI,EAAE,GAAI,IAD3B,IAAI,CAAC,EAAE,IAAI,IAAI,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC,CAE1C,CAClB,CAAC;QACJ,CAAC,CAAC,GACD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAgB,EAAE,EAAE,CAAC,CACrF,KAAC,SAAS,CAAC,IAAI,IACb,IAAI,EAAC,UAAU,EACf,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,YAE/C,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,YAC5B,KAAK,CAAC,CAAC,CAAC,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,QAAQ,GAC9B,GACT,CAClB,CAAC;AAEF,OAAO,CAAC,OAAO,GAAG,cAAc,CAAC"}

package/dist/components/treeRow/TreeRow.stories.d.ts

@@ -0,0 +1,13 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { TreeRow } from '../treeRow/TreeRow';
+declare const meta: Meta<typeof TreeRow>;
+export default meta;
+type Story = StoryObj<typeof TreeRow>;
+export declare const Default: Story;
+export declare const PreOpenedSections: Story;
+export declare const DeepNesting: Story;
+export declare const ClickableSections: Story;
+export declare const ClickableRows: Story;
+export declare const MixedClickability: Story;
+export declare const WithClickFeedback: Story;
+//# sourceMappingURL=TreeRow.stories.d.ts.map

package/dist/components/treeRow/TreeRow.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TreeRow.stories.d.ts","sourceRoot":"","sources":["../../../src/components/treeRow/TreeRow.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AA+JrD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CA8C9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAMtC,eAAO,MAAM,OAAO,EAAE,KAwBrB,CAAC;AAMF,eAAO,MAAM,iBAAiB,EAAE,KA6F/B,CAAC;AAMF,eAAO,MAAM,WAAW,EAAE,KAuHzB,CAAC;AAMF,eAAO,MAAM,iBAAiB,EAAE,KA2F/B,CAAC;AAMF,eAAO,MAAM,aAAa,EAAE,KAiF3B,CAAC;AAMF,eAAO,MAAM,iBAAiB,EAAE,KA6F/B,CAAC;AAkDF,eAAO,MAAM,iBAAiB,EAAE,KA8D/B,CAAC"}