@persona/design-system 0.10.2 → 0.10.4

package/dist/{CompactBar-CfrrZ69k.d.mts → CompactBar-D9egXqY_.d.mts}

@@ -1,5 +1,5 @@
 import { n as HStackProps } from "./Stack-BZyboHQl.mjs";
-import { n as ControlBarProps } from "./ControlBar-D9KflqmH.mjs";
+import { n as ControlBarProps } from "./ControlBar-RIz-xjxs.mjs";
 import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -18,4 +18,4 @@ type CompactBarProps = Pick<ControlBarProps, 'title' | 'searchProps' | 'showFilt
 declare const CompactBar: React.FC<CompactBarProps>;
 //#endregion
 export { DataTableCompactBar as n, CompactBar as t };
-//# sourceMappingURL=CompactBar-CfrrZ69k.d.mts.map
+//# sourceMappingURL=CompactBar-D9egXqY_.d.mts.map

package/dist/CompactBar.d.mts

@@ -1,2 +1,2 @@
-import { n as DataTableCompactBar, t as CompactBar } from "./CompactBar-CfrrZ69k.mjs";
+import { n as DataTableCompactBar, t as CompactBar } from "./CompactBar-D9egXqY_.mjs";
 export { DataTableCompactBar, CompactBar as default };

package/dist/{ConfigFormGroup-BE3yR_VU.mjs → ConfigFormGroup-CidT_cE9.mjs}

@@ -25,4 +25,4 @@ const ConfigFormGroup = forwardRef(function ConfigFormGroup(props, ref) {
 //#endregion
 export { ConfigFormGroup as t };
 
-//# sourceMappingURL=ConfigFormGroup-BE3yR_VU.mjs.map
+//# sourceMappingURL=ConfigFormGroup-CidT_cE9.mjs.map

package/dist/{ConfigFormGroup-BE3yR_VU.mjs.map → ConfigFormGroup-CidT_cE9.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ConfigFormGroup-BE3yR_VU.mjs","names":[],"sources":["../components/ConfigFormGroup/ConfigFormGroup.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nimport { FormGroupContext } from './useFormGroup';\n\n/**\n * Use to wrap a group of config fields.\n * Provides consistent spacing between the fields.\n */\nconst FormGroup = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[5]};\n`;\n\nexport const ConfigFormGroup = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  function ConfigFormGroup(props, ref) {\n    return (\n      <FormGroupContext.Provider value={{ configField: true }}>\n        <FormGroup ref={ref} {...props} />\n      </FormGroupContext.Provider>\n    );\n  },\n);\n\nexport default ConfigFormGroup;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAY,OAAO,GAAG;;;SAGnB,QAAQ,GAAG;;AAGpB,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,OAAO,KAAK;AACnC,QACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO,EAAE,aAAa,MAAM;YACrD,oBAAC,WAAD;GAAgB;GAAK,GAAI;GAAS,CAAA;EACR,CAAA;EAGjC"}
+{"version":3,"file":"ConfigFormGroup-CidT_cE9.mjs","names":[],"sources":["../components/ConfigFormGroup/ConfigFormGroup.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nimport { FormGroupContext } from './useFormGroup';\n\n/**\n * Use to wrap a group of config fields.\n * Provides consistent spacing between the fields.\n */\nconst FormGroup = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[5]};\n`;\n\nexport const ConfigFormGroup = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  function ConfigFormGroup(props, ref) {\n    return (\n      <FormGroupContext.Provider value={{ configField: true }}>\n        <FormGroup ref={ref} {...props} />\n      </FormGroupContext.Provider>\n    );\n  },\n);\n\nexport default ConfigFormGroup;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAY,OAAO,GAAG;;;SAGnB,QAAQ,GAAG;;AAGpB,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,OAAO,KAAK;AACnC,QACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO,EAAE,aAAa,MAAM;YACrD,oBAAC,WAAD;GAAgB;GAAK,GAAI;GAAS,CAAA;EACR,CAAA;EAGjC"}

package/dist/{ControlBar-D9KflqmH.d.mts → ControlBar-RIz-xjxs.d.mts}

@@ -89,6 +89,23 @@ interface BaseControlBarProps extends EventHandlers {
    * Table view tabs
    */
   views?: TableViewConfig[];
+  /**
+   * Stars the default view instead of locking the built-in "Default view" tab. The view marked
+   * `isDefault` is pinned to the leftmost slot with a star; its menu offers only Save and Duplicate
+   * (plus its name field), and it cannot be deleted, hidden, reordered, or unset. Setting another
+   * view as default moves the star and the pinned slot to it. Every other view keeps the full menu.
+   * While a view is the default, the built-in tab is not shown and a `null` `currentView` displays
+   * the starred view as selected.
+   *
+   * Presentational only: rename and Duplicate on the starred view call `onViewNameChange` and
+   * `onDuplicateView` with its id, like on any view. Save calls `onSaveView()` with no id, saving
+   * whatever the consumer treats as the current view. A null `currentView` is shown as the starred
+   * view, so `onSaveView` and toolbar Save must treat null as the starred view. While an
+   * `isDefault` view exists, pass its id as `currentView` rather than null. While no view is marked
+   * `isDefault`, the built-in tab is shown leftmost and starred, read-only, and selected when
+   * `currentView` is `null`.
+   */
+  starredDefaultView?: boolean;
   /**
    * Ids of views hidden from the tab bar. Hidden views are listed in the overflow menu; opening one
    * shows it again.
@@ -191,4 +208,4 @@ type ControlBarProps = BaseControlBarProps & DefaultViewActions;
 declare const ControlBar: FC<ControlBarProps>;
 //#endregion
 export { ControlBarProps as n, ControlBar as t };
-//# sourceMappingURL=ControlBar-D9KflqmH.d.mts.map
+//# sourceMappingURL=ControlBar-RIz-xjxs.d.mts.map

package/dist/ControlBar.d.mts

@@ -1,2 +1,2 @@
-import { n as ControlBarProps, t as ControlBar } from "./ControlBar-D9KflqmH.mjs";
+import { n as ControlBarProps, t as ControlBar } from "./ControlBar-RIz-xjxs.mjs";
 export { ControlBarProps, ControlBar as default };

package/dist/{DataTable-BdKUCgcZ.d.mts → DataTable-D15C5lfd.d.mts}

@@ -1,6 +1,6 @@
 import { t as Pagination } from "./Pagination-COcFWlha.mjs";
 import { i as BaseFilterConfig, n as AttributeColumn, s as FilterConfig } from "./types-CrRWZ0Ia.mjs";
-import { r as TableControlsProps, t as TableControls } from "./TableControls-DCtTiWk6.mjs";
+import { r as TableControlsProps, t as TableControls } from "./TableControls-ETB0Xk5X.mjs";
 import { C as RowAction, O as SortProps, _ as DataTableColumns, l as DataTableColumnFormat, t as BulkAction } from "./types-DxJyE_U8.mjs";
 import { t as RenderFormatFn } from "./useTableColumns-DSXRInPb.mjs";
 import { ComponentProps } from "react";
@@ -38,6 +38,7 @@ declare const StyledDataTableControls: _$styled_components0.StyledComponent<(<TF
   canEditViews,
   onSelectView,
   views,
+  starredDefaultView,
   hiddenViewIds,
   currentView,
   onAddView,
@@ -438,4 +439,4 @@ declare const DataTable: <TData extends RowData, TFilter extends BaseFilterConfi
 }: DataTableProps<TData, TFilter>) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { FloatingActionBarContainer as a, DataTableProps as i, DataTableContainer as n, DataTableControls as r, DataTable as t };
-//# sourceMappingURL=DataTable-BdKUCgcZ.d.mts.map
+//# sourceMappingURL=DataTable-D15C5lfd.d.mts.map

package/dist/{DataTable-F9R-aQCg.mjs → DataTable-DQ8axNfo.mjs}

@@ -15,12 +15,12 @@ import { n as Button, t as IconButton } from "./IconButton-HWx5Hlmi.mjs";
 import { n as Sticker } from "./Sticker-yhxtIYH8.mjs";
 import { n as DropdownMenu_default } from "./DropdownMenu-CedsmO5h.mjs";
 import { t as Checkbox } from "./Checkbox-BaJ-dGdX.mjs";
-import { t as Pagination_default } from "./Pagination-C5ANr9M0.mjs";
-import { a as StickyTH, d as TableTR, f as TableTH, i as StickyTD, o as TableActionTD, p as TableRow, s as TableCell, t as TableLayout, u as TableTD } from "./Table-CmuWqmVN.mjs";
-import { t as HoverCopyableField } from "./HoverCopyableField-DkOosH8z.mjs";
-import { t as Link } from "./Link-BSuXrvTu.mjs";
-import { t as Pii_default } from "./Pii-G16_b7Yk.mjs";
-import { I as isFilterActive, f as TableViewConfigurationDropdown, u as TableControls, v as isEmptyState } from "./TableControls-C5fNNdmT.mjs";
+import { t as Pagination_default } from "./Pagination-DtK-jbEY.mjs";
+import { a as StickyTH, d as TableTR, f as TableTH, i as StickyTD, o as TableActionTD, p as TableRow, s as TableCell, t as TableLayout, u as TableTD } from "./Table-BIDaC0uS.mjs";
+import { t as HoverCopyableField } from "./HoverCopyableField-D-BubaRd.mjs";
+import { t as Link } from "./Link-Cf__H8gD.mjs";
+import { t as Pii_default } from "./Pii-DueIK287.mjs";
+import { I as isFilterActive, f as TableViewConfigurationDropdown, u as TableControls, v as isEmptyState } from "./TableControls-qxoq5abn.mjs";
 import { BorderRadius, Color, Spacing } from "@persona/design-tokens";
 import { createElement, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
@@ -1544,4 +1544,4 @@ const DataTable = ({ data, columns, detailComponent, expandColumnVisibility = "a
 //#endregion
 export { getFilterFnName as S, renderAsString as _, useTableColumns as a, getColumnWidths as b, renderAsCheckboxHeader as c, renderAsDatetime as d, renderAsLightweightImage as f, renderAsSticker as g, renderAsPii as h, FloatingActionBarContainer as i, renderAsCopyableString as l, renderAsPDSFormat as m, DataTableContainer as n, Inserter as o, renderAsNumber as p, DataTableControls as r, renderAsCheckbox as s, DataTable as t, renderAsDate as u, renderAsURL as v, generateClientFilters as x, FloatingActionBar as y };
 
-//# sourceMappingURL=DataTable-F9R-aQCg.mjs.map
+//# sourceMappingURL=DataTable-DQ8axNfo.mjs.map