@planningcenter/tapestry-react 4.14.0 → 4.14.1
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/ActionsDropdown/ActionsDropdown.d.ts +14 -0
- package/dist/ActionsDropdown/ActionsDropdown.d.ts.map +1 -1
- package/dist/Alert/Alert.d.ts +2 -0
- package/dist/Alert/Alert.d.ts.map +1 -1
- package/dist/Avatar/Avatar.d.ts +12 -0
- package/dist/Avatar/Avatar.d.ts.map +1 -1
- package/dist/Badge/Badge.d.ts +28 -0
- package/dist/Badge/Badge.d.ts.map +1 -1
- package/dist/Badge/Status.d.ts +15 -0
- package/dist/Badge/Status.d.ts.map +1 -1
- package/dist/Box/Box.d.ts +12 -0
- package/dist/Box/Box.d.ts.map +1 -1
- package/dist/Button/Button.d.ts +53 -0
- package/dist/Button/Button.d.ts.map +1 -1
- package/dist/Button/Input.d.ts +12 -0
- package/dist/Button/Input.d.ts.map +1 -1
- package/dist/Calendar/Calendar.d.ts +33 -0
- package/dist/Calendar/Calendar.d.ts.map +1 -1
- package/dist/Calendar/Day.d.ts +49 -0
- package/dist/Calendar/Day.d.ts.map +1 -1
- package/dist/Card/Card.d.ts +2 -0
- package/dist/Card/Card.d.ts.map +1 -1
- package/dist/Card/Section.d.ts +1 -0
- package/dist/Card/Section.d.ts.map +1 -1
- package/dist/Checkbox/Checkbox.d.ts +38 -0
- package/dist/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/CheckboxCard/CheckboxCard.d.ts +2 -0
- package/dist/CheckboxCard/CheckboxCard.d.ts.map +1 -1
- package/dist/CheckboxGroup/CheckboxGroup.d.ts +9 -0
- package/dist/CheckboxGroup/CheckboxGroup.d.ts.map +1 -1
- package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts +41 -0
- package/dist/ChurchCenterStatus/ChurchCenterStatus.d.ts.map +1 -1
- package/dist/Collapse/Collapse.d.ts +12 -0
- package/dist/Collapse/Collapse.d.ts.map +1 -1
- package/dist/ColumnView/ColumnView.d.ts +3 -0
- package/dist/ColumnView/ColumnView.d.ts.map +1 -1
- package/dist/Combobox/Combobox.d.ts +12 -0
- package/dist/Combobox/Combobox.d.ts.map +1 -1
- package/dist/Combobox/ComboboxPopover.d.ts +10 -0
- package/dist/Combobox/ComboboxPopover.d.ts.map +1 -1
- package/dist/DataTable/DataTable.d.ts +176 -0
- package/dist/DataTable/DataTable.d.ts.map +1 -1
- package/dist/DataTable/components/Icon.d.ts +2 -0
- package/dist/DataTable/components/Icon.d.ts.map +1 -1
- package/dist/DateField/DateField.d.ts +33 -0
- package/dist/DateField/DateField.d.ts.map +1 -1
- package/dist/DateField/parse.d.ts +9 -0
- package/dist/DateField/parse.d.ts.map +1 -1
- package/dist/DateField/useEditableDate.d.ts +12 -0
- package/dist/DateField/useEditableDate.d.ts.map +1 -1
- package/dist/Dialog/Dialog.d.ts +40 -0
- package/dist/Dialog/Dialog.d.ts.map +1 -1
- package/dist/Divider/Divider.d.ts +15 -0
- package/dist/Divider/Divider.d.ts.map +1 -1
- package/dist/Drawer/Drawer.d.ts +1 -0
- package/dist/Drawer/Drawer.d.ts.map +1 -1
- package/dist/Dropdown/Dropdown.d.ts +33 -0
- package/dist/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/EditActions/EditActions.d.ts +3 -0
- package/dist/EditActions/EditActions.d.ts.map +1 -1
- package/dist/Field/Field.d.ts +14 -0
- package/dist/Field/Field.d.ts.map +1 -1
- package/dist/FieldSet/FieldSet.d.ts +18 -0
- package/dist/FieldSet/FieldSet.d.ts.map +1 -1
- package/dist/FilterLayout/FilterLayout.d.ts +5 -0
- package/dist/FilterLayout/FilterLayout.d.ts.map +1 -1
- package/dist/Form/Form.d.ts +44 -0
- package/dist/Form/Form.d.ts.map +1 -1
- package/dist/GridView/GridView.d.ts +15 -0
- package/dist/GridView/GridView.d.ts.map +1 -1
- package/dist/Group/Group.d.ts +15 -0
- package/dist/Group/Group.d.ts.map +1 -1
- package/dist/Heading/Heading.d.ts +2 -0
- package/dist/Heading/Heading.d.ts.map +1 -1
- package/dist/HelperDrawer/HelperDrawer.d.ts +1 -0
- package/dist/HelperDrawer/HelperDrawer.d.ts.map +1 -1
- package/dist/Highlight/Highlight.d.ts +15 -0
- package/dist/Highlight/Highlight.d.ts.map +1 -1
- package/dist/Icon/Icon.d.ts +4 -0
- package/dist/Icon/Icon.d.ts.map +1 -1
- package/dist/Icon/Path.d.ts +2 -0
- package/dist/Icon/Path.d.ts.map +1 -1
- package/dist/Icon/Status.d.ts +3 -0
- package/dist/Icon/Status.d.ts.map +1 -1
- package/dist/Input/Inline.d.ts +7 -0
- package/dist/Input/Inline.d.ts.map +1 -1
- package/dist/Input/Input.d.ts +70 -0
- package/dist/Input/Input.d.ts.map +1 -1
- package/dist/Input/InputBox.d.ts +63 -0
- package/dist/Input/InputBox.d.ts.map +1 -1
- package/dist/Input/InputField.d.ts +19 -0
- package/dist/Input/InputField.d.ts.map +1 -1
- package/dist/Input/InputLabel.d.ts +6 -0
- package/dist/Input/InputLabel.d.ts.map +1 -1
- package/dist/ItemList/ItemListItem.d.ts +9 -0
- package/dist/ItemList/ItemListItem.d.ts.map +1 -1
- package/dist/Link/Link.d.ts +22 -0
- package/dist/Link/Link.d.ts.map +1 -1
- package/dist/LinkList/LinkList.d.ts +1 -0
- package/dist/LinkList/LinkList.d.ts.map +1 -1
- package/dist/List/List.d.ts +9 -0
- package/dist/List/List.d.ts.map +1 -1
- package/dist/Logo/Logo.d.ts +20 -0
- package/dist/Logo/Logo.d.ts.map +1 -1
- package/dist/Menu/Menu.d.ts +1 -0
- package/dist/Menu/Menu.d.ts.map +1 -1
- package/dist/Modal/Modal.d.ts +13 -0
- package/dist/Modal/Modal.d.ts.map +1 -1
- package/dist/NumberField/NumberField.d.ts +38 -0
- package/dist/NumberField/NumberField.d.ts.map +1 -1
- package/dist/Page/PageBody.d.ts +9 -0
- package/dist/Page/PageBody.d.ts.map +1 -1
- package/dist/Page/PageHeader.d.ts +4 -0
- package/dist/Page/PageHeader.d.ts.map +1 -1
- package/dist/Page/PageTitle.d.ts +4 -0
- package/dist/Page/PageTitle.d.ts.map +1 -1
- package/dist/Page/PageToolbar.d.ts +3 -0
- package/dist/Page/PageToolbar.d.ts.map +1 -1
- package/dist/PagerView/PagerView.d.ts +18 -0
- package/dist/PagerView/PagerView.d.ts.map +1 -1
- package/dist/Pagination/Pagination.d.ts +24 -0
- package/dist/Pagination/Pagination.d.ts.map +1 -1
- package/dist/Popover/Popover.d.ts +92 -0
- package/dist/Popover/Popover.d.ts.map +1 -1
- package/dist/Portal/Portal.d.ts +6 -0
- package/dist/Portal/Portal.d.ts.map +1 -1
- package/dist/Progress/Progress.d.ts +6 -0
- package/dist/Progress/Progress.d.ts.map +1 -1
- package/dist/Radio/Radio.d.ts +36 -0
- package/dist/Radio/Radio.d.ts.map +1 -1
- package/dist/RangeSlider/RangeSlider.d.ts +21 -0
- package/dist/RangeSlider/RangeSlider.d.ts.map +1 -1
- package/dist/Scrim/Scrim.d.ts +1 -0
- package/dist/Scrim/Scrim.d.ts.map +1 -1
- package/dist/SegmentedControl/SegmentedControl.d.ts +1 -0
- package/dist/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/SegmentedTabs/SegmentedTabs.d.ts +1 -0
- package/dist/SegmentedTabs/SegmentedTabs.d.ts.map +1 -1
- package/dist/Select/Inline.d.ts +9 -0
- package/dist/Select/Inline.d.ts.map +1 -1
- package/dist/Select/OptionGroup.d.ts +3 -0
- package/dist/Select/OptionGroup.d.ts.map +1 -1
- package/dist/Select/Select.d.ts +75 -0
- package/dist/Select/Select.d.ts.map +1 -1
- package/dist/Sidebar/Sidebar.d.ts +6 -0
- package/dist/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/Sidebar/SidebarItem.d.ts +3 -0
- package/dist/Sidebar/SidebarItem.d.ts.map +1 -1
- package/dist/Sidebar/SidebarList.d.ts +3 -0
- package/dist/Sidebar/SidebarList.d.ts.map +1 -1
- package/dist/Spinner/Spinner.d.ts +15 -0
- package/dist/Spinner/Spinner.d.ts.map +1 -1
- package/dist/StackView/StackView.d.ts +6 -0
- package/dist/StackView/StackView.d.ts.map +1 -1
- package/dist/StepperField/StepperField.d.ts +15 -0
- package/dist/StepperField/StepperField.d.ts.map +1 -1
- package/dist/StepperProgress/Step.d.ts +4 -0
- package/dist/StepperProgress/Step.d.ts.map +1 -1
- package/dist/StepperProgress/StepperProgress.d.ts +3 -0
- package/dist/StepperProgress/StepperProgress.d.ts.map +1 -1
- package/dist/Summary/Summary.d.ts +12 -0
- package/dist/Summary/Summary.d.ts.map +1 -1
- package/dist/Tab/Tab.d.ts +5 -0
- package/dist/Tab/Tab.d.ts.map +1 -1
- package/dist/TabNav/Tab.d.ts +12 -0
- package/dist/TabNav/Tab.d.ts.map +1 -1
- package/dist/TabNav/TabNav.d.ts +9 -0
- package/dist/TabNav/TabNav.d.ts.map +1 -1
- package/dist/Table/SubRowToggleCell.d.ts +2 -0
- package/dist/Table/SubRowToggleCell.d.ts.map +1 -1
- package/dist/Table/Table.d.ts +125 -0
- package/dist/Table/Table.d.ts.map +1 -1
- package/dist/Tabs/Tabs.d.ts +14 -0
- package/dist/Tabs/Tabs.d.ts.map +1 -1
- package/dist/Text/Text.d.ts +33 -0
- package/dist/Text/Text.d.ts.map +1 -1
- package/dist/TextArea/TextArea.d.ts +1 -0
- package/dist/TextArea/TextArea.d.ts.map +1 -1
- package/dist/TileView/TileView.d.ts +6 -0
- package/dist/TileView/TileView.d.ts.map +1 -1
- package/dist/TimeField/TimeField.d.ts +21 -0
- package/dist/TimeField/TimeField.d.ts.map +1 -1
- package/dist/ToggleSwitch/ToggleSwitch.d.ts +13 -0
- package/dist/ToggleSwitch/ToggleSwitch.d.ts.map +1 -1
- package/dist/TokenInput/DefaultToken.d.ts +8 -0
- package/dist/TokenInput/DefaultToken.d.ts.map +1 -1
- package/dist/TokenInput/TokenInput.d.ts +15 -0
- package/dist/TokenInput/TokenInput.d.ts.map +1 -1
- package/dist/Toolbar/Toolbar.d.ts +22 -0
- package/dist/Toolbar/Toolbar.d.ts.map +1 -1
- package/dist/Tooltip/Tooltip.d.ts +118 -0
- package/dist/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/Wizard/Wizard.d.ts +37 -0
- package/dist/Wizard/Wizard.d.ts.map +1 -1
- package/dist/WrapView/WrapView.d.ts +1 -0
- package/dist/WrapView/WrapView.d.ts.map +1 -1
- package/dist/hooks/use-accessibility-violation.d.ts +8 -1
- package/dist/hooks/use-accessibility-violation.d.ts.map +1 -1
- package/dist/hooks/use-document-event.d.ts +15 -0
- package/dist/hooks/use-document-event.d.ts.map +1 -1
- package/dist/hooks/use-focus.d.ts +5 -0
- package/dist/hooks/use-focus.d.ts.map +1 -1
- package/dist/hooks/use-id.d.ts +6 -0
- package/dist/hooks/use-id.d.ts.map +1 -1
- package/dist/hooks/use-measure.d.ts +36 -0
- package/dist/hooks/use-measure.d.ts.map +1 -1
- package/dist/hooks/use-roving-index.d.ts +23 -0
- package/dist/hooks/use-roving-index.d.ts.map +1 -1
- package/dist/utils.d.ts +109 -0
- package/dist/utils.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,17 +1,58 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
type ChurchCenterStatusProps = {
|
|
3
|
+
/**
|
|
4
|
+
* Pass props to the Dropdown buttons.
|
|
5
|
+
*/
|
|
3
6
|
buttonProps?: object;
|
|
7
|
+
/**
|
|
8
|
+
* Determines status of Church Center App.
|
|
9
|
+
*/
|
|
4
10
|
ccAppEnabled?: boolean;
|
|
11
|
+
/**
|
|
12
|
+
* Determines status of publishing to Church Center.
|
|
13
|
+
*/
|
|
5
14
|
ccPublishingEnabled?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Determines status of Church Center Web.
|
|
17
|
+
*/
|
|
6
18
|
ccWebEnabled?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Renders a text description in popover when status is active.
|
|
21
|
+
*/
|
|
7
22
|
description: string;
|
|
23
|
+
/**
|
|
24
|
+
* Renders a text for Church Center destination button ("Visit {destinationLabel}").
|
|
25
|
+
*/
|
|
8
26
|
destinationLabel: string;
|
|
27
|
+
/**
|
|
28
|
+
* Renders a text description in popover when status is inactive.
|
|
29
|
+
*/
|
|
9
30
|
disabledDescription?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Pass props to the Dropdown component.
|
|
33
|
+
*/
|
|
10
34
|
dropdownProps?: object;
|
|
35
|
+
/**
|
|
36
|
+
* Provide icon overrides for "check", "exclamationTriangle", "external", and "x" icons.
|
|
37
|
+
*/
|
|
11
38
|
icons?: object;
|
|
39
|
+
/**
|
|
40
|
+
* Where the browser should navigate when destination button is pressed.
|
|
41
|
+
*/
|
|
12
42
|
productUrl: string;
|
|
43
|
+
/**
|
|
44
|
+
* Render nodes at the end of the popover. `buttonProps` is passed as an argument
|
|
45
|
+
* and can be spread on any `<Button />` component to match the style of the other
|
|
46
|
+
* popover links.
|
|
47
|
+
*/
|
|
13
48
|
renderPopoverFooter: Function;
|
|
49
|
+
/**
|
|
50
|
+
* Where the browser should navigate when settings button is pressed.
|
|
51
|
+
*/
|
|
14
52
|
settingsUrl: string;
|
|
53
|
+
/**
|
|
54
|
+
* Toggle the settings link display.
|
|
55
|
+
*/
|
|
15
56
|
showSettingsLink?: boolean;
|
|
16
57
|
};
|
|
17
58
|
export declare function ChurchCenterStatus({ buttonProps: passedButtonProps, ccAppEnabled, ccPublishingEnabled, ccWebEnabled, description, destinationLabel, disabledDescription, dropdownProps, icons, productUrl, renderPopoverFooter, settingsUrl, showSettingsLink, ...props }: ChurchCenterStatusProps): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChurchCenterStatus.d.ts","sourceRoot":"","sources":["../../src/ChurchCenterStatus/ChurchCenterStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,uBAAuB,GAAG;
|
|
1
|
+
{"version":3,"file":"ChurchCenterStatus.d.ts","sourceRoot":"","sources":["../../src/ChurchCenterStatus/ChurchCenterStatus.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AASzB,KAAK,uBAAuB,GAAG;IAC7B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,gBAAgB,EAAE,MAAM,CAAA;IAExB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAE5B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IAEtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAElB;;;;OAIG;IACH,mBAAmB,EAAE,QAAQ,CAAA;IAE7B;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,WAAW,EAAE,iBAAsB,EACnC,YAAoB,EACpB,mBAA2B,EAC3B,YAAoB,EACpB,WAAW,EACX,gBAAgB,EAChB,mBAAmF,EACnF,aAAkB,EAClB,KAAK,EACL,UAAU,EACV,mBAA8B,EAC9B,WAAW,EACX,gBAAuB,EACvB,GAAG,KAAK,EACT,EAAE,uBAAuB,qBA0GzB"}
|
|
@@ -1,9 +1,21 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DivProps } from '../types';
|
|
3
3
|
export type Props = Partial<Pick<DivProps, 'children' | 'style' | 'role'>> & {
|
|
4
|
+
/**
|
|
5
|
+
* Instantly expand and collapse children.
|
|
6
|
+
*/
|
|
4
7
|
instant?: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Determines if children should render `null` or not while closed.
|
|
10
|
+
*/
|
|
5
11
|
lazy?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Called when opening or closing.
|
|
14
|
+
*/
|
|
6
15
|
onComplete?: Function;
|
|
16
|
+
/**
|
|
17
|
+
* Controls whether or not children are visible.
|
|
18
|
+
*/
|
|
7
19
|
open?: boolean;
|
|
8
20
|
};
|
|
9
21
|
declare function Collapse(props: Props): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../src/Collapse/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAInC,MAAM,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"Collapse.d.ts","sourceRoot":"","sources":["../../src/Collapse/Collapse.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAInC,MAAM,MAAM,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC,QAAQ,EAAE,UAAU,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC,GAAG;IAC3E;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAA;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,KAAK,qBAoG7B;AAED,eAAe,QAAQ,CAAA"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
declare function Column(): any;
|
|
3
3
|
export type Props = {
|
|
4
|
+
/** Often wraps the `ColumnView.Column` component. */
|
|
4
5
|
children?: any;
|
|
6
|
+
/** The amount of columns to be rendered. */
|
|
5
7
|
sizes?: Array<{
|
|
6
8
|
basis?: string | number;
|
|
7
9
|
grow?: number;
|
|
8
10
|
shrink?: number;
|
|
9
11
|
} | number | string>;
|
|
12
|
+
/** The amount of space between columns. */
|
|
10
13
|
spacing?: number | string;
|
|
11
14
|
};
|
|
12
15
|
declare function ColumnView(props: Props): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnView.d.ts","sourceRoot":"","sources":["../../src/ColumnView/ColumnView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAKlE,iBAAS,MAAM,QAEd;AAED,MAAM,MAAM,KAAK,GAAG;
|
|
1
|
+
{"version":3,"file":"ColumnView.d.ts","sourceRoot":"","sources":["../../src/ColumnView/ColumnView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAKlE,iBAAS,MAAM,QAEd;AAED,MAAM,MAAM,KAAK,GAAG;IAClB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,KAAK,CACT;QACE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;QACvB,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,MAAM,CAAC,EAAE,MAAM,CAAA;KAChB,GACD,MAAM,GACN,MAAM,CACT,CAAA;IACD,2CAA2C;IAC3C,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC1B,CAAA;AAED,iBAAS,UAAU,CAAC,KAAK,EAAE,KAAK,qBAwD/B;kBAxDQ,UAAU;;;;YA4DwC,aAAa;;AAAxE,wBAA0E"}
|
|
@@ -4,12 +4,24 @@ import ComboboxItem from './ComboboxItem';
|
|
|
4
4
|
import ComboboxItems from './ComboboxItems';
|
|
5
5
|
import ComboboxPopover from './ComboboxPopover';
|
|
6
6
|
export interface ComboboxProps {
|
|
7
|
+
/**
|
|
8
|
+
* Usually takes `Combobox.Input`, `Combobox.Items` and `Combobox.Item` components.
|
|
9
|
+
*/
|
|
7
10
|
children: React.ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Callback when an item is highlighted.
|
|
13
|
+
*/
|
|
8
14
|
onHighlight?: (event: {
|
|
9
15
|
lastIndex: number;
|
|
10
16
|
newIndex: number;
|
|
11
17
|
}) => void;
|
|
18
|
+
/**
|
|
19
|
+
* Callback when an item is selected.
|
|
20
|
+
*/
|
|
12
21
|
onSelect: (item: any) => void;
|
|
22
|
+
/**
|
|
23
|
+
* The value of the selected item.
|
|
24
|
+
*/
|
|
13
25
|
selectedValue: any;
|
|
14
26
|
}
|
|
15
27
|
declare function Combobox(props: ComboboxProps): React.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,MAAM,WAAW,aAAa;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAE/C,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAEzB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAEtE;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAE7B;;OAEG;IACH,aAAa,EAAE,GAAG,CAAA;CACnB;AAED,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,qBAkBrC;kBAlBQ,QAAQ;;;;;;;;;;WA0BR,oBAAoB;UACrB,mBAAmB;WAClB,oBAAoB;aAClB,eAAe;;AAJ1B,wBAKC"}
|
|
@@ -5,14 +5,24 @@ import { ItemList } from '../ItemList';
|
|
|
5
5
|
import Popover from '../Popover';
|
|
6
6
|
import ComboboxInput from './ComboboxInput';
|
|
7
7
|
type Props = Omit<InputProps, 'onSelect' | 'ref'> & Pick<ComponentProps<typeof Popover>, 'lockScrollWhileOpen' | 'placement' | 'relativeTo' | 'renderTo'> & Omit<ComponentProps<typeof ComboboxInput>, 'ref'> & {
|
|
8
|
+
/**
|
|
9
|
+
* Props that will be sent to a button.
|
|
10
|
+
* If neither this or `dropdownButton` are defined, no button will be displayed.
|
|
11
|
+
*/
|
|
8
12
|
closeButton?: Partial<ComponentProps<typeof Button>>;
|
|
13
|
+
/** Controls whether the popover should close upon selection or not. Defaults to `false`. */
|
|
9
14
|
closeOnSelect?: boolean;
|
|
15
|
+
/** Default the popover to be open on initialization. */
|
|
10
16
|
defaultOpen?: boolean;
|
|
17
|
+
/** Toggles display of dropdown button. Will not display if `closeButton` is defined. */
|
|
11
18
|
dropdownButton?: boolean;
|
|
12
19
|
innerRef?: RefCallback<any>;
|
|
13
20
|
onSelect?: (data: any) => void;
|
|
21
|
+
/** Controls whether the popover should open on focus or not. Defaults to `false`. */
|
|
14
22
|
openOnFocus?: boolean;
|
|
23
|
+
/** Accepts any valid [Popover](/popover) props. */
|
|
15
24
|
popoverProps?: object;
|
|
25
|
+
/** Value for the input. */
|
|
16
26
|
value?: string;
|
|
17
27
|
};
|
|
18
28
|
declare class ComboboxPopover extends Component<Props> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxPopover.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAC/B,OAAO,MAAM,MAAM,WAAW,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,OAAO,MAAM,YAAY,CAAA;AAEhC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,KAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,KAAK,CAAC,GAC/C,IAAI,CACF,cAAc,CAAC,OAAO,OAAO,CAAC,EAC9B,qBAAqB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAChE,GACD,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG;
|
|
1
|
+
{"version":3,"file":"ComboboxPopover.d.ts","sourceRoot":"","sources":["../../src/Combobox/ComboboxPopover.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,UAAU,EAAE,MAAM,IAAI,CAAA;AAC/B,OAAO,MAAM,MAAM,WAAW,CAAA;AAE9B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,OAAO,MAAM,YAAY,CAAA;AAEhC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAE3C,KAAK,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,GAAG,KAAK,CAAC,GAC/C,IAAI,CACF,cAAc,CAAC,OAAO,OAAO,CAAC,EAC9B,qBAAqB,GAAG,WAAW,GAAG,YAAY,GAAG,UAAU,CAChE,GACD,IAAI,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,EAAE,KAAK,CAAC,GAAG;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,CAAA;IACpD,4FAA4F;IAC5F,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,wDAAwD;IACxD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,wFAAwF;IACxF,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,QAAQ,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,qFAAqF;IACrF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mDAAmD;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA;AAEH,cAAM,eAAgB,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,QAAQ,EAAE,QAAQ,CAAA;IAClB,KAAK,EAAE,gBAAgB,CAAA;IAEvB,MAAM,CAAC,WAAW,SAAqB;IAEvC,MAAM,CAAC,YAAY;;;MAGlB;IAED,KAAK;;MAEJ;IAED,EAAE,SAAyB;IAE3B,SAAS,MAAO;IAEhB,YAAY,UAAQ;IAEpB,cAAc,MAAO;IAErB,kBAAkB,CAAC,SAAS,KAAA;IAkB5B,oBAAoB;IAMpB,cAAc,2BAEb;IAED,WAAW,2BAEV;IAED,WAAW,aAIV;IAED,YAAY,aAOX;IAED,UAAU,uBAMT;IAED,YAAY,uBAOX;IAED,MAAM;CA2HP;AAED,eAAe,eAAe,CAAA"}
|
|
@@ -1,62 +1,238 @@
|
|
|
1
1
|
import React, { ComponentProps } from 'react';
|
|
2
2
|
import Pagination from '../Pagination';
|
|
3
3
|
export type Props<Data extends Record<string, any>> = {
|
|
4
|
+
/**
|
|
5
|
+
* Provides the ability to change accessible labels used throughout the `DataTable` component.
|
|
6
|
+
*/
|
|
4
7
|
accessibility?: {
|
|
5
8
|
toggleAllSubRowsTooltipTitle?: Function;
|
|
6
9
|
};
|
|
10
|
+
/**
|
|
11
|
+
* Controls whether or not sub-rows can be collapsed.
|
|
12
|
+
*/
|
|
7
13
|
canCollapseSubRows?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Determines how the incoming data is rendered as columns. Please note for optimal performance
|
|
16
|
+
* identity should not change between every render and should be static or memoized.
|
|
17
|
+
*/
|
|
8
18
|
columns?: Array<{
|
|
19
|
+
/**
|
|
20
|
+
* Forces the column to always be visible regardless of [`hiddenColumnIds`](#hiddenColumnIds).
|
|
21
|
+
* This is also used to build a list of eligible columns for the ColumnPicker component.
|
|
22
|
+
*/
|
|
9
23
|
alwaysVisible?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Controls how the incoming row data is rendered in a cell. Accepts a string
|
|
26
|
+
* that will be used as an accessor of the row data or a function that returns
|
|
27
|
+
* the row data as well as extra information about the row and column.
|
|
28
|
+
*/
|
|
10
29
|
cell?: string | ((row: Data, data: Data[]) => React.ReactNode);
|
|
11
30
|
css?: any;
|
|
31
|
+
/**
|
|
32
|
+
* Overrides [defaultSort.direction](#defaultSort) for this specific column.
|
|
33
|
+
* Defaults to `ASC` if neither values are provided.
|
|
34
|
+
*/
|
|
12
35
|
defaultSortDirection?: 'ASC' | 'DESC';
|
|
36
|
+
/**
|
|
37
|
+
* Similar to `column.header`. Controls the column footer rendering.
|
|
38
|
+
*/
|
|
13
39
|
footer?: any;
|
|
40
|
+
/**
|
|
41
|
+
* Controls the column header rendering. Accepts a string, element, component
|
|
42
|
+
* or function.
|
|
43
|
+
*/
|
|
14
44
|
header?: any;
|
|
45
|
+
/**
|
|
46
|
+
* Used to identify a column. Required when using `onRowSort` or `hiddenColumnIds`.
|
|
47
|
+
*/
|
|
15
48
|
id?: string | number;
|
|
49
|
+
/**
|
|
50
|
+
* Includes sub cells when calculating auto column widths.
|
|
51
|
+
*/
|
|
16
52
|
includeSubCellWidth?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Used to describe a column in `ColumnPicker` when `header` doesn't display
|
|
55
|
+
* any text like checkbox or icon.
|
|
56
|
+
*/
|
|
17
57
|
label?: string;
|
|
58
|
+
/**
|
|
59
|
+
* The maximum size a column can be.
|
|
60
|
+
*/
|
|
18
61
|
maxWidth?: number;
|
|
62
|
+
/**
|
|
63
|
+
* The minimum size a column must be.
|
|
64
|
+
*/
|
|
19
65
|
minWidth?: number;
|
|
66
|
+
/**
|
|
67
|
+
* Determines if a column can be sorted or not. Defaults to `false`. See
|
|
68
|
+
* [`onColumnSort`](#onColumnSort) below for details on controlling sorting.
|
|
69
|
+
*/
|
|
20
70
|
sortable?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* Determines how a sub row cell is rendered. Uses cell as the default accessor
|
|
73
|
+
* if nothing is provided.
|
|
74
|
+
*/
|
|
21
75
|
subCell?: string | Function;
|
|
76
|
+
/**
|
|
77
|
+
* Specifies how wide a column is. If omitted, cell will be measured and
|
|
78
|
+
* calculated based on the largest column's cell width.
|
|
79
|
+
*/
|
|
22
80
|
width?: number;
|
|
23
81
|
}>;
|
|
82
|
+
/**
|
|
83
|
+
* Current visible page number for pagination
|
|
84
|
+
*/
|
|
24
85
|
currentPage?: number;
|
|
86
|
+
/**
|
|
87
|
+
* Accepts an array of data to be rendered. Data cells are ordered by the
|
|
88
|
+
* columns array.
|
|
89
|
+
*/
|
|
25
90
|
data?: Data[];
|
|
91
|
+
/**
|
|
92
|
+
* Ref that is passed to `useImperativeHandle` which in turn returns `useCollapsibleRows.
|
|
93
|
+
*/
|
|
26
94
|
dataTableRef?: any;
|
|
95
|
+
/**
|
|
96
|
+
* Controls whether or not sub-rows are open by default.
|
|
97
|
+
*/
|
|
27
98
|
defaultAllSubRowsOpen?: boolean;
|
|
99
|
+
/**
|
|
100
|
+
* Default sorting for columns. Please note this only affects controls and
|
|
101
|
+
* requires you to manage sorting the data yourself. See [`onColumnSort`](#onColumnSort)
|
|
102
|
+
* below for details on controlling sorting.
|
|
103
|
+
*/
|
|
28
104
|
defaultSort?: {
|
|
29
105
|
columnId?: string | number;
|
|
30
106
|
direction?: 'ASC' | 'DESC';
|
|
31
107
|
};
|
|
108
|
+
/**
|
|
109
|
+
* Droppable identifier used for internal [DragDrop](/dragdrop) component.
|
|
110
|
+
*/
|
|
32
111
|
droppableId?: string;
|
|
112
|
+
/**
|
|
113
|
+
* Provide an empty state when the table has no data.
|
|
114
|
+
*/
|
|
33
115
|
empty?: any;
|
|
116
|
+
/**
|
|
117
|
+
* `(rowData: object, rowIndex: number) => number`
|
|
118
|
+
*
|
|
119
|
+
* Used to identify rows. Defaults to `rowData.id` if available, otherwise uses `rowIndex`.
|
|
120
|
+
*/
|
|
34
121
|
getRowId?: (rowData: Data, rowIndex: number) => number | string;
|
|
122
|
+
/**
|
|
123
|
+
* `(rowData: object) => string`
|
|
124
|
+
*
|
|
125
|
+
* Turns each row or sub-row into an anchor link.
|
|
126
|
+
*/
|
|
35
127
|
getRowLink?: (rowdata: Data) => string;
|
|
128
|
+
/**
|
|
129
|
+
* `(rowData: object) => array<object>`
|
|
130
|
+
*
|
|
131
|
+
* Controls rendering of collapsible sub row content.
|
|
132
|
+
*/
|
|
36
133
|
getSubData?: Function;
|
|
134
|
+
/**
|
|
135
|
+
* Hide specific columns by their id.
|
|
136
|
+
*/
|
|
37
137
|
hiddenColumnIds?: Array<string | number>;
|
|
138
|
+
/**
|
|
139
|
+
* `(bodyRef: object) => void`
|
|
140
|
+
*
|
|
141
|
+
* Used to gain access to the internal `bodyRef`.
|
|
142
|
+
*/
|
|
38
143
|
innerBodyRef?: Function;
|
|
144
|
+
/**
|
|
145
|
+
* Accepts an object of keyboard shortcuts that can be performed when hovering
|
|
146
|
+
* a row. e.g. `{ 'a': ({ rowData }) => addUser(rowData.id) }`.
|
|
147
|
+
* See the [mousetrap library](https://craig.is/killing/mice#api.bind) for
|
|
148
|
+
* valid key combinations.
|
|
149
|
+
*/
|
|
39
150
|
keyboardShortcuts?: Record<string, (event: {
|
|
40
151
|
rowData: Record<string, any>;
|
|
41
152
|
}) => void>;
|
|
153
|
+
/**
|
|
154
|
+
* Puts the table in a loading state and shows a spinner in the middle of the table.
|
|
155
|
+
*/
|
|
42
156
|
loading?: boolean;
|
|
157
|
+
/**
|
|
158
|
+
* Provide an accompanying title to the spinner while loading data.
|
|
159
|
+
*/
|
|
43
160
|
loadingTitle?: string;
|
|
161
|
+
/**
|
|
162
|
+
* `(sortedColumns: { columnId, direction }) => void`
|
|
163
|
+
*
|
|
164
|
+
* Callback when a column header has been pressed.
|
|
165
|
+
*/
|
|
44
166
|
onColumnSort?: Function;
|
|
167
|
+
/**
|
|
168
|
+
* `onDragEnd: (event) => void`
|
|
169
|
+
*
|
|
170
|
+
* Called at the end of a child `Draggable` drag.
|
|
171
|
+
*/
|
|
45
172
|
onDragEnd?: Function;
|
|
173
|
+
/**
|
|
174
|
+
* `onDragStart: (event) => void`
|
|
175
|
+
*
|
|
176
|
+
* Called at the start of a child `Draggable` drag.
|
|
177
|
+
*/
|
|
46
178
|
onDragStart?: Function;
|
|
179
|
+
/**
|
|
180
|
+
* `onDrop: (event) => void`
|
|
181
|
+
*
|
|
182
|
+
* This function will be called when a `Draggable` has been dropped. Returns the `onDragEnd` event with any `Draggable` `data` attached.
|
|
183
|
+
*/
|
|
47
184
|
onDrop?: Function;
|
|
185
|
+
/**
|
|
186
|
+
* `(nextPage: number) => undefined`
|
|
187
|
+
*
|
|
188
|
+
* Callback when new page is requested for pagination.
|
|
189
|
+
*/
|
|
48
190
|
onPageChange?: ComponentProps<typeof Pagination>['onPageChange'];
|
|
191
|
+
/**
|
|
192
|
+
* `(rowData: any, rowIndex: number, event: React.SyntheticEvent) => void`
|
|
193
|
+
*
|
|
194
|
+
* Callback when a row has been clicked.
|
|
195
|
+
*/
|
|
49
196
|
onRowClick?: Function;
|
|
197
|
+
/**
|
|
198
|
+
* `(sortedData: array) => void`
|
|
199
|
+
*
|
|
200
|
+
* Callback when a row has been sorted.
|
|
201
|
+
*/
|
|
50
202
|
onRowSort?: Function;
|
|
203
|
+
/**
|
|
204
|
+
* This prop controls whether or not the droppable can receive and reorder draggables. If true, draggables may move outside the droppable, but not added.
|
|
205
|
+
*/
|
|
51
206
|
sourceOnly?: boolean;
|
|
207
|
+
/**
|
|
208
|
+
* Total available pages for pagination.
|
|
209
|
+
*/
|
|
52
210
|
totalPages?: number;
|
|
211
|
+
/**
|
|
212
|
+
* Provides the ability to change styles used throughout the `DataTable` component.
|
|
213
|
+
*/
|
|
53
214
|
variant?: {
|
|
54
215
|
body?: Object;
|
|
216
|
+
/**
|
|
217
|
+
* `({ firstRow, lastRow, firstCell, lastCell, rowData, rowIndex, columnIndex }) => object`
|
|
218
|
+
*/
|
|
55
219
|
bodyCell?: Object | Function;
|
|
220
|
+
/**
|
|
221
|
+
* `({ isLink, firstRow, lastRow, evenRow, oddRow, rowData, rowIndex }) => object`
|
|
222
|
+
*/
|
|
56
223
|
bodyRow?: Object | Function;
|
|
224
|
+
/**
|
|
225
|
+
* `({ firstRow, lastRow, firstCell, lastCell, rowData, rowIndex, columnIndex, columnWidth }) => object`
|
|
226
|
+
*/
|
|
57
227
|
bodySubCell?: Object | Function;
|
|
228
|
+
/**
|
|
229
|
+
* `({ isLink, firstRow, lastRow, evenRow, oddRow, rowData, rowIndex, parentRowIndex }) => object`
|
|
230
|
+
*/
|
|
58
231
|
bodySubRow?: Object | Function;
|
|
59
232
|
header?: Object;
|
|
233
|
+
/**
|
|
234
|
+
* `({ columnIndex, isSortable }) => object`
|
|
235
|
+
*/
|
|
60
236
|
headerCell?: Object | Function;
|
|
61
237
|
headerRow?: Object;
|
|
62
238
|
} | Array<Object | boolean>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAId,OAAO,UAAU,MAAM,eAAe,CAAA;AA0BtC,MAAM,MAAM,KAAK,CAAC,IAAI,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,IAAI;
|
|
1
|
+
{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/Icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/DataTable/components/Icon.tsx"],"names":[],"mappings":"AAAA,0BAA0B;AAC1B,eAAe;AACf,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAcpC,iBAAS,IAAI,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,IAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE;;;;;;;CAAA,mBAiBjE;kBAjBQ,IAAI;;;;;;;;AAmBb,iBAAS,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE;;;;;CAAA,mBAYjD;;UAI4C,WAAW;;AAAxD,wBAA0D"}
|
|
@@ -3,16 +3,49 @@ import Calendar from '../Calendar';
|
|
|
3
3
|
import { InputProps } from '../Input/Input';
|
|
4
4
|
import Popover from '../Popover';
|
|
5
5
|
interface Props {
|
|
6
|
+
/**
|
|
7
|
+
* Accepts any valid [Calendar](/calendar) props.
|
|
8
|
+
*/
|
|
6
9
|
calendarProps?: ComponentProps<typeof Calendar>;
|
|
10
|
+
/**
|
|
11
|
+
* Controls the initial Popover state: open or closed (default).
|
|
12
|
+
*/
|
|
7
13
|
defaultOpen?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Format the displayed date using date-fns [format](https://date-fns.org/v2.0.0-alpha.9/docs/format) function.
|
|
16
|
+
*/
|
|
8
17
|
formatValue?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Attempts to keep popover in view clipping edges if too large.
|
|
20
|
+
*/
|
|
9
21
|
keepInView?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Locks external scrollbars when open.
|
|
24
|
+
*/
|
|
10
25
|
lockScrollWhileOpen?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* The maximum date that can be chosen.
|
|
28
|
+
*/
|
|
11
29
|
maxDate?: Date;
|
|
30
|
+
/**
|
|
31
|
+
* The minimum date that can be chosen.
|
|
32
|
+
*/
|
|
12
33
|
minDate?: Date;
|
|
34
|
+
/**
|
|
35
|
+
* Called when a date has been selected.
|
|
36
|
+
*/
|
|
13
37
|
onChange: (date: Date) => void;
|
|
38
|
+
/**
|
|
39
|
+
* Determines where the popover is placed.
|
|
40
|
+
*/
|
|
14
41
|
placement?: string;
|
|
42
|
+
/**
|
|
43
|
+
* Accepts any valid [Popover](/popover) props.
|
|
44
|
+
*/
|
|
15
45
|
popoverProps?: ComponentProps<typeof Popover>;
|
|
46
|
+
/**
|
|
47
|
+
* The date that will be selected.
|
|
48
|
+
*/
|
|
16
49
|
value: Date | undefined | null;
|
|
17
50
|
}
|
|
18
51
|
export type DateFieldProps = Omit<InputProps, keyof Props> & Props;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAEd,OAAO,QAAQ,MAAM,aAAa,CAAA;AAIlC,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,OAAO,MAAM,YAAY,CAAA;AAOhC,UAAU,KAAK;
|
|
1
|
+
{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/DateField/DateField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,cAAc,EAKf,MAAM,OAAO,CAAA;AAEd,OAAO,QAAQ,MAAM,aAAa,CAAA;AAIlC,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAClD,OAAO,OAAO,MAAM,YAAY,CAAA;AAOhC,UAAU,KAAK;IACb;;OAEG;IACH,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;IAE/C;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,IAAI,CAAA;IAEd;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;IAE9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,OAAO,CAAC,CAAA;IAE7C;;OAEG;IACH,KAAK,EAAE,IAAI,GAAG,SAAS,GAAG,IAAI,CAAA;CAC/B;AAED,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,KAAK,CAAC,GAAG,KAAK,CAAA;AAElE,iBAAS,SAAS,CAAC,EACjB,WAA6B,EAC7B,WAAmB,EACnB,UAAU,EACV,mBAA0B,EAC1B,OAAmB,EACnB,OAAmB,EACnB,QAAQ,EACR,SAAqB,EACrB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,cAAc,qBAiKhB;AAED,eAAe,SAAS,CAAA"}
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
interface Params {
|
|
2
|
+
/**
|
|
3
|
+
* The string we want to parse into a date object
|
|
4
|
+
*/
|
|
2
5
|
date: string;
|
|
6
|
+
/**
|
|
7
|
+
* Format hint for parser
|
|
8
|
+
* Helps us know if we should parse day/month/year or month/day/year
|
|
9
|
+
*
|
|
10
|
+
* Should adhere to [date-fns spec](https://date-fns.org/v2.0.0-alpha.9/docs/format).
|
|
11
|
+
*/
|
|
3
12
|
format?: string;
|
|
4
13
|
}
|
|
5
14
|
export declare const parseDate: ({ date, format }: Params) => Date | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../../src/DateField/parse.ts"],"names":[],"mappings":"AAIA,UAAU,MAAM;
|
|
1
|
+
{"version":3,"file":"parse.d.ts","sourceRoot":"","sources":["../../src/DateField/parse.ts"],"names":[],"mappings":"AAIA,UAAU,MAAM;IACd;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IAEZ;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,eAAO,MAAM,SAAS,qBAAsB,MAAM,KAAG,IAAI,GAAG,IAO3D,CAAA;AAED,eAAO,MAAM,WAAW,SAAU,MAAM,YAEvC,CAAA;AAED,eAAO,MAAM,UAAU,gBAAiB,MAAM,KAAG,MA+BhD,CAAA"}
|
|
@@ -1,7 +1,19 @@
|
|
|
1
1
|
interface Params {
|
|
2
|
+
/**
|
|
3
|
+
* The currently selected date
|
|
4
|
+
*/
|
|
2
5
|
date: Date;
|
|
6
|
+
/**
|
|
7
|
+
* Format the displayed date using date-fns [format](https://date-fns.org/v2.0.0-alpha.9/docs/format) function.
|
|
8
|
+
*/
|
|
3
9
|
dateFormat: string;
|
|
10
|
+
/**
|
|
11
|
+
* Custom function that validates date
|
|
12
|
+
*/
|
|
4
13
|
dateValidator: (date: Date) => boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Called when a valid date is entered
|
|
16
|
+
*/
|
|
5
17
|
onChange: (date: Date) => void;
|
|
6
18
|
}
|
|
7
19
|
export declare const useEditableDate: ({ date, dateFormat, dateValidator, onChange, }: Params) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEditableDate.d.ts","sourceRoot":"","sources":["../../src/DateField/useEditableDate.ts"],"names":[],"mappings":"AAKA,UAAU,MAAM;
|
|
1
|
+
{"version":3,"file":"useEditableDate.d.ts","sourceRoot":"","sources":["../../src/DateField/useEditableDate.ts"],"names":[],"mappings":"AAKA,UAAU,MAAM;IACd;;OAEG;IACH,IAAI,EAAE,IAAI,CAAA;IAEV;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAElB;;OAEG;IACH,aAAa,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAEtC;;OAEG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/B;AAED,eAAO,MAAM,eAAe,mDAKzB,MAAM;;;;oBA4BE,IAAI,GAAG,MAAM;CA0BvB,CAAA"}
|
package/dist/Dialog/Dialog.d.ts
CHANGED
|
@@ -1,18 +1,58 @@
|
|
|
1
|
+
/** @jsx jsx */
|
|
1
2
|
import { jsx } from '@emotion/react';
|
|
2
3
|
import React from 'react';
|
|
3
4
|
export type DialogProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Body of the dialog to display in the main content area.
|
|
7
|
+
*/
|
|
4
8
|
body: React.ReactNode | string;
|
|
9
|
+
/**
|
|
10
|
+
* Text to display on the cancel button.
|
|
11
|
+
*/
|
|
5
12
|
cancelText?: string;
|
|
13
|
+
/**
|
|
14
|
+
* Text to display on the confirm button.
|
|
15
|
+
*/
|
|
6
16
|
confirmText?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Text to display on the destroy button.
|
|
19
|
+
*/
|
|
7
20
|
destroyText?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Create with the `React.useRef()` hook and pass the ref to the dialog.
|
|
23
|
+
*/
|
|
8
24
|
dialogRef: React.MutableRefObject<HTMLDialogElement>;
|
|
25
|
+
/**
|
|
26
|
+
* Callback fired when the cancel button is clicked.
|
|
27
|
+
*/
|
|
9
28
|
onCancelClick?: () => void;
|
|
29
|
+
/**
|
|
30
|
+
* Callback fired when the close (X) button is clicked.
|
|
31
|
+
*/
|
|
10
32
|
onCloseClick?: () => void;
|
|
33
|
+
/**
|
|
34
|
+
* Callback fired when the confirm button is clicked.
|
|
35
|
+
*/
|
|
11
36
|
onConfirmClick?: () => void;
|
|
37
|
+
/**
|
|
38
|
+
* Callback fired when the destroy button is clicked.
|
|
39
|
+
*/
|
|
12
40
|
onDestroyClick?: () => void;
|
|
41
|
+
/**
|
|
42
|
+
* Determines whether the cancel button is shown.
|
|
43
|
+
*/
|
|
13
44
|
showCancel?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Determines whether the destroy button is shown.
|
|
47
|
+
*/
|
|
14
48
|
showDestroy?: boolean;
|
|
49
|
+
/**
|
|
50
|
+
* Subtitle of the dialog to display in the header. No subtitle appears if omitted.
|
|
51
|
+
*/
|
|
15
52
|
subtitle?: string;
|
|
53
|
+
/**
|
|
54
|
+
* Title of the dialog to display in the header.
|
|
55
|
+
*/
|
|
16
56
|
title: string;
|
|
17
57
|
};
|
|
18
58
|
export declare const Dialog: ({ body, cancelText, confirmText, destroyText, dialogRef, onCancelClick, onCloseClick, onConfirmClick, onDestroyClick, showCancel, showDestroy, subtitle, title, }: DialogProps) => jsx.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,eAAe;AACf,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAA;IAE9B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB;;OAEG;IACH,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,iBAAiB,CAAC,CAAA;IAEpD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAA;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,IAAI,CAAA;IAEzB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAE3B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,IAAI,CAAA;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAeD,eAAO,MAAM,MAAM,sKAchB,WAAW,oBAqEb,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -1,10 +1,25 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ColorProp, StyleProps } from '../index';
|
|
3
3
|
export type DividerProps = {
|
|
4
|
+
/**
|
|
5
|
+
* The direction the dividing line should span.
|
|
6
|
+
*/
|
|
4
7
|
axis?: 'horizontal' | 'vertical';
|
|
8
|
+
/**
|
|
9
|
+
* The color of the line
|
|
10
|
+
*/
|
|
5
11
|
color?: ColorProp;
|
|
12
|
+
/**
|
|
13
|
+
* Controls the space on sides opposite to the line's defined axis
|
|
14
|
+
*/
|
|
6
15
|
margin?: number | string;
|
|
16
|
+
/**
|
|
17
|
+
* The size of the line in pixels
|
|
18
|
+
*/
|
|
7
19
|
size?: number;
|
|
8
20
|
} & StyleProps;
|
|
21
|
+
/**
|
|
22
|
+
* Used to break up content
|
|
23
|
+
*/
|
|
9
24
|
export declare function Divider({ axis, color, margin, size, ...restProps }: DividerProps): React.JSX.Element;
|
|
10
25
|
//# sourceMappingURL=Divider.d.ts.map
|