Rotimi Best
c7854efae3
* feat: new components, deploy storybook * refactor: simplify component field definitions and enhance button loading state - Removed unnecessary type imports and simplified the FIELDS array definitions across multiple components in Storybook. - Updated button component to use a loading state instead of isLoading, improving clarity and consistency in props. - Adjusted button stories to reflect the new loading prop and enhanced the button's loading visual feedback. - Minor CSS adjustments for better layout and styling consistency. * chore: add field, card, password components * feat: improve page component & update AuthUI path * chore: update bits-ui to version 2.14.4 and all org related UI's - Updated bits-ui dependency in pnpm-lock.yaml and package.json to version 2.14.4. - Refactored imports for RoleBasedSecurity and UpgradeBanner components to use the new ui feature directory. - Removed unused Course components and related files to clean up the codebase. - Enhanced various components to improve consistency and maintainability. * chore: move all setting buttons to the top and update auth ui styles * chore: remove svelte-loading-spinners and replace with @cio/ui/base/spinner - Removed all instances of svelte-loading-spinners from the project. - Updated components to use the new Spinner from @cio/ui/base/spinner. - Cleaned up pnpm-lock.yaml and package.json to reflect the removal of svelte-loading-spinners. - Added new CSS animations for rocket launch effects in app.css. - Enhanced email change flow with updated verification messages in translations. * chore: remove supabase file upload from dashboard and move to r2 * chore: update organization API and UI components - Added new API methods for organization plan operations and team management. - Introduced middleware for API key authentication and organization admin checks. - Refactored organization-related components to utilize the new API structure. - Updated various UI components to improve consistency and maintainability. - Enhanced error handling and validation for organization-related actions. - Removed deprecated services and streamlined the codebase.
59 lines
1.5 KiB
Svelte
59 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import { Editor } from '@cio/ui/custom/editor';
|
|
import type { HTMLContent, TiptapEditor } from '@cio/ui/custom/editor';
|
|
|
|
interface Props {
|
|
placeholder?: string | ((node: any) => string);
|
|
// Content of the editor
|
|
content?: HTMLContent;
|
|
// Whether the toolbar should be visible
|
|
showToolBar?: boolean;
|
|
// Whether the editor is editable
|
|
editable?: boolean;
|
|
// Whether to enable localStorage persistence
|
|
enablePersistence?: boolean;
|
|
// localStorage key for content persistence
|
|
contentStorageKey?: string;
|
|
// localStorage key for editable state persistence
|
|
editableStorageKey?: string;
|
|
// CSS class for the editor wrapper
|
|
class?: string;
|
|
// CSS class for the editor itself
|
|
editorClass?: string;
|
|
// Callback functions
|
|
onChange?: (content: HTMLContent) => void;
|
|
onReady?: (editor: TiptapEditor) => void;
|
|
onEditorDestroy?: () => void;
|
|
}
|
|
|
|
let {
|
|
content,
|
|
showToolBar = true,
|
|
editable = true,
|
|
enablePersistence = false,
|
|
contentStorageKey = 'edra-content',
|
|
editableStorageKey = 'edra-editable',
|
|
class: className = '',
|
|
editorClass = '',
|
|
placeholder = 'Welcome to ClassroomIO',
|
|
onChange,
|
|
onReady,
|
|
onEditorDestroy
|
|
}: Props = $props();
|
|
</script>
|
|
|
|
<Editor
|
|
content={content || ''}
|
|
{showToolBar}
|
|
{editable}
|
|
{enablePersistence}
|
|
{contentStorageKey}
|
|
{editableStorageKey}
|
|
class={className}
|
|
{editorClass}
|
|
{placeholder}
|
|
onContentChange={onChange}
|
|
onEditorReady={onReady}
|
|
{onEditorDestroy}
|
|
/>
|