@instructure/ui-navigation 8.56.0 → 9.0.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.
Files changed (70) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +2 -23
  3. package/es/index.js +1 -2
  4. package/lib/index.js +1 -14
  5. package/package.json +24 -24
  6. package/src/index.ts +0 -3
  7. package/tsconfig.build.tsbuildinfo +1 -1
  8. package/types/index.d.ts +0 -3
  9. package/types/index.d.ts.map +1 -1
  10. package/es/Navigation/NavigationItem/NavigationItemLocator.js +0 -33
  11. package/es/Navigation/NavigationItem/index.js +0 -106
  12. package/es/Navigation/NavigationItem/locator.js +0 -26
  13. package/es/Navigation/NavigationItem/props.js +0 -36
  14. package/es/Navigation/NavigationItem/styles.js +0 -93
  15. package/es/Navigation/NavigationItem/theme.js +0 -73
  16. package/es/Navigation/NavigationLocator.js +0 -37
  17. package/es/Navigation/index.js +0 -129
  18. package/es/Navigation/locator.js +0 -27
  19. package/es/Navigation/props.js +0 -42
  20. package/es/Navigation/styles.js +0 -77
  21. package/es/Navigation/theme.js +0 -61
  22. package/lib/Navigation/NavigationItem/NavigationItemLocator.js +0 -40
  23. package/lib/Navigation/NavigationItem/index.js +0 -112
  24. package/lib/Navigation/NavigationItem/locator.js +0 -37
  25. package/lib/Navigation/NavigationItem/props.js +0 -43
  26. package/lib/Navigation/NavigationItem/styles.js +0 -99
  27. package/lib/Navigation/NavigationItem/theme.js +0 -79
  28. package/lib/Navigation/NavigationLocator.js +0 -48
  29. package/lib/Navigation/index.js +0 -145
  30. package/lib/Navigation/locator.js +0 -43
  31. package/lib/Navigation/props.js +0 -49
  32. package/lib/Navigation/styles.js +0 -83
  33. package/lib/Navigation/theme.js +0 -67
  34. package/src/Navigation/NavigationItem/NavigationItemLocator.ts +0 -34
  35. package/src/Navigation/NavigationItem/index.tsx +0 -117
  36. package/src/Navigation/NavigationItem/locator.ts +0 -27
  37. package/src/Navigation/NavigationItem/props.ts +0 -102
  38. package/src/Navigation/NavigationItem/styles.ts +0 -103
  39. package/src/Navigation/NavigationItem/theme.ts +0 -82
  40. package/src/Navigation/NavigationLocator.ts +0 -40
  41. package/src/Navigation/README.md +0 -85
  42. package/src/Navigation/index.tsx +0 -168
  43. package/src/Navigation/locator.ts +0 -29
  44. package/src/Navigation/props.ts +0 -118
  45. package/src/Navigation/styles.ts +0 -83
  46. package/src/Navigation/theme.ts +0 -66
  47. package/types/Navigation/NavigationItem/NavigationItemLocator.d.ts +0 -576
  48. package/types/Navigation/NavigationItem/NavigationItemLocator.d.ts.map +0 -1
  49. package/types/Navigation/NavigationItem/index.d.ts +0 -47
  50. package/types/Navigation/NavigationItem/index.d.ts.map +0 -1
  51. package/types/Navigation/NavigationItem/locator.d.ts +0 -4
  52. package/types/Navigation/NavigationItem/locator.d.ts.map +0 -1
  53. package/types/Navigation/NavigationItem/props.d.ts +0 -46
  54. package/types/Navigation/NavigationItem/props.d.ts.map +0 -1
  55. package/types/Navigation/NavigationItem/styles.d.ts +0 -15
  56. package/types/Navigation/NavigationItem/styles.d.ts.map +0 -1
  57. package/types/Navigation/NavigationItem/theme.d.ts +0 -10
  58. package/types/Navigation/NavigationItem/theme.d.ts.map +0 -1
  59. package/types/Navigation/NavigationLocator.d.ts +0 -1983
  60. package/types/Navigation/NavigationLocator.d.ts.map +0 -1
  61. package/types/Navigation/index.d.ts +0 -58
  62. package/types/Navigation/index.d.ts.map +0 -1
  63. package/types/Navigation/locator.d.ts +0 -5
  64. package/types/Navigation/locator.d.ts.map +0 -1
  65. package/types/Navigation/props.d.ts +0 -49
  66. package/types/Navigation/props.d.ts.map +0 -1
  67. package/types/Navigation/styles.d.ts +0 -15
  68. package/types/Navigation/styles.d.ts.map +0 -1
  69. package/types/Navigation/theme.d.ts +0 -10
  70. package/types/Navigation/theme.d.ts.map +0 -1
@@ -1 +0,0 @@
1
- {"version":3,"file":"NavigationLocator.d.ts","sourceRoot":"","sources":["../../src/Navigation/NavigationLocator.ts"],"names":[],"mappings":"AA0BA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAA;AAE9E,OAAO,EAAE,qBAAqB,EAAE,CAAA;AAGhC,eAAO,MAAM,iBAAiB;;gCACJ,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAIT,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAJD,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAIT,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAJD,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAIT,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAJD,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAIT,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gCAJD,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4BAIT,GAAG,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;2JAGzB,CAAA"}
@@ -1,58 +0,0 @@
1
- /** @jsx jsx */
2
- import React, { Component } from 'react';
3
- import { jsx } from '@instructure/emotion';
4
- import { NavigationItem } from './NavigationItem';
5
- import type { NavigationProps, NavigationState } from './props';
6
- /**
7
- ---
8
- category: components/deprecated
9
- ---
10
- **/
11
- declare class Navigation extends Component<NavigationProps, NavigationState> {
12
- static readonly componentId = "Navigation";
13
- static allowedProps: readonly (keyof {
14
- minimized?: boolean | undefined;
15
- defaultMinimized?: boolean | undefined;
16
- onMinimized?: ((event: React.SyntheticEvent<Element, Event>, minimized: boolean) => void) | undefined;
17
- label: string;
18
- toggleLabel: {
19
- expandedLabel?: string | undefined;
20
- minimizedLabel?: string | undefined;
21
- };
22
- href?: string | undefined;
23
- onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
24
- children?: React.ReactNode;
25
- })[];
26
- static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
27
- minimized?: boolean | undefined;
28
- defaultMinimized?: boolean | undefined;
29
- onMinimized?: ((event: React.SyntheticEvent<Element, Event>, minimized: boolean) => void) | undefined;
30
- label: string;
31
- toggleLabel: {
32
- expandedLabel?: string | undefined;
33
- minimizedLabel?: string | undefined;
34
- };
35
- href?: string | undefined;
36
- onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
37
- children?: React.ReactNode;
38
- }>;
39
- static defaultProps: {
40
- children: null;
41
- defaultMinimized: boolean;
42
- onClick: (_e: React.MouseEvent) => void;
43
- };
44
- static Item: typeof NavigationItem;
45
- ref: Element | null;
46
- constructor(props: NavigationProps);
47
- componentDidMount(): void;
48
- componentDidUpdate(): void;
49
- get minimized(): boolean;
50
- isControlled(props?: Readonly<NavigationProps>): boolean;
51
- handleNavToggle: (event: React.SyntheticEvent) => void;
52
- renderChildren(): jsx.JSX.Element[] | null | undefined;
53
- toggleMessage(): string | undefined;
54
- render(): jsx.JSX.Element;
55
- }
56
- export default Navigation;
57
- export { Navigation, NavigationItem };
58
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Navigation/index.tsx"],"names":[],"mappings":"AAuBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAWhE,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAIjD,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAO/D;;;;GAIG;AAEH,cAOM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAClE,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAE5B,MAAM,CAAC,YAAY;;;sBAIM,gBAAgB;MACxC;IAED,MAAM,CAAC,IAAI,wBAAiB;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;gBAEd,KAAK,EAAE,eAAe;IAUlC,iBAAiB;IAIjB,kBAAkB;IAIlB,IAAI,SAAS,YAKZ;IAED,YAAY,CAAC,KAAK,4BAAa;IAI/B,eAAe,UAAW,MAAM,cAAc,UAO7C;IAED,cAAc;IASd,aAAa;IAMb,MAAM;CAiCP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}
@@ -1,5 +0,0 @@
1
- import { NavigationLocator } from './NavigationLocator';
2
- export { NavigationItemLocator } from './NavigationLocator';
3
- export { NavigationLocator };
4
- export default NavigationLocator;
5
- //# sourceMappingURL=locator.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"locator.d.ts","sourceRoot":"","sources":["../../src/Navigation/locator.ts"],"names":[],"mappings":"AAuBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAE3D,OAAO,EAAE,iBAAiB,EAAE,CAAA;AAC5B,eAAe,iBAAiB,CAAA"}
@@ -1,49 +0,0 @@
1
- import React from 'react';
2
- import type { PropValidators, NavigationTheme, OtherHTMLAttributes } from '@instructure/shared-types';
3
- import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
4
- type NavigationOwnProps = {
5
- /**
6
- * When minimized is set to true, the `<Navigation />` shows icons only while the text becomes a tooltip. When it is set to false, the `<Navigation />` shows text in addition to the icons
7
- */
8
- minimized?: boolean;
9
- /**
10
- * Whether the `<Navigation />` is initially minimized (uncontrolled)
11
- */
12
- defaultMinimized?: boolean;
13
- onMinimized?: (event: React.SyntheticEvent, minimized: boolean) => void;
14
- /**
15
- * Screen reader label for the main Navigation
16
- */
17
- label: string;
18
- /**
19
- * Screen reader label for the toggle button expanded/minimized state
20
- */
21
- toggleLabel: {
22
- expandedLabel?: string;
23
- minimizedLabel?: string;
24
- };
25
- /**
26
- * If the `<Navigation.Item>` goes to a new page, pass an href
27
- */
28
- href?: string;
29
- /**
30
- * If the `<Navigation.Item>` does not go to a new page pass an onClick
31
- */
32
- onClick?: (event: React.MouseEvent) => void;
33
- /**
34
- * children of type Navigation.Item
35
- */
36
- children?: React.ReactNode;
37
- };
38
- type NavigationState = {
39
- minimized: boolean;
40
- };
41
- type PropKeys = keyof NavigationOwnProps;
42
- type AllowedPropKeys = Readonly<Array<PropKeys>>;
43
- type NavigationProps = NavigationOwnProps & WithStyleProps<NavigationTheme, NavigationStyle> & OtherHTMLAttributes<NavigationOwnProps>;
44
- type NavigationStyle = ComponentStyle<'navigation' | 'list' | 'content' | 'toggle' | 'toggleIcon'>;
45
- declare const propTypes: PropValidators<PropKeys>;
46
- declare const allowedProps: AllowedPropKeys;
47
- export type { NavigationProps, NavigationState, NavigationStyle };
48
- export { propTypes, allowedProps };
49
- //# sourceMappingURL=props.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Navigation/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAUzB,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,EAAE,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACvE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,WAAW,EAAE;QACX,aAAa,CAAC,EAAE,MAAM,CAAA;QACtB,cAAc,CAAC,EAAE,MAAM,CAAA;KACxB,CAAA;IACD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,KAAK,eAAe,GAAG;IACrB,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,GAChD,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,KAAK,eAAe,GAAG,cAAc,CACnC,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,YAAY,CAC5D,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAYvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AACjE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
@@ -1,15 +0,0 @@
1
- import type { NavigationTheme } from '@instructure/shared-types';
2
- import type { NavigationProps, NavigationState, NavigationStyle } from './props';
3
- /**
4
- * ---
5
- * private: true
6
- * ---
7
- * Generates the style object from the theme and provided additional information
8
- * @param {Object} componentTheme The theme variable object.
9
- * @param {Object} props the props of the component, the style is applied to
10
- * @param {Object} state the state of the component, the style is applied to
11
- * @return {Object} The final style object, which will be used in the component
12
- */
13
- declare const generateStyle: (componentTheme: NavigationTheme, props: NavigationProps, state: NavigationState) => NavigationStyle;
14
- export default generateStyle;
15
- //# sourceMappingURL=styles.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Navigation/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEhF;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,eAAe,SAExB,eAAe,SACf,eAAe,KACrB,eAsCF,CAAA;AAED,eAAe,aAAa,CAAA"}
@@ -1,10 +0,0 @@
1
- import type { Theme } from '@instructure/ui-themes';
2
- import { NavigationTheme } from '@instructure/shared-types';
3
- /**
4
- * Generates the theme object for the component from the theme and provided additional information
5
- * @param {Object} theme The actual theme object.
6
- * @return {Object} The final theme object with the overrides and component variables
7
- */
8
- declare const generateComponentTheme: (theme: Theme) => NavigationTheme;
9
- export default generateComponentTheme;
10
- //# sourceMappingURL=theme.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/Navigation/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAE3D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,eA+B9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}