@arbor-education/design-system.components 4.5.0 → 4.7.0-alpha.0

package/dist/components/table/pagination/TableSettingsDropdown.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../button/Button.js';
+import { Dropdown } from '../../dropdown/Dropdown.js';
+import { CheckboxGroup } from '../../formField/inputs/checkbox/CheckboxGroup.js';
+import { RadioButtonGroup } from '../../formField/inputs/radio/RadioButtonGroup.js';
+import { Separator } from '../../separator/Separator.js';
+import { useContext } from 'react';
+import { TABLE_SPACING, TableSettingsContext } from '../Table.js';
+const TABLE_SPACING_NAMES = {
+    XS: 'X-Small',
+    S: 'Small',
+    M: 'Medium',
+    L: 'Large',
+};
+export const TableSettingsDropdown = () => {
+    const { settings: { hasColumnBorders, tableSpacing, areCellColorsEnabled, }, setTableSpacing, setHasColumnBorders, resetSettings, setAreCellColorsEnabled, } = useContext(TableSettingsContext);
+    return (_jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { variant: "secondary", iconRightName: "settings", iconRightScreenReaderText: "Table settings", borderless: true }) }), _jsxs(Dropdown.Content, { children: [_jsx(RadioButtonGroup, { legend: "Table spacing", options: Object.values(TABLE_SPACING).map((option) => {
+                            return {
+                                name: 'ds-table-spacing',
+                                label: TABLE_SPACING_NAMES[option],
+                                value: option,
+                            };
+                        }), name: "ds-table-spacing", checkedValue: tableSpacing, onChange: (e) => {
+                            setTableSpacing(e.target.value);
+                        } }), _jsx(Separator, {}), _jsx(CheckboxGroup, { legend: "Style", options: [
+                            {
+                                label: 'Column borders',
+                                checked: hasColumnBorders,
+                                onChange: () => {
+                                    setHasColumnBorders(!hasColumnBorders);
+                                },
+                            },
+                            {
+                                label: 'Cell colours',
+                                checked: areCellColorsEnabled,
+                                onChange: () => {
+                                    setAreCellColorsEnabled(!areCellColorsEnabled);
+                                },
+                            },
+                        ] }), _jsx(Separator, {}), _jsx(Button, { variant: "tertiary", iconLeftName: "redo", onClick: resetSettings, children: "Reset Table Settings" })] })] }));
+};
+//# sourceMappingURL=TableSettingsDropdown.js.map

package/dist/components/table/pagination/TableSettingsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableSettingsDropdown.js","sourceRoot":"","sources":["../../../../src/components/table/pagination/TableSettingsDropdown.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AACnF,OAAO,EAAE,gBAAgB,EAAE,MAAM,oDAAoD,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,UAAU,EAAoB,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAE/D,MAAM,mBAAmB,GAAG;IAC1B,EAAE,EAAE,SAAS;IACb,CAAC,EAAE,OAAO;IACV,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,OAAO;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACxC,MAAM,EACJ,QAAQ,EAAE,EACR,gBAAgB,EAChB,YAAY,EACZ,oBAAoB,GACrB,EACD,eAAe,EACf,mBAAmB,EACnB,aAAa,EACb,uBAAuB,GACxB,GAAG,UAAU,CAAC,oBAAoB,CAAC,CAAC;IAErC,OAAO,CACL,MAAC,QAAQ,eACP,KAAC,QAAQ,CAAC,OAAO,cACf,KAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,aAAa,EAAC,UAAU,EACxB,yBAAyB,EAAC,gBAAgB,EAC1C,UAAU,SACV,GACe,EACnB,MAAC,QAAQ,CAAC,OAAO,eACf,KAAC,gBAAgB,IACf,MAAM,EAAC,eAAe,EACtB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;4BACnD,OAAO;gCACL,IAAI,EAAE,kBAAkB;gCACxB,KAAK,EAAE,mBAAmB,CAAC,MAAM,CAAC;gCAClC,KAAK,EAAE,MAAM;6BACd,CAAC;wBACJ,CAAC,CAAC,EACF,IAAI,EAAC,kBAAkB,EACvB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE;4BAC7C,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,KAAsB,CAAC,CAAC;wBACnD,CAAC,GACD,EAEF,KAAC,SAAS,KAAG,EAEb,KAAC,aAAa,IACZ,MAAM,EAAC,OAAO,EACd,OAAO,EAAE;4BACP;gCACE,KAAK,EAAE,gBAAgB;gCACvB,OAAO,EAAE,gBAAgB;gCACzB,QAAQ,EAAE,GAAG,EAAE;oCACb,mBAAmB,CAAC,CAAC,gBAAgB,CAAC,CAAC;gCACzC,CAAC;6BACF;4BACD;gCACE,KAAK,EAAE,cAAc;gCACrB,OAAO,EAAE,oBAAoB;gCAC7B,QAAQ,EAAE,GAAG,EAAE;oCACb,uBAAuB,CAAC,CAAC,oBAAoB,CAAC,CAAC;gCACjD,CAAC;6BACF;yBACF,GACD,EAEF,KAAC,SAAS,KAAG,EAEb,KAAC,MAAM,IACL,OAAO,EAAC,UAAU,EAClB,YAAY,EAAC,MAAM,EACnB,OAAO,EAAE,aAAa,qCAGf,IACQ,IACV,CACZ,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/table/tableHeader/TableHeader.d.ts

@@ -0,0 +1,14 @@
+import { type GridApi } from 'ag-grid-community';
+import { type MutableRefObject } from 'react';
+type TableHeaderProps = {
+  gridApiRef: MutableRefObject<GridApi | undefined>;
+  onUndo: () => void;
+  onRedo: () => void;
+  isUndoable: boolean;
+  isRedoable: boolean;
+  hideUndoRedo?: boolean;
+  shouldUseSmallPadding?: boolean;
+};
+export declare const TableHeader: (props: TableHeaderProps) => import('react/jsx-runtime').JSX.Element;
+export {};
+// # sourceMappingURL=TableHeader.d.ts.map

package/dist/components/table/tableHeader/TableHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableHeader/TableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAEjD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAoB9C,KAAK,gBAAgB,GAAG;IAGtB,UAAU,EAAE,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAWlD,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IAMpB,YAAY,CAAC,EAAE,OAAO,CAAC;IAKvB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CAKjC,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,4CAwHlD,CAAC"}

package/dist/components/table/tableHeader/TableHeader.js

@@ -0,0 +1,55 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from 'react/jsx-runtime';
+import {} from 'ag-grid-community';
+import classNames from 'classnames';
+import {} from 'react';
+export const TableHeader = (props) => {
+  const {
+    // apiParams,
+    // downloadUrl,
+    // gridApiRef,
+    // hasUserModifiedTableState,
+    // resetTableState,
+    // bulkCellActions = [],
+    // bulkRowActions = [],
+    // isBulkActionsDisabled,
+    // idProperty,
+    // isFullScreen,
+    // setIsFullScreen,
+    // columnDensity,
+    // setColumnDensity,
+    // isUndoable,
+    // isRedoable,
+    // onRedo,
+    // onUndo,
+    // columnVisibilities,
+    // isTooltipsEnabled,
+    // setTooltipsEnabled,
+    // isInSlideover,
+    // isFormBasedTable,
+    hideUndoRedo,
+    // isColumnBordersEnabled,
+    // setIsColumnBordersEnabled,
+    // isCellColorsEnabled,
+    // setIsCellColorsEnabled,
+    shouldUseSmallPadding,
+    // downloadInBackground,
+    // hideSearchBar,
+    // quickFilterValue,
+    // setQuickFilterValue,
+  } = props;
+    // const isFormBasedTableOnSlideover = isInSlideover && isFormBasedTable;
+    // const updateQuickFilterValueDebouncedRef = useRef(
+    //     helper.debounce((newValue: string) => {
+    //         if (gridApiRef.current) {
+    //             gridApiRef.current.setGridOption('quickFilterText', newValue);
+    //         }
+    //     }),
+    // );
+    // useEffect(() => {
+    //     updateQuickFilterValueDebouncedRef.current(quickFilterValue);
+    // }, [quickFilterValue]);
+  return (_jsxs('section', { 'aria-label': 'Table header', 'className': classNames('table-header', {
+    'table-header--small-padding': shouldUseSmallPadding,
+  }), 'children': [_jsx('div', { className: 'table-header__left', role: 'presentation', children: !hideUndoRedo && (_jsx(_Fragment, {})) }), _jsx('div', { className: 'table-header__right' })] }));
+};
+// # sourceMappingURL=TableHeader.js.map

package/dist/components/table/tableHeader/TableHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableHeader.js","sourceRoot":"","sources":["../../../../src/components/table/tableHeader/TableHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,MAAM,mBAAmB,CAAC;AACjD,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAyB,MAAM,OAAO,CAAC;AAuD9C,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IACrD,MAAM;IACJ,aAAa;IACb,eAAe;IACf,cAAc;IACd,6BAA6B;IAC7B,mBAAmB;IACnB,wBAAwB;IACxB,uBAAuB;IACvB,yBAAyB;IACzB,cAAc;IACd,gBAAgB;IAChB,mBAAmB;IACnB,iBAAiB;IACjB,oBAAoB;IACpB,cAAc;IACd,cAAc;IACd,UAAU;IACV,UAAU;IACV,sBAAsB;IACtB,qBAAqB;IACrB,sBAAsB;IACtB,iBAAiB;IACjB,oBAAoB;IACpB,YAAY;IACZ,0BAA0B;IAC1B,6BAA6B;IAC7B,uBAAuB;IACvB,0BAA0B;IAC1B,qBAAqB;IACrB,wBAAwB;IACxB,iBAAiB;IACjB,oBAAoB;IACpB,uBAAuB;MACxB,GAAG,KAAK,CAAC;IACV,yEAAyE;IAEzE,qDAAqD;IACrD,8CAA8C;IAC9C,oCAAoC;IACpC,6EAA6E;IAC7E,YAAY;IACZ,UAAU;IACV,KAAK;IAEL,oBAAoB;IACpB,oEAAoE;IACpE,0BAA0B;IAE1B,OAAO,CACL,iCACa,cAAc,EACzB,SAAS,EAAE,UAAU,CAAC,cAAc,EAAE;YACpC,6BAA6B,EAAE,qBAAqB;SACrD,CAAC,aAEF,cAAK,SAAS,EAAC,oBAAoB,EAAC,IAAI,EAAC,cAAc,YAUpD,CAAC,YAAY,IAAI,CAChB,mBAGG,CACJ,GAOG,EACN,cAAK,SAAS,EAAC,qBAAqB,GAsC9B,IACE,CACX,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/table/tableHeader/index.d.ts

@@ -0,0 +1,2 @@
+export { TableHeader } from './TableHeader.js';
+// # sourceMappingURL=index.d.ts.map

package/dist/components/table/tableHeader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/table/tableHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/dist/components/table/tableHeader/index.js

@@ -0,0 +1,2 @@
+export { TableHeader } from './TableHeader.js';
+// # sourceMappingURL=index.js.map

package/dist/components/table/tableHeader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/table/tableHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC"}

package/dist/components/table/tableTheme.d.ts

@@ -0,0 +1,2 @@
+export declare const tableTheme: import("ag-grid-enterprise").Theme<import("ag-grid-enterprise").ThemeDefaultParams>;
+//# sourceMappingURL=tableTheme.d.ts.map

package/dist/components/table/tableTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableTheme.d.ts","sourceRoot":"","sources":["../../../src/components/table/tableTheme.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,qFAerB,CAAC"}

package/dist/components/table/tableTheme.js

@@ -0,0 +1,18 @@
+import { themeQuartz } from 'ag-grid-enterprise';
+export const tableTheme = themeQuartz.withParams({
+    accentColor: 'var(--color-brand-700)',
+    backgroundColor: 'var(--tables-ag-grid-rows-even-color-background)',
+    borderColor: 'var(--tables-ag-grid-rows-color-border)',
+    borderRadius: 'var(--border-radius-small)',
+    checkboxBorderRadius: 'var(--border-radius-xsmall)',
+    columnBorder: false,
+    fontFamily: 'var(--font-family-standard)',
+    fontSize: 'var(--type-body-p-size)',
+    textColor: 'var(--tables-ag-grid-color-text)',
+    headerFontSize: 'var(--type-body-p-size)',
+    headerFontWeight: 'var(--type-body-bold-weight)',
+    iconButtonBorderRadius: 'var(--border-radius-round)',
+    oddRowBackgroundColor: 'var(--tables-ag-grid-rows-odd-color-background)',
+    invalidColor: 'var(--form-field-text-error-color-border)',
+});
+//# sourceMappingURL=tableTheme.js.map

package/dist/components/table/tableTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableTheme.js","sourceRoot":"","sources":["../../../src/components/table/tableTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;IAC/C,WAAW,EAAE,wBAAwB;IACrC,eAAe,EAAE,kDAAkD;IACnE,WAAW,EAAE,yCAAyC;IACtD,YAAY,EAAE,4BAA4B;IAC1C,oBAAoB,EAAE,6BAA6B;IACnD,YAAY,EAAE,KAAK;IACnB,UAAU,EAAE,6BAA6B;IACzC,QAAQ,EAAE,yBAAyB;IACnC,SAAS,EAAE,kCAAkC;IAC7C,cAAc,EAAE,yBAAyB;IACzC,gBAAgB,EAAE,8BAA8B;IAChD,sBAAsB,EAAE,4BAA4B;IACpD,qBAAqB,EAAE,iDAAiD;IACxE,YAAY,EAAE,2CAA2C;CAC1D,CAAC,CAAC"}

package/dist/components/table/types.d.ts

@@ -0,0 +1,169 @@
+import { type IRowNode } from 'ag-grid-community';
+export type Fields = Record<string | number, {
+  value: string | number | boolean | null | undefined;
+  tooltipUrl?: string;
+  tooltip?: string;
+  cssClass?: string;
+  permissions?: {
+    edit: boolean;
+  };
+}> & {
+  _isSummaryRow?: boolean;
+};
+export type SISTableDataRow = {
+  fields: Fields;
+  actions?: {
+    view: string;
+  };
+  tooltipUrl?: string;
+  tooltip?: string;
+  tooltipHTML?: string;
+};
+export type Sorter = {
+  property: string;
+  direction: 'DESC' | 'ASC';
+};
+export type Store = {
+  pageSize?: number;
+  pagination?: boolean;
+  api?: {
+    read?: string;
+    update?: string;
+  };
+  apiParams?: {
+    read?: object;
+  };
+  data?: SISTableDataRow[];
+  sorters?: Sorter[];
+  enableMultiCellUpdate?: boolean;
+};
+export type BulkAction = {
+  title?: string;
+  action: unknown;
+  mode?: string;
+  url?: string;
+  idField?: string;
+  confirmationTitle?: string;
+  confirmationText?: string;
+  confirmationButtonText?: string;
+  confirmationButtonColor?: 'green' | 'red' | 'orange' | 'grey';
+  disabled?: boolean;
+};
+export type RowAction = BulkAction & {
+  action: string;
+};
+export declare const isRowAction: (x: BulkAction) => x is RowAction;
+export type CellRangeAction = BulkAction & {
+  action: () => void;
+  actionId: string;
+};
+export declare const isCellRangeAction: (x: BulkAction) => x is CellRangeAction;
+export type ComboboxOptionSisFormat = {
+  label?: {
+    value?: string;
+  };
+  value?: {
+    value: string;
+  };
+  dropdownLabel?: {
+    value?: string;
+  };
+  icon?: {
+    value?: string | null;
+  };
+  group?: {
+    value?: string | null;
+  };
+};
+export type ComboboxOption = {
+  label: string;
+  value: string;
+  dropdownLabel?: string;
+  icon?: string | null;
+  group?: string | null;
+};
+export type CellAction = {
+  action: string;
+  label: string;
+};
+export type SisColumnData = {
+  editor?: {
+    componentName?: string;
+    props: {
+      allowDecimals?: boolean;
+      step?: number;
+      minValue?: number;
+      maxValue?: number;
+    };
+    options?: {
+      fields: ComboboxOptionSisFormat;
+    }[] | ComboboxOption[];
+    defaultValueOnEmpty?: string;
+  };
+  format?: string;
+  dataIndex?: string;
+  editable?: boolean;
+  text?: string;
+  locked?: boolean;
+  hidden?: boolean;
+  componentName?: string;
+  htmlEditor?: boolean;
+  dataTestIdCell?: string;
+  dataTestIdTitle?: string;
+  columns?: SisColumnData[];
+  cellWrap?: boolean;
+  sortable?: boolean;
+  align?: 'left' | 'center' | 'right';
+  disabled?: boolean;
+  cellActions?: CellAction[];
+  tooltipMIS?: string;
+  tooltipHTML?: string;
+  tooltipUrl?: string;
+};
+export type CellEditDataParams = {
+  newValue: any;
+  field: string;
+  fieldData: any;
+};
+export type ColumnVisibility = {
+  isVisible: boolean;
+  colId: string;
+  name?: string;
+  parentColumnName?: string;
+};
+export type ExtComponent = {
+  componentName: string;
+  props: Record<string, string>;
+  content: ExtComponent[];
+};
+export type HistoryState = {
+  key: string;
+  oldValue: CellValue;
+  newValue: CellValue;
+  column: string;
+};
+export type CellValue = string | number | boolean | null;
+export type RowTooltip = {
+  tooltip: string;
+} | {
+  tooltipUrl: string;
+};
+type LocalHeaderTooltipParams = {
+  headerTooltip: string;
+};
+type RemoteHeaderTooltipParams = {
+  headerTooltipUrl: string;
+};
+export type HeaderTooltipParams = LocalHeaderTooltipParams | RemoteHeaderTooltipParams;
+export declare function isRemoteTooltipParams(tooltipParams: HeaderTooltipParams): tooltipParams is RemoteHeaderTooltipParams;
+export type BulkEditorType = '' | 'combobox' | 'number' | 'boolean' | 'date' | 'time' | 'html';
+export type BulkEditModalParams = {
+  cellsToEdit: Record<string, IRowNode[]>;
+  editorType: BulkEditorType;
+  comboboxOptions: ComboboxOption[];
+  numberOfCells: number;
+  editorParams?: any;
+};
+export type AGGridRowData = any;
+export {};
+// # sourceMappingURL=types.d.ts.map

package/dist/components/table/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/table/types.ts"],"names":[],"mappings":"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"}

package/dist/components/table/types.js

@@ -0,0 +1,11 @@
+import {} from 'ag-grid-community';
+export const isRowAction = (x) => {
+  return 'action' in x && typeof x.action === 'string';
+};
+export const isCellRangeAction = (x) => {
+  return 'action' in x && typeof x.action === 'function';
+};
+export function isRemoteTooltipParams(tooltipParams) {
+  return 'headerTooltipUrl' in tooltipParams;
+}
+// # sourceMappingURL=types.js.map

package/dist/components/table/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/table/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,MAAM,mBAAmB,CAAC;AA4DlD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,CAAa,EAAkB,EAAE;IAC3D,OAAO,QAAQ,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM,KAAK,QAAQ,CAAC;AACvD,CAAC,CAAC;AAOF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,CAAa,EAAwB,EAAE;IACvE,OAAO,QAAQ,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,MAAM,KAAK,UAAU,CAAC;AACzD,CAAC,CAAC;AA8GF,MAAM,UAAU,qBAAqB,CACnC,aAAkC;IAElC,OAAO,kBAAkB,IAAI,aAAa,CAAC;AAC7C,CAAC"}

package/dist/components/table/utils/setAgGridLicenseKey.d.ts

@@ -0,0 +1,2 @@
+export declare const setAgGridLicenseKey: () => void;
+// # sourceMappingURL=setAgGridLicenseKey.d.ts.map

package/dist/components/table/utils/setAgGridLicenseKey.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setAgGridLicenseKey.d.ts","sourceRoot":"","sources":["../../../../src/components/table/utils/setAgGridLicenseKey.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,mBAAmB,YAQ/B,CAAC"}

package/dist/components/table/utils/setAgGridLicenseKey.js

@@ -0,0 +1,11 @@
+import { AgChartsCommunityModule } from 'ag-charts-community';
+import { ModuleRegistry } from 'ag-grid-community';
+import { LicenseManager, IntegratedChartsModule, AllEnterpriseModule } from 'ag-grid-enterprise';
+export const setAgGridLicenseKey = () => {
+  LicenseManager.setLicenseKey('Using_this_{AG_Grid}_Enterprise_key_{AG-076208}_in_excess_of_the_licence_granted_is_not_permitted___Please_report_misuse_to_legal@ag-grid.com___For_help_with_changing_this_key_please_contact_info@ag-grid.com___{Arbor_Education_Partners_Ltd}_is_granted_a_{Single_Application}_Developer_License_for_the_application_{Arbor_MIS}_only_for_{4}_Front-End_JavaScript_developers___All_Front-End_JavaScript_developers_working_on_{Arbor_MIS}_need_to_be_licensed___{Arbor_MIS}_has_been_granted_a_Deployment_License_Add-on_for_{1}_Production_Environment___This_key_works_with_{AG_Grid}_Enterprise_versions_released_before_{16_March_2026}____[v3]_[01]_MTc3MzYxOTIwMDAwMA==8820260fc59099926cf507c1e8018e49');
+  ModuleRegistry.registerModules([
+    IntegratedChartsModule.with(AgChartsCommunityModule),
+    AllEnterpriseModule,
+  ]);
+};
+// # sourceMappingURL=setAgGridLicenseKey.js.map

package/dist/components/table/utils/setAgGridLicenseKey.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setAgGridLicenseKey.js","sourceRoot":"","sources":["../../../../src/components/table/utils/setAgGridLicenseKey.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,uBAAuB,EAAC,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAC,cAAc,EAAC,MAAM,mBAAmB,CAAC;AACjD,OAAO,EACH,cAAc,EACd,sBAAsB,EACtB,mBAAmB,GACtB,MAAM,oBAAoB,CAAC;AAE5B,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,EAAE;IACpC,cAAc,CAAC,aAAa,CACxB,orBAAorB,CACvrB,CAAC;IACF,cAAc,CAAC,eAAe,CAAC;QAC3B,sBAAsB,CAAC,IAAI,CAAC,uBAAuB,CAAC;QACpD,mBAAmB;KACtB,CAAC,CAAC;AACP,CAAC,CAAC"}

package/dist/layoutTest.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Default: Story;
+//# sourceMappingURL=layoutTest.stories.d.ts.map

package/dist/layoutTest.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutTest.stories.d.ts","sourceRoot":"","sources":["../src/layoutTest.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC;AAEtB,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC"}

package/dist/layoutTest.stories.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const meta = {
+    title: 'Layout/Test',
+};
+export default meta;
+export const Default = {
+    render: () => (_jsxs("div", { className: "govuk-width-container", children: [_jsx("a", { href: "#", className: "govuk-back-link", children: "Back" }), _jsx("main", { className: "govuk-main-wrapper", children: _jsx("div", { className: "govuk-grid-row", children: _jsxs("div", { className: "govuk-grid-column-two-thirds", children: [_jsx("h1", { className: "govuk-heading-xl", children: "Two-thirds column" }), _jsx("p", { className: "govuk-body", children: "This is a paragraph inside a two-thirds wide column" })] }) }) })] })),
+};
+//# sourceMappingURL=layoutTest.stories.js.map

package/dist/layoutTest.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layoutTest.stories.js","sourceRoot":"","sources":["../src/layoutTest.stories.tsx"],"names":[],"mappings":";AAEA,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,aAAa;CACrB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,SAAS,EAAC,uBAAuB,aACpC,YAAG,IAAI,EAAC,GAAG,EAAC,SAAS,EAAC,iBAAiB,qBAAS,EAChD,eAAM,SAAS,EAAC,oBAAoB,YAClC,cAAK,SAAS,EAAC,gBAAgB,YAC7B,eAAK,SAAS,EAAC,8BAA8B,aAC3C,aAAI,SAAS,EAAC,kBAAkB,kCAAuB,EACvD,YAAG,SAAS,EAAC,YAAY,oEAAwD,IAC7E,GACF,GACD,IACH,CACP;CACF,CAAC"}

package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+/**
+ * Data structure for marksheet column rows
+ */
+export type MarksheetColumn = {
+    id: number;
+    name: string;
+    dataCollection?: string;
+    visibility?: string;
+    children?: MarksheetColumn[];
+};
+/**
+ * Props for the AssessmentBuilderPage component
+ */
+export type AssessmentBuilderPageProps = {
+    /** Additional CSS class name */
+    className?: string;
+    /** Initial assessment name */
+    assessmentName?: string;
+    /** Initial marksheet columns data */
+    marksheetColumns?: MarksheetColumn[];
+    /** Callback when assessment is saved */
+    onSave?: () => void;
+    /** Callback when proceeding to marksheets */
+    onProceedToMarksheets?: () => void;
+    /** Callback when navigating to assessments list */
+    onNavigateToAssessments?: () => void;
+};
+/**
+ * KS4 Assessment Builder Page
+ *
+ * A complex page for configuring assessment marksheet columns with:
+ * - Breadcrumb navigation
+ * - Tab navigation (Build Mode / Preview)
+ * - Hierarchical table builder with tree data
+ * - Contextual sidebar with filters and selections
+ */
+export declare const AssessmentBuilderPage: React.FC<AssessmentBuilderPageProps>;
+//# sourceMappingURL=AssessmentBuilderPage.d.ts.map

package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentBuilderPage.d.ts","sourceRoot":"","sources":["../../../src/pages/assessmentBuilderPage/AssessmentBuilderPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAexC;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,0BAA0B,GAAG;IACvC,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qCAAqC;IACrC,gBAAgB,CAAC,EAAE,eAAe,EAAE,CAAC;IACrC,wCAAwC;IACxC,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,6CAA6C;IAC7C,qBAAqB,CAAC,EAAE,MAAM,IAAI,CAAC;IACnC,mDAAmD;IACnD,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAC;CACtC,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAkUtE,CAAC"}

package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.js

@@ -0,0 +1,112 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import classNames from 'classnames';
+// Import Arbor components
+import { Button } from '../../components/button/Button.js';
+import { Heading } from '../../components/heading/Heading.js';
+import { Tabs } from '../../components/tabs/Tabs.js';
+import { Section } from '../../components/section/Section.js';
+import { Table } from '../../components/table/Table.js';
+import { Pill } from '../../components/pill/Pill.js';
+import { SearchBar } from '../../components/searchBar/SearchBar.js';
+import { CheckboxGroup } from '../../components/formField/inputs/checkbox/CheckboxGroup.js';
+import { Dropdown } from '../../components/dropdown/Dropdown.js';
+/**
+ * KS4 Assessment Builder Page
+ *
+ * A complex page for configuring assessment marksheet columns with:
+ * - Breadcrumb navigation
+ * - Tab navigation (Build Mode / Preview)
+ * - Hierarchical table builder with tree data
+ * - Contextual sidebar with filters and selections
+ */
+export const AssessmentBuilderPage = ({ className, assessmentName = 'KS4 Assessment 2025/26', marksheetColumns = [], onProceedToMarksheets, onNavigateToAssessments, }) => {
+    const [activeTab, setActiveTab] = useState('build');
+    const [searchQuery, setSearchQuery] = useState('');
+    const [isEditingName, setIsEditingName] = useState(false);
+    // Column definitions for the hierarchical table
+    const columnDefs = [
+        {
+            headerName: 'Data Collection',
+            field: 'dataCollection',
+            cellRenderer: 'dsSelectDropdownCellRenderer',
+            cellEditor: 'dsSelectDropdownCellEditor',
+            cellRendererParams: {
+                options: [
+                    { value: 'teacher', label: 'Teacher' },
+                    { value: 'admin', label: 'Admin' },
+                    { value: 'automatic', label: 'Automatic' },
+                ],
+                placeholder: 'Select',
+            },
+            cellEditorParams: {
+                options: [
+                    { value: 'teacher', label: 'Teacher' },
+                    { value: 'admin', label: 'Admin' },
+                    { value: 'automatic', label: 'Automatic' },
+                ],
+                placeholder: 'Select',
+            },
+            editable: params => !params.node.group,
+        },
+        {
+            headerName: 'Visibility',
+            field: 'visibility',
+            cellRenderer: 'dsSelectDropdownCellRenderer',
+            cellEditor: 'dsSelectDropdownCellEditor',
+            cellRendererParams: {
+                options: [
+                    { value: 'auto-visible', label: 'Auto-visibility' },
+                    { value: 'visible', label: 'Visible' },
+                    { value: 'hidden', label: 'Hidden' },
+                ],
+                placeholder: 'Select',
+            },
+            cellEditorParams: {
+                options: [
+                    { value: 'auto-visible', label: 'Auto-visibility' },
+                    { value: 'visible', label: 'Visible' },
+                    { value: 'hidden', label: 'Hidden' },
+                ],
+                placeholder: 'Select',
+            },
+            editable: params => !params.node.group,
+        },
+    ];
+    const defaultColDef = {
+        suppressHeaderMenuButton: true,
+        resizable: false,
+    };
+    return (_jsxs("div", { className: classNames('ds-assessment-builder-page', className), children: [_jsxs("nav", { className: "ds-assessment-builder-page__breadcrumbs", "aria-label": "Breadcrumb", children: [_jsx(Button, { variant: "text-link", onClick: onNavigateToAssessments, children: "Assessments" }), _jsx("span", { className: "ds-assessment-builder-page__breadcrumb-separator", children: " / " }), _jsx("span", { className: "ds-assessment-builder-page__breadcrumb-current", children: "Create New Assessment" }), _jsx(Button, { variant: "tertiary", size: "S", iconLeftName: "copy", iconLeftScreenReaderText: "Copy assessment link", className: "ds-assessment-builder-page__breadcrumb-copy" })] }), _jsx("header", { className: "ds-assessment-builder-page__header", children: isEditingName
+                    ? (_jsx("input", { type: "text", defaultValue: assessmentName, className: "ds-assessment-builder-page__heading-input", onBlur: () => setIsEditingName(false), autoFocus: true }))
+                    : (_jsxs(_Fragment, { children: [_jsx(Heading, { level: 1, children: assessmentName }), _jsx(Button, { variant: "tertiary", size: "S", iconLeftName: "pencil", iconLeftScreenReaderText: "Edit assessment name", onClick: () => setIsEditingName(true) })] })) }), _jsx("div", { className: "ds-assessment-builder-page__tabs", children: _jsxs(Tabs, { children: [_jsx(Tabs.Item, { active: activeTab === 'build', tabElementProps: { onClick: () => setActiveTab('build') }, children: "Build Mode" }), _jsx(Tabs.Item, { active: activeTab === 'preview', tabElementProps: { onClick: () => setActiveTab('preview') }, children: "Preview" })] }) }), _jsxs("div", { className: "ds-assessment-builder-page__content", children: [_jsxs("main", { className: "ds-assessment-builder-page__main", children: [activeTab === 'build' && (_jsx(Section, { title: "Marksheet Columns", headingLevel: 2, collapsible: true, collapsed: false, children: _jsx(Table, { rowData: marksheetColumns, columnDefs: columnDefs, defaultColDef: defaultColDef, domLayout: "autoHeight", tableTheme: "tidy", treeData: true, treeDataChildrenField: "children", singleClickEdit: true, stopEditingWhenCellsLoseFocus: true, groupDefaultExpanded: -1, icons: {
+                                        groupExpanded: '',
+                                        groupContracted: '',
+                                    }, rowSelection: {
+                                        mode: 'multiRow',
+                                        groupSelects: 'filteredDescendants',
+                                    }, autoGroupColumnDef: {
+                                        field: 'name',
+                                        headerName: 'Column Name',
+                                        headerTooltip: 'Marksheet column or group name',
+                                        editable: true,
+                                        singleClickEdit: true,
+                                        cellRenderer: 'agGroupCellRenderer',
+                                        cellEditor: 'agTextCellEditor',
+                                        cellRendererParams: {
+                                            suppressCount: true,
+                                            suppressDoubleClickExpand: true,
+                                            suppressEnterExpand: true,
+                                            innerRenderer: 'dsInlineTextCellRenderer',
+                                        },
+                                    } }) })), activeTab === 'preview' && (_jsx("div", { className: "ds-assessment-builder-page__preview", children: _jsx("p", { children: "Preview mode - coming soon" }) }))] }), _jsxs("aside", { className: "ds-assessment-builder-page__sidebar", children: [_jsx("div", { className: "ds-assessment-builder-page__sidebar-header", children: _jsx(Heading, { level: 2, children: "Contextual Columns (1)" }) }), _jsx(SearchBar, { searchValue: searchQuery, setSearchValue: setSearchQuery, placeholderText: "Search columns..." }), _jsx("div", { className: "ds-assessment-builder-page__sidebar-filter", children: _jsxs(Dropdown, { children: [_jsx(Dropdown.Trigger, { children: _jsx(Button, { variant: "secondary", size: "S", children: "Filter" }) }), _jsxs(Dropdown.Content, { children: [_jsx(Dropdown.Item, { onClick: () => { }, children: "All Columns" }), _jsx(Dropdown.Item, { onClick: () => { }, children: "Selected Only" }), _jsx(Dropdown.Item, { onClick: () => { }, children: "Unselected Only" })] })] }) }), _jsxs(Section, { title: "Demographics", headingLevel: 3, collapsible: true, collapsed: false, children: [_jsxs("div", { className: "ds-assessment-builder-page__pill-group", children: [_jsx(Pill, { text: "Student Name", checkbox: true, initialValue: true, onclick: checked => console.log('Student Name:', checked) }), _jsx(Pill, { text: "Gender", checkbox: true, onclick: checked => console.log('Gender:', checked) }), _jsx(Pill, { text: "Year Group", checkbox: true, onclick: checked => console.log('Year Group:', checked) })] }), _jsx(Button, { variant: "tertiary", size: "S", children: "See more" })] }), _jsx(Section, { title: "Student Identifier", headingLevel: 3, collapsible: true, collapsed: false, children: _jsx(CheckboxGroup, { legend: "Student Identifier Options", options: [
+                                        { id: 'upn', label: 'UPN', value: 'upn', onChange: () => console.log('UPN toggled') },
+                                        { id: 'admission', label: 'Admission Number', value: 'admission', onChange: () => console.log('Admission Number toggled') },
+                                        { id: 'student-id', label: 'Student ID', value: 'id', onChange: () => console.log('Student ID toggled') },
+                                    ] }) }), _jsx(Section, { title: "Assessment Periods", headingLevel: 3, collapsible: true, collapsed: false, children: _jsx(CheckboxGroup, { legend: "Assessment Period Options", options: [
+                                        { id: 'autumn', label: 'Autumn', value: 'autumn', onChange: () => console.log('Autumn toggled') },
+                                        { id: 'spring', label: 'Spring', value: 'spring', onChange: () => console.log('Spring toggled') },
+                                        { id: 'summer', label: 'Summer', value: 'summer', onChange: () => console.log('Summer toggled') },
+                                    ] }) }), _jsxs(Section, { title: "Subjects", headingLevel: 3, collapsible: true, collapsed: false, children: [_jsxs("div", { className: "ds-assessment-builder-page__pill-group", children: [_jsx(Pill, { text: "English Language", checkbox: true, initialValue: true, onclick: checked => console.log('English Language:', checked) }), _jsx(Pill, { text: "English Literature", checkbox: true, onclick: checked => console.log('English Literature:', checked) }), _jsx(Pill, { text: "Maths", checkbox: true, onclick: checked => console.log('Maths:', checked) })] }), _jsx(Button, { variant: "tertiary", size: "S", children: "See more" })] }), _jsx("div", { className: "ds-assessment-builder-page__sidebar-footer", children: _jsx(Button, { variant: "primary", onClick: onProceedToMarksheets, children: "Proceed to Marksheets" }) })] })] })] }));
+};
+//# sourceMappingURL=AssessmentBuilderPage.js.map

package/dist/pages/assessmentBuilderPage/AssessmentBuilderPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AssessmentBuilderPage.js","sourceRoot":"","sources":["../../../src/pages/assessmentBuilderPage/AssessmentBuilderPage.tsx"],"names":[],"mappings":"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"}