@persona/design-system 0.1.5-pre.4 → 0.1.7

package/dist/ComboboxBase.d.mts

@@ -1,2 +1,2 @@
-import { A as renderOptionsWithGroups, C as containsNestedGroup, D as getOptionsAtPath, E as getNavigableItemsAtLevel, M as useFilteredOptions, O as isNestedGroup, S as buildVirtualRows, T as flattenOptions, _ as NavigableItem, a as ComboboxOptionGroup, b as SearchInput, c as Description, d as DropdownPortalWrapperProps, f as EmptyState, g as MAX_DROPDOWN_HEIGHT, h as LoadingContainer, i as ComboboxOption, j as useDropdownPosition, k as isOptionGroup, l as DropdownContainer, m as LeafOptionEntry, n as ComboboxBaseProps, o as ComboboxOptionsOrGroups, p as InputContainer, r as ComboboxInput, s as Container, t as CaretButton, u as DropdownPortalWrapper, v as OptionLabel, w as flattenLeafOptions, x as SearchInputContainer, y as ScrollableMenuList } from "./ComboboxBase-INya0Csa.mjs";
+import { A as renderOptionsWithGroups, C as containsNestedGroup, D as getOptionsAtPath, E as getNavigableItemsAtLevel, M as useFilteredOptions, O as isNestedGroup, S as buildVirtualRows, T as flattenOptions, _ as NavigableItem, a as ComboboxOptionGroup, b as SearchInput, c as Description, d as DropdownPortalWrapperProps, f as EmptyState, g as MAX_DROPDOWN_HEIGHT, h as LoadingContainer, i as ComboboxOption, j as useDropdownPosition, k as isOptionGroup, l as DropdownContainer, m as LeafOptionEntry, n as ComboboxBaseProps, o as ComboboxOptionsOrGroups, p as InputContainer, r as ComboboxInput, s as Container, t as CaretButton, u as DropdownPortalWrapper, v as OptionLabel, w as flattenLeafOptions, x as SearchInputContainer, y as ScrollableMenuList } from "./ComboboxBase-DGZUdsQa.mjs";
 export { CaretButton, ComboboxBaseProps, ComboboxInput, ComboboxOption, ComboboxOptionGroup, ComboboxOptionsOrGroups, Container, Description, DropdownContainer, DropdownPortalWrapper, DropdownPortalWrapperProps, EmptyState, InputContainer, LeafOptionEntry, LoadingContainer, MAX_DROPDOWN_HEIGHT, NavigableItem, OptionLabel, ScrollableMenuList, SearchInput, SearchInputContainer, buildVirtualRows, containsNestedGroup, flattenLeafOptions, flattenOptions, getNavigableItemsAtLevel, getOptionsAtPath, isNestedGroup, isOptionGroup, renderOptionsWithGroups, useDropdownPosition, useFilteredOptions };

package/dist/{ComboboxMultiSelect-Dn8cRZ6Z.d.cts → ComboboxMultiSelect-CnI6sFAF.d.cts}

@@ -1,4 +1,4 @@
-import { n as ComboboxBaseProps } from "./ComboboxBase-D2wypeXf.cjs";
+import { n as ComboboxBaseProps } from "./ComboboxBase-BoR9DVwe.cjs";
 
 //#region components/Combobox/ComboboxMultiSelect.d.ts
 interface ComboboxMultiSelectProps<T = string> extends ComboboxBaseProps<T> {
@@ -44,4 +44,4 @@ declare const ComboboxMultiSelect: <T = string>(props: ComboboxMultiSelectProps<
 }) => React.ReactElement;
 //#endregion
 export { ComboboxMultiSelectProps as n, ComboboxMultiSelect as t };
-//# sourceMappingURL=ComboboxMultiSelect-Dn8cRZ6Z.d.cts.map
+//# sourceMappingURL=ComboboxMultiSelect-CnI6sFAF.d.cts.map

package/dist/{ComboboxMultiSelect-Dq9DGH8S.d.mts → ComboboxMultiSelect-DMWPiBrE.d.mts}

@@ -1,4 +1,4 @@
-import { n as ComboboxBaseProps } from "./ComboboxBase-INya0Csa.mjs";
+import { n as ComboboxBaseProps } from "./ComboboxBase-DGZUdsQa.mjs";
 
 //#region components/Combobox/ComboboxMultiSelect.d.ts
 interface ComboboxMultiSelectProps<T = string> extends ComboboxBaseProps<T> {
@@ -44,4 +44,4 @@ declare const ComboboxMultiSelect: <T = string>(props: ComboboxMultiSelectProps<
 }) => React.ReactElement;
 //#endregion
 export { ComboboxMultiSelectProps as n, ComboboxMultiSelect as t };
-//# sourceMappingURL=ComboboxMultiSelect-Dq9DGH8S.d.mts.map
+//# sourceMappingURL=ComboboxMultiSelect-DMWPiBrE.d.mts.map

package/dist/ComboboxMultiSelect.d.cts

@@ -1,2 +1,2 @@
-import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-Dn8cRZ6Z.cjs";
+import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-CnI6sFAF.cjs";
 export { ComboboxMultiSelect, ComboboxMultiSelect as default, ComboboxMultiSelectProps };

package/dist/ComboboxMultiSelect.d.mts

@@ -1,2 +1,2 @@
-import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-Dq9DGH8S.mjs";
+import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-DMWPiBrE.mjs";
 export { ComboboxMultiSelect, ComboboxMultiSelect as default, ComboboxMultiSelectProps };

package/dist/{ComboboxSingleSelect-WwBJRb0e.d.mts → ComboboxSingleSelect-CcppU_hq.d.mts}

@@ -1,6 +1,6 @@
-import { n as InputSizes } from "./input-BCmP106-.mjs";
-import { n as ComboboxBaseProps } from "./ComboboxBase-INya0Csa.mjs";
-import { u as MenuItemType } from "./Menu-DIFkRQ6x.mjs";
+import { n as InputSizes } from "./input-DrG6mA0V.mjs";
+import { n as ComboboxBaseProps } from "./ComboboxBase-DGZUdsQa.mjs";
+import { u as MenuItemType } from "./Menu-BJ5c7HGD.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region components/Combobox/ComboboxSingleSelect.d.ts
@@ -32,4 +32,4 @@ declare const ComboboxSingleSelect: <T = string>(props: ComboboxSingleSelectProp
 }) => React.ReactElement;
 //#endregion
 export { ComboboxSingleSelectProps as n, StyledMenuItem as r, ComboboxSingleSelect as t };
-//# sourceMappingURL=ComboboxSingleSelect-WwBJRb0e.d.mts.map
+//# sourceMappingURL=ComboboxSingleSelect-CcppU_hq.d.mts.map

package/dist/{ComboboxSingleSelect-D8YM7GKP.d.cts → ComboboxSingleSelect-Japejm0g.d.cts}

@@ -1,6 +1,6 @@
-import { n as InputSizes } from "./input-Bm_anD8X.cjs";
-import { n as ComboboxBaseProps } from "./ComboboxBase-D2wypeXf.cjs";
-import { u as MenuItemType } from "./Menu-DPrNMatb.cjs";
+import { n as InputSizes } from "./input-BkzqXwn7.cjs";
+import { n as ComboboxBaseProps } from "./ComboboxBase-BoR9DVwe.cjs";
+import { u as MenuItemType } from "./Menu-BKMxOXkj.cjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region components/Combobox/ComboboxSingleSelect.d.ts
@@ -32,4 +32,4 @@ declare const ComboboxSingleSelect: <T = string>(props: ComboboxSingleSelectProp
 }) => React.ReactElement;
 //#endregion
 export { ComboboxSingleSelectProps as n, StyledMenuItem as r, ComboboxSingleSelect as t };
-//# sourceMappingURL=ComboboxSingleSelect-D8YM7GKP.d.cts.map
+//# sourceMappingURL=ComboboxSingleSelect-Japejm0g.d.cts.map

package/dist/ComboboxSingleSelect.d.cts

@@ -1,2 +1,2 @@
-import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-D8YM7GKP.cjs";
+import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-Japejm0g.cjs";
 export { ComboboxSingleSelect, ComboboxSingleSelect as default, ComboboxSingleSelectProps, StyledMenuItem };

package/dist/ComboboxSingleSelect.d.mts

@@ -1,2 +1,2 @@
-import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-WwBJRb0e.mjs";
+import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-CcppU_hq.mjs";
 export { ComboboxSingleSelect, ComboboxSingleSelect as default, ComboboxSingleSelectProps, StyledMenuItem };

package/dist/CompactBar-2cpJD7qg.d.mts

@@ -0,0 +1,21 @@
+import { n as HStackProps } from "./Stack-UMhJ6F_3.mjs";
+import { n as ControlBarProps } from "./ControlBar-DXyl1gjc.mjs";
+import * as _$styled_components0 from "styled-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region components/DataTable/TableControls/CompactBar.d.ts
+declare const DataTableCompactBar: _$styled_components0.StyledComponent<(props: HStackProps) => _$react_jsx_runtime0.JSX.Element, any, {}, never>;
+type CompactBarProps = Pick<ControlBarProps, 'title' | 'searchProps' | 'showFilters' | 'setShowFilters' | 'filtersId' | 'isLoading' | 'propertiesButton' | 'tableActions' | 'data-tour-target' | 'filterPanel'>;
+/**
+ * Compact variant of the ControlBar.
+ * Not intended to be used by itself.
+ *
+ * Tested using the ControlBar specs.
+ *
+ * @see ControlBar.tsx
+ * @see ControlBar.spec.tsx
+ */
+declare const CompactBar: React.FC<CompactBarProps>;
+//#endregion
+export { DataTableCompactBar as n, CompactBar as t };
+//# sourceMappingURL=CompactBar-2cpJD7qg.d.mts.map

package/dist/CompactBar-DTsGo1zU.d.cts

@@ -0,0 +1,21 @@
+import { n as HStackProps } from "./Stack-D979gYU9.cjs";
+import { n as ControlBarProps } from "./ControlBar-BGmXymCB.cjs";
+import * as _$styled_components0 from "styled-components";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
+
+//#region components/DataTable/TableControls/CompactBar.d.ts
+declare const DataTableCompactBar: _$styled_components0.StyledComponent<(props: HStackProps) => _$react_jsx_runtime0.JSX.Element, any, {}, never>;
+type CompactBarProps = Pick<ControlBarProps, 'title' | 'searchProps' | 'showFilters' | 'setShowFilters' | 'filtersId' | 'isLoading' | 'propertiesButton' | 'tableActions' | 'data-tour-target' | 'filterPanel'>;
+/**
+ * Compact variant of the ControlBar.
+ * Not intended to be used by itself.
+ *
+ * Tested using the ControlBar specs.
+ *
+ * @see ControlBar.tsx
+ * @see ControlBar.spec.tsx
+ */
+declare const CompactBar: React.FC<CompactBarProps>;
+//#endregion
+export { DataTableCompactBar as n, CompactBar as t };
+//# sourceMappingURL=CompactBar-DTsGo1zU.d.cts.map

package/dist/CompactBar.d.cts

@@ -0,0 +1,2 @@
+import { n as DataTableCompactBar, t as CompactBar } from "./CompactBar-DTsGo1zU.cjs";
+export { DataTableCompactBar, CompactBar as default };

package/dist/CompactBar.d.mts

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

package/dist/ConfigFormGroup-DISUwz5j.mjs

@@ -0,0 +1,28 @@
+import { t as FormGroupContext } from "./useFormGroup-BMukAMAd.mjs";
+import { Spacing } from "@persona/design-tokens";
+import styled from "styled-components";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region components/ConfigFormGroup/ConfigFormGroup.tsx
+/**
+* Use to wrap a group of config fields.
+* Provides consistent spacing between the fields.
+*/
+const FormGroup = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${Spacing[5]};
+`;
+const ConfigFormGroup = forwardRef(function ConfigFormGroup(props, ref) {
+	return /* @__PURE__ */ jsx(FormGroupContext.Provider, {
+		value: { configField: true },
+		children: /* @__PURE__ */ jsx(FormGroup, {
+			ref,
+			...props
+		})
+	});
+});
+//#endregion
+export { ConfigFormGroup as t };
+
+//# sourceMappingURL=ConfigFormGroup-DISUwz5j.mjs.map

package/dist/ConfigFormGroup-DISUwz5j.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigFormGroup-DISUwz5j.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/ConfigFormGroup-DVRhkS2L.cjs

@@ -0,0 +1,35 @@
+const require_chunk = require("./chunk-CKQMccvm.cjs");
+const require_useFormGroup = require("./useFormGroup-BE7v9eAj.cjs");
+let _persona_design_tokens = require("@persona/design-tokens");
+let styled_components = require("styled-components");
+styled_components = require_chunk.__toESM(styled_components);
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region components/ConfigFormGroup/ConfigFormGroup.tsx
+/**
+* Use to wrap a group of config fields.
+* Provides consistent spacing between the fields.
+*/
+const FormGroup = styled_components.default.div`
+  display: flex;
+  flex-direction: column;
+  gap: ${_persona_design_tokens.Spacing[5]};
+`;
+const ConfigFormGroup = (0, react.forwardRef)(function ConfigFormGroup(props, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_useFormGroup.FormGroupContext.Provider, {
+		value: { configField: true },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FormGroup, {
+			ref,
+			...props
+		})
+	});
+});
+//#endregion
+Object.defineProperty(exports, "ConfigFormGroup", {
+	enumerable: true,
+	get: function() {
+		return ConfigFormGroup;
+	}
+});
+
+//# sourceMappingURL=ConfigFormGroup-DVRhkS2L.cjs.map

package/dist/ConfigFormGroup-DVRhkS2L.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigFormGroup-DVRhkS2L.cjs","names":["Spacing","FormGroupContext"],"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,kBAAA,QAAO,GAAG;;;SAGnBA,uBAAAA,QAAQ,GAAG;;AAGpB,MAAa,mBAAA,GAAA,MAAA,YACX,SAAS,gBAAgB,OAAO,KAAK;AACnC,QACE,iBAAA,GAAA,kBAAA,KAACC,qBAAAA,iBAAiB,UAAlB;EAA2B,OAAO,EAAE,aAAa,MAAM;YACrD,iBAAA,GAAA,kBAAA,KAAC,WAAD;GAAgB;GAAK,GAAI;GAAS,CAAA;EACR,CAAA;EAGjC"}

package/dist/ControlBar-BGmXymCB.d.cts

@@ -0,0 +1,151 @@
+import { t as OmniSearchProps } from "./SearchInput-CAHYPQVX.cjs";
+import { FC } from "react";
+
+//#region components/DataTable/TableControls/ControlBar.d.ts
+interface TableViewConfig {
+  id: string;
+  name: string;
+}
+interface EventHandlers {
+  /**
+   * Called when the duplicate view button is clicked. If not provided, the duplicate view button will not be displayed.
+   *
+   * @returns Promise<{ id: string }> - The id of the newly created view
+   */
+  onDuplicateView?: (viewId: string) => Promise<{
+    id: string;
+  } | void>;
+  /**
+   * Called when the delete view button is clicked. If not provided, the delete view button will not be displayed.
+   */
+  onDeleteView?: (viewId: string) => Promise<void>;
+  /**
+   * Called when a view tab is selected
+   */
+  onSelectView?: (viewId: string | null) => void;
+  /**
+   * Called when the reset view button is clicked. If not provided, the reset view button will not be displayed.
+   */
+  onResetCurrentView?: () => void;
+  /**
+   * Called when the save view button is clicked. If not provided, the save view button will not be displayed.
+   */
+  onSaveView?: () => Promise<void>;
+  /**
+   * Called when the add view button is clicked. If not provided, the add view button will not be displayed.
+   *
+   * @returns Promise<{ id: string }> - The id of the newly created view
+   */
+  onAddView?: () => Promise<{
+    id: string;
+  } | void>;
+  /**
+   * Called when the view name is changed. If not provided, the view name will not be editable.
+   */
+  onViewNameChange?: (viewId: string, name: string) => void;
+  /**
+   * Called when the selection is cleared
+   */
+  onClearSelection?: () => void;
+}
+interface ControlBarProps extends EventHandlers {
+  /**
+   * Preset views that are not editable by the user.
+   */
+  presetViews?: TableViewConfig[];
+  /**
+   * Table view tabs
+   */
+  views?: TableViewConfig[];
+  /**
+   * Current table view id
+   */
+  currentView?: string | null;
+  /**
+   * Whether the filters have been changed and can be saved
+   */
+  isViewDirty?: boolean;
+  /**
+   * Whether the user has permission to edit views
+   */
+  canEditViews?: boolean;
+  /**
+   * Whether to show filters
+   */
+  showFilters?: boolean;
+  /**
+   * Called when the filters are toggled
+   */
+  setShowFilters?: (show: boolean) => void;
+  /**
+   * Search props
+   */
+  searchProps?: Omit<OmniSearchProps, 'size'>;
+  /**
+   * The id of the filters container
+   */
+  filtersId?: string;
+  /**
+   * Properties button
+   */
+  propertiesButton?: React.ReactNode;
+  /**
+   * Table actions
+   */
+  tableActions?: React.ReactNode | {
+    label: string;
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+  }[];
+  /**
+   * Whether the table is loading
+   */
+  isLoading?: boolean;
+  /**
+   * Whether to show the views bar
+   */
+  showViews?: boolean;
+  /**
+   * The ids of the selected rows
+   */
+  selectedRows?: string[];
+  /**
+   * Bulk actions to display when there are selected rows.
+   */
+  bulkActions?: ({
+    label: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    onClick: (selectedRows: string[], clearSelection: () => void) => void | Promise<void>;
+  } | {
+    'aria-label': string;
+    icon: React.ReactNode;
+    disabled?: boolean;
+    onClick: (selectedRows: string[], clearSelection: () => void) => void | Promise<void>;
+  })[];
+  /**
+   * The title of the table
+   */
+  title?: string;
+  /**
+   * The data-tour-target of the table
+   */
+  'data-tour-target'?: string;
+  /**
+   * Whether to use compact spacing and styling.
+   * The compact variant does not support views.
+   */
+  compact?: boolean;
+  /** Use this to handle errors that occur in the control bar.
+   * This can be helpful if you want to trigger a toast message.
+   */
+  onError?: (error: Error) => void;
+  /**
+   * Content to render in the filter panel area below the controls row.
+   * Rendered when showFilters is true.
+   */
+  filterPanel?: React.ReactNode;
+}
+declare const ControlBar: FC<ControlBarProps>;
+//#endregion
+export { ControlBarProps as n, ControlBar as t };
+//# sourceMappingURL=ControlBar-BGmXymCB.d.cts.map

package/dist/ControlBar-DXyl1gjc.d.mts

@@ -0,0 +1,151 @@
+import { t as OmniSearchProps } from "./SearchInput-s6qGC2WZ.mjs";
+import { FC } from "react";
+
+//#region components/DataTable/TableControls/ControlBar.d.ts
+interface TableViewConfig {
+  id: string;
+  name: string;
+}
+interface EventHandlers {
+  /**
+   * Called when the duplicate view button is clicked. If not provided, the duplicate view button will not be displayed.
+   *
+   * @returns Promise<{ id: string }> - The id of the newly created view
+   */
+  onDuplicateView?: (viewId: string) => Promise<{
+    id: string;
+  } | void>;
+  /**
+   * Called when the delete view button is clicked. If not provided, the delete view button will not be displayed.
+   */
+  onDeleteView?: (viewId: string) => Promise<void>;
+  /**
+   * Called when a view tab is selected
+   */
+  onSelectView?: (viewId: string | null) => void;
+  /**
+   * Called when the reset view button is clicked. If not provided, the reset view button will not be displayed.
+   */
+  onResetCurrentView?: () => void;
+  /**
+   * Called when the save view button is clicked. If not provided, the save view button will not be displayed.
+   */
+  onSaveView?: () => Promise<void>;
+  /**
+   * Called when the add view button is clicked. If not provided, the add view button will not be displayed.
+   *
+   * @returns Promise<{ id: string }> - The id of the newly created view
+   */
+  onAddView?: () => Promise<{
+    id: string;
+  } | void>;
+  /**
+   * Called when the view name is changed. If not provided, the view name will not be editable.
+   */
+  onViewNameChange?: (viewId: string, name: string) => void;
+  /**
+   * Called when the selection is cleared
+   */
+  onClearSelection?: () => void;
+}
+interface ControlBarProps extends EventHandlers {
+  /**
+   * Preset views that are not editable by the user.
+   */
+  presetViews?: TableViewConfig[];
+  /**
+   * Table view tabs
+   */
+  views?: TableViewConfig[];
+  /**
+   * Current table view id
+   */
+  currentView?: string | null;
+  /**
+   * Whether the filters have been changed and can be saved
+   */
+  isViewDirty?: boolean;
+  /**
+   * Whether the user has permission to edit views
+   */
+  canEditViews?: boolean;
+  /**
+   * Whether to show filters
+   */
+  showFilters?: boolean;
+  /**
+   * Called when the filters are toggled
+   */
+  setShowFilters?: (show: boolean) => void;
+  /**
+   * Search props
+   */
+  searchProps?: Omit<OmniSearchProps, 'size'>;
+  /**
+   * The id of the filters container
+   */
+  filtersId?: string;
+  /**
+   * Properties button
+   */
+  propertiesButton?: React.ReactNode;
+  /**
+   * Table actions
+   */
+  tableActions?: React.ReactNode | {
+    label: string;
+    onClick: React.MouseEventHandler<HTMLButtonElement>;
+  }[];
+  /**
+   * Whether the table is loading
+   */
+  isLoading?: boolean;
+  /**
+   * Whether to show the views bar
+   */
+  showViews?: boolean;
+  /**
+   * The ids of the selected rows
+   */
+  selectedRows?: string[];
+  /**
+   * Bulk actions to display when there are selected rows.
+   */
+  bulkActions?: ({
+    label: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    onClick: (selectedRows: string[], clearSelection: () => void) => void | Promise<void>;
+  } | {
+    'aria-label': string;
+    icon: React.ReactNode;
+    disabled?: boolean;
+    onClick: (selectedRows: string[], clearSelection: () => void) => void | Promise<void>;
+  })[];
+  /**
+   * The title of the table
+   */
+  title?: string;
+  /**
+   * The data-tour-target of the table
+   */
+  'data-tour-target'?: string;
+  /**
+   * Whether to use compact spacing and styling.
+   * The compact variant does not support views.
+   */
+  compact?: boolean;
+  /** Use this to handle errors that occur in the control bar.
+   * This can be helpful if you want to trigger a toast message.
+   */
+  onError?: (error: Error) => void;
+  /**
+   * Content to render in the filter panel area below the controls row.
+   * Rendered when showFilters is true.
+   */
+  filterPanel?: React.ReactNode;
+}
+declare const ControlBar: FC<ControlBarProps>;
+//#endregion
+export { ControlBarProps as n, ControlBar as t };
+//# sourceMappingURL=ControlBar-DXyl1gjc.d.mts.map

package/dist/ControlBar.d.cts

@@ -0,0 +1,2 @@
+import { n as ControlBarProps, t as ControlBar } from "./ControlBar-BGmXymCB.cjs";
+export { ControlBarProps, ControlBar as default };

package/dist/ControlBar.d.mts

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