@byline/admin 4.11.0 → 4.11.1

package/src/fields/file/file-upload-field.tsx

@@ -27,7 +27,7 @@ import {
   type StoredFileValue,
 } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFormContext } from '../../forms/form-context'
 import styles from './file-upload-field.module.css'

package/src/fields/group/group-field.tsx

@@ -10,7 +10,7 @@ import { useMemo } from 'react'
 
 import type { Field, FieldAdminConfig, GroupField as GroupFieldType } from '@byline/core'
 import { ErrorText } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { sliceFieldAdmin } from '../../fields/field-admin'
 import { placeholderForField } from '../../fields/field-helpers'

package/src/fields/image/image-field.tsx

@@ -23,7 +23,7 @@ import {
   Label,
   LoaderRing,
 } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import {
   useFieldError,

package/src/fields/image/image-upload-field.tsx

@@ -27,7 +27,7 @@ import {
   type StoredFileValue,
 } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFormContext } from '../../forms/form-context'
 import styles from './image-upload-field.module.css'

package/src/fields/locale-badge.tsx

@@ -6,7 +6,7 @@
  * Copyright (c) Infonomic Company Limited
  */
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './locale-badge.module.css'
 

package/src/fields/relation/relation-display.tsx

@@ -7,7 +7,7 @@
  */
 
 import type { CollectionDefinition, ColumnDefinition } from '@byline/core'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './relation-display.module.css'
 

package/src/fields/relation/relation-field.tsx

@@ -25,7 +25,7 @@ import {
   IconButton,
   Label,
 } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFieldError, useFieldValue } from '../../forms/form-context'
 import styles from './relation-field.module.css'

package/src/fields/relation/relation-many-field.tsx

@@ -29,7 +29,7 @@ import {
   PlusIcon,
   useSortable,
 } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFieldError, useFieldValue, useFormContext } from '../../forms/form-context'
 import styles from './relation-field.module.css'

package/src/fields/relation/relation-picker.tsx

@@ -12,7 +12,7 @@ import type { CollectionAdminConfig, CollectionDefinition } from '@byline/core'
 import { getCollectionAdminConfig, resolveItemViewColumns } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
 import { Button, CheckIcon, LoaderRing, Modal, Search } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useBylineFieldServices } from '../field-services-context'
 import {

package/src/fields/relation/relation-summary.tsx

@@ -8,7 +8,7 @@
 
 import type { CollectionAdminConfig, CollectionDefinition } from '@byline/core'
 import { resolveItemViewColumns } from '@byline/core'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { PickerCell, resolveFallbackDisplayField, resolveRowLabel } from './relation-display'
 import styles from './relation-summary.module.css'

package/src/fields/select/select-field.tsx

@@ -8,7 +8,7 @@
 
 import type { SelectField as FieldType } from '@byline/core'
 import { ErrorText, Label, Select } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFieldError, useFieldValue, useIsDirty } from '../../forms/form-context'
 import styles from './select-field.module.css'

package/src/fields/sortable-item.tsx

@@ -10,7 +10,7 @@ import { type CSSProperties, type ReactNode, type Ref, useState } from 'react'
 
 import { useTranslation } from '@byline/i18n/react'
 import { ChevronDownIcon, GripperVerticalIcon, useSortable } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { DraggableContextMenu } from './draggable-context-menu'
 import styles from './sortable-item.module.css'

package/src/fields/text/text-field.tsx

@@ -10,7 +10,7 @@ import { useCallback } from 'react'
 
 import type { Field, FieldComponentSlots, TextField as FieldType } from '@byline/core'
 import { Input, Label } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFieldError, useFieldValue } from '../../forms/form-context'
 import { LocaleBadge } from '../locale-badge'

package/src/fields/text-area/text-area-field.tsx

@@ -10,7 +10,7 @@ import { useCallback } from 'react'
 
 import type { Field, FieldComponentSlots, TextAreaField as FieldType } from '@byline/core'
 import { Label, TextArea } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFieldError, useFieldValue } from '../../forms/form-context'
 import { LocaleBadge } from '../locale-badge'

package/src/forms/available-locales-widget.tsx

@@ -12,7 +12,7 @@ import { useCallback, useMemo } from 'react'
 
 import { useTranslation } from '@byline/i18n/react'
 import { Checkbox, Label } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { reconcileLocaleState } from './available-locales-reconcile'
 import styles from './available-locales-widget.module.css'

package/src/forms/document-actions.tsx

@@ -22,7 +22,7 @@ import {
   Modal,
   Select,
 } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './document-actions.module.css'
 import type { PublishedVersionInfo } from './form-renderer'

package/src/forms/form-modals.tsx

@@ -10,7 +10,7 @@
 
 import { useTranslation } from '@byline/i18n/react'
 import { Button, CloseIcon, IconButton, Modal } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './form-renderer.module.css'
 

package/src/forms/form-renderer.tsx

@@ -22,7 +22,7 @@ import { getClientConfig } from '@byline/core'
 import type { DocumentPatch } from '@byline/core/patches'
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, ComboButton } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { sliceFieldAdmin } from '../fields/field-admin'
 import { FieldRenderer } from '../fields/field-renderer'

package/src/forms/form-status-display.tsx

@@ -10,7 +10,7 @@
 
 import type { WorkflowStatus } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { LocalDateTime } from '../fields/local-date-time'
 import styles from './form-renderer.module.css'

package/src/forms/path-widget.tsx

@@ -14,7 +14,7 @@ import type { SlugifierFn } from '@byline/core'
 import { slugify } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
 import { Input, Label } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useFieldValue, useFormContext, useSystemPath } from './form-context'
 import styles from './path-widget.module.css'

package/src/forms/tree-placement-widget.tsx

@@ -13,7 +13,7 @@ import { useCallback, useEffect, useState } from 'react'
 import { getCollectionDefinition } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
 import { Button } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useBylineFieldServices } from '../fields/field-services-context.js'
 import { RelationPicker } from '../fields/relation/relation-picker.js'

package/src/modules/admin-account/components/change-password.tsx

@@ -31,7 +31,7 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 import { passwordSchema } from '@byline/core/validation'
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, InputPassword, LoaderEllipsis } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 import { z } from 'zod'
 
 import { translateValidationError } from '../../../lib/translate-validation-error.js'

package/src/modules/admin-account/components/container.tsx

@@ -30,7 +30,7 @@ import { useState } from 'react'
 import { LocalDateTime } from '@byline/admin/react'
 import { useTranslation } from '@byline/i18n/react'
 import { CloseIcon, Drawer, EditIcon, IconButton } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { ChangeAccountPassword } from './change-password.js'
 import styles from './container.module.css'

package/src/modules/admin-account/components/preferences.tsx

@@ -39,7 +39,7 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 import { getClientConfig } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, LoaderEllipsis, Select } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'

package/src/modules/admin-account/components/theme-switch.tsx

@@ -20,7 +20,7 @@ import { useEffect, useState } from 'react'
 
 import { useTranslation } from '@byline/i18n/react'
 import { ButtonGroup, ButtonGroupItem } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { getThemeMode, setThemeMode, type ThemeMode } from './theme.js'
 import styles from './theme-switch.module.css'

package/src/modules/admin-account/components/update.tsx

@@ -27,7 +27,7 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, Input, LoaderEllipsis } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'

package/src/modules/admin-permissions/components/inspector.tsx

@@ -30,7 +30,7 @@ import { useState } from 'react'
 
 import { useTranslation } from '@byline/i18n/react'
 import { Button, Container, LoaderRing, Section } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
 import styles from './inspector.module.css'

package/src/modules/admin-roles/components/create.tsx

@@ -22,7 +22,7 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, Input, LoaderEllipsis, TextArea } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'

package/src/modules/admin-roles/components/permissions.tsx

@@ -33,7 +33,7 @@ import { useMemo, useState } from 'react'
 
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, Checkbox, LoaderEllipsis } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
 import styles from './permissions.module.css'

package/src/modules/admin-roles/components/update.tsx

@@ -22,7 +22,7 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, Input, LoaderEllipsis, TextArea } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'

package/src/modules/admin-users/components/create.tsx

@@ -29,7 +29,7 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 import { passwordSchema } from '@byline/core/validation'
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, Checkbox, Input, LoaderEllipsis } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 import { z } from 'zod'
 
 import { translateValidationError } from '../../../lib/translate-validation-error.js'

package/src/modules/admin-users/components/roles.tsx

@@ -27,7 +27,7 @@ import { useState } from 'react'
 
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, Checkbox, LoaderEllipsis } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
 import styles from './roles.module.css'

package/src/modules/admin-users/components/set-password.tsx

@@ -27,7 +27,7 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 import { passwordSchema } from '@byline/core/validation'
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, InputPassword, LoaderEllipsis } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 import { z } from 'zod'
 
 import { translateValidationError } from '../../../lib/translate-validation-error.js'

package/src/modules/admin-users/components/update.tsx

@@ -25,7 +25,7 @@ import { revalidateLogic, useForm } from '@tanstack/react-form-start'
 
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, Checkbox, Input, LoaderEllipsis } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 import { z } from 'zod'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'

package/src/modules/auth/components/sign-in-form.tsx

@@ -28,7 +28,7 @@ import { type FormEvent, useState } from 'react'
 import { getClientConfig } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
 import { Alert, Button, Card, Input, LoaderEllipsis } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import { useBylineAdminServices } from '../../../services/admin-services-context.js'
 import { normalizeRootRelativeRedirect, resolveSignInFormRedirect } from '../safe-redirect.js'

package/src/presentation/group.tsx

@@ -8,7 +8,7 @@
 
 import type { ReactNode } from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './group.module.css'
 

package/src/presentation/row.tsx

@@ -8,7 +8,7 @@
 
 import type { ReactNode } from 'react'
 
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './row.module.css'
 

package/src/presentation/tabs.tsx

@@ -10,7 +10,7 @@
 
 import { useTranslation } from '@byline/i18n/react'
 import { Badge } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './tabs.module.css'
 

package/src/widgets/diff-viewer/diff-modal.tsx

@@ -12,7 +12,7 @@ import { useEffect, useState } from 'react'
 
 import { useTranslation } from '@byline/i18n/react'
 import { CloseIcon, IconButton, LoaderRing, Modal } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer-continued'
 
 import styles from './diff-modal.module.css'

package/src/widgets/source-locale-badge/source-locale-badge.tsx

@@ -7,7 +7,7 @@
  */
 
 import { Badge } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './source-locale-badge.module.css'
 

package/src/widgets/status-badge/status-badge.tsx

@@ -14,7 +14,7 @@ import {
 } from '@byline/core'
 import { useTranslation } from '@byline/i18n/react'
 import { Badge } from '@byline/ui/react'
-import cx from 'classnames'
+import cx from 'clsx'
 
 import styles from './status-badge.module.css'