@veevarts/design-system 0.1.23 → 1.0.0-beta.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.
@@ -5,5 +5,5 @@
5
5
  * Ensures exclusive selection (preset OR custom).
6
6
  */
7
7
  export { DonationAmounts } from './DonationAmounts';
8
- export type { DonationAmount, SelectedDonation, DonationLabels, DonationAmountsProps, } from './types';
8
+ export type { DonationAmount, SelectedDonation, DonationLabels, DonationAmountsProps } from './types';
9
9
  export { formatCurrency, parseCurrency } from './utils/currency';
@@ -1,21 +1,4 @@
1
- import { ReactNode } from 'react';
2
- export interface FooterLink {
3
- label: string;
4
- href: string;
5
- }
6
- export interface FooterSection {
7
- title: string;
8
- links: FooterLink[];
9
- }
10
- export interface SocialLink {
11
- platform: string;
12
- href: string;
13
- icon?: ReactNode;
14
- }
15
- export interface FooterProps {
16
- sections?: FooterSection[];
17
- socialLinks?: SocialLink[];
18
- copyrightText?: string;
19
- logo?: ReactNode;
20
- }
21
- export declare function Footer(_props: FooterProps): import("react/jsx-runtime").JSX.Element;
1
+ /**
2
+ * Footer Component
3
+ */
4
+ export declare function Footer(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export {};
@@ -1,2 +1 @@
1
1
  export { Footer } from './Footer';
2
- export type { FooterProps, FooterSection, FooterLink, SocialLink } from './Footer';
@@ -103,3 +103,4 @@ import { RichTextAreaProps } from './types';
103
103
  * @see {@link https://tiptap.dev/docs/editor/api/editor Tiptap Editor API} for underlying editor functionality
104
104
  */
105
105
  export declare const RichTextArea: import('react').ForwardRefExoticComponent<Omit<RichTextAreaProps, "ref"> & import('react').RefAttributes<HTMLTextAreaElement>>;
106
+ export type { RichTextAreaProps };
@@ -26,9 +26,16 @@ export interface ToolbarProps {
26
26
  * Custom class name
27
27
  */
28
28
  className?: string;
29
+ /**
30
+ * Callback when a toolbar action is executed
31
+ */
32
+ onToolbarAction?: (action: {
33
+ type: string;
34
+ modifier: string;
35
+ }) => void;
29
36
  }
30
37
  /**
31
38
  * Main toolbar component
32
39
  * Renders all toolbar sections based on active modifiers
33
40
  */
34
- export declare function Toolbar({ editor, modifiers, zoom, onZoomChange, sticky, className }: ToolbarProps): import("react/jsx-runtime").JSX.Element | null;
41
+ export declare function Toolbar({ editor, modifiers, zoom, onZoomChange, sticky, className, onToolbarAction, }: ToolbarProps): import("react/jsx-runtime").JSX.Element | null;
@@ -4,9 +4,13 @@ import { ModifierType, ModifierConfig } from '../../types';
4
4
  * Hook to execute toolbar commands
5
5
  *
6
6
  * @param editor - TipTap editor instance
7
+ * @param onToolbarAction - Optional callback for logging/analytics
7
8
  * @returns Command execution functions
8
9
  */
9
- export declare function useToolbarCommands(editor: Editor | null): {
10
+ export declare function useToolbarCommands(editor: Editor | null, onToolbarAction?: (action: {
11
+ type: string;
12
+ modifier: string;
13
+ }) => void): {
10
14
  executeCommand: (modifierType: ModifierType, config?: ModifierConfig) => void;
11
15
  toggleModifier: (modifierType: ModifierType) => void;
12
16
  canExecute: (modifierType: ModifierType, config?: ModifierConfig) => boolean;
@@ -3,5 +3,9 @@ import { ModifierIdentifier } from '../../types';
3
3
  export interface TextFormattingSectionProps {
4
4
  editor: Editor | null;
5
5
  modifiers: ModifierIdentifier[];
6
+ onToolbarAction?: (action: {
7
+ type: string;
8
+ modifier: string;
9
+ }) => void;
6
10
  }
7
- export declare function TextFormattingSection({ editor, modifiers }: TextFormattingSectionProps): import("react/jsx-runtime").JSX.Element | null;
11
+ export declare function TextFormattingSection({ editor, modifiers, onToolbarAction }: TextFormattingSectionProps): import("react/jsx-runtime").JSX.Element | null;
@@ -139,6 +139,14 @@ export interface RichTextAreaProps extends Omit<ComponentProps<typeof Textarea>,
139
139
  * Callback when editor content changes (controlled mode)
140
140
  */
141
141
  onUpdate?: (content: EditorContent) => void;
142
+ /**
143
+ * Callback when a toolbar action is executed
144
+ * Useful for logging/analytics
145
+ */
146
+ onToolbarAction?: (action: {
147
+ type: string;
148
+ modifier: string;
149
+ }) => void;
142
150
  }
143
151
  /**
144
152
  * Internal TipTap editor props (for core/TipTapEditor.tsx)
@@ -6,5 +6,4 @@ export { RichTextArea, RICH_TEXT_PRESETS } from './RichText';
6
6
  export { DonationAmounts } from './DonationAmounts';
7
7
  export type { NavbarProps, NavbarLink, NavbarLanguage } from './Navbar';
8
8
  export type { StepperProps } from './Stepper';
9
- export type { FooterProps, FooterSection, FooterLink, SocialLink } from './Footer';
10
9
  export type { DonationAmountsProps, DonationAmount, SelectedDonation, DonationLabels } from './DonationAmounts';
@@ -1,6 +1,5 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { NavbarProps } from '../../patterns/Navbar';
3
- import { FooterProps } from '../../patterns/Footer';
4
3
  export interface ConfirmationDetails {
5
4
  title: string;
6
5
  message: string;
@@ -12,7 +11,6 @@ export interface ConfirmationDetails {
12
11
  }
13
12
  export interface ConfirmationPageTemplateProps {
14
13
  navbar?: NavbarProps;
15
- footer?: FooterProps;
16
14
  confirmation: ConfirmationDetails;
17
15
  primaryAction?: {
18
16
  label: string;
@@ -1,7 +1,6 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { NavbarProps } from '../../patterns/Navbar';
3
3
  import { StepperProps } from '../../patterns/Stepper';
4
- import { FooterProps } from '../../patterns/Footer';
5
4
  export interface EventInfo {
6
5
  title: string;
7
6
  description: string;
@@ -16,7 +15,6 @@ export interface EventInfo {
16
15
  }
17
16
  export interface EventDetailsTemplateProps {
18
17
  navbar?: NavbarProps;
19
- footer?: FooterProps;
20
18
  stepper?: StepperProps;
21
19
  event: EventInfo;
22
20
  primaryAction?: {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@veevarts/design-system",
3
3
  "private": false,
4
- "version": "0.1.23",
4
+ "version": "1.0.0-beta.1",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",
7
7
  "module": "dist/index.js",
@@ -14,8 +14,9 @@
14
14
  "build": "vite build",
15
15
  "lint": "eslint .",
16
16
  "preview": "vite preview",
17
- "test": "vitest --run",
17
+ "test": "vitest --project unit --run",
18
18
  "test:watch": "vitest",
19
+ "test:storybook": "vitest --project storybook --run",
19
20
  "test:unit": "vitest --project unit --run",
20
21
  "test:unit:watch": "vitest --project unit",
21
22
  "test:ui": "vitest --ui",
@@ -23,11 +24,7 @@
23
24
  "storybook": "storybook dev -p 6006",
24
25
  "build-storybook": "storybook build",
25
26
  "deploy-storybook": "npm run build-storybook && npx vercel storybook-static --prod",
26
- "prepublishOnly": "npm run test && npm run lint && npm run build",
27
- "publish:patch": "npm version patch && npm publish && git push origin main --tags",
28
- "publish:minor": "npm version minor && npm publish && git push origin main --tags",
29
- "publish:major": "npm version major && npm publish && git push origin main --tags",
30
- "publish:beta": "npm version prerelease --preid=beta && npm publish --tag beta && git push origin main --tags"
27
+ "prepublishOnly": "npm run test && npm run lint && npm run build"
31
28
  },
32
29
  "peerDependencies": {
33
30
  "@heroui/react": ">=2.7.0",
@@ -1,4 +0,0 @@
1
- /**
2
- * Footer Component
3
- */
4
- export declare function Footer(): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { Footer } from './Footer';