@byline/host-tanstack-start 4.11.0 → 4.11.1

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 (59) hide show
  1. package/dist/admin-shell/admin-activity/list.js +12 -12
  2. package/dist/admin-shell/admin-roles/container.js +17 -17
  3. package/dist/admin-shell/admin-roles/delete.js +9 -9
  4. package/dist/admin-shell/admin-roles/list.js +21 -21
  5. package/dist/admin-shell/admin-users/container.js +28 -28
  6. package/dist/admin-shell/admin-users/delete.js +9 -9
  7. package/dist/admin-shell/admin-users/list.js +17 -17
  8. package/dist/admin-shell/chrome/admin-app-bar.js +6 -6
  9. package/dist/admin-shell/chrome/admin-drawer-toggle.js +3 -3
  10. package/dist/admin-shell/chrome/admin-menu-drawer.js +4 -4
  11. package/dist/admin-shell/chrome/branding.js +3 -3
  12. package/dist/admin-shell/chrome/breadcrumbs/breadcrumbs.js +18 -18
  13. package/dist/admin-shell/chrome/content.js +2 -2
  14. package/dist/admin-shell/chrome/dashboard.js +12 -12
  15. package/dist/admin-shell/chrome/hamburger.js +3 -3
  16. package/dist/admin-shell/chrome/preview-toggle.js +2 -2
  17. package/dist/admin-shell/chrome/route-error.js +16 -16
  18. package/dist/admin-shell/chrome/route-progress-bar.js +2 -2
  19. package/dist/admin-shell/chrome/sign-in-page.js +4 -4
  20. package/dist/admin-shell/chrome/th-sortable.js +5 -5
  21. package/dist/admin-shell/collections/api.js +6 -6
  22. package/dist/admin-shell/collections/document-history.js +8 -8
  23. package/dist/admin-shell/collections/history.js +25 -25
  24. package/dist/admin-shell/collections/list.js +17 -17
  25. package/dist/admin-shell/collections/preview-link.js +2 -2
  26. package/dist/admin-shell/collections/restore-version-modal.js +10 -10
  27. package/dist/admin-shell/collections/tree-list.js +13 -13
  28. package/dist/admin-shell/collections/view-menu.js +11 -11
  29. package/dist/routes/create-admin-layout-route.js +2 -2
  30. package/package.json +9 -9
  31. package/src/admin-shell/admin-activity/list.tsx +1 -1
  32. package/src/admin-shell/admin-roles/container.tsx +1 -1
  33. package/src/admin-shell/admin-roles/delete.tsx +1 -1
  34. package/src/admin-shell/admin-roles/list.tsx +1 -1
  35. package/src/admin-shell/admin-users/container.tsx +1 -1
  36. package/src/admin-shell/admin-users/delete.tsx +1 -1
  37. package/src/admin-shell/admin-users/list.tsx +1 -1
  38. package/src/admin-shell/chrome/admin-app-bar.tsx +1 -1
  39. package/src/admin-shell/chrome/admin-drawer-toggle.tsx +1 -1
  40. package/src/admin-shell/chrome/admin-menu-drawer.tsx +1 -1
  41. package/src/admin-shell/chrome/branding.tsx +1 -1
  42. package/src/admin-shell/chrome/breadcrumbs/breadcrumbs.tsx +1 -1
  43. package/src/admin-shell/chrome/content.tsx +1 -1
  44. package/src/admin-shell/chrome/dashboard.tsx +1 -1
  45. package/src/admin-shell/chrome/hamburger.tsx +1 -1
  46. package/src/admin-shell/chrome/preview-toggle.tsx +1 -1
  47. package/src/admin-shell/chrome/route-error.tsx +1 -1
  48. package/src/admin-shell/chrome/route-progress-bar.tsx +1 -1
  49. package/src/admin-shell/chrome/sign-in-page.tsx +1 -1
  50. package/src/admin-shell/chrome/th-sortable.tsx +1 -1
  51. package/src/admin-shell/collections/api.tsx +1 -1
  52. package/src/admin-shell/collections/document-history.tsx +1 -1
  53. package/src/admin-shell/collections/history.tsx +1 -1
  54. package/src/admin-shell/collections/list.tsx +1 -1
  55. package/src/admin-shell/collections/preview-link.tsx +1 -1
  56. package/src/admin-shell/collections/restore-version-modal.tsx +1 -1
  57. package/src/admin-shell/collections/tree-list.tsx +1 -1
  58. package/src/admin-shell/collections/view-menu.tsx +1 -1
  59. package/src/routes/create-admin-layout-route.tsx +1 -1
package/dist/admin-shell/collections/history.js CHANGED
@@ -5,7 +5,7 @@ import { AdminTabs, StatusBadge, renderFormatted } from "@byline/admin/react";
5
5
  import { useBylineAdminServices } from "@byline/admin/services";
6
6
  import { useTranslation } from "@byline/i18n/react";
7
7
  import { Button, CloseIcon, Container, IconButton, Modal, Section, Select, Table } from "@byline/ui/react";
8
- import classnames from "classnames";
8
+ import clsx from "clsx";
9
9
  import { getAdminRouteId, getAdminRoutePath } from "../../routes/admin-path.js";
10
10
  import { Link, useNavigate } from "../chrome/loose-router.js";
11
11
  import { RouterPager } from "../chrome/router-pager.js";
@@ -33,7 +33,7 @@ function resolveDisplayValue(value, locale, defaultContentLocale) {
33
33
  }
34
34
  function Stats({ total }) {
35
35
  return /*#__PURE__*/ jsx("span", {
36
- className: classnames('byline-coll-history-stats', history_module.stats),
36
+ className: clsx('byline-coll-history-stats', history_module.stats),
37
37
  children: formatNumber(total, 0)
38
38
  });
39
39
  }
@@ -41,7 +41,7 @@ function padRows(value) {
41
41
  return Array.from({
42
42
  length: value
43
43
  }).map((_, index)=>/*#__PURE__*/ jsx("div", {
44
- className: classnames('byline-coll-history-pad-row', history_module.padRow),
44
+ className: clsx('byline-coll-history-pad-row', history_module.padRow),
45
45
  children: "\xa0"
46
46
  }, `empty-row-${index}`));
47
47
  }
@@ -104,10 +104,10 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
104
104
  children: /*#__PURE__*/ jsxs(Container, {
105
105
  children: [
106
106
  /*#__PURE__*/ jsxs("div", {
107
- className: classnames('byline-coll-history-head', history_module.head),
107
+ className: clsx('byline-coll-history-head', history_module.head),
108
108
  children: [
109
109
  /*#__PURE__*/ jsxs("h2", {
110
- className: classnames('byline-coll-history-title', history_module.title),
110
+ className: clsx('byline-coll-history-title', history_module.title),
111
111
  children: [
112
112
  t('collections.history.title', {
113
113
  label: labels.singular
@@ -141,7 +141,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
141
141
  ],
142
142
  activeTab: activeTab,
143
143
  onChange: handleTabChange,
144
- className: classnames('byline-coll-history-tabs', history_module.tabs)
144
+ className: clsx('byline-coll-history-tabs', history_module.tabs)
145
145
  })
146
146
  ]
147
147
  })
@@ -161,7 +161,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
161
161
  children: /*#__PURE__*/ jsxs(Container, {
162
162
  children: [
163
163
  /*#__PURE__*/ jsx("div", {
164
- className: classnames('byline-coll-history-options', history_module.options),
164
+ className: clsx('byline-coll-history-options', history_module.options),
165
165
  children: /*#__PURE__*/ jsx(RouterPager, {
166
166
  page: data?.meta.page,
167
167
  count: data?.meta.totalPages,
@@ -172,7 +172,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
172
172
  })
173
173
  }),
174
174
  /*#__PURE__*/ jsxs(Table.Container, {
175
- className: classnames('byline-coll-history-table-wrap', history_module.tableWrap),
175
+ className: clsx('byline-coll-history-table-wrap', history_module.tableWrap),
176
176
  children: [
177
177
  /*#__PURE__*/ jsxs(Table, {
178
178
  children: [
@@ -181,7 +181,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
181
181
  children: [
182
182
  /*#__PURE__*/ jsx("th", {
183
183
  scope: "col",
184
- className: classnames('byline-coll-history-col-version', history_module.colVersion)
184
+ className: clsx('byline-coll-history-col-version', history_module.colVersion)
185
185
  }),
186
186
  columns.flatMap((column)=>{
187
187
  const cell = /*#__PURE__*/ jsx(TableHeadingCellSortable, {
@@ -196,7 +196,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
196
196
  cell,
197
197
  /*#__PURE__*/ jsx("th", {
198
198
  scope: "col",
199
- className: classnames('byline-coll-history-col-restore', history_module.colRestore)
199
+ className: clsx('byline-coll-history-col-restore', history_module.colRestore)
200
200
  }, "__restore")
201
201
  ];
202
202
  return [
@@ -218,17 +218,17 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
218
218
  return /*#__PURE__*/ jsxs(external_react_Fragment, {
219
219
  children: [
220
220
  /*#__PURE__*/ jsxs(Table.Row, {
221
- className: classnames('byline-coll-history-row', history_module.historyRow),
221
+ className: clsx('byline-coll-history-row', history_module.historyRow),
222
222
  children: [
223
223
  /*#__PURE__*/ jsx(Table.Cell, {
224
- className: classnames('byline-coll-history-version-cell', history_module.versionCell),
224
+ className: clsx('byline-coll-history-version-cell', history_module.versionCell),
225
225
  children: versionId && currentDocument ? /*#__PURE__*/ jsx(IconButton, {
226
226
  size: "xs",
227
227
  variant: "outlined",
228
228
  intent: "noeffect",
229
229
  "aria-label": t('collections.history.compareAriaLabel'),
230
230
  title: t('collections.history.compareTitle'),
231
- className: classnames('byline-coll-history-version-button', history_module.versionButton),
231
+ className: clsx('byline-coll-history-version-button', history_module.versionButton),
232
232
  onClick: ()=>setSelectedVersion({
233
233
  versionId,
234
234
  label: new Date(document.createdAt).toLocaleString()
@@ -238,7 +238,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
238
238
  }),
239
239
  columns.flatMap((column)=>{
240
240
  const dataCell = /*#__PURE__*/ jsx(Table.Cell, {
241
- className: classnames({
241
+ className: clsx({
242
242
  'byline-coll-history-cell-right': 'right' === column.align,
243
243
  [history_module.cellRight]: 'right' === column.align,
244
244
  'byline-coll-history-cell-center': 'center' === column.align,
@@ -246,7 +246,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
246
246
  }),
247
247
  children: null != titleFieldName && column.fieldName === titleFieldName ? versionId && currentDocument ? /*#__PURE__*/ jsx("button", {
248
248
  type: "button",
249
- className: classnames('byline-coll-history-title-button', history_module.titleButton),
249
+ className: clsx('byline-coll-history-title-button', history_module.titleButton),
250
250
  onClick: ()=>setSelectedVersion({
251
251
  versionId,
252
252
  label: new Date(document.createdAt).toLocaleString()
@@ -267,7 +267,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
267
267
  if (null != titleFieldName && column.fieldName === titleFieldName) return [
268
268
  dataCell,
269
269
  /*#__PURE__*/ jsx(Table.Cell, {
270
- className: classnames('byline-coll-history-restore-cell', history_module.restoreCell),
270
+ className: clsx('byline-coll-history-restore-cell', history_module.restoreCell),
271
271
  children: versionId && versionId !== currentVersionId ? /*#__PURE__*/ jsx(Button, {
272
272
  type: "button",
273
273
  variant: "outlined",
@@ -278,7 +278,7 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
278
278
  label: new Date(document.createdAt).toLocaleString(),
279
279
  versionNumber
280
280
  }),
281
- className: classnames('byline-coll-history-restore-button', history_module.restoreButton),
281
+ className: clsx('byline-coll-history-restore-button', history_module.restoreButton),
282
282
  title: t('collections.history.restoreButtonTitle'),
283
283
  children: t('collections.history.restoreButton')
284
284
  }) : null
@@ -291,19 +291,19 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
291
291
  ]
292
292
  }),
293
293
  /*#__PURE__*/ jsxs(Table.Row, {
294
- className: classnames('byline-coll-history-audit-row', history_module.auditRow),
294
+ className: clsx('byline-coll-history-audit-row', history_module.auditRow),
295
295
  "aria-label": t('collections.history.audit.createdBy', {
296
296
  label: actorLabel
297
297
  }),
298
298
  children: [
299
299
  /*#__PURE__*/ jsx(Table.Cell, {
300
- className: classnames('byline-coll-history-audit-spacer-cell', history_module.auditSpacerCell)
300
+ className: clsx('byline-coll-history-audit-spacer-cell', history_module.auditSpacerCell)
301
301
  }),
302
302
  /*#__PURE__*/ jsx(Table.Cell, {
303
303
  colSpan: auditColSpan,
304
- className: classnames('byline-coll-history-audit-cell', history_module.auditCell),
304
+ className: clsx('byline-coll-history-audit-cell', history_module.auditCell),
305
305
  children: /*#__PURE__*/ jsxs("span", {
306
- className: classnames('byline-coll-history-audit', history_module.audit),
306
+ className: clsx('byline-coll-history-audit', history_module.audit),
307
307
  children: [
308
308
  actionLabel,
309
309
  ' · ',
@@ -327,10 +327,10 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
327
327
  ]
328
328
  }),
329
329
  /*#__PURE__*/ jsxs("div", {
330
- className: classnames('byline-coll-history-options byline-coll-history-options-bottom', history_module.options, history_module.optionsBottom),
330
+ className: clsx('byline-coll-history-options byline-coll-history-options-bottom', history_module.options, history_module.optionsBottom),
331
331
  children: [
332
332
  /*#__PURE__*/ jsx(Select, {
333
- containerClassName: classnames('byline-coll-history-page-size', history_module.pageSize),
333
+ containerClassName: clsx('byline-coll-history-page-size', history_module.pageSize),
334
334
  id: "page_size",
335
335
  name: "page_size",
336
336
  size: "sm",
@@ -388,10 +388,10 @@ const HistoryView = ({ collectionDefinition, adminConfig, data, auditLog, workfl
388
388
  onDismiss: ()=>setRestoreTarget(null),
389
389
  closeOnOverlayClick: false,
390
390
  children: /*#__PURE__*/ jsxs(Modal.Container, {
391
- className: classnames('byline-coll-history-restore-modal', history_module.restoreModal),
391
+ className: clsx('byline-coll-history-restore-modal', history_module.restoreModal),
392
392
  children: [
393
393
  /*#__PURE__*/ jsxs(Modal.Header, {
394
- className: classnames('byline-coll-history-restore-modal-head', history_module.restoreModalHead),
394
+ className: clsx('byline-coll-history-restore-modal-head', history_module.restoreModalHead),
395
395
  children: [
396
396
  /*#__PURE__*/ jsx("h3", {
397
397
  className: "m-0",
package/dist/admin-shell/collections/list.js CHANGED
@@ -6,7 +6,7 @@ import { useTranslation } from "@byline/i18n/react";
6
6
  import { Container, GripperVerticalIcon, IconButton, LoaderRing, PlusIcon, Search, Section, Select, Table, useToastManager } from "@byline/ui/react";
7
7
  import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
8
8
  import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
9
- import classnames from "classnames";
9
+ import clsx from "clsx";
10
10
  import { getAdminRoutePath } from "../../routes/admin-path.js";
11
11
  import { encodeListReturnState } from "../../routes/list-return-state.js";
12
12
  import { setListViewPreference } from "../../server-fns/collections/index.js";
@@ -23,12 +23,12 @@ function getColumnValue(document, fieldName) {
23
23
  function Stats({ total }) {
24
24
  const [showLoader, _] = useState(false);
25
25
  if (showLoader) return /*#__PURE__*/ jsx(LoaderRing, {
26
- className: classnames('byline-coll-list-stats-loader', list_module.statsLoader),
26
+ className: clsx('byline-coll-list-stats-loader', list_module.statsLoader),
27
27
  size: 24,
28
28
  color: "#666666"
29
29
  });
30
30
  return /*#__PURE__*/ jsx("span", {
31
- className: classnames('byline-coll-list-stats', list_module.stats),
31
+ className: clsx('byline-coll-list-stats', list_module.stats),
32
32
  children: formatNumber(total, 0)
33
33
  });
34
34
  }
@@ -36,7 +36,7 @@ function padRows(value) {
36
36
  return Array.from({
37
37
  length: value
38
38
  }).map((_, index)=>/*#__PURE__*/ jsx("div", {
39
- className: classnames('byline-coll-list-pad-row', list_module.padRow),
39
+ className: clsx('byline-coll-list-pad-row', list_module.padRow),
40
40
  children: "\xa0"
41
41
  }, `empty-row-${index}`));
42
42
  }
@@ -58,10 +58,10 @@ function SortableTableRow({ id, disabled, t, children }) {
58
58
  style: style,
59
59
  children: [
60
60
  /*#__PURE__*/ jsx("td", {
61
- className: classnames('byline-coll-list-drag-cell', list_module.dragCell),
61
+ className: clsx('byline-coll-list-drag-cell', list_module.dragCell),
62
62
  children: /*#__PURE__*/ jsx("button", {
63
63
  type: "button",
64
- className: classnames('byline-coll-list-drag-handle', list_module.dragHandle),
64
+ className: clsx('byline-coll-list-drag-handle', list_module.dragHandle),
65
65
  "aria-label": disabled ? t('collections.list.dragDisabledAriaLabel') : t('collections.list.dragHandleAriaLabel'),
66
66
  disabled: disabled,
67
67
  ...attributes,
@@ -242,10 +242,10 @@ const ListView = ({ data, columns, workflowStatuses, useAsTitle, orderable = fal
242
242
  children: /*#__PURE__*/ jsxs(Container, {
243
243
  children: [
244
244
  /*#__PURE__*/ jsxs("div", {
245
- className: classnames('byline-coll-list-head', list_module.head),
245
+ className: clsx('byline-coll-list-head', list_module.head),
246
246
  children: [
247
247
  /*#__PURE__*/ jsx("h1", {
248
- className: classnames('byline-coll-list-title', list_module.title),
248
+ className: clsx('byline-coll-list-title', list_module.title),
249
249
  children: data.included.collection.labels.plural
250
250
  }),
251
251
  /*#__PURE__*/ jsx(Stats, {
@@ -274,14 +274,14 @@ const ListView = ({ data, columns, workflowStatuses, useAsTitle, orderable = fal
274
274
  ]
275
275
  }),
276
276
  /*#__PURE__*/ jsxs("div", {
277
- className: classnames('byline-coll-list-options', list_module.options),
277
+ className: clsx('byline-coll-list-options', list_module.options),
278
278
  children: [
279
279
  /*#__PURE__*/ jsx(Search, {
280
280
  onSearch: handleOnSearch,
281
281
  onClear: handleOnClear,
282
282
  inputSize: "sm",
283
283
  placeholder: t('collections.list.searchPlaceholder'),
284
- className: classnames('byline-coll-list-search', list_module.search)
284
+ className: clsx('byline-coll-list-search', list_module.search)
285
285
  }),
286
286
  workflowStatuses && workflowStatuses.length > 1 && /*#__PURE__*/ jsx(Select, {
287
287
  id: "status_filter",
@@ -302,7 +302,7 @@ const ListView = ({ data, columns, workflowStatuses, useAsTitle, orderable = fal
302
302
  ]
303
303
  }),
304
304
  /*#__PURE__*/ jsxs(Table.Container, {
305
- className: classnames('byline-coll-list-table-wrap', list_module.tableWrap),
305
+ className: clsx('byline-coll-list-table-wrap', list_module.tableWrap),
306
306
  children: [
307
307
  orderable ? /*#__PURE__*/ jsx(DndContext, {
308
308
  sensors: sensors,
@@ -317,10 +317,10 @@ const ListView = ({ data, columns, workflowStatuses, useAsTitle, orderable = fal
317
317
  children: [
318
318
  /*#__PURE__*/ jsx("th", {
319
319
  scope: "col",
320
- className: classnames('byline-coll-list-drag-cell', list_module.dragCell),
320
+ className: clsx('byline-coll-list-drag-cell', list_module.dragCell),
321
321
  children: /*#__PURE__*/ jsx("button", {
322
322
  type: "button",
323
- className: classnames('byline-coll-list-order-header', list_module.orderHeader, isCanonicalView && [
323
+ className: clsx('byline-coll-list-order-header', list_module.orderHeader, isCanonicalView && [
324
324
  'byline-coll-list-order-header-active',
325
325
  list_module.orderHeaderActive
326
326
  ]),
@@ -358,7 +358,7 @@ const ListView = ({ data, columns, workflowStatuses, useAsTitle, orderable = fal
358
358
  disabled: !dragEnabled,
359
359
  t: t,
360
360
  children: columns.map((column)=>/*#__PURE__*/ jsx(Table.Cell, {
361
- className: classnames({
361
+ className: clsx({
362
362
  'byline-coll-list-cell-right': 'right' === column.align,
363
363
  [list_module.cellRight]: 'right' === column.align,
364
364
  'byline-coll-list-cell-center': 'center' === column.align,
@@ -408,7 +408,7 @@ const ListView = ({ data, columns, workflowStatuses, useAsTitle, orderable = fal
408
408
  /*#__PURE__*/ jsx(Table.Body, {
409
409
  children: data?.docs?.map((document)=>/*#__PURE__*/ jsx(Table.Row, {
410
410
  children: columns.map((column)=>/*#__PURE__*/ jsx(Table.Cell, {
411
- className: classnames({
411
+ className: clsx({
412
412
  'byline-coll-list-cell-right': 'right' === column.align,
413
413
  [list_module.cellRight]: 'right' === column.align,
414
414
  'byline-coll-list-cell-center': 'center' === column.align,
@@ -438,10 +438,10 @@ const ListView = ({ data, columns, workflowStatuses, useAsTitle, orderable = fal
438
438
  ]
439
439
  }),
440
440
  /*#__PURE__*/ jsxs("div", {
441
- className: classnames('byline-coll-list-options byline-coll-list-options-bottom', list_module.options, list_module.optionsBottom),
441
+ className: clsx('byline-coll-list-options byline-coll-list-options-bottom', list_module.options, list_module.optionsBottom),
442
442
  children: [
443
443
  /*#__PURE__*/ jsx(Select, {
444
- containerClassName: classnames('byline-coll-list-page-size', list_module.pageSize),
444
+ containerClassName: clsx('byline-coll-list-page-size', list_module.pageSize),
445
445
  id: "page_size",
446
446
  name: "page_size",
447
447
  size: "sm",
package/dist/admin-shell/collections/preview-link.js CHANGED
@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { useState } from "react";
3
3
  import { useTranslation } from "@byline/i18n/react";
4
4
  import { ExternalLinkIcon, IconButton, useToastManager } from "@byline/ui/react";
5
- import classnames from "classnames";
5
+ import clsx from "clsx";
6
6
  import { enablePreviewModeFn } from "../../server-fns/preview/index.js";
7
7
  import { resolvePreviewUrl } from "./resolve-preview-url.js";
8
8
  const PreviewLink = ({ collectionPath, doc, adminConfig, locale, className })=>{
@@ -35,7 +35,7 @@ const PreviewLink = ({ collectionPath, doc, adminConfig, locale, className })=>{
35
35
  }
36
36
  };
37
37
  return /*#__PURE__*/ jsx(IconButton, {
38
- className: classnames('byline-preview-link', className),
38
+ className: clsx('byline-preview-link', className),
39
39
  size: "xs",
40
40
  variant: "text",
41
41
  disabled: busy,
package/dist/admin-shell/collections/restore-version-modal.js CHANGED
@@ -4,7 +4,7 @@ import { useState } from "react";
4
4
  import { useRouter } from "@tanstack/react-router";
5
5
  import { useTranslation } from "@byline/i18n/react";
6
6
  import { Alert, Button, LoaderEllipsis, Modal } from "@byline/ui/react";
7
- import classnames from "classnames";
7
+ import clsx from "clsx";
8
8
  import { getAdminRoutePath } from "../../routes/admin-path.js";
9
9
  import { restoreDocumentVersion } from "../../server-fns/collections/index.js";
10
10
  import { useNavigate } from "../chrome/loose-router.js";
@@ -45,10 +45,10 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
45
45
  }
46
46
  }
47
47
  return /*#__PURE__*/ jsxs(Modal.Content, {
48
- className: classnames('byline-coll-restore-content', restore_version_modal_module.content),
48
+ className: clsx('byline-coll-restore-content', restore_version_modal_module.content),
49
49
  children: [
50
50
  /*#__PURE__*/ jsxs("div", {
51
- className: classnames('byline-coll-restore-body', restore_version_modal_module.body),
51
+ className: clsx('byline-coll-restore-body', restore_version_modal_module.body),
52
52
  children: [
53
53
  error ? /*#__PURE__*/ jsx(Alert, {
54
54
  intent: "danger",
@@ -56,7 +56,7 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
56
56
  children: error
57
57
  }) : null,
58
58
  /*#__PURE__*/ jsxs("p", {
59
- className: classnames('byline-coll-restore-row', restore_version_modal_module.row),
59
+ className: clsx('byline-coll-restore-row', restore_version_modal_module.row),
60
60
  children: [
61
61
  /*#__PURE__*/ jsx("span", {
62
62
  className: "muted",
@@ -67,7 +67,7 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
67
67
  ]
68
68
  }),
69
69
  /*#__PURE__*/ jsxs("p", {
70
- className: classnames('byline-coll-restore-row', restore_version_modal_module.row),
70
+ className: clsx('byline-coll-restore-row', restore_version_modal_module.row),
71
71
  children: [
72
72
  /*#__PURE__*/ jsx("span", {
73
73
  className: "muted",
@@ -78,7 +78,7 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
78
78
  ]
79
79
  }),
80
80
  /*#__PURE__*/ jsx("p", {
81
- className: classnames('byline-coll-restore-warning', restore_version_modal_module.warning),
81
+ className: clsx('byline-coll-restore-warning', restore_version_modal_module.warning),
82
82
  children: t('collections.restore.warning', {
83
83
  version: versionNumber
84
84
  })
@@ -86,13 +86,13 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
86
86
  ]
87
87
  }),
88
88
  /*#__PURE__*/ jsxs("div", {
89
- className: classnames('byline-coll-restore-actions', restore_version_modal_module.actions),
89
+ className: clsx('byline-coll-restore-actions', restore_version_modal_module.actions),
90
90
  children: [
91
91
  /*#__PURE__*/ jsx("button", {
92
92
  "data-autofocus": true,
93
93
  type: "button",
94
94
  tabIndex: 0,
95
- className: classnames('byline-form-actions-sr-only', restore_version_modal_module["sr-only"]),
95
+ className: clsx('byline-form-actions-sr-only', restore_version_modal_module["sr-only"]),
96
96
  children: "no action"
97
97
  }),
98
98
  /*#__PURE__*/ jsx(Button, {
@@ -104,7 +104,7 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
104
104
  size: "sm",
105
105
  onClick: onClose,
106
106
  disabled: pending,
107
- className: classnames('byline-coll-restore-button', restore_version_modal_module.button),
107
+ className: clsx('byline-coll-restore-button', restore_version_modal_module.button),
108
108
  children: t('common.actions.cancel')
109
109
  }),
110
110
  /*#__PURE__*/ jsx(Button, {
@@ -115,7 +115,7 @@ function RestoreVersionModal({ collection, documentId, versionId, versionLabel,
115
115
  minWidth: '80px'
116
116
  },
117
117
  disabled: pending,
118
- className: classnames('byline-coll-restore-button', restore_version_modal_module.button),
118
+ className: clsx('byline-coll-restore-button', restore_version_modal_module.button),
119
119
  children: true === pending ? /*#__PURE__*/ jsx(LoaderEllipsis, {
120
120
  size: 42
121
121
  }) : t('collections.restore.confirmButton')
package/dist/admin-shell/collections/tree-list.js CHANGED
@@ -6,7 +6,7 @@ import { useTranslation } from "@byline/i18n/react";
6
6
  import { Container, GripperVerticalIcon, IconButton, PlusIcon, Section, Table, useToastManager } from "@byline/ui/react";
7
7
  import { DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors } from "@dnd-kit/core";
8
8
  import { SortableContext, sortableKeyboardCoordinates, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
9
- import classnames from "classnames";
9
+ import clsx from "clsx";
10
10
  import { getAdminRoutePath } from "../../routes/admin-path.js";
11
11
  import { createAdminTreeMoveController, getAdminTreeMoveUiEffects, shouldSyncAdminTreeRows } from "../../server-fns/collections/tree-mutation.js";
12
12
  import { Link } from "../chrome/loose-router.js";
@@ -33,17 +33,17 @@ function SortableTreeRow({ id, dragging, disabled, dragHandleLabel, children })
33
33
  };
34
34
  return /*#__PURE__*/ jsxs("tr", {
35
35
  ref: setNodeRef,
36
- className: classnames('byline-table-row', {
36
+ className: clsx('byline-table-row', {
37
37
  [tree_list_module.draggingRow]: dragging
38
38
  }),
39
39
  style: style,
40
40
  children: [
41
41
  /*#__PURE__*/ jsx("td", {
42
- className: classnames('byline-tree-list-drag-cell', tree_list_module.dragCell),
42
+ className: clsx('byline-tree-list-drag-cell', tree_list_module.dragCell),
43
43
  children: /*#__PURE__*/ jsx("button", {
44
44
  type: "button",
45
45
  disabled: disabled,
46
- className: classnames('byline-tree-list-drag-handle', tree_list_module.dragHandle),
46
+ className: clsx('byline-tree-list-drag-handle', tree_list_module.dragHandle),
47
47
  "aria-label": dragHandleLabel,
48
48
  ...attributes,
49
49
  ...listeners,
@@ -167,19 +167,19 @@ const TreeListView = ({ rows, columns, workflowStatuses, useAsTitle, collection,
167
167
  const fieldName = column.fieldName;
168
168
  const isTitle = null != useAsTitle && fieldName === useAsTitle;
169
169
  return /*#__PURE__*/ jsx(Table.Cell, {
170
- className: classnames({
170
+ className: clsx({
171
171
  [tree_list_module.cellRight]: 'right' === column.align,
172
172
  [tree_list_module.cellCenter]: 'center' === column.align
173
173
  }),
174
174
  children: isTitle ? /*#__PURE__*/ jsxs("span", {
175
- className: classnames('byline-tree-list-title', tree_list_module.titleCell),
175
+ className: clsx('byline-tree-list-title', tree_list_module.titleCell),
176
176
  style: {
177
177
  paddingInlineStart: `${depth * INDENT}px`
178
178
  },
179
179
  children: [
180
180
  depth > 0 && /*#__PURE__*/ jsx("span", {
181
181
  "aria-hidden": "true",
182
- className: classnames('byline-tree-list-branch', tree_list_module.branch),
182
+ className: clsx('byline-tree-list-branch', tree_list_module.branch),
183
183
  children: "└─"
184
184
  }),
185
185
  /*#__PURE__*/ jsx(Link, {
@@ -203,14 +203,14 @@ const TreeListView = ({ rows, columns, workflowStatuses, useAsTitle, collection,
203
203
  children: /*#__PURE__*/ jsxs(Container, {
204
204
  children: [
205
205
  /*#__PURE__*/ jsxs("div", {
206
- className: classnames('byline-coll-list-head', tree_list_module.head),
206
+ className: clsx('byline-coll-list-head', tree_list_module.head),
207
207
  children: [
208
208
  /*#__PURE__*/ jsx("h1", {
209
- className: classnames('byline-coll-list-title', tree_list_module.title),
209
+ className: clsx('byline-coll-list-title', tree_list_module.title),
210
210
  children: collectionLabels.plural
211
211
  }),
212
212
  /*#__PURE__*/ jsx("span", {
213
- className: classnames('byline-coll-list-stats', tree_list_module.stats),
213
+ className: clsx('byline-coll-list-stats', tree_list_module.stats),
214
214
  children: formatNumber(rows.length, 0)
215
215
  }),
216
216
  listActions?.map((Action, i)=>/*#__PURE__*/ jsx(Action, {
@@ -233,7 +233,7 @@ const TreeListView = ({ rows, columns, workflowStatuses, useAsTitle, collection,
233
233
  ]
234
234
  }),
235
235
  /*#__PURE__*/ jsx(Table.Container, {
236
- className: classnames('byline-tree-list-table-wrap', tree_list_module.tableWrap),
236
+ className: clsx('byline-tree-list-table-wrap', tree_list_module.tableWrap),
237
237
  children: /*#__PURE__*/ jsx(DndContext, {
238
238
  sensors: sensors,
239
239
  onDragStart: handleDragStart,
@@ -248,7 +248,7 @@ const TreeListView = ({ rows, columns, workflowStatuses, useAsTitle, collection,
248
248
  children: [
249
249
  dndEnabled && /*#__PURE__*/ jsx("th", {
250
250
  scope: "col",
251
- className: classnames('byline-tree-list-drag-cell', tree_list_module.dragCell)
251
+ className: clsx('byline-tree-list-drag-cell', tree_list_module.dragCell)
252
252
  }),
253
253
  columns.map((column)=>/*#__PURE__*/ jsx(TableHeadingCellSortable, {
254
254
  fieldName: String(column.fieldName),
@@ -280,7 +280,7 @@ const TreeListView = ({ rows, columns, workflowStatuses, useAsTitle, collection,
280
280
  })
281
281
  }),
282
282
  unplaced.length > 0 && /*#__PURE__*/ jsxs(Table.Row, {
283
- className: classnames('byline-tree-list-group', tree_list_module.groupRow),
283
+ className: clsx('byline-tree-list-group', tree_list_module.groupRow),
284
284
  children: [
285
285
  /*#__PURE__*/ jsx(Table.Cell, {
286
286
  className: tree_list_module.groupCell,
package/dist/admin-shell/collections/view-menu.js CHANGED
@@ -2,7 +2,7 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useEffect } from "react";
3
3
  import { useTranslation } from "@byline/i18n/react";
4
4
  import { Button, HistoryIcon, IconButton, Label, Select } from "@byline/ui/react";
5
- import classnames from "classnames";
5
+ import clsx from "clsx";
6
6
  import { getAdminRoutePath } from "../../routes/admin-path.js";
7
7
  import { useNavigate } from "../chrome/loose-router.js";
8
8
  import { PreviewLink } from "./preview-link.js";
@@ -77,10 +77,10 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
77
77
  });
78
78
  };
79
79
  return /*#__PURE__*/ jsxs("div", {
80
- className: classnames('byline-view-menu', view_menu_module.root),
80
+ className: clsx('byline-view-menu', view_menu_module.root),
81
81
  children: [
82
82
  /*#__PURE__*/ jsx(Label, {
83
- className: classnames('muted byline-view-menu-label', view_menu_module.label),
83
+ className: clsx('muted byline-view-menu-label', view_menu_module.label),
84
84
  id: "contentLocaleLabel",
85
85
  htmlFor: "contentLocale",
86
86
  label: t('collections.viewMenu.contentLocaleLabel')
@@ -88,7 +88,7 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
88
88
  /*#__PURE__*/ jsx(Select, {
89
89
  name: "contentLocale",
90
90
  id: "contentLocale",
91
- className: classnames('byline-view-menu-locale-select', view_menu_module.localeSelect),
91
+ className: clsx('byline-view-menu-locale-select', view_menu_module.localeSelect),
92
92
  size: "xs",
93
93
  variant: "outlined",
94
94
  value: locale ?? defaultContentLocale,
@@ -109,7 +109,7 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
109
109
  'api' === activeView && /*#__PURE__*/ jsxs(Fragment, {
110
110
  children: [
111
111
  /*#__PURE__*/ jsx(Label, {
112
- className: classnames('muted byline-view-menu-label', view_menu_module.label),
112
+ className: clsx('muted byline-view-menu-label', view_menu_module.label),
113
113
  id: "populateDepthLabel",
114
114
  htmlFor: "populateDepth",
115
115
  label: t('collections.viewMenu.depthLabel')
@@ -117,7 +117,7 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
117
117
  /*#__PURE__*/ jsx(Select, {
118
118
  name: "populateDepth",
119
119
  id: "populateDepth",
120
- className: classnames('byline-view-menu-depth-select', view_menu_module.depthSelect),
120
+ className: clsx('byline-view-menu-depth-select', view_menu_module.depthSelect),
121
121
  size: "xs",
122
122
  variant: "outlined",
123
123
  value: String(depth ?? 0),
@@ -148,10 +148,10 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
148
148
  doc: doc,
149
149
  adminConfig: adminConfig,
150
150
  locale: locale,
151
- className: classnames('byline-view-menu-icon-button', view_menu_module.iconButton)
151
+ className: clsx('byline-view-menu-icon-button', view_menu_module.iconButton)
152
152
  }),
153
153
  /*#__PURE__*/ jsx(IconButton, {
154
- className: classnames('byline-view-menu-icon-button', view_menu_module.iconButton),
154
+ className: clsx('byline-view-menu-icon-button', view_menu_module.iconButton),
155
155
  size: "xs",
156
156
  variant: 'history' === activeView ? 'filled' : 'text',
157
157
  onClick: ()=>navigate({
@@ -165,13 +165,13 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
165
165
  } : {}
166
166
  }),
167
167
  children: /*#__PURE__*/ jsx(HistoryIcon, {
168
- className: classnames('byline-view-menu-icon-button-icon', view_menu_module.iconButtonIcon)
168
+ className: clsx('byline-view-menu-icon-button-icon', view_menu_module.iconButtonIcon)
169
169
  })
170
170
  }),
171
171
  /*#__PURE__*/ jsx(Button, {
172
172
  size: "xs",
173
173
  variant: 'edit' === activeView ? 'filled' : 'outlined',
174
- className: classnames('byline-view-menu-button', view_menu_module.button),
174
+ className: clsx('byline-view-menu-button', view_menu_module.button),
175
175
  onClick: ()=>navigate({
176
176
  to: getAdminRoutePath('collections', '$collection', '$id'),
177
177
  params: {
@@ -187,7 +187,7 @@ const ViewMenu = ({ collection, documentId, activeView, locale, depth, contentLo
187
187
  /*#__PURE__*/ jsx(Button, {
188
188
  size: "xs",
189
189
  variant: 'api' === activeView ? 'filled' : 'outlined',
190
- className: classnames('byline-view-menu-button', view_menu_module.button),
190
+ className: clsx('byline-view-menu-button', view_menu_module.button),
191
191
  onClick: ()=>navigate({
192
192
  to: getAdminRoutePath('collections', '$collection', '$id', 'api'),
193
193
  params: {
package/dist/routes/create-admin-layout-route.js CHANGED
@@ -6,7 +6,7 @@ import { BylineFieldServicesProvider } from "@byline/admin/react";
6
6
  import { BylineAdminServicesProvider } from "@byline/admin/services";
7
7
  import { getClientConfig } from "@byline/core";
8
8
  import { I18nProvider } from "@byline/i18n/react";
9
- import classnames from "classnames";
9
+ import clsx from "clsx";
10
10
  import { AdminAppBar } from "../admin-shell/chrome/admin-app-bar.js";
11
11
  import admin_layout_module from "../admin-shell/chrome/admin-layout.module.js";
12
12
  import { AdminMenuDrawer } from "../admin-shell/chrome/admin-menu-drawer.js";
@@ -75,7 +75,7 @@ function createAdminLayoutRoute(path, opts = {}) {
75
75
  user: user
76
76
  }),
77
77
  /*#__PURE__*/ jsxs("main", {
78
- className: classnames('byline-admin-layout-main', admin_layout_module.main),
78
+ className: clsx('byline-admin-layout-main', admin_layout_module.main),
79
79
  children: [
80
80
  /*#__PURE__*/ jsx(AdminMenuDrawer, {}),
81
81
  /*#__PURE__*/ jsx(Content, {