@opencxh/ui-kit 3.112.1 → 3.113.0
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/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1031 -1030
- package/dist/index.js.map +1 -1
- package/dist/src/content/PageHeader.d.ts +3 -2
- package/dist/src/input/Checkbox.d.ts +6 -0
- package/dist/src/overlays/Popover.d.ts +9 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
+
import { ButtonProps } from '../action/Button';
|
|
2
3
|
import { SplitButtonOption } from '../action/SplitButton';
|
|
3
4
|
export interface PageHeaderAction {
|
|
4
5
|
/** Action identifier */
|
|
@@ -9,8 +10,8 @@ export interface PageHeaderAction {
|
|
|
9
10
|
icon?: React.ReactNode;
|
|
10
11
|
/** Action handler */
|
|
11
12
|
onClick: () => void;
|
|
12
|
-
/** Action variant */
|
|
13
|
-
variant?: "
|
|
13
|
+
/** Action variant. Tracks Button, so the two cannot drift apart. */
|
|
14
|
+
variant?: ButtonProps["variant"];
|
|
14
15
|
/** Whether action is disabled */
|
|
15
16
|
disabled?: boolean;
|
|
16
17
|
/** Dropdown options for split button */
|
|
@@ -20,6 +20,12 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
|
|
|
20
20
|
* Whether the checkbox is in an indeterminate state
|
|
21
21
|
*/
|
|
22
22
|
indeterminate?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* `circle` marks a completion tick — a task, a subtask — as opposed to the
|
|
25
|
+
* square used for selecting rows. The shape is the whole signal, so a user
|
|
26
|
+
* can tell "done" from "selected" at a glance.
|
|
27
|
+
*/
|
|
28
|
+
shape?: "square" | "circle";
|
|
23
29
|
/**
|
|
24
30
|
* Additional class name for the container
|
|
25
31
|
*/
|
|
@@ -7,10 +7,18 @@ export interface PopoverProps {
|
|
|
7
7
|
* dismiss the popover after acting.
|
|
8
8
|
*/
|
|
9
9
|
children: React.ReactNode | ((close: () => void) => React.ReactNode);
|
|
10
|
-
/** Panel placement relative to the trigger */
|
|
10
|
+
/** Panel placement relative to the trigger. Flips when there is no room. */
|
|
11
11
|
placement?: "bottom-start" | "bottom-end" | "top-start" | "top-end";
|
|
12
12
|
/** Additional CSS classes for the panel */
|
|
13
13
|
className?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Layout classes for the wrapper around the trigger. Needed when the trigger
|
|
16
|
+
* has to fill a positioned box — a calendar event in a week grid, say —
|
|
17
|
+
* because the wrapper is `inline-flex` by default.
|
|
18
|
+
*/
|
|
19
|
+
rootClassName?: string;
|
|
20
|
+
/** Layout classes for the trigger button itself. */
|
|
21
|
+
triggerClassName?: string;
|
|
14
22
|
/** Whether the trigger is disabled */
|
|
15
23
|
disabled?: boolean;
|
|
16
24
|
/**
|