@byline/ui 0.9.3
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/LICENSE +373 -0
- package/README.md +17 -0
- package/dist/admin/components/admin-account/change-password.d.ts +9 -0
- package/dist/admin/components/admin-account/change-password.d.ts.map +1 -0
- package/dist/admin/components/admin-account/change-password.js +192 -0
- package/dist/admin/components/admin-account/change-password.module.js +8 -0
- package/dist/admin/components/admin-account/change-password_module.css +27 -0
- package/dist/admin/components/admin-account/container.d.ts +30 -0
- package/dist/admin/components/admin-account/container.d.ts.map +1 -0
- package/dist/admin/components/admin-account/container.js +299 -0
- package/dist/admin/components/admin-account/container.module.js +28 -0
- package/dist/admin/components/admin-account/container_module.css +106 -0
- package/dist/admin/components/admin-account/update.d.ts +9 -0
- package/dist/admin/components/admin-account/update.d.ts.map +1 -0
- package/dist/admin/components/admin-account/update.js +207 -0
- package/dist/admin/components/admin-account/update.module.js +8 -0
- package/dist/admin/components/admin-account/update_module.css +27 -0
- package/dist/admin/components/admin-permissions/inspector.d.ts +5 -0
- package/dist/admin/components/admin-permissions/inspector.d.ts.map +1 -0
- package/dist/admin/components/admin-permissions/inspector.js +284 -0
- package/dist/admin/components/admin-permissions/inspector.module.js +56 -0
- package/dist/admin/components/admin-permissions/inspector_module.css +238 -0
- package/dist/admin/components/admin-roles/create.d.ts +8 -0
- package/dist/admin/components/admin-roles/create.d.ts.map +1 -0
- package/dist/admin/components/admin-roles/create.js +177 -0
- package/dist/admin/components/admin-roles/create.module.js +8 -0
- package/dist/admin/components/admin-roles/create_module.css +27 -0
- package/dist/admin/components/admin-roles/permissions.d.ts +11 -0
- package/dist/admin/components/admin-roles/permissions.d.ts.map +1 -0
- package/dist/admin/components/admin-roles/permissions.js +303 -0
- package/dist/admin/components/admin-roles/permissions.module.js +44 -0
- package/dist/admin/components/admin-roles/permissions_module.css +192 -0
- package/dist/admin/components/admin-roles/update.d.ts +9 -0
- package/dist/admin/components/admin-roles/update.d.ts.map +1 -0
- package/dist/admin/components/admin-roles/update.js +166 -0
- package/dist/admin/components/admin-roles/update.module.js +8 -0
- package/dist/admin/components/admin-roles/update_module.css +27 -0
- package/dist/admin/components/admin-users/create.d.ts +9 -0
- package/dist/admin/components/admin-users/create.d.ts.map +1 -0
- package/dist/admin/components/admin-users/create.js +268 -0
- package/dist/admin/components/admin-users/create.module.js +10 -0
- package/dist/admin/components/admin-users/create_module.css +45 -0
- package/dist/admin/components/admin-users/roles.d.ts +12 -0
- package/dist/admin/components/admin-users/roles.d.ts.map +1 -0
- package/dist/admin/components/admin-users/roles.js +148 -0
- package/dist/admin/components/admin-users/roles.module.js +18 -0
- package/dist/admin/components/admin-users/roles_module.css +75 -0
- package/dist/admin/components/admin-users/set-password.d.ts +9 -0
- package/dist/admin/components/admin-users/set-password.d.ts.map +1 -0
- package/dist/admin/components/admin-users/set-password.js +170 -0
- package/dist/admin/components/admin-users/set-password.module.js +9 -0
- package/dist/admin/components/admin-users/set-password_module.css +31 -0
- package/dist/admin/components/admin-users/update.d.ts +9 -0
- package/dist/admin/components/admin-users/update.d.ts.map +1 -0
- package/dist/admin/components/admin-users/update.js +254 -0
- package/dist/admin/components/admin-users/update.module.js +9 -0
- package/dist/admin/components/admin-users/update_module.css +34 -0
- package/dist/admin/components/auth/sign-in-form.d.ts +14 -0
- package/dist/admin/components/auth/sign-in-form.d.ts.map +1 -0
- package/dist/admin/components/auth/sign-in-form.js +107 -0
- package/dist/admin/components/auth/sign-in-form.module.js +10 -0
- package/dist/admin/components/auth/sign-in-form_module.css +35 -0
- package/dist/admin/components/collections/diff-modal.d.ts +23 -0
- package/dist/admin/components/collections/diff-modal.d.ts.map +1 -0
- package/dist/admin/components/collections/diff-modal.js +147 -0
- package/dist/admin/components/collections/diff-modal.module.js +14 -0
- package/dist/admin/components/collections/diff-modal_module.css +56 -0
- package/dist/admin/components/collections/status-badge.d.ts +26 -0
- package/dist/admin/components/collections/status-badge.d.ts.map +1 -0
- package/dist/admin/components/collections/status-badge.js +35 -0
- package/dist/admin/components/collections/status-badge.module.js +7 -0
- package/dist/admin/components/collections/status-badge_module.css +20 -0
- package/dist/admin/group.d.ts +28 -0
- package/dist/admin/group.d.ts.map +1 -0
- package/dist/admin/group.js +14 -0
- package/dist/admin/group.module.js +6 -0
- package/dist/admin/group_module.css +19 -0
- package/dist/admin/row.d.ts +26 -0
- package/dist/admin/row.d.ts.map +1 -0
- package/dist/admin/row.js +8 -0
- package/dist/admin/row.module.js +5 -0
- package/dist/admin/row_module.css +18 -0
- package/dist/admin/tabs.d.ts +33 -0
- package/dist/admin/tabs.d.ts.map +1 -0
- package/dist/admin/tabs.js +34 -0
- package/dist/admin/tabs.module.js +10 -0
- package/dist/admin/tabs_module.css +68 -0
- package/dist/dnd/draggable-sortable/demo/draggable-list-demo.js +105 -0
- package/dist/dnd/draggable-sortable/demo/draggable-list-demo.module.js +12 -0
- package/dist/dnd/draggable-sortable/demo/draggable-list-demo_module.css +39 -0
- package/dist/dnd/draggable-sortable/draggable-sortable-item/index.d.ts +19 -0
- package/dist/dnd/draggable-sortable/draggable-sortable-item/index.d.ts.map +1 -0
- package/dist/dnd/draggable-sortable/draggable-sortable-item/index.js +27 -0
- package/dist/dnd/draggable-sortable/draggable-sortable-item/types.d.ts +25 -0
- package/dist/dnd/draggable-sortable/draggable-sortable-item/types.d.ts.map +1 -0
- package/dist/dnd/draggable-sortable/draggable-sortable-item/types.js +1 -0
- package/dist/dnd/draggable-sortable/draggable-sortable.d.ts +17 -0
- package/dist/dnd/draggable-sortable/draggable-sortable.d.ts.map +1 -0
- package/dist/dnd/draggable-sortable/draggable-sortable.js +46 -0
- package/dist/dnd/draggable-sortable/index.d.ts +5 -0
- package/dist/dnd/draggable-sortable/index.d.ts.map +1 -0
- package/dist/dnd/draggable-sortable/index.js +4 -0
- package/dist/dnd/draggable-sortable/types.d.ts +26 -0
- package/dist/dnd/draggable-sortable/types.d.ts.map +1 -0
- package/dist/dnd/draggable-sortable/types.js +1 -0
- package/dist/dnd/draggable-sortable/use-draggable-sortable/index.d.ts +16 -0
- package/dist/dnd/draggable-sortable/use-draggable-sortable/index.d.ts.map +1 -0
- package/dist/dnd/draggable-sortable/use-draggable-sortable/index.js +28 -0
- package/dist/dnd/draggable-sortable/use-draggable-sortable/types.d.ts +23 -0
- package/dist/dnd/draggable-sortable/use-draggable-sortable/types.d.ts.map +1 -0
- package/dist/dnd/draggable-sortable/use-draggable-sortable/types.js +1 -0
- package/dist/dnd/draggable-sortable/utils.d.ts +14 -0
- package/dist/dnd/draggable-sortable/utils.d.ts.map +1 -0
- package/dist/dnd/draggable-sortable/utils.js +10 -0
- package/dist/fields/array/array-field.d.ts +15 -0
- package/dist/fields/array/array-field.d.ts.map +1 -0
- package/dist/fields/array/array-field.js +176 -0
- package/dist/fields/array/array-field.module.js +11 -0
- package/dist/fields/array/array-field_module.css +32 -0
- package/dist/fields/blocks/blocks-field.d.ts +14 -0
- package/dist/fields/blocks/blocks-field.d.ts.map +1 -0
- package/dist/fields/blocks/blocks-field.js +244 -0
- package/dist/fields/blocks/blocks-field.module.js +26 -0
- package/dist/fields/blocks/blocks-field_module.css +107 -0
- package/dist/fields/checkbox/checkbox-field.d.ts +17 -0
- package/dist/fields/checkbox/checkbox-field.d.ts.map +1 -0
- package/dist/fields/checkbox/checkbox-field.js +27 -0
- package/dist/fields/column-formatter.d.ts +21 -0
- package/dist/fields/column-formatter.d.ts.map +1 -0
- package/dist/fields/column-formatter.js +15 -0
- package/dist/fields/date-time-formatter.d.ts +17 -0
- package/dist/fields/date-time-formatter.d.ts.map +1 -0
- package/dist/fields/date-time-formatter.js +8 -0
- package/dist/fields/datetime/datetime-field.d.ts +17 -0
- package/dist/fields/datetime/datetime-field.d.ts.map +1 -0
- package/dist/fields/datetime/datetime-field.js +37 -0
- package/dist/fields/datetime/datetime-field.module.js +5 -0
- package/dist/fields/datetime/datetime-field_module.css +4 -0
- package/dist/fields/draggable-context-menu.d.ts +7 -0
- package/dist/fields/draggable-context-menu.d.ts.map +1 -0
- package/dist/fields/draggable-context-menu.js +83 -0
- package/dist/fields/draggable-context-menu.module.js +15 -0
- package/dist/fields/draggable-context-menu_module.css +91 -0
- package/dist/fields/field-helpers.d.ts +27 -0
- package/dist/fields/field-helpers.d.ts.map +1 -0
- package/dist/fields/field-helpers.js +48 -0
- package/dist/fields/field-renderer.d.ts +31 -0
- package/dist/fields/field-renderer.d.ts.map +1 -0
- package/dist/fields/field-renderer.js +189 -0
- package/dist/fields/field-renderer.module.js +8 -0
- package/dist/fields/field-renderer_module.css +11 -0
- package/dist/fields/file/file-field.d.ts +18 -0
- package/dist/fields/file/file-field.d.ts.map +1 -0
- package/dist/fields/file/file-field.js +125 -0
- package/dist/fields/file/file-field.module.js +13 -0
- package/dist/fields/file/file-field_module.css +64 -0
- package/dist/fields/group/group-field.d.ts +16 -0
- package/dist/fields/group/group-field.d.ts.map +1 -0
- package/dist/fields/group/group-field.js +59 -0
- package/dist/fields/group/group-field.module.js +9 -0
- package/dist/fields/group/group-field_module.css +27 -0
- package/dist/fields/image/image-field.d.ts +20 -0
- package/dist/fields/image/image-field.d.ts.map +1 -0
- package/dist/fields/image/image-field.js +198 -0
- package/dist/fields/image/image-field.module.js +21 -0
- package/dist/fields/image/image-field_module.css +96 -0
- package/dist/fields/image/image-upload-field.d.ts +22 -0
- package/dist/fields/image/image-upload-field.d.ts.map +1 -0
- package/dist/fields/image/image-upload-field.js +187 -0
- package/dist/fields/image/image-upload-field.module.js +19 -0
- package/dist/fields/image/image-upload-field_module.css +92 -0
- package/dist/fields/local-date-time.d.ts +28 -0
- package/dist/fields/local-date-time.d.ts.map +1 -0
- package/dist/fields/local-date-time.js +49 -0
- package/dist/fields/locale-badge.d.ts +19 -0
- package/dist/fields/locale-badge.d.ts.map +1 -0
- package/dist/fields/locale-badge.js +10 -0
- package/dist/fields/locale-badge.module.js +5 -0
- package/dist/fields/locale-badge_module.css +27 -0
- package/dist/fields/numerical/numerical-field.d.ts +19 -0
- package/dist/fields/numerical/numerical-field.d.ts.map +1 -0
- package/dist/fields/numerical/numerical-field.js +73 -0
- package/dist/fields/relation/relation-display.d.ts +41 -0
- package/dist/fields/relation/relation-display.d.ts.map +1 -0
- package/dist/fields/relation/relation-display.js +58 -0
- package/dist/fields/relation/relation-display.module.js +9 -0
- package/dist/fields/relation/relation-display_module.css +21 -0
- package/dist/fields/relation/relation-field.d.ts +19 -0
- package/dist/fields/relation/relation-field.d.ts.map +1 -0
- package/dist/fields/relation/relation-field.js +133 -0
- package/dist/fields/relation/relation-field.module.js +13 -0
- package/dist/fields/relation/relation-field_module.css +62 -0
- package/dist/fields/relation/relation-picker.d.ts +50 -0
- package/dist/fields/relation/relation-picker.d.ts.map +1 -0
- package/dist/fields/relation/relation-picker.js +233 -0
- package/dist/fields/relation/relation-picker.module.js +26 -0
- package/dist/fields/relation/relation-picker_module.css +124 -0
- package/dist/fields/relation/relation-summary.d.ts +32 -0
- package/dist/fields/relation/relation-summary.d.ts.map +1 -0
- package/dist/fields/relation/relation-summary.js +50 -0
- package/dist/fields/relation/relation-summary.module.js +11 -0
- package/dist/fields/relation/relation-summary_module.css +37 -0
- package/dist/fields/select/select-field.d.ts +17 -0
- package/dist/fields/select/select-field.d.ts.map +1 -0
- package/dist/fields/select/select-field.js +42 -0
- package/dist/fields/select/select-field.module.js +5 -0
- package/dist/fields/select/select-field_module.css +4 -0
- package/dist/fields/sortable-item.d.ts +16 -0
- package/dist/fields/sortable-item.d.ts.map +1 -0
- package/dist/fields/sortable-item.js +80 -0
- package/dist/fields/sortable-item.module.js +22 -0
- package/dist/fields/sortable-item_module.css +124 -0
- package/dist/fields/text/text-field.d.ts +21 -0
- package/dist/fields/text/text-field.d.ts.map +1 -0
- package/dist/fields/text/text-field.js +104 -0
- package/dist/fields/text/text-field.module.js +6 -0
- package/dist/fields/text/text-field_module.css +5 -0
- package/dist/fields/text-area/text-area-field.d.ts +21 -0
- package/dist/fields/text-area/text-area-field.d.ts.map +1 -0
- package/dist/fields/text-area/text-area-field.js +105 -0
- package/dist/fields/text-area/text-area-field.module.js +6 -0
- package/dist/fields/text-area/text-area-field_module.css +5 -0
- package/dist/fields/use-field-change-handler.d.ts +24 -0
- package/dist/fields/use-field-change-handler.d.ts.map +1 -0
- package/dist/fields/use-field-change-handler.js +52 -0
- package/dist/forms/document-actions.d.ts +14 -0
- package/dist/forms/document-actions.d.ts.map +1 -0
- package/dist/forms/document-actions.js +153 -0
- package/dist/forms/document-actions.module.js +18 -0
- package/dist/forms/document-actions_module.css +66 -0
- package/dist/forms/form-context.d.ts +78 -0
- package/dist/forms/form-context.d.ts.map +1 -0
- package/dist/forms/form-context.js +420 -0
- package/dist/forms/form-renderer.d.ts +66 -0
- package/dist/forms/form-renderer.d.ts.map +1 -0
- package/dist/forms/form-renderer.js +555 -0
- package/dist/forms/form-renderer.module.js +46 -0
- package/dist/forms/form-renderer_module.css +242 -0
- package/dist/forms/navigation-guard.d.ts +55 -0
- package/dist/forms/navigation-guard.d.ts.map +1 -0
- package/dist/forms/navigation-guard.js +22 -0
- package/dist/forms/path-widget.d.ts +33 -0
- package/dist/forms/path-widget.d.ts.map +1 -0
- package/dist/forms/path-widget.js +101 -0
- package/dist/forms/path-widget.module.js +8 -0
- package/dist/forms/path-widget_module.css +29 -0
- package/dist/forms/upload-executor.d.ts +58 -0
- package/dist/forms/upload-executor.d.ts.map +1 -0
- package/dist/forms/upload-executor.js +92 -0
- package/dist/react.d.ts +55 -0
- package/dist/react.d.ts.map +1 -0
- package/dist/react.js +48 -0
- package/dist/services/admin-services-context.d.ts +17 -0
- package/dist/services/admin-services-context.d.ts.map +1 -0
- package/dist/services/admin-services-context.js +13 -0
- package/dist/services/admin-services-types.d.ts +130 -0
- package/dist/services/admin-services-types.d.ts.map +1 -0
- package/dist/services/admin-services-types.js +1 -0
- package/dist/services/field-services-context.d.ts +17 -0
- package/dist/services/field-services-context.d.ts.map +1 -0
- package/dist/services/field-services-context.js +13 -0
- package/dist/services/field-services-types.d.ts +64 -0
- package/dist/services/field-services-types.d.ts.map +1 -0
- package/dist/services/field-services-types.js +1 -0
- package/package.json +133 -0
- package/src/admin/components/admin-account/change-password.module.css +40 -0
- package/src/admin/components/admin-account/change-password.tsx +232 -0
- package/src/admin/components/admin-account/container.module.css +158 -0
- package/src/admin/components/admin-account/container.tsx +230 -0
- package/src/admin/components/admin-account/update.module.css +40 -0
- package/src/admin/components/admin-account/update.tsx +263 -0
- package/src/admin/components/admin-permissions/inspector.module.css +326 -0
- package/src/admin/components/admin-permissions/inspector.tsx +298 -0
- package/src/admin/components/admin-roles/create.module.css +40 -0
- package/src/admin/components/admin-roles/create.tsx +218 -0
- package/src/admin/components/admin-roles/permissions.module.css +279 -0
- package/src/admin/components/admin-roles/permissions.tsx +396 -0
- package/src/admin/components/admin-roles/update.module.css +40 -0
- package/src/admin/components/admin-roles/update.tsx +218 -0
- package/src/admin/components/admin-users/create.module.css +63 -0
- package/src/admin/components/admin-users/create.tsx +323 -0
- package/src/admin/components/admin-users/roles.module.css +119 -0
- package/src/admin/components/admin-users/roles.tsx +172 -0
- package/src/admin/components/admin-users/set-password.module.css +46 -0
- package/src/admin/components/admin-users/set-password.tsx +199 -0
- package/src/admin/components/admin-users/update.module.css +49 -0
- package/src/admin/components/admin-users/update.tsx +328 -0
- package/src/admin/components/auth/sign-in-form.module.css +53 -0
- package/src/admin/components/auth/sign-in-form.tsx +118 -0
- package/src/admin/components/collections/diff-modal.module.css +79 -0
- package/src/admin/components/collections/diff-modal.tsx +171 -0
- package/src/admin/components/collections/status-badge.module.css +31 -0
- package/src/admin/components/collections/status-badge.tsx +69 -0
- package/src/admin/group.module.css +41 -0
- package/src/admin/group.tsx +40 -0
- package/src/admin/row.module.css +32 -0
- package/src/admin/row.tsx +33 -0
- package/src/admin/tabs.module.css +107 -0
- package/src/admin/tabs.tsx +74 -0
- package/src/declarations.d.ts +4 -0
- package/src/dnd/draggable-sortable/demo/draggable-list-demo.module.css +65 -0
- package/src/dnd/draggable-sortable/demo/draggable-list-demo.tsx +117 -0
- package/src/dnd/draggable-sortable/draggable-sortable-item/index.tsx +54 -0
- package/src/dnd/draggable-sortable/draggable-sortable-item/types.ts +30 -0
- package/src/dnd/draggable-sortable/draggable-sortable.tsx +86 -0
- package/src/dnd/draggable-sortable/index.ts +5 -0
- package/src/dnd/draggable-sortable/types.ts +24 -0
- package/src/dnd/draggable-sortable/use-draggable-sortable/index.tsx +50 -0
- package/src/dnd/draggable-sortable/use-draggable-sortable/types.ts +25 -0
- package/src/dnd/draggable-sortable/utils.ts +29 -0
- package/src/fields/array/array-field.module.css +48 -0
- package/src/fields/array/array-field.tsx +266 -0
- package/src/fields/blocks/blocks-field.module.css +148 -0
- package/src/fields/blocks/blocks-field.tsx +312 -0
- package/src/fields/checkbox/checkbox-field.tsx +53 -0
- package/src/fields/column-formatter.tsx +31 -0
- package/src/fields/date-time-formatter.tsx +22 -0
- package/src/fields/datetime/datetime-field.module.css +13 -0
- package/src/fields/datetime/datetime-field.tsx +54 -0
- package/src/fields/draggable-context-menu.module.css +127 -0
- package/src/fields/draggable-context-menu.tsx +85 -0
- package/src/fields/field-helpers.ts +66 -0
- package/src/fields/field-renderer.module.css +22 -0
- package/src/fields/field-renderer.tsx +255 -0
- package/src/fields/file/file-field.module.css +88 -0
- package/src/fields/file/file-field.tsx +107 -0
- package/src/fields/group/group-field.module.css +43 -0
- package/src/fields/group/group-field.tsx +84 -0
- package/src/fields/image/image-field.module.css +129 -0
- package/src/fields/image/image-field.tsx +212 -0
- package/src/fields/image/image-upload-field.module.css +123 -0
- package/src/fields/image/image-upload-field.tsx +270 -0
- package/src/fields/local-date-time.tsx +88 -0
- package/src/fields/locale-badge.module.css +37 -0
- package/src/fields/locale-badge.tsx +32 -0
- package/src/fields/numerical/numerical-field.tsx +112 -0
- package/src/fields/relation/relation-display.module.css +36 -0
- package/src/fields/relation/relation-display.tsx +130 -0
- package/src/fields/relation/relation-field.module.css +83 -0
- package/src/fields/relation/relation-field.tsx +202 -0
- package/src/fields/relation/relation-picker.module.css +168 -0
- package/src/fields/relation/relation-picker.tsx +325 -0
- package/src/fields/relation/relation-summary.module.css +55 -0
- package/src/fields/relation/relation-summary.tsx +123 -0
- package/src/fields/select/select-field.module.css +13 -0
- package/src/fields/select/select-field.tsx +56 -0
- package/src/fields/sortable-item.module.css +167 -0
- package/src/fields/sortable-item.tsx +101 -0
- package/src/fields/text/text-field.module.css +13 -0
- package/src/fields/text/text-field.tsx +146 -0
- package/src/fields/text-area/text-area-field.module.css +13 -0
- package/src/fields/text-area/text-area-field.tsx +147 -0
- package/src/fields/use-field-change-handler.ts +112 -0
- package/src/forms/document-actions.module.css +94 -0
- package/src/forms/document-actions.tsx +149 -0
- package/src/forms/form-context.tsx +620 -0
- package/src/forms/form-renderer.module.css +318 -0
- package/src/forms/form-renderer.tsx +786 -0
- package/src/forms/navigation-guard.tsx +98 -0
- package/src/forms/path-widget.module.css +41 -0
- package/src/forms/path-widget.test.tsx +217 -0
- package/src/forms/path-widget.tsx +141 -0
- package/src/forms/upload-executor.ts +190 -0
- package/src/react.ts +79 -0
- package/src/services/admin-services-context.tsx +35 -0
- package/src/services/admin-services-types.ts +177 -0
- package/src/services/field-services-context.tsx +35 -0
- package/src/services/field-services-types.ts +68 -0
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
:is(.tabs-j6CvRO, .byline-admin-tabs) {
|
|
2
|
+
gap: var(--spacing-16);
|
|
3
|
+
border-bottom: var(--border-width-thin) var(--border-style-solid) var(--gray-200);
|
|
4
|
+
display: flex;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
:is(.tab-BdAWTm, .byline-admin-tab) {
|
|
8
|
+
color: var(--gray-500);
|
|
9
|
+
font-size: 1.1rem;
|
|
10
|
+
font-weight: var(--font-weight-medium);
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
background: none;
|
|
13
|
+
border-bottom: 2px solid #0000;
|
|
14
|
+
outline: none;
|
|
15
|
+
margin-bottom: -1px;
|
|
16
|
+
padding: .625rem 0;
|
|
17
|
+
transition: color .15s, border-color .15s;
|
|
18
|
+
position: relative;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
:is(.tab-BdAWTm:hover, .byline-admin-tab:hover) {
|
|
22
|
+
color: var(--gray-800);
|
|
23
|
+
border-bottom-color: var(--gray-300);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
:is(.tab-BdAWTm:focus-visible, .byline-admin-tab:focus-visible) {
|
|
27
|
+
box-shadow: 0 0 0 2px var(--blue-500);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
:is(.tab-active-bc05XN, .byline-admin-tab-active), :is(.tab-active-bc05XN:hover, .byline-admin-tab-active:hover) {
|
|
31
|
+
color: var(--primary-600);
|
|
32
|
+
border-bottom-color: var(--primary-400);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
:is(.label-Tdf1rn, .byline-admin-tab-label) {
|
|
36
|
+
align-items: center;
|
|
37
|
+
gap: .375rem;
|
|
38
|
+
display: flex;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
:is(.badge-Pq1O6d, .byline-admin-tab-badge) {
|
|
42
|
+
justify-content: center;
|
|
43
|
+
align-items: center;
|
|
44
|
+
min-width: 1.25rem;
|
|
45
|
+
height: 1.25rem;
|
|
46
|
+
padding: 0 .375rem;
|
|
47
|
+
font-size: .7rem;
|
|
48
|
+
display: flex;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
:is(:is([data-theme="dark"], .dark) .tabs-j6CvRO, :is([data-theme="dark"], .dark) .byline-admin-tabs) {
|
|
52
|
+
border-bottom-color: var(--gray-700);
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
:is(:is([data-theme="dark"], .dark) .tab-BdAWTm, :is([data-theme="dark"], .dark) .byline-admin-tab) {
|
|
56
|
+
color: var(--gray-400);
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
:is(:is([data-theme="dark"], .dark) .tab-BdAWTm:hover, :is([data-theme="dark"], .dark) .byline-admin-tab:hover) {
|
|
60
|
+
color: var(--gray-200);
|
|
61
|
+
border-bottom-color: var(--gray-600);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
:is(:is([data-theme="dark"], .dark) .tab-active-bc05XN, :is([data-theme="dark"], .dark) .byline-admin-tab-active), :is(:is([data-theme="dark"], .dark) .tab-active-bc05XN:hover, :is([data-theme="dark"], .dark) .byline-admin-tab-active:hover) {
|
|
65
|
+
color: var(--primary-200);
|
|
66
|
+
border-bottom-color: var(--primary-400);
|
|
67
|
+
}
|
|
68
|
+
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import { Card, GripperVerticalIcon } from "@infonomic/uikit/react";
|
|
5
|
+
import classnames from "classnames";
|
|
6
|
+
import { DraggableSortable, moveItem, useSortable } from "../index.js";
|
|
7
|
+
import draggable_list_demo_module from "./draggable-list-demo.module.js";
|
|
8
|
+
const sourceItems = [
|
|
9
|
+
{
|
|
10
|
+
id: '1',
|
|
11
|
+
name: 'Item 1'
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
id: '2',
|
|
15
|
+
name: 'Item 2'
|
|
16
|
+
},
|
|
17
|
+
{
|
|
18
|
+
id: '3',
|
|
19
|
+
name: 'Item 3'
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
id: '4',
|
|
23
|
+
name: 'Item 4'
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
id: '5',
|
|
27
|
+
name: 'Item 5'
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
id: '6',
|
|
31
|
+
name: 'Item 6'
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
id: '7',
|
|
35
|
+
name: 'Item 7'
|
|
36
|
+
},
|
|
37
|
+
{
|
|
38
|
+
id: '8',
|
|
39
|
+
name: 'Item 8'
|
|
40
|
+
}
|
|
41
|
+
];
|
|
42
|
+
const DraggableCard = ({ item, disabled, isSortable = true })=>{
|
|
43
|
+
const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useSortable({
|
|
44
|
+
id: item.id,
|
|
45
|
+
disabled,
|
|
46
|
+
transition: {
|
|
47
|
+
duration: 250,
|
|
48
|
+
easing: 'cubic-bezier(0, 0.2, 0.2, 1)'
|
|
49
|
+
}
|
|
50
|
+
});
|
|
51
|
+
return /*#__PURE__*/ jsxs(Card, {
|
|
52
|
+
ref: setNodeRef,
|
|
53
|
+
className: classnames('byline-demo-card', draggable_list_demo_module.card, isDragging && [
|
|
54
|
+
'byline-demo-card-dragging',
|
|
55
|
+
draggable_list_demo_module["card-dragging"]
|
|
56
|
+
]),
|
|
57
|
+
style: {
|
|
58
|
+
transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`,
|
|
59
|
+
transition,
|
|
60
|
+
zIndex: isDragging ? '10' : 'auto'
|
|
61
|
+
},
|
|
62
|
+
children: [
|
|
63
|
+
/*#__PURE__*/ jsxs("div", {
|
|
64
|
+
className: classnames('byline-demo-card-header', draggable_list_demo_module["card-header"]),
|
|
65
|
+
children: [
|
|
66
|
+
/*#__PURE__*/ jsx("div", {
|
|
67
|
+
className: classnames('byline-demo-card-grip', draggable_list_demo_module["card-grip"]),
|
|
68
|
+
...attributes,
|
|
69
|
+
...listeners,
|
|
70
|
+
children: /*#__PURE__*/ jsx(GripperVerticalIcon, {})
|
|
71
|
+
}),
|
|
72
|
+
/*#__PURE__*/ jsx("h3", {
|
|
73
|
+
children: item.name
|
|
74
|
+
})
|
|
75
|
+
]
|
|
76
|
+
}),
|
|
77
|
+
/*#__PURE__*/ jsxs("p", {
|
|
78
|
+
children: [
|
|
79
|
+
"Card ",
|
|
80
|
+
item.id
|
|
81
|
+
]
|
|
82
|
+
})
|
|
83
|
+
]
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
function DraggableList() {
|
|
87
|
+
const [items, setItems] = useState(sourceItems);
|
|
88
|
+
const handleOnDragEnd = ({ event, moveFromIndex, moveToIndex })=>{
|
|
89
|
+
const newItems = moveItem(items, moveFromIndex, moveToIndex);
|
|
90
|
+
setItems(newItems);
|
|
91
|
+
};
|
|
92
|
+
return /*#__PURE__*/ jsx("div", {
|
|
93
|
+
className: classnames('byline-demo-list', draggable_list_demo_module.list),
|
|
94
|
+
children: /*#__PURE__*/ jsx(DraggableSortable, {
|
|
95
|
+
ids: items.map((item)=>item.id),
|
|
96
|
+
onDragEnd: handleOnDragEnd,
|
|
97
|
+
children: items.map((item)=>/*#__PURE__*/ jsx(DraggableCard, {
|
|
98
|
+
disabled: false,
|
|
99
|
+
isSortable: true,
|
|
100
|
+
item: item
|
|
101
|
+
}, item.id))
|
|
102
|
+
})
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
export { DraggableList };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import "./draggable-list-demo_module.css";
|
|
2
|
+
const draggable_list_demo_module = {
|
|
3
|
+
list: "list-XHnsgb",
|
|
4
|
+
card: "card-Ne0WSI",
|
|
5
|
+
"card-dragging": "card-dragging-JeByM5",
|
|
6
|
+
cardDragging: "card-dragging-JeByM5",
|
|
7
|
+
"card-header": "card-header-tGIJQP",
|
|
8
|
+
cardHeader: "card-header-tGIJQP",
|
|
9
|
+
"card-grip": "card-grip-wNVZ2B",
|
|
10
|
+
cardGrip: "card-grip-wNVZ2B"
|
|
11
|
+
};
|
|
12
|
+
export default draggable_list_demo_module;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
:is(.list-XHnsgb, .byline-demo-list) {
|
|
2
|
+
max-width: 600px;
|
|
3
|
+
margin-inline: auto;
|
|
4
|
+
position: relative;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
:is(.card-Ne0WSI, .byline-demo-card) {
|
|
8
|
+
min-width: 100%;
|
|
9
|
+
max-width: 24rem;
|
|
10
|
+
margin-bottom: var(--spacing-16);
|
|
11
|
+
border: var(--border-width-thin) var(--border-style-solid) var(--canvas-25);
|
|
12
|
+
border-radius: var(--border-radius-lg);
|
|
13
|
+
background-color: #fff;
|
|
14
|
+
flex-direction: column;
|
|
15
|
+
padding: 1.5rem;
|
|
16
|
+
text-decoration: none;
|
|
17
|
+
display: flex;
|
|
18
|
+
position: relative;
|
|
19
|
+
box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
:is(.card-dragging-JeByM5, .byline-demo-card-dragging) {
|
|
23
|
+
box-shadow: 0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
:is(.card-header-tGIJQP, .byline-demo-card-header) {
|
|
27
|
+
justify-content: flex-start;
|
|
28
|
+
align-items: center;
|
|
29
|
+
display: flex;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
:is(.card-grip-wNVZ2B, .byline-demo-card-grip) {
|
|
33
|
+
margin-right: var(--spacing-8);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
:is(:is([data-theme="dark"], .dark) .card-Ne0WSI, :is([data-theme="dark"], .dark) .byline-demo-card) {
|
|
37
|
+
background-color: var(--canvas-800);
|
|
38
|
+
}
|
|
39
|
+
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) Payload CMS, LLC info@payloadcms.com
|
|
4
|
+
* Copyright notices appear at the top of source files where applicable
|
|
5
|
+
* and are licensed under the MIT license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree
|
|
7
|
+
*
|
|
8
|
+
* https://github.com/payloadcms/payload/*
|
|
9
|
+
*
|
|
10
|
+
* Based on https://docs.dndkit.com/presets/sortable#connecting-all-the-pieces
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
import type React from 'react';
|
|
14
|
+
import type { UseDraggableArguments } from '@dnd-kit/core';
|
|
15
|
+
import type { ChildFunction } from './types.js';
|
|
16
|
+
export declare const DraggableSortableItem: React.FC<{
|
|
17
|
+
children: ChildFunction;
|
|
18
|
+
} & UseDraggableArguments>;
|
|
19
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dnd/draggable-sortable/draggable-sortable-item/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAG1D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAC1C;IACE,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CA2B1B,CAAA"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Fragment } from "react";
|
|
4
|
+
import { useDraggableSortable } from "../use-draggable-sortable/index.js";
|
|
5
|
+
const DraggableSortableItem = (props)=>{
|
|
6
|
+
const { id, children, disabled } = props;
|
|
7
|
+
const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useDraggableSortable({
|
|
8
|
+
id,
|
|
9
|
+
disabled
|
|
10
|
+
});
|
|
11
|
+
return /*#__PURE__*/ jsx(Fragment, {
|
|
12
|
+
children: children({
|
|
13
|
+
attributes: {
|
|
14
|
+
...attributes,
|
|
15
|
+
style: {
|
|
16
|
+
cursor: isDragging ? 'grabbing' : 'grab'
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
isDragging,
|
|
20
|
+
listeners,
|
|
21
|
+
setNodeRef,
|
|
22
|
+
transform,
|
|
23
|
+
transition
|
|
24
|
+
})
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
export { DraggableSortableItem };
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) Payload CMS, LLC info@payloadcms.com
|
|
4
|
+
* Copyright notices appear at the top of source files where applicable
|
|
5
|
+
* and are licensed under the MIT license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree
|
|
7
|
+
*
|
|
8
|
+
* https://github.com/payloadcms/payload/*
|
|
9
|
+
*
|
|
10
|
+
* Based on https://docs.dndkit.com/presets/sortable#connecting-all-the-pieces
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
import type React from 'react';
|
|
14
|
+
import type { UseDraggableArguments } from '@dnd-kit/core';
|
|
15
|
+
import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
|
|
16
|
+
import type { UseDraggableSortableReturn } from '../use-draggable-sortable/types.js';
|
|
17
|
+
export type DragHandleProps = {
|
|
18
|
+
attributes: UseDraggableArguments['attributes'];
|
|
19
|
+
listeners: SyntheticListenerMap;
|
|
20
|
+
} & UseDraggableArguments;
|
|
21
|
+
export type ChildFunction = (args: UseDraggableSortableReturn) => React.ReactNode;
|
|
22
|
+
export type Props = {
|
|
23
|
+
children: ChildFunction;
|
|
24
|
+
} & UseDraggableArguments;
|
|
25
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/dnd/draggable-sortable/draggable-sortable-item/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAE9E,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAA;AAEpF,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,EAAE,qBAAqB,CAAC,YAAY,CAAC,CAAA;IAC/C,SAAS,EAAE,oBAAoB,CAAA;CAChC,GAAG,qBAAqB,CAAA;AAEzB,MAAM,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,0BAA0B,KAAK,KAAK,CAAC,SAAS,CAAA;AAEjF,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,aAAa,CAAA;CACxB,GAAG,qBAAqB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) Payload CMS, LLC info@payloadcms.com
|
|
4
|
+
* Copyright notices appear at the top of source files where applicable
|
|
5
|
+
* and are licensed under the MIT license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree
|
|
7
|
+
*
|
|
8
|
+
* https://github.com/payloadcms/payload/*
|
|
9
|
+
*
|
|
10
|
+
* Based on https://docs.dndkit.com/presets/sortable#connecting-all-the-pieces
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
import type React from 'react';
|
|
14
|
+
import type { Props } from './types.js';
|
|
15
|
+
export type { Props };
|
|
16
|
+
export declare const DraggableSortable: React.FC<Props>;
|
|
17
|
+
//# sourceMappingURL=draggable-sortable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"draggable-sortable.d.ts","sourceRoot":"","sources":["../../../src/dnd/draggable-sortable/draggable-sortable.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAEvC,YAAY,EAAE,KAAK,EAAE,CAAA;AAErB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAmD7C,CAAA"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { useCallback, useId } from "react";
|
|
4
|
+
import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useDroppable, useSensor, useSensors } from "@dnd-kit/core";
|
|
5
|
+
import { SortableContext, sortableKeyboardCoordinates } from "@dnd-kit/sortable";
|
|
6
|
+
const DraggableSortable = (props)=>{
|
|
7
|
+
const { children, className, ids, onDragEnd } = props;
|
|
8
|
+
const id = useId();
|
|
9
|
+
const { setNodeRef } = useDroppable({
|
|
10
|
+
id
|
|
11
|
+
});
|
|
12
|
+
const sensors = useSensors(useSensor(PointerSensor, {
|
|
13
|
+
activationConstraint: {
|
|
14
|
+
distance: 5
|
|
15
|
+
}
|
|
16
|
+
}), useSensor(KeyboardSensor, {
|
|
17
|
+
coordinateGetter: sortableKeyboardCoordinates
|
|
18
|
+
}));
|
|
19
|
+
const handleDragEnd = useCallback((event)=>{
|
|
20
|
+
const { active, over } = event;
|
|
21
|
+
if (!active || !over) return;
|
|
22
|
+
if ('function' == typeof onDragEnd) onDragEnd({
|
|
23
|
+
event,
|
|
24
|
+
moveFromIndex: ids.indexOf(String(active.id)),
|
|
25
|
+
moveToIndex: ids.indexOf(String(over.id))
|
|
26
|
+
});
|
|
27
|
+
}, [
|
|
28
|
+
onDragEnd,
|
|
29
|
+
ids
|
|
30
|
+
]);
|
|
31
|
+
return /*#__PURE__*/ jsx(DndContext, {
|
|
32
|
+
collisionDetection: closestCenter,
|
|
33
|
+
id: id,
|
|
34
|
+
onDragEnd: handleDragEnd,
|
|
35
|
+
sensors: sensors,
|
|
36
|
+
children: /*#__PURE__*/ jsx(SortableContext, {
|
|
37
|
+
items: ids,
|
|
38
|
+
children: /*#__PURE__*/ jsx("div", {
|
|
39
|
+
className: className,
|
|
40
|
+
ref: setNodeRef,
|
|
41
|
+
children: children
|
|
42
|
+
})
|
|
43
|
+
})
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
export { DraggableSortable };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/dnd/draggable-sortable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAE/C,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) Payload CMS, LLC info@payloadcms.com
|
|
4
|
+
* Copyright notices appear at the top of source files where applicable
|
|
5
|
+
* and are licensed under the MIT license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree
|
|
7
|
+
*
|
|
8
|
+
* https://github.com/payloadcms/payload/*
|
|
9
|
+
*
|
|
10
|
+
* Based on https://docs.dndkit.com/presets/sortable#connecting-all-the-pieces
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
import type { Ref } from 'react';
|
|
14
|
+
import type { DragEndEvent } from '@dnd-kit/core';
|
|
15
|
+
export type Props = {
|
|
16
|
+
children: React.ReactNode;
|
|
17
|
+
className?: string;
|
|
18
|
+
droppableRef?: Ref<HTMLElement>;
|
|
19
|
+
ids: string[];
|
|
20
|
+
onDragEnd: (e: {
|
|
21
|
+
event: DragEndEvent;
|
|
22
|
+
moveFromIndex: number;
|
|
23
|
+
moveToIndex: number;
|
|
24
|
+
}) => void;
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/dnd/draggable-sortable/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAEjD,MAAM,MAAM,KAAK,GAAG;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAA;IAC/B,GAAG,EAAE,MAAM,EAAE,CAAA;IACb,SAAS,EAAE,CAAC,CAAC,EAAE;QAAE,KAAK,EAAE,YAAY,CAAC;QAAC,aAAa,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;CAC5F,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) Payload CMS, LLC info@payloadcms.com
|
|
4
|
+
* Copyright notices appear at the top of source files where applicable
|
|
5
|
+
* and are licensed under the MIT license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree
|
|
7
|
+
*
|
|
8
|
+
* https://github.com/payloadcms/payload/*
|
|
9
|
+
*
|
|
10
|
+
* Based on https://docs.dndkit.com/presets/sortable#connecting-all-the-pieces
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
import type { UseDraggableArguments } from '@dnd-kit/core';
|
|
14
|
+
import type { UseDraggableSortableReturn } from './types.js';
|
|
15
|
+
export declare const useDraggableSortable: (props: UseDraggableArguments) => UseDraggableSortableReturn;
|
|
16
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/dnd/draggable-sortable/use-draggable-sortable/index.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAG1D,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,YAAY,CAAA;AAE5D,eAAO,MAAM,oBAAoB,GAAI,OAAO,qBAAqB,KAAG,0BA6BnE,CAAA"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { useSortable } from "@dnd-kit/sortable";
|
|
3
|
+
const useDraggableSortable = (props)=>{
|
|
4
|
+
const { id, disabled } = props;
|
|
5
|
+
const { attributes, isDragging, listeners, setNodeRef, transform, transition } = useSortable({
|
|
6
|
+
id,
|
|
7
|
+
disabled,
|
|
8
|
+
transition: {
|
|
9
|
+
duration: 250,
|
|
10
|
+
easing: 'cubic-bezier(0, 0.2, 0.2, 1)'
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
return {
|
|
14
|
+
attributes: {
|
|
15
|
+
...attributes,
|
|
16
|
+
style: {
|
|
17
|
+
cursor: isDragging ? 'grabbing' : 'grab',
|
|
18
|
+
transition
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
isDragging,
|
|
22
|
+
listeners,
|
|
23
|
+
setNodeRef,
|
|
24
|
+
transform: transform && `translate3d(${transform.x}px, ${transform.y}px, 0)`,
|
|
25
|
+
transition
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
export { useDraggableSortable };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) Payload CMS, LLC info@payloadcms.com
|
|
4
|
+
* Copyright notices appear at the top of source files where applicable
|
|
5
|
+
* and are licensed under the MIT license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree
|
|
7
|
+
*
|
|
8
|
+
* https://github.com/payloadcms/payload/*
|
|
9
|
+
*
|
|
10
|
+
* Based on https://docs.dndkit.com/presets/sortable#connecting-all-the-pieces
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
import type { HTMLAttributes } from 'react';
|
|
14
|
+
import type { SyntheticListenerMap } from '@dnd-kit/core/dist/hooks/utilities';
|
|
15
|
+
export type UseDraggableSortableReturn = {
|
|
16
|
+
attributes: HTMLAttributes<unknown>;
|
|
17
|
+
isDragging?: boolean;
|
|
18
|
+
listeners: SyntheticListenerMap;
|
|
19
|
+
setNodeRef: (node: HTMLElement | null) => void;
|
|
20
|
+
transform: string;
|
|
21
|
+
transition: string;
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/dnd/draggable-sortable/use-draggable-sortable/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AAE9E,MAAM,MAAM,0BAA0B,GAAG;IACvC,UAAU,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IACnC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,SAAS,EAAE,oBAAoB,CAAA;IAC/B,UAAU,EAAE,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
*
|
|
3
|
+
* Copyright (c) Payload CMS, LLC info@payloadcms.com
|
|
4
|
+
* Copyright notices appear at the top of source files where applicable
|
|
5
|
+
* and are licensed under the MIT license found in the
|
|
6
|
+
* LICENSE file in the root directory of this source tree
|
|
7
|
+
*
|
|
8
|
+
* https://github.com/payloadcms/payload/*
|
|
9
|
+
*
|
|
10
|
+
* Based on https://docs.dndkit.com/presets/sortable#connecting-all-the-pieces
|
|
11
|
+
*
|
|
12
|
+
*/
|
|
13
|
+
export declare function moveItem(items: any[], moveFromIndex: number, moveToIndex: number): any[];
|
|
14
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/dnd/draggable-sortable/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,SAehF"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
function moveItem(items, moveFromIndex, moveToIndex) {
|
|
2
|
+
if (moveFromIndex < 0 || moveFromIndex >= items.length || moveToIndex < 0 || moveToIndex >= items.length) throw new Error('Index out of bounds');
|
|
3
|
+
const updatedItems = [
|
|
4
|
+
...items
|
|
5
|
+
];
|
|
6
|
+
const [itemToMove] = updatedItems.splice(moveFromIndex, 1);
|
|
7
|
+
updatedItems.splice(moveToIndex, 0, itemToMove);
|
|
8
|
+
return updatedItems;
|
|
9
|
+
}
|
|
10
|
+
export { moveItem };
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* This Source Code is subject to the terms of the Mozilla Public
|
|
3
|
+
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
4
|
+
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
5
|
+
*
|
|
6
|
+
* Copyright (c) Infonomic Company Limited
|
|
7
|
+
*/
|
|
8
|
+
import type { ArrayField as ArrayFieldType } from '@byline/core';
|
|
9
|
+
export declare const ArrayField: ({ field, defaultValue, path, disableSorting, }: {
|
|
10
|
+
field: ArrayFieldType;
|
|
11
|
+
defaultValue: any;
|
|
12
|
+
path: string;
|
|
13
|
+
disableSorting?: boolean;
|
|
14
|
+
}) => import("react").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=array-field.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"array-field.d.ts","sourceRoot":"","sources":["../../../src/fields/array/array-field.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAIH,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAS,MAAM,cAAc,CAAA;AAgBvE,eAAO,MAAM,UAAU,GAAI,gDAKxB;IACD,KAAK,EAAE,cAAc,CAAA;IACrB,YAAY,EAAE,GAAG,CAAA;IACjB,IAAI,EAAE,MAAM,CAAA;IACZ,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,gCAqOA,CAAA"}
|