Skip to content

Add folder access states, localized stories and accessible Tabs - #311

Merged
NathanVss merged 4 commits into
mainfrom
codex/ui-kit-sharing-preview-tabs
Oct 7, 2026
Merged

NathanVss merged 4 commits into
mainfrom
codex/ui-kit-sharing-preview-tabs

Conversation

@NathanVss

@NathanVss NathanVss commented Sep 22, 2026 •

Copy link
Copy Markdown
Collaborator

Add confirmation dialogs for restricting and reopening folder access, and split ShareModal into focused sections and hooks while preserving its extension points.

Show inaccessible folders in FilePreview without loading their content, with an optional access-request callback. Add a shared Storybook language selector for the five supported locales.

Update Tabs with default and line variants, controlled selection, accessible keyboard navigation, and responsive layouts. Breaking API change: CustomTabs is renamed to Tabs, and aria-label is now required.

Screenshots

Tabs — line variant with icons

Tabs component

Share modal — Restrict access option

Restrict access option in the share modal

FilePreview — restricted folder without access

Restricted-folder preview

Comment thread packages/ui-components/src/components/preview/FilePreview.tsx
Comment thread packages/ui-components/src/components/preview/icons/FileIcon.tsx Outdated
Comment thread packages/ui-components/src/components/tabs/Tabs.tsx Outdated
Comment thread packages/ui-components/src/components/tabs/index.scss
Comment thread packages/ui-components/src/components/share/modal/visibility.ts Outdated
Comment thread packages/ui-components/src/components/share/modal/ShareModal.tsx
Comment thread packages/ui-components/src/locales/en-US.json Outdated
Comment thread packages/ui-components/src/locales/en-US.json Outdated
Comment thread packages/ui-components/src/components/share/modal/ShareImportAction.tsx Outdated
Comment thread packages/ui-components/src/components/share/modal/ShareImportAction.tsx Outdated

@jbpenrath jbpenrath left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Last feedbacks then LGTM ✅

Comment thread packages/ui-components/src/components/tabs/index.scss Outdated
Comment thread packages/ui-components/src/components/share/modal/ShareModal.tsx Outdated
Explain inherited-access changes before applying restrictions while keeping
direct access intact. Separate search, import and section state so custom
renderers and pending searches remain reliable across modal interactions.
Keep inaccessible folders in the preview flow while preserving their full
names and existing navigation. Let consuming apps offer access requests
without closing the preview or taking ownership of request processing.
Support keyboard navigation, disabled and icon-only tabs, and responsive
layouts through a consistent Tabs API. Rename the CustomTabs export to Tabs
and require an accessible label for each tab group.
@NathanVss
NathanVss force-pushed the codex/ui-kit-sharing-preview-tabs branch from 270ad15 to 3b5e9d4 Compare October 7, 2026 08:21
- 484849f: Fix Modal layout issues: close button overlap with long titles,
  full-screen close button position, compact title tokens, dark theme tab
  item backgrounds
- Add accessible Tabs variants, folder access confirmation and denied
  preview
@NathanVss
NathanVss merged commit b32ebdb into main Oct 7, 2026
13 of 14 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants