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

package/dist/ConfigFormGroup-BhO9nm3P.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigFormGroup-BhO9nm3P.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/ConfigFormGroup-_yCksmZo.mjs

@@ -0,0 +1,28 @@
+import { t as FormGroupContext } from "./useFormGroup-z0epBxXn.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-_yCksmZo.mjs.map

package/dist/ConfigFormGroup-_yCksmZo.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfigFormGroup-_yCksmZo.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-9m-DNImB.d.mts

@@ -0,0 +1,151 @@
+import { t as OmniSearchProps } from "./SearchInput-2lsv5_R6.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-9m-DNImB.d.mts.map

package/dist/ControlBar-oT-I2y6E.d.cts

@@ -0,0 +1,151 @@
+import { t as OmniSearchProps } from "./SearchInput-B6d2Qyzb.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-oT-I2y6E.d.cts.map

package/dist/ControlBar.d.cts

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

package/dist/ControlBar.d.mts

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