@semiont/react-ui 0.2.35-build.100 → 0.2.35-build.101

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 (12) hide show
  1. package/dist/index.d.mts +6 -2
  2. package/dist/index.mjs +128 -124
  3. package/dist/index.mjs.map +1 -1
  4. package/package.json +1 -1
  5. package/src/features/admin-devops/components/AdminDevOpsPage.tsx +2 -1
  6. package/src/features/admin-security/components/AdminSecurityPage.tsx +2 -1
  7. package/src/features/admin-users/components/AdminUsersPage.tsx +2 -1
  8. package/src/features/moderate-entity-tags/components/EntityTagsPage.tsx +2 -1
  9. package/src/features/moderate-recent/components/RecentDocumentsPage.tsx +2 -1
  10. package/src/features/moderate-tag-schemas/components/TagSchemasPage.tsx +2 -1
  11. package/src/features/resource-compose/components/ResourceComposePage.tsx +2 -1
  12. package/src/features/resource-discovery/components/ResourceDiscoveryPage.tsx +2 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@semiont/react-ui",
3
- "version": "0.2.35-build.100",
3
+ "version": "0.2.35-build.101",
4
4
  "description": "React components and hooks for Semiont",
5
5
  "main": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.mts",
package/src/features/admin-devops/components/AdminDevOpsPage.tsx CHANGED
@@ -9,6 +9,7 @@ import React from 'react';
9
9
  import {
10
10
  CommandLineIcon
11
11
  } from '@heroicons/react/24/outline';
12
+ import { COMMON_PANELS, type ToolbarPanelType } from '../../../hooks/usePanelNavigation';
12
13
 
13
14
  export interface DevOpsFeature {
14
15
  title: string;
@@ -54,7 +55,7 @@ export function AdminDevOpsPage({
54
55
  Toolbar,
55
56
  }: AdminDevOpsPageProps) {
56
57
  return (
57
- <div className={`semiont-page${activePanel ? ' semiont-page--panel-open' : ''}`}>
58
+ <div className={`semiont-page${activePanel && COMMON_PANELS.includes(activePanel as ToolbarPanelType) ? ' semiont-page--panel-open' : ''}`}>
58
59
  {/* Main Content Area */}
59
60
  <div className="semiont-page__content">
60
61
  {/* Page Title */}
package/src/features/admin-security/components/AdminSecurityPage.tsx CHANGED
@@ -12,6 +12,7 @@ import {
12
12
  CheckCircleIcon,
13
13
  InformationCircleIcon
14
14
  } from '@heroicons/react/24/outline';
15
+ import { COMMON_PANELS, type ToolbarPanelType } from '../../../hooks/usePanelNavigation';
15
16
 
16
17
  export interface OAuthProvider {
17
18
  name: string;
@@ -67,7 +68,7 @@ export function AdminSecurityPage({
67
68
  Toolbar,
68
69
  }: AdminSecurityPageProps) {
69
70
  return (
70
- <div className={`semiont-page${activePanel ? ' semiont-page--panel-open' : ''}`}>
71
+ <div className={`semiont-page${activePanel && COMMON_PANELS.includes(activePanel as ToolbarPanelType) ? ' semiont-page--panel-open' : ''}`}>
71
72
  {/* Main Content Area */}
72
73
  <div className="semiont-page__content">
73
74
  <div className="semiont-page__sections">
package/src/features/admin-users/components/AdminUsersPage.tsx CHANGED
@@ -6,6 +6,7 @@
6
6
  */
7
7
 
8
8
  import React, { useState } from 'react';
9
+ import { COMMON_PANELS, type ToolbarPanelType } from '../../../hooks/usePanelNavigation';
9
10
  import {
10
11
  PlusIcon,
11
12
  MagnifyingGlassIcon,
@@ -235,7 +236,7 @@ export function AdminUsersPage({
235
236
  });
236
237
 
237
238
  return (
238
- <div className={`semiont-page${activePanel ? ' semiont-page--panel-open' : ''}`}>
239
+ <div className={`semiont-page${activePanel && COMMON_PANELS.includes(activePanel as ToolbarPanelType) ? ' semiont-page--panel-open' : ''}`}>
239
240
  {/* Main Content Area */}
240
241
  <div className="semiont-page__content">
241
242
  <div className="semiont-page__sections">
package/src/features/moderate-entity-tags/components/EntityTagsPage.tsx CHANGED
@@ -11,6 +11,7 @@ import {
11
11
  PlusIcon,
12
12
  ExclamationCircleIcon
13
13
  } from '@heroicons/react/24/outline';
14
+ import { COMMON_PANELS, type ToolbarPanelType } from '../../../hooks/usePanelNavigation';
14
15
 
15
16
  export interface EntityTagsPageProps {
16
17
  // Data props
@@ -69,7 +70,7 @@ export function EntityTagsPage({
69
70
  };
70
71
 
71
72
  return (
72
- <div className={`semiont-page${activePanel ? ' semiont-page--panel-open' : ''}`}>
73
+ <div className={`semiont-page${activePanel && COMMON_PANELS.includes(activePanel as ToolbarPanelType) ? ' semiont-page--panel-open' : ''}`}>
73
74
  {/* Main Content Area */}
74
75
  <div className="semiont-page__content">
75
76
  {/* Page Title */}
package/src/features/moderate-recent/components/RecentDocumentsPage.tsx CHANGED
@@ -7,6 +7,7 @@
7
7
 
8
8
  import React from 'react';
9
9
  import { ClockIcon } from '@heroicons/react/24/outline';
10
+ import { COMMON_PANELS, type ToolbarPanelType } from '../../../hooks/usePanelNavigation';
10
11
 
11
12
  export interface RecentDocumentsPageProps {
12
13
  // Data props
@@ -53,7 +54,7 @@ export function RecentDocumentsPage({
53
54
  }
54
55
 
55
56
  return (
56
- <div className={`semiont-page${activePanel ? ' semiont-page--panel-open' : ''}`}>
57
+ <div className={`semiont-page${activePanel && COMMON_PANELS.includes(activePanel as ToolbarPanelType) ? ' semiont-page--panel-open' : ''}`}>
57
58
  {/* Main Content Area */}
58
59
  <div className="semiont-page__content">
59
60
  {/* Page Title */}
package/src/features/moderate-tag-schemas/components/TagSchemasPage.tsx CHANGED
@@ -11,6 +11,7 @@ import {
11
11
  ScaleIcon,
12
12
  LightBulbIcon
13
13
  } from '@heroicons/react/24/outline';
14
+ import { COMMON_PANELS, type ToolbarPanelType } from '../../../hooks/usePanelNavigation';
14
15
  import type { TagSchema } from '@semiont/react-ui';
15
16
 
16
17
  export interface TagSchemasPageProps {
@@ -68,7 +69,7 @@ export function TagSchemasPage({
68
69
  }
69
70
 
70
71
  return (
71
- <div className={`semiont-page${activePanel ? ' semiont-page--panel-open' : ''}`}>
72
+ <div className={`semiont-page${activePanel && COMMON_PANELS.includes(activePanel as ToolbarPanelType) ? ' semiont-page--panel-open' : ''}`}>
72
73
  {/* Main Content Area */}
73
74
  <div className="semiont-page__content">
74
75
  {/* Page Title */}
package/src/features/resource-compose/components/ResourceComposePage.tsx CHANGED
@@ -9,6 +9,7 @@
9
9
  import React, { useState, useEffect } from 'react';
10
10
  import type { components } from '@semiont/core';
11
11
  import { isImageMimeType, isPdfMimeType, LOCALES } from '@semiont/api-client';
12
+ import { COMMON_PANELS, type ToolbarPanelType } from '../../../hooks/usePanelNavigation';
12
13
  import { buttonStyles } from '../../../lib/button-styles';
13
14
  import { CodeMirrorRenderer } from '../../../components/CodeMirrorRenderer';
14
15
  import { useFormAnnouncements } from '../../../components/LiveRegion';
@@ -254,7 +255,7 @@ export function ResourceComposePage({
254
255
  const isReferenceCompletion = mode === 'reference';
255
256
 
256
257
  return (
257
- <div className={`semiont-page${activePanel ? ' semiont-page--panel-open' : ''}`}>
258
+ <div className={`semiont-page${activePanel && COMMON_PANELS.includes(activePanel as ToolbarPanelType) ? ' semiont-page--panel-open' : ''}`}>
258
259
  {/* Main Content Area */}
259
260
  <div className="semiont-page__content semiont-page__compose">
260
261
  {/* Page Title */}
package/src/features/resource-discovery/components/ResourceDiscoveryPage.tsx CHANGED
@@ -8,6 +8,7 @@
8
8
  import React, { useState, useCallback, useRef } from 'react';
9
9
  import type { components } from '@semiont/core';
10
10
  import { getResourceId } from '@semiont/api-client';
11
+ import { COMMON_PANELS, type ToolbarPanelType } from '../../../hooks/usePanelNavigation';
11
12
  import { useRovingTabIndex } from '../../../hooks/useRovingTabIndex';
12
13
  import { Toolbar } from '../../../components/Toolbar';
13
14
  import { ResourceCard } from './ResourceCard';
@@ -129,7 +130,7 @@ export function ResourceDiscoveryPage({
129
130
  const showNoResultsWarning = hasSearchQuery && !hasSearchResults && !isSearching;
130
131
 
131
132
  return (
132
- <div className={`semiont-page${activePanel ? ' semiont-page--panel-open' : ''}`}>
133
+ <div className={`semiont-page${activePanel && COMMON_PANELS.includes(activePanel as ToolbarPanelType) ? ' semiont-page--panel-open' : ''}`}>
133
134
  {/* Main Content Area */}
134
135
  <div className="semiont-page__content">
135
136
  {/* Page Header */}