@instructure/ui-drilldown 8.21.1-snapshot.10

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.
Files changed (89) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/LICENSE.md +27 -0
  3. package/README.md +30 -0
  4. package/es/Drilldown/DrilldownGroup/index.js +56 -0
  5. package/es/Drilldown/DrilldownGroup/props.js +42 -0
  6. package/es/Drilldown/DrilldownLocator.js +144 -0
  7. package/es/Drilldown/DrilldownOption/index.js +59 -0
  8. package/es/Drilldown/DrilldownOption/props.js +46 -0
  9. package/es/Drilldown/DrilldownPage/index.js +56 -0
  10. package/es/Drilldown/DrilldownPage/props.js +41 -0
  11. package/es/Drilldown/DrilldownSeparator/index.js +52 -0
  12. package/es/Drilldown/DrilldownSeparator/props.js +30 -0
  13. package/es/Drilldown/__examples__/Drilldown.examples.js +299 -0
  14. package/es/Drilldown/index.js +1241 -0
  15. package/es/Drilldown/locator.js +26 -0
  16. package/es/Drilldown/props.js +67 -0
  17. package/es/Drilldown/styles.js +82 -0
  18. package/es/Drilldown/theme.js +43 -0
  19. package/es/index.js +24 -0
  20. package/lib/Drilldown/DrilldownGroup/index.js +42 -0
  21. package/lib/Drilldown/DrilldownGroup/props.js +56 -0
  22. package/lib/Drilldown/DrilldownLocator.js +157 -0
  23. package/lib/Drilldown/DrilldownOption/index.js +45 -0
  24. package/lib/Drilldown/DrilldownOption/props.js +57 -0
  25. package/lib/Drilldown/DrilldownPage/index.js +66 -0
  26. package/lib/Drilldown/DrilldownPage/props.js +56 -0
  27. package/lib/Drilldown/DrilldownSeparator/index.js +38 -0
  28. package/lib/Drilldown/DrilldownSeparator/props.js +41 -0
  29. package/lib/Drilldown/__examples__/Drilldown.examples.js +289 -0
  30. package/lib/Drilldown/index.js +1253 -0
  31. package/lib/Drilldown/locator.js +40 -0
  32. package/lib/Drilldown/props.js +83 -0
  33. package/lib/Drilldown/styles.js +90 -0
  34. package/lib/Drilldown/theme.js +51 -0
  35. package/lib/index.js +13 -0
  36. package/lib/package.json +1 -0
  37. package/package.json +58 -0
  38. package/src/Drilldown/DrilldownGroup/index.tsx +64 -0
  39. package/src/Drilldown/DrilldownGroup/props.ts +149 -0
  40. package/src/Drilldown/DrilldownLocator.ts +101 -0
  41. package/src/Drilldown/DrilldownOption/index.tsx +68 -0
  42. package/src/Drilldown/DrilldownOption/props.ts +224 -0
  43. package/src/Drilldown/DrilldownPage/index.tsx +58 -0
  44. package/src/Drilldown/DrilldownPage/props.ts +129 -0
  45. package/src/Drilldown/DrilldownSeparator/index.tsx +60 -0
  46. package/src/Drilldown/DrilldownSeparator/props.ts +65 -0
  47. package/src/Drilldown/README.md +1515 -0
  48. package/src/Drilldown/__examples__/Drilldown.examples.tsx +318 -0
  49. package/src/Drilldown/index.tsx +1492 -0
  50. package/src/Drilldown/locator.ts +28 -0
  51. package/src/Drilldown/props.ts +378 -0
  52. package/src/Drilldown/styles.ts +95 -0
  53. package/src/Drilldown/theme.ts +47 -0
  54. package/src/index.ts +26 -0
  55. package/tsconfig.build.json +30 -0
  56. package/tsconfig.build.tsbuildinfo +1 -0
  57. package/tsconfig.json +4 -0
  58. package/types/Drilldown/DrilldownGroup/index.d.ts +59 -0
  59. package/types/Drilldown/DrilldownGroup/index.d.ts.map +1 -0
  60. package/types/Drilldown/DrilldownGroup/props.d.ts +65 -0
  61. package/types/Drilldown/DrilldownGroup/props.d.ts.map +1 -0
  62. package/types/Drilldown/DrilldownLocator.d.ts +652 -0
  63. package/types/Drilldown/DrilldownLocator.d.ts.map +1 -0
  64. package/types/Drilldown/DrilldownOption/index.d.ts +134 -0
  65. package/types/Drilldown/DrilldownOption/index.d.ts.map +1 -0
  66. package/types/Drilldown/DrilldownOption/props.d.ts +116 -0
  67. package/types/Drilldown/DrilldownOption/props.d.ts.map +1 -0
  68. package/types/Drilldown/DrilldownPage/index.d.ts +45 -0
  69. package/types/Drilldown/DrilldownPage/index.d.ts.map +1 -0
  70. package/types/Drilldown/DrilldownPage/props.d.ts +51 -0
  71. package/types/Drilldown/DrilldownPage/props.d.ts.map +1 -0
  72. package/types/Drilldown/DrilldownSeparator/index.d.ts +27 -0
  73. package/types/Drilldown/DrilldownSeparator/index.d.ts.map +1 -0
  74. package/types/Drilldown/DrilldownSeparator/props.d.ts +18 -0
  75. package/types/Drilldown/DrilldownSeparator/props.d.ts.map +1 -0
  76. package/types/Drilldown/__examples__/Drilldown.examples.d.ts +5 -0
  77. package/types/Drilldown/__examples__/Drilldown.examples.d.ts.map +1 -0
  78. package/types/Drilldown/index.d.ts +246 -0
  79. package/types/Drilldown/index.d.ts.map +1 -0
  80. package/types/Drilldown/locator.d.ts +4 -0
  81. package/types/Drilldown/locator.d.ts.map +1 -0
  82. package/types/Drilldown/props.d.ts +189 -0
  83. package/types/Drilldown/props.d.ts.map +1 -0
  84. package/types/Drilldown/styles.d.ts +15 -0
  85. package/types/Drilldown/styles.d.ts.map +1 -0
  86. package/types/Drilldown/theme.d.ts +10 -0
  87. package/types/Drilldown/theme.d.ts.map +1 -0
  88. package/types/index.d.ts +3 -0
  89. package/types/index.d.ts.map +1 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DrilldownLocator.d.ts","sourceRoot":"","sources":["../../src/Drilldown/DrilldownLocator.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,134 @@
1
+ /** @jsx jsx */
2
+ import { Component } from 'react';
3
+ import type { DrilldownOptionProps } from './props';
4
+ /**
5
+ ---
6
+ parent: Drilldown
7
+ id: Drilldown.Option
8
+ ---
9
+ @module DrilldownOption
10
+ @tsProps
11
+ **/
12
+ declare class DrilldownOption extends Component<DrilldownOptionProps> {
13
+ static readonly componentId = "Drilldown.Option";
14
+ static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
15
+ id: string;
16
+ children?: import("react").ReactNode | ((props: {
17
+ id: string;
18
+ variant: "default" | "disabled" | "highlighted" | "highlighted-disabled" | undefined;
19
+ isSelected: boolean;
20
+ }) => import("react").ReactNode);
21
+ subPageId?: string | undefined;
22
+ disabled?: boolean | undefined;
23
+ value?: import("./props").DrilldownOptionValue;
24
+ href?: string | undefined;
25
+ as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
26
+ role?: string | undefined;
27
+ renderLabelInfo?: import("react").ReactNode | ((props: {
28
+ as: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
29
+ role: string | undefined;
30
+ variant: "default" | "disabled" | "highlighted" | "highlighted-disabled" | undefined;
31
+ vAlign: "start" | "center" | "end";
32
+ isSelected: boolean;
33
+ }) => import("react").ReactNode);
34
+ renderBeforeLabel?: import("react").ReactNode | ((props: {
35
+ as: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
36
+ role: string | undefined;
37
+ variant: "default" | "disabled" | "highlighted" | "highlighted-disabled" | undefined;
38
+ vAlign: "start" | "center" | "end";
39
+ isSelected: boolean;
40
+ }) => import("react").ReactNode);
41
+ renderAfterLabel?: import("react").ReactNode | ((props: {
42
+ as: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
43
+ role: string | undefined;
44
+ variant: "default" | "disabled" | "highlighted" | "highlighted-disabled" | undefined;
45
+ vAlign: "start" | "center" | "end";
46
+ isSelected: boolean;
47
+ }) => import("react").ReactNode);
48
+ beforeLabelContentVAlign?: ("start" | "center" | "end") | undefined;
49
+ afterLabelContentVAlign?: ("start" | "center" | "end") | undefined;
50
+ description?: import("react").ReactNode | (() => import("react").ReactNode);
51
+ descriptionRole?: string | undefined;
52
+ onOptionClick?: ((event: import("react").SyntheticEvent<Element, Event>, args: {
53
+ optionId: string;
54
+ drilldown: import("..").default;
55
+ pageHistory: string[];
56
+ goToPage: (pageId: string) => {
57
+ prevPageId: string;
58
+ newPageId: string;
59
+ } | undefined;
60
+ goToPreviousPage: () => {
61
+ prevPageId: string;
62
+ newPageId: string;
63
+ } | undefined;
64
+ }) => void) | undefined;
65
+ defaultSelected?: boolean | undefined;
66
+ elementRef?: ((element: Element | null) => void) | undefined;
67
+ }>;
68
+ static allowedProps: readonly (keyof {
69
+ id: string;
70
+ children?: import("react").ReactNode | ((props: {
71
+ id: string;
72
+ variant: "default" | "disabled" | "highlighted" | "highlighted-disabled" | undefined;
73
+ isSelected: boolean;
74
+ }) => import("react").ReactNode);
75
+ subPageId?: string | undefined;
76
+ disabled?: boolean | undefined;
77
+ value?: import("./props").DrilldownOptionValue;
78
+ href?: string | undefined;
79
+ as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
80
+ role?: string | undefined;
81
+ renderLabelInfo?: import("react").ReactNode | ((props: {
82
+ as: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
83
+ role: string | undefined;
84
+ variant: "default" | "disabled" | "highlighted" | "highlighted-disabled" | undefined;
85
+ vAlign: "start" | "center" | "end";
86
+ isSelected: boolean;
87
+ }) => import("react").ReactNode);
88
+ renderBeforeLabel?: import("react").ReactNode | ((props: {
89
+ as: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
90
+ role: string | undefined;
91
+ variant: "default" | "disabled" | "highlighted" | "highlighted-disabled" | undefined;
92
+ vAlign: "start" | "center" | "end";
93
+ isSelected: boolean;
94
+ }) => import("react").ReactNode);
95
+ renderAfterLabel?: import("react").ReactNode | ((props: {
96
+ as: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
97
+ role: string | undefined;
98
+ variant: "default" | "disabled" | "highlighted" | "highlighted-disabled" | undefined;
99
+ vAlign: "start" | "center" | "end";
100
+ isSelected: boolean;
101
+ }) => import("react").ReactNode);
102
+ beforeLabelContentVAlign?: ("start" | "center" | "end") | undefined;
103
+ afterLabelContentVAlign?: ("start" | "center" | "end") | undefined;
104
+ description?: import("react").ReactNode | (() => import("react").ReactNode);
105
+ descriptionRole?: string | undefined;
106
+ onOptionClick?: ((event: import("react").SyntheticEvent<Element, Event>, args: {
107
+ optionId: string;
108
+ drilldown: import("..").default;
109
+ pageHistory: string[];
110
+ goToPage: (pageId: string) => {
111
+ prevPageId: string;
112
+ newPageId: string;
113
+ } | undefined;
114
+ goToPreviousPage: () => {
115
+ prevPageId: string;
116
+ newPageId: string;
117
+ } | undefined;
118
+ }) => void) | undefined;
119
+ defaultSelected?: boolean | undefined;
120
+ elementRef?: ((element: Element | null) => void) | undefined;
121
+ })[];
122
+ static defaultProps: {
123
+ disabled: boolean;
124
+ beforeLabelContentVAlign: string;
125
+ afterLabelContentVAlign: string;
126
+ descriptionRole: string;
127
+ as: string;
128
+ role: string;
129
+ };
130
+ render(): null;
131
+ }
132
+ export default DrilldownOption;
133
+ export { DrilldownOption };
134
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Drilldown/DrilldownOption/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;;;;GAOG;AAGH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,sBAAqB;IAEhD,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAElC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,MAAM;CAKP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}
@@ -0,0 +1,116 @@
1
+ import React from 'react';
2
+ import type { OtherHTMLAttributes, PropValidators, OptionsItemTheme, AsElementType } from '@instructure/shared-types';
3
+ import type { WithStyleProps } from '@instructure/emotion';
4
+ import type { OptionsItemProps } from '@instructure/ui-options';
5
+ import Drilldown from '../index';
6
+ declare type DrilldownOptionValue = string | number | undefined;
7
+ declare type RenderContentVAlign = 'start' | 'center' | 'end';
8
+ declare type DrilldownOptionVariant = Exclude<OptionsItemProps['variant'], 'selected'>;
9
+ declare type RenderContentProps = {
10
+ as: DrilldownOptionOwnProps['as'];
11
+ role: DrilldownOptionOwnProps['role'];
12
+ variant: DrilldownOptionVariant;
13
+ vAlign: RenderContentVAlign;
14
+ isSelected: boolean;
15
+ };
16
+ declare type DrilldownOptionOwnProps = {
17
+ id: string;
18
+ /**
19
+ * Label of the Drilldown option.
20
+ */
21
+ children?: React.ReactNode | ((props: {
22
+ id: string;
23
+ variant: DrilldownOptionVariant;
24
+ isSelected: boolean;
25
+ }) => React.ReactNode);
26
+ /**
27
+ * The id of the sub-page the option navigates to.
28
+ */
29
+ subPageId?: string;
30
+ /**
31
+ * Is the option disabled.
32
+ */
33
+ disabled?: boolean;
34
+ /**
35
+ * The value of the option. Should be set for options in selectable groups.
36
+ */
37
+ value?: DrilldownOptionValue;
38
+ /**
39
+ * Providing href will render the option as `<a>`. Doesn't work, if subPageId is provided or is in a selectable group.
40
+ */
41
+ href?: string;
42
+ /**
43
+ * Element type to render as. Will be set to `<a>` if href is provided. If the parent is "ul" or "ol", the option is forced to be "li" element.
44
+ */
45
+ as?: AsElementType;
46
+ /**
47
+ * The ARIA role of the element
48
+ */
49
+ role?: string;
50
+ /**
51
+ * Info content to render after the label.
52
+ *
53
+ * If a function is provided, it has a `props` parameter.
54
+ */
55
+ renderLabelInfo?: React.ReactNode | ((props: RenderContentProps) => React.ReactNode);
56
+ /**
57
+ * Content to render before the label.
58
+ *
59
+ * If a function is provided, it has a `props` parameter.
60
+ */
61
+ renderBeforeLabel?: React.ReactNode | ((props: RenderContentProps) => React.ReactNode);
62
+ /**
63
+ * Content to render after the label.
64
+ *
65
+ * If a function is provided, it has a `props` parameter.
66
+ */
67
+ renderAfterLabel?: React.ReactNode | ((props: RenderContentProps) => React.ReactNode);
68
+ /**
69
+ * Sets the vAlign of renderBeforeLabel content
70
+ */
71
+ beforeLabelContentVAlign?: RenderContentVAlign;
72
+ /**
73
+ * Sets the vAlign of renderAfterLabel content and renderLabelInfo
74
+ */
75
+ afterLabelContentVAlign?: RenderContentVAlign;
76
+ /**
77
+ * Additional "secondary" description text
78
+ */
79
+ description?: React.ReactNode | (() => React.ReactNode);
80
+ /**
81
+ * The ARIA role of the description element
82
+ */
83
+ descriptionRole?: string;
84
+ /**
85
+ * Callback fired when the option is clicked.
86
+ */
87
+ onOptionClick?: (event: React.SyntheticEvent, args: {
88
+ optionId: string;
89
+ drilldown: Drilldown;
90
+ pageHistory: string[];
91
+ goToPage: (pageId: string) => {
92
+ prevPageId: string;
93
+ newPageId: string;
94
+ } | undefined;
95
+ goToPreviousPage: () => {
96
+ prevPageId: string;
97
+ newPageId: string;
98
+ } | undefined;
99
+ }) => void;
100
+ /**
101
+ * Whether the option is selected by default.
102
+ */
103
+ defaultSelected?: boolean;
104
+ /**
105
+ * Provides a reference to the underlying html root element
106
+ */
107
+ elementRef?: (element: Element | null) => void;
108
+ };
109
+ declare type PropKeys = keyof DrilldownOptionOwnProps;
110
+ declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
111
+ declare type DrilldownOptionProps = DrilldownOptionOwnProps & WithStyleProps<OptionsItemTheme, null> & OtherHTMLAttributes<DrilldownOptionOwnProps>;
112
+ declare const propTypes: PropValidators<PropKeys>;
113
+ declare const allowedProps: AllowedPropKeys;
114
+ export type { DrilldownOptionProps, DrilldownOptionValue };
115
+ export { propTypes, allowedProps };
116
+ //# sourceMappingURL=props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Drilldown/DrilldownOption/props.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,45 @@
1
+ /** @jsx jsx */
2
+ import { Component } from 'react';
3
+ import type { DrilldownPageProps } from './props';
4
+ /**
5
+ ---
6
+ parent: Drilldown
7
+ id: Drilldown.Page
8
+ ---
9
+ @module DrilldownPage
10
+ @tsProps
11
+ **/
12
+ declare class DrilldownPage extends Component<DrilldownPageProps> {
13
+ static readonly componentId = "Drilldown.Page";
14
+ static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
15
+ id: string;
16
+ children?: import("./props").PageChildren | import("./props").PageChildren[] | undefined;
17
+ renderTitle?: import("react").ReactNode | (() => import("react").ReactNode);
18
+ renderActionLabel?: import("react").ReactNode | (() => import("react").ReactNode);
19
+ renderBackButtonLabel?: import("react").ReactNode | ((prevPageTitle?: import("react").ReactNode) => import("react").ReactNode);
20
+ onHeaderActionClicked?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
21
+ onBackButtonClicked?: ((newPageId: string, prevPageId: string) => void) | undefined;
22
+ withoutHeaderSeparator?: boolean | undefined;
23
+ disabled?: boolean | undefined;
24
+ }>;
25
+ static allowedProps: readonly (keyof {
26
+ id: string;
27
+ children?: import("./props").PageChildren | import("./props").PageChildren[] | undefined;
28
+ renderTitle?: import("react").ReactNode | (() => import("react").ReactNode);
29
+ renderActionLabel?: import("react").ReactNode | (() => import("react").ReactNode);
30
+ renderBackButtonLabel?: import("react").ReactNode | ((prevPageTitle?: import("react").ReactNode) => import("react").ReactNode);
31
+ onHeaderActionClicked?: ((event: import("react").SyntheticEvent<Element, Event>) => void) | undefined;
32
+ onBackButtonClicked?: ((newPageId: string, prevPageId: string) => void) | undefined;
33
+ withoutHeaderSeparator?: boolean | undefined;
34
+ disabled?: boolean | undefined;
35
+ })[];
36
+ static defaultProps: {
37
+ renderBackButtonLabel: string;
38
+ disabled: boolean;
39
+ withoutHeaderSeparator: boolean;
40
+ };
41
+ render(): null;
42
+ }
43
+ export default DrilldownPage;
44
+ export { DrilldownPage };
45
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Drilldown/DrilldownPage/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;;;;GAOG;AACH,cAAM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;MAIlB;IAED,MAAM;CAKP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
@@ -0,0 +1,51 @@
1
+ import React from 'react';
2
+ import type { OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
3
+ import type { OptionChild, SeparatorChild, GroupChild } from '../props';
4
+ declare type PageChildren = GroupChild | OptionChild | SeparatorChild;
5
+ declare type DrilldownPageOwnProps = {
6
+ id: string;
7
+ /**
8
+ * Children of type:
9
+ * `<Drilldown.Option />`, `<Drilldown.Separator />`, `<Drilldown.Group />`
10
+ */
11
+ children?: PageChildren | PageChildren[];
12
+ /**
13
+ * The title of the page displayed in the header
14
+ */
15
+ renderTitle?: React.ReactNode | (() => React.ReactNode);
16
+ /**
17
+ * Label for the optional "action" option in the header (e.g.: "Select all")
18
+ */
19
+ renderActionLabel?: React.ReactNode | (() => React.ReactNode);
20
+ /**
21
+ * Label for the "back" navigation in the header.
22
+ *
23
+ * If a function is provided, the first parameter of the function
24
+ * is the title of the previous page.
25
+ */
26
+ renderBackButtonLabel?: React.ReactNode | ((prevPageTitle?: React.ReactNode) => React.ReactNode);
27
+ /**
28
+ * Callback fired when the "action" option is clicked in the header
29
+ */
30
+ onHeaderActionClicked?: (event: React.SyntheticEvent) => void;
31
+ /**
32
+ * Callback fired when the "back" navigation option is clicked in the header
33
+ */
34
+ onBackButtonClicked?: (newPageId: string, prevPageId: string) => void;
35
+ /**
36
+ * Hides the separator under the page header
37
+ */
38
+ withoutHeaderSeparator?: boolean;
39
+ /**
40
+ * Is the page disabled
41
+ */
42
+ disabled?: boolean;
43
+ };
44
+ declare type PropKeys = keyof DrilldownPageOwnProps;
45
+ declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
46
+ declare type DrilldownPageProps = DrilldownPageOwnProps & OtherHTMLAttributes<DrilldownPageOwnProps>;
47
+ declare const propTypes: PropValidators<PropKeys>;
48
+ declare const allowedProps: AllowedPropKeys;
49
+ export type { DrilldownPageProps, PageChildren };
50
+ export { propTypes, allowedProps };
51
+ //# sourceMappingURL=props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Drilldown/DrilldownPage/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAMlC,OAAO,KAAK,EAAE,WAAW,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAEvE,aAAK,YAAY,GAAG,UAAU,GAAG,WAAW,GAAG,cAAc,CAAA;AAE7D,aAAK,qBAAqB,GAAG;IAC3B,EAAE,EAAE,MAAM,CAAA;IAEV;;;OAGG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IAExC;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAEvD;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAE7D;;;;;OAKG;IACH,qBAAqB,CAAC,EACpB,KAAK,CAAC,SAAS,GACf,CAAC,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAExD;;OAEG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;IAE7D;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAErE;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAEhC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,kBAAkB,GAAG,qBAAqB,GAC7C,mBAAmB,CAAC,qBAAqB,CAAC,CAAA;AAE5C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAcvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAUnB,CAAA;AAED,YAAY,EAAE,kBAAkB,EAAE,YAAY,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1,27 @@
1
+ /** @jsx jsx */
2
+ import { Component } from 'react';
3
+ import type { DrilldownSeparatorProps } from './props';
4
+ /**
5
+ ---
6
+ parent: Drilldown
7
+ id: Drilldown.Separator
8
+ ---
9
+ @module DrilldownSeparator
10
+ @tsProps
11
+ **/
12
+ declare class DrilldownSeparator extends Component<DrilldownSeparatorProps> {
13
+ static readonly componentId = "Drilldown.Separator";
14
+ static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
15
+ id: string;
16
+ as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
17
+ }>;
18
+ static allowedProps: readonly (keyof {
19
+ id: string;
20
+ as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
21
+ })[];
22
+ static defaultProps: {};
23
+ render(): null;
24
+ }
25
+ export default DrilldownSeparator;
26
+ export { DrilldownSeparator };
27
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Drilldown/DrilldownSeparator/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAEtD;;;;;;;GAOG;AAGH,cACM,kBAAmB,SAAQ,SAAS,CAAC,uBAAuB,CAAC;IACjE,MAAM,CAAC,QAAQ,CAAC,WAAW,yBAAwB;IAEnD,MAAM,CAAC,SAAS;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;SAAe;IAClC,MAAM,CAAC,YAAY,KAAK;IAExB,MAAM;CAKP;AAED,eAAe,kBAAkB,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,CAAA"}
@@ -0,0 +1,18 @@
1
+ import type { OtherHTMLAttributes, PickPropsWithExceptions, PropValidators, AsElementType, OptionsSeparatorTheme } from '@instructure/shared-types';
2
+ import type { WithStyleProps } from '@instructure/emotion';
3
+ import type { OptionsSeparatorProps } from '@instructure/ui-options';
4
+ declare type DrilldownSeparatorOwnProps = {
5
+ id: string;
6
+ /**
7
+ * Element type to render as
8
+ */
9
+ as?: AsElementType;
10
+ };
11
+ declare type PropKeys = keyof DrilldownSeparatorOwnProps;
12
+ declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
13
+ declare type DrilldownSeparatorProps = PickPropsWithExceptions<OptionsSeparatorProps, 'as'> & DrilldownSeparatorOwnProps & WithStyleProps<OptionsSeparatorTheme, null> & OtherHTMLAttributes<DrilldownSeparatorOwnProps>;
14
+ declare const propTypes: PropValidators<PropKeys>;
15
+ declare const allowedProps: AllowedPropKeys;
16
+ export type { DrilldownSeparatorProps };
17
+ export { propTypes, allowedProps };
18
+ //# sourceMappingURL=props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Drilldown/DrilldownSeparator/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EACV,mBAAmB,EACnB,uBAAuB,EACvB,cAAc,EACd,aAAa,EACb,qBAAqB,EACtB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAEpE,aAAK,0BAA0B,GAAG;IAChC,EAAE,EAAE,MAAM,CAAA;IAEV;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,0BAA0B,CAAA;AAEhD,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,uBAAuB,GAE1B,uBAAuB,CAAC,qBAAqB,EAAE,IAAI,CAAC,GAClD,0BAA0B,GAC1B,cAAc,CAAC,qBAAqB,EAAE,IAAI,CAAC,GAC3C,mBAAmB,CAAC,0BAA0B,CAAC,CAAA;AAEnD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAA8B,CAAA;AAElD,YAAY,EAAE,uBAAuB,EAAE,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
@@ -0,0 +1,5 @@
1
+ import type { StoryConfig } from '@instructure/ui-test-utils';
2
+ import type { DrilldownProps } from '../props';
3
+ declare const _default: StoryConfig<DrilldownProps>;
4
+ export default _default;
5
+ //# sourceMappingURL=Drilldown.examples.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Drilldown.examples.d.ts","sourceRoot":"","sources":["../../../src/Drilldown/__examples__/Drilldown.examples.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAG7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;;AAW9C,wBA0LgC"}