@crisp-ui-kit/crisp 0.31.3 → 0.31.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/accordion/accordion.js +1 -1
- package/dist/cjs/components/avatargroup/avatargroup.js +1 -1
- package/dist/cjs/components/barchart/barchart.js +1 -1
- package/dist/cjs/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/cjs/components/bulkbar/bulkbar.js +1 -1
- package/dist/cjs/components/callout/callout.js +1 -1
- package/dist/cjs/components/checkbox/checkbox.js +1 -1
- package/dist/cjs/components/columncalc/columncalc.js +2 -2
- package/dist/cjs/components/datatable/datatable.js +5 -5
- package/dist/cjs/components/datepickerfield/datepickerfield.js +1 -1
- package/dist/cjs/components/dialog/dialog.js +1 -1
- package/dist/cjs/components/donutchart/donutchart.js +1 -1
- package/dist/cjs/components/fileupload/fileupload.js +1 -1
- package/dist/cjs/components/formfield/formfield.js +1 -1
- package/dist/cjs/components/linechart/linechart.js +1 -1
- package/dist/cjs/components/menu/menu.js +1 -1
- package/dist/cjs/components/multiselect/multiselect.js +1 -1
- package/dist/cjs/components/radiogroup/radiogroup.js +1 -1
- package/dist/cjs/components/resizablepanel/resizablepanel.js +1 -1
- package/dist/cjs/components/segmented/segmented.js +1 -1
- package/dist/cjs/components/select/select.js +1 -1
- package/dist/cjs/components/stagebar/stagebar.js +1 -1
- package/dist/cjs/components/statcard/statcard.js +1 -1
- package/dist/cjs/components/switch/switch.js +1 -1
- package/dist/cjs/components/tabletoolbar/tabletoolbar.js +2 -2
- package/dist/cjs/components/tabs/tabs.js +2 -2
- package/dist/cjs/components/textarea/textarea.js +1 -1
- package/dist/cjs/components/tooltip/tooltip.js +1 -1
- package/dist/cjs/product/appshell/appshell.js +4 -4
- package/dist/cjs/product/authshell/authshell.js +1 -1
- package/dist/cjs/product/board/board.js +1 -1
- package/dist/cjs/product/command/command.js +1 -1
- package/dist/cjs/product/entitycard/entitycard.js +1 -1
- package/dist/cjs/product/flowcanvas/flowcanvas.js +1 -1
- package/dist/cjs/product/inbox/inbox.js +1 -1
- package/dist/cjs/product/listpage/listpage.js +1 -1
- package/dist/cjs/product/onboarding/onboarding.js +1 -1
- package/dist/cjs/product/recordpage/recordpage.js +7 -7
- package/dist/cjs/product/recordstable/recordstable.js +9 -9
- package/dist/cjs/product/richtext/richtext.js +1 -1
- package/dist/cjs/product/settingssection/settingssection.js +1 -1
- package/dist/cjs/product/settingsshell/settingsshell.js +1 -1
- package/dist/cjs/product/sidebar/sidebar.js +6 -6
- package/dist/cjs/product/tasklist/tasklist.js +1 -1
- package/dist/cjs/product/trialbanner/trialbanner.js +1 -1
- package/dist/cjs/product/viewtoggle/viewtoggle.js +1 -1
- package/dist/esm/components/accordion/accordion.js +1 -1
- package/dist/esm/components/avatargroup/avatargroup.js +1 -1
- package/dist/esm/components/barchart/barchart.js +1 -1
- package/dist/esm/components/breadcrumb/breadcrumb.js +1 -1
- package/dist/esm/components/bulkbar/bulkbar.js +1 -1
- package/dist/esm/components/callout/callout.js +1 -1
- package/dist/esm/components/checkbox/checkbox.js +1 -1
- package/dist/esm/components/columncalc/columncalc.js +2 -2
- package/dist/esm/components/datatable/datatable.js +5 -5
- package/dist/esm/components/datepickerfield/datepickerfield.js +1 -1
- package/dist/esm/components/dialog/dialog.js +1 -1
- package/dist/esm/components/donutchart/donutchart.js +1 -1
- package/dist/esm/components/fileupload/fileupload.js +1 -1
- package/dist/esm/components/formfield/formfield.js +1 -1
- package/dist/esm/components/linechart/linechart.js +1 -1
- package/dist/esm/components/menu/menu.js +1 -1
- package/dist/esm/components/multiselect/multiselect.js +1 -1
- package/dist/esm/components/radiogroup/radiogroup.js +1 -1
- package/dist/esm/components/resizablepanel/resizablepanel.js +1 -1
- package/dist/esm/components/segmented/segmented.js +1 -1
- package/dist/esm/components/select/select.js +1 -1
- package/dist/esm/components/stagebar/stagebar.js +1 -1
- package/dist/esm/components/statcard/statcard.js +1 -1
- package/dist/esm/components/switch/switch.js +1 -1
- package/dist/esm/components/tabletoolbar/tabletoolbar.js +2 -2
- package/dist/esm/components/tabs/tabs.js +2 -2
- package/dist/esm/components/textarea/textarea.js +1 -1
- package/dist/esm/components/tooltip/tooltip.js +1 -1
- package/dist/esm/product/appshell/appshell.js +4 -4
- package/dist/esm/product/authshell/authshell.js +1 -1
- package/dist/esm/product/board/board.js +1 -1
- package/dist/esm/product/command/command.js +1 -1
- package/dist/esm/product/entitycard/entitycard.js +1 -1
- package/dist/esm/product/flowcanvas/flowcanvas.js +1 -1
- package/dist/esm/product/inbox/inbox.js +1 -1
- package/dist/esm/product/listpage/listpage.js +1 -1
- package/dist/esm/product/onboarding/onboarding.js +1 -1
- package/dist/esm/product/recordpage/recordpage.js +7 -7
- package/dist/esm/product/recordstable/recordstable.js +9 -9
- package/dist/esm/product/richtext/richtext.js +1 -1
- package/dist/esm/product/settingssection/settingssection.js +1 -1
- package/dist/esm/product/settingsshell/settingsshell.js +1 -1
- package/dist/esm/product/sidebar/sidebar.js +6 -6
- package/dist/esm/product/tasklist/tasklist.js +1 -1
- package/dist/esm/product/trialbanner/trialbanner.js +1 -1
- package/dist/esm/product/viewtoggle/viewtoggle.js +1 -1
- package/dist/types/components/avatargroup/avatargroup.d.ts +1 -1
- package/dist/types/components/barchart/barchart.d.ts +1 -1
- package/dist/types/components/breadcrumb/breadcrumb.d.ts +1 -1
- package/dist/types/components/bulkbar/bulkbar.d.ts +1 -1
- package/dist/types/components/callout/callout.d.ts +1 -1
- package/dist/types/components/checkbox/checkbox.d.ts +1 -1
- package/dist/types/components/columncalc/columncalc.d.ts +5 -5
- package/dist/types/components/datatable/datatable.d.ts +5 -5
- package/dist/types/components/datepickerfield/datepickerfield.d.ts +1 -1
- package/dist/types/components/dialog/dialog.d.ts +1 -1
- package/dist/types/components/donutchart/donutchart.d.ts +1 -1
- package/dist/types/components/emptystate/emptystate.d.ts +1 -1
- package/dist/types/components/formfield/formfield.d.ts +1 -1
- package/dist/types/components/linechart/linechart.d.ts +1 -1
- package/dist/types/components/menu/menu.d.ts +1 -1
- package/dist/types/components/multiselect/multiselect.d.ts +1 -1
- package/dist/types/components/progress/progress.d.ts +1 -1
- package/dist/types/components/radiogroup/radiogroup.d.ts +1 -1
- package/dist/types/components/resizablepanel/resizablepanel.d.ts +4 -4
- package/dist/types/components/segmented/segmented.d.ts +1 -1
- package/dist/types/components/select/select.d.ts +2 -2
- package/dist/types/components/stagebar/stagebar.d.ts +1 -1
- package/dist/types/components/statcard/statcard.d.ts +1 -1
- package/dist/types/components/switch/switch.d.ts +1 -1
- package/dist/types/components/tabletoolbar/tabletoolbar.d.ts +1 -1
- package/dist/types/components/tabs/tabs.d.ts +2 -2
- package/dist/types/components/textarea/textarea.d.ts +1 -1
- package/dist/types/components/tooltip/tooltip.d.ts +1 -1
- package/dist/types/product/appshell/appshell.d.ts +2 -2
- package/dist/types/product/authshell/authshell.d.ts +1 -1
- package/dist/types/product/board/board.d.ts +1 -1
- package/dist/types/product/entitycard/entitycard.d.ts +1 -1
- package/dist/types/product/flowcanvas/flowcanvas.d.ts +1 -1
- package/dist/types/product/inbox/inbox.d.ts +1 -1
- package/dist/types/product/listpage/listpage.d.ts +1 -1
- package/dist/types/product/onboarding/onboarding.d.ts +1 -1
- package/dist/types/product/recordpage/recordpage.d.ts +2 -2
- package/dist/types/product/recordstable/recordstable.d.ts +10 -4
- package/dist/types/product/richtext/richtext.d.ts +1 -1
- package/dist/types/product/settingssection/settingssection.d.ts +1 -1
- package/dist/types/product/settingsshell/settingsshell.d.ts +1 -1
- package/dist/types/product/sidebar/sidebar.d.ts +10 -10
- package/dist/types/product/tasklist/tasklist.d.ts +1 -1
- package/dist/types/product/trialbanner/trialbanner.d.ts +1 -1
- package/dist/types/product/viewtoggle/viewtoggle.d.ts +1 -1
- package/package.json +1 -1
|
@@ -31,7 +31,7 @@ export type FlowCanvasProps<T extends FlowNode> = Omit<React.ComponentPropsWitho
|
|
|
31
31
|
};
|
|
32
32
|
/**
|
|
33
33
|
* A pannable, zoomable node canvas with draggable nodes and connecting edges —
|
|
34
|
-
* measured from
|
|
34
|
+
* measured from a workflows editor. Drag a node to move it (fires
|
|
35
35
|
* `onNodesChange`); drag the background to pan; use the toolbar to zoom.
|
|
36
36
|
*/
|
|
37
37
|
export declare function FlowCanvas<T extends FlowNode>({ nodes, edges, onNodesChange, renderNode, nodeWidth, nodeHeight, "aria-label": ariaLabel, className, zoomOutLabel, zoomInLabel, resetLabel, edgesLabel, ...rest }: FlowCanvasProps<T>): React.JSX.Element;
|
|
@@ -33,7 +33,7 @@ export type InboxProps = Omit<React.ComponentPropsWithoutRef<"div">, "children"
|
|
|
33
33
|
className?: string;
|
|
34
34
|
};
|
|
35
35
|
/**
|
|
36
|
-
* A notifications inbox panel — measured from
|
|
36
|
+
* A notifications inbox panel — measured from a notification flyout. A
|
|
37
37
|
* title, Notifications/Requests tabs with counts, then notification rows
|
|
38
38
|
* (avatar + message + time + unread dot) or a centred empty state. Put it inside
|
|
39
39
|
* a Popover for the flyout.
|
|
@@ -35,7 +35,7 @@ export declare function ListRow({ children, onClick, }: {
|
|
|
35
35
|
onClick?: () => void;
|
|
36
36
|
}): React.JSX.Element;
|
|
37
37
|
/**
|
|
38
|
-
* The entity-list page shell — measured from
|
|
38
|
+
* The entity-list page shell — measured from Reports/Sequences/Tasks/
|
|
39
39
|
* Notes list views. A view-bar toolbar (leading/trailing slots + record count),
|
|
40
40
|
* an optional dashed Favorites region, then column headers and time-grouped
|
|
41
41
|
* rows. Rows are composed by the caller (wrap each in <ListRow>).
|
|
@@ -48,7 +48,7 @@ export declare const onboardingLabels: {
|
|
|
48
48
|
completedStepLabel: (label: React.ReactNode) => string;
|
|
49
49
|
};
|
|
50
50
|
/**
|
|
51
|
-
* An onboarding checklist card — measured from
|
|
51
|
+
* An onboarding checklist card — measured from a floating "Getting
|
|
52
52
|
* started" widget. Title + optional menu/minimize, a segmented progress bar,
|
|
53
53
|
* and step rows (completed rows strike through with a brand check).
|
|
54
54
|
*/
|
|
@@ -21,7 +21,7 @@ export type RecordPageProps = Omit<React.ComponentPropsWithoutRef<"div">, "child
|
|
|
21
21
|
* The record's own field labels and values are NOT here — those arrive through
|
|
22
22
|
* `record` and `columns`, and are the consumer's data. What this covers is the
|
|
23
23
|
* surface crisp draws around them: the tab strip, the Highlights stats (a fixed
|
|
24
|
-
* set measured
|
|
24
|
+
* set measured live, not consumer data), the action bar and the feed.
|
|
25
25
|
*/
|
|
26
26
|
export type RecordPageLabels = {
|
|
27
27
|
breadcrumb: string;
|
|
@@ -90,7 +90,7 @@ export type RecordPageLabelsInput = Partial<Omit<RecordPageLabels, "tabs" | "hig
|
|
|
90
90
|
highlightEmpty?: Partial<RecordPageLabels["highlightEmpty"]>;
|
|
91
91
|
};
|
|
92
92
|
/**
|
|
93
|
-
* The full-page company record view — the page
|
|
93
|
+
* The full-page company record view — the page that opens when you click into a
|
|
94
94
|
* record (as opposed to the peek [RecordPanel]). A top breadcrumb bar with
|
|
95
95
|
* favourite/edit/compose/… actions, a 320px left attribute column, and a tabbed
|
|
96
96
|
* main area: Overview stacks Highlights, an Activity feed, and Notes / Tasks /
|
|
@@ -18,8 +18,8 @@ export type Column = {
|
|
|
18
18
|
key: string;
|
|
19
19
|
label: string;
|
|
20
20
|
type?: ColumnType;
|
|
21
|
-
/** Mark the column's values as AI-enriched — tints the cells the way
|
|
22
|
-
*
|
|
21
|
+
/** Mark the column's values as AI-enriched — tints the cells the way
|
|
22
|
+
* enriched values are washed (#9b69ff at 4%). */
|
|
23
23
|
enriched?: boolean;
|
|
24
24
|
icon?: IconType;
|
|
25
25
|
width?: number;
|
|
@@ -90,7 +90,7 @@ export type RecordsTableProps = Omit<React.ComponentPropsWithoutRef<"div">, "chi
|
|
|
90
90
|
/** Called when a row's entity name is clicked — navigate to its full record page. */
|
|
91
91
|
onOpenRecordPage?: (row: Row) => void;
|
|
92
92
|
/** Tone for `entity`/`reference` avatars: `"brand"` (uniform, today's
|
|
93
|
-
* measured
|
|
93
|
+
* measured records-grid behaviour — the default) or `"hashed"` (a
|
|
94
94
|
* stable colour per name, matching what `DataTable`'s `avatarTone` offers).
|
|
95
95
|
* Entity avatars only — `TAG_TONES`/tag/status tone logic is untouched. */
|
|
96
96
|
avatarTone?: "brand" | "hashed";
|
|
@@ -120,6 +120,12 @@ export type RecordsTableLabels = {
|
|
|
120
120
|
descending: string;
|
|
121
121
|
noSorts: string;
|
|
122
122
|
learnSorting: string;
|
|
123
|
+
/**
|
|
124
|
+
* Where the sort popover's "Learn about sorting" row links to. Unset by default:
|
|
125
|
+
* the row renders as plain text, since a component library has no help site of its
|
|
126
|
+
* own to point at. Pass your own docs URL to make it a link.
|
|
127
|
+
*/
|
|
128
|
+
learnSortingHref?: string;
|
|
123
129
|
filter: string;
|
|
124
130
|
addFilter: string;
|
|
125
131
|
filterByField: string;
|
|
@@ -199,7 +205,7 @@ export declare function parseCellDate(raw: string | undefined): Date | null;
|
|
|
199
205
|
/** The inverse: the picked date's own calendar day, not the UTC one. */
|
|
200
206
|
export declare function formatCellDate(d: Date): string;
|
|
201
207
|
/**
|
|
202
|
-
*
|
|
208
|
+
* A measured-style record grid — fully featured. Toolbar (search / sort status /
|
|
203
209
|
* count / New), sticky checkbox + entity columns, 36px rows, typed cells,
|
|
204
210
|
* click-to-sort headers, column resize by dragging a header edge, inline cell
|
|
205
211
|
* editing (double-click a text/number/url/date cell), add-row and add-column,
|
|
@@ -19,7 +19,7 @@ export type RichTextEditorProps = Omit<React.ComponentPropsWithoutRef<"div">, "c
|
|
|
19
19
|
className?: string;
|
|
20
20
|
};
|
|
21
21
|
/**
|
|
22
|
-
* A block rich-text editor — measured from
|
|
22
|
+
* A block rich-text editor — measured from a notes editor. A large title,
|
|
23
23
|
* a prose body (headings, lists, quote, marks, links), and a floating toolbar
|
|
24
24
|
* that appears over a text selection. Built on contentEditable, dependency-free.
|
|
25
25
|
* Uncontrolled: seed with `defaultTitle`/`defaultHtml`, read via `onChange`.
|
|
@@ -8,7 +8,7 @@ export type SettingsSectionProps = Omit<React.ComponentPropsWithoutRef<"section"
|
|
|
8
8
|
className?: string;
|
|
9
9
|
};
|
|
10
10
|
/**
|
|
11
|
-
* A settings section — measured from
|
|
11
|
+
* A settings section — measured from settings pages. A title + optional
|
|
12
12
|
* subtitle and trailing action, then a gapped stack of rows (pair with
|
|
13
13
|
* FormField). Compose several inside a settings content pane.
|
|
14
14
|
*/
|
|
@@ -28,7 +28,7 @@ export type SettingsShellProps = Omit<React.ComponentPropsWithoutRef<"div">, "ti
|
|
|
28
28
|
className?: string;
|
|
29
29
|
};
|
|
30
30
|
/**
|
|
31
|
-
* The Settings layout — measured
|
|
31
|
+
* The Settings layout — measured live. A left nav (back header,
|
|
32
32
|
* search, grouped items) beside a scrolling content pane. The search filters the
|
|
33
33
|
* nav by label. Fills the height its container gives it.
|
|
34
34
|
*/
|
|
@@ -57,9 +57,9 @@ export type SidebarProps = React.ComponentPropsWithoutRef<"nav"> & {
|
|
|
57
57
|
asChild?: boolean;
|
|
58
58
|
/** Called when the collapse-panel button in the header is pressed. */
|
|
59
59
|
onToggleCollapse?: () => void;
|
|
60
|
-
/** Workspace switcher content. Defaults to the measured
|
|
60
|
+
/** Workspace switcher content. Defaults to the measured workspace. */
|
|
61
61
|
workspace?: SidebarWorkspace;
|
|
62
|
-
/** Main nav rows (Home, Tasks, …). Defaults to the measured
|
|
62
|
+
/** Main nav rows (Home, Tasks, …). Defaults to the measured nav. */
|
|
63
63
|
items?: SidebarNavItem[];
|
|
64
64
|
/** The Records section (label + glyph-avatar rows). */
|
|
65
65
|
recordsSection?: SidebarRecordsSection;
|
|
@@ -70,17 +70,17 @@ export type SidebarProps = React.ComponentPropsWithoutRef<"nav"> & {
|
|
|
70
70
|
/** Footer copy (onboarding pill, invite row, trial banner). */
|
|
71
71
|
footer?: SidebarFooter;
|
|
72
72
|
};
|
|
73
|
-
/** The measured
|
|
73
|
+
/** The measured workspace switcher — the default `workspace` prop. */
|
|
74
74
|
export declare const ATTIO_SIDEBAR_WORKSPACE: SidebarWorkspace;
|
|
75
|
-
/** The measured
|
|
75
|
+
/** The measured main nav — the default `items` prop. */
|
|
76
76
|
export declare const ATTIO_SIDEBAR_ITEMS: SidebarNavItem[];
|
|
77
|
-
/** The measured
|
|
77
|
+
/** The measured Records section — the default `recordsSection` prop. */
|
|
78
78
|
export declare const ATTIO_SIDEBAR_RECORDS_SECTION: SidebarRecordsSection;
|
|
79
|
-
/** The measured
|
|
79
|
+
/** The measured Lists section — the default `listsSection` prop. */
|
|
80
80
|
export declare const ATTIO_SIDEBAR_LISTS_SECTION: SidebarListsSection;
|
|
81
|
-
/** The measured
|
|
81
|
+
/** The measured Chats section — the default `chatsSection` prop. */
|
|
82
82
|
export declare const ATTIO_SIDEBAR_CHATS_SECTION: SidebarSection;
|
|
83
|
-
/** The measured
|
|
83
|
+
/** The measured footer copy — the default `footer` prop. */
|
|
84
84
|
export declare const ATTIO_SIDEBAR_FOOTER: SidebarFooter;
|
|
85
85
|
export declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
|
|
86
86
|
/** Label for the collapse control. */
|
|
@@ -92,9 +92,9 @@ export declare const Sidebar: React.ForwardRefExoticComponent<Omit<React.Detaile
|
|
|
92
92
|
asChild?: boolean;
|
|
93
93
|
/** Called when the collapse-panel button in the header is pressed. */
|
|
94
94
|
onToggleCollapse?: () => void;
|
|
95
|
-
/** Workspace switcher content. Defaults to the measured
|
|
95
|
+
/** Workspace switcher content. Defaults to the measured workspace. */
|
|
96
96
|
workspace?: SidebarWorkspace;
|
|
97
|
-
/** Main nav rows (Home, Tasks, …). Defaults to the measured
|
|
97
|
+
/** Main nav rows (Home, Tasks, …). Defaults to the measured nav. */
|
|
98
98
|
items?: SidebarNavItem[];
|
|
99
99
|
/** The Records section (label + glyph-avatar rows). */
|
|
100
100
|
recordsSection?: SidebarRecordsSection;
|
|
@@ -30,7 +30,7 @@ export type TaskListProps = Omit<React.ComponentPropsWithoutRef<"div">, "childre
|
|
|
30
30
|
className?: string;
|
|
31
31
|
};
|
|
32
32
|
/**
|
|
33
|
-
* A task list — measured from
|
|
33
|
+
* A task list — measured from a tasks page. Optional group headers with a
|
|
34
34
|
* count, then rows of a round complete-checkbox + title + trailing meta.
|
|
35
35
|
* Completed rows strike through; overdue dates go red.
|
|
36
36
|
*/
|
|
@@ -12,7 +12,7 @@ export type TrialBannerProps = Omit<React.ComponentPropsWithoutRef<"div">, "chil
|
|
|
12
12
|
className?: string;
|
|
13
13
|
};
|
|
14
14
|
/**
|
|
15
|
-
* A compact trial / upgrade banner — measured from
|
|
15
|
+
* A compact trial / upgrade banner — measured from a sidebar footer.
|
|
16
16
|
* Icon + message + an optional small action pill (soft-glow outlined button).
|
|
17
17
|
*/
|
|
18
18
|
export declare function TrialBanner({ icon, children, action, onAction, tone, className, ...rest }: TrialBannerProps): React.JSX.Element;
|
|
@@ -26,7 +26,7 @@ export type ViewToggleProps<T extends string = string> = Omit<React.ComponentPro
|
|
|
26
26
|
className?: string;
|
|
27
27
|
};
|
|
28
28
|
/**
|
|
29
|
-
* A compact icon toggle — measured from
|
|
29
|
+
* A compact icon toggle — measured from a list/grid switch. A padded track
|
|
30
30
|
* of icon tiles; the selected tile is raised. Use for view-mode switches (list ⇄
|
|
31
31
|
* grid) or any small mutually-exclusive icon choice.
|
|
32
32
|
*/
|