@pantheon-systems/pds-toolkit-react 2.0.0-alpha.84 → 2.0.0-alpha.85
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/codemods/v1-to-v2/mappings.json +6 -0
- package/dist/components/Tooltip/Tooltip.d.ts +8 -1
- package/dist/components/icons/Icon/generated-icon-data.d.ts +9 -2
- package/dist/components/inputs/Datepicker/Datepicker.d.ts +16 -1
- package/dist/components/panels/WorkspaceSelectorPanel/WorkspaceSelectorPanel.d.ts +57 -0
- package/dist/css/component-css/pds-button.css +1 -1
- package/dist/css/component-css/pds-index.css +3 -3
- package/dist/css/component-css/pds-workspace-selector-panel.css +1 -0
- package/dist/css/component-css/pds-workspace-selector.css +1 -1
- package/dist/css/pds-components.css +3 -3
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1369 -1272
- package/dist/index.js.map +1 -1
- package/dist/index.source.d.ts +1 -0
- package/dist/libs/components/WorkspaceListItem/WorkspaceListItem.d.ts +40 -0
- package/dist/svg/folders.svg +3 -0
- package/package.json +1 -1
package/dist/index.source.d.ts
CHANGED
|
@@ -92,6 +92,7 @@ export * from './components/panels/PanelList/PanelList';
|
|
|
92
92
|
export * from './components/panels/PanelList/PanelRow';
|
|
93
93
|
export * from './components/panels/PanelStack/PanelStack';
|
|
94
94
|
export * from './components/panels/WidgetPanel/WidgetPanel';
|
|
95
|
+
export * from './components/panels/WorkspaceSelectorPanel/WorkspaceSelectorPanel';
|
|
95
96
|
export * from './components/PantheonLogo/PantheonLogo';
|
|
96
97
|
export * from './components/Popover/Popover';
|
|
97
98
|
export * from './components/progress-indicators/ProgressBar/ProgressBar';
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { AvatarProps } from '../../../components/identity/Avatar/Avatar';
|
|
3
|
+
import type { WorkspaceSelectorItem } from '../../../components/navigation/WorkspaceSelector/WorkspaceSelector';
|
|
4
|
+
import './workspace-list-item.css';
|
|
5
|
+
/**
|
|
6
|
+
* Prop types for WorkspaceListItem
|
|
7
|
+
*/
|
|
8
|
+
export interface WorkspaceListItemProps extends ComponentPropsWithoutRef<'div'> {
|
|
9
|
+
/**
|
|
10
|
+
* Avatar size -- callers pick the size that matches their own item
|
|
11
|
+
* density (e.g. a compact dropdown vs. a roomier embedded list).
|
|
12
|
+
* @default 'm'
|
|
13
|
+
*/
|
|
14
|
+
avatarSize?: AvatarProps['size'];
|
|
15
|
+
/**
|
|
16
|
+
* Additional class names
|
|
17
|
+
*/
|
|
18
|
+
className?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Shows the active-workspace check mark when `workspace.isActive` is
|
|
21
|
+
* set. Only meaningful for a component with a concept of "the workspace
|
|
22
|
+
* I'm currently in" (e.g. `WorkspaceSelector`'s dropdown) -- a
|
|
23
|
+
* homepage-only embedded list never has one, since selecting an item
|
|
24
|
+
* always navigates away rather than reflecting a current page.
|
|
25
|
+
* @default true
|
|
26
|
+
*/
|
|
27
|
+
showActiveState?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Workspace to render.
|
|
30
|
+
*/
|
|
31
|
+
workspace: WorkspaceSelectorItem;
|
|
32
|
+
}
|
|
33
|
+
/**
|
|
34
|
+
* Shared avatar/name/status markup for a single workspace, used by both
|
|
35
|
+
* `WorkspaceSelector` (dropdown menu item) and `WorkspaceSelectorPanel`
|
|
36
|
+
* (embedded list item). Intentionally has no interactive wrapper, list
|
|
37
|
+
* semantics, or ARIA role of its own -- each caller owns those, since the
|
|
38
|
+
* two components' items differ (menuitem vs. plain list item).
|
|
39
|
+
*/
|
|
40
|
+
export declare const WorkspaceListItem: ({ avatarSize, className, showActiveState, workspace, ...props }: WorkspaceListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512" fill="currentColor" aria-hidden="true" focusable="false" role="img">
|
|
2
|
+
<path d="M512 336l-352 0c-8.8 0-16-7.2-16-16l0-256c0-8.8 7.2-16 16-16l117.5 0c4.2 0 8.3 1.7 11.3 4.7l35.9 35.9c15 15 35.4 23.4 56.6 23.4L512 112c8.8 0 16 7.2 16 16l0 192c0 8.8-7.2 16-16 16zM160 384l352 0c35.3 0 64-28.7 64-64l0-192c0-35.3-28.7-64-64-64L381.3 64c-8.5 0-16.6-3.4-22.6-9.4L322.7 18.7C310.7 6.7 294.5 0 277.5 0L160 0C124.7 0 96 28.7 96 64l0 256c0 35.3 28.7 64 64 64zM48 120c0-13.3-10.7-24-24-24S0 106.7 0 120L0 416c0 35.3 28.7 64 64 64l392 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L64 432c-8.8 0-16-7.2-16-16l0-296z"/>
|
|
3
|
+
</svg>
|
package/package.json
CHANGED