podo-ui 1.0.0 → 1.0.2

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 (34) hide show
  1. package/cdn/podo-datepicker.css +1 -1
  2. package/cdn/podo-datepicker.js +1 -1
  3. package/cdn/podo-datepicker.min.css +1 -1
  4. package/cdn/podo-datepicker.min.js +1 -1
  5. package/cdn/podo-ui.css +4 -1
  6. package/cdn/podo-ui.min.css +1 -1
  7. package/dist/react/atom/editor.d.ts.map +1 -1
  8. package/dist/react/atom/editor.js +94 -2
  9. package/dist/svelte/atom/Avatar.svelte +3 -1
  10. package/dist/svelte/atom/Avatar.svelte.d.ts +2 -1
  11. package/dist/svelte/atom/Chip.svelte +3 -2
  12. package/dist/svelte/atom/Chip.svelte.d.ts +2 -1
  13. package/dist/svelte/atom/Editor.svelte +1314 -0
  14. package/dist/svelte/atom/Editor.svelte.d.ts +30 -0
  15. package/dist/svelte/atom/Radio.svelte +4 -2
  16. package/dist/svelte/atom/Tooltip.svelte +3 -1
  17. package/dist/svelte/atom/Tooltip.svelte.d.ts +2 -1
  18. package/dist/svelte/index.d.ts +2 -0
  19. package/dist/svelte/index.js +2 -0
  20. package/dist/svelte/molecule/DatePicker.svelte +986 -0
  21. package/dist/svelte/molecule/DatePicker.svelte.d.ts +71 -0
  22. package/dist/svelte/molecule/Field.svelte +5 -3
  23. package/dist/svelte/molecule/Field.svelte.d.ts +2 -1
  24. package/dist/svelte/molecule/Pagination.svelte +3 -2
  25. package/dist/svelte/molecule/Pagination.svelte.d.ts +2 -1
  26. package/dist/svelte/molecule/Tab.svelte +3 -2
  27. package/dist/svelte/molecule/Tab.svelte.d.ts +2 -1
  28. package/dist/svelte/molecule/Table.svelte +3 -2
  29. package/dist/svelte/molecule/Table.svelte.d.ts +1 -1
  30. package/dist/svelte/molecule/Toast.svelte +3 -2
  31. package/dist/svelte/molecule/Toast.svelte.d.ts +2 -1
  32. package/global.scss +1 -0
  33. package/package.json +1 -1
  34. package/vite-fonts.scss +1 -1
@@ -0,0 +1,30 @@
1
+ import type { z } from 'zod';
2
+ export type ToolbarItem = 'undo-redo' | 'paragraph' | 'text-style' | 'color' | 'align' | 'list' | 'table' | 'link' | 'image' | 'youtube' | 'hr' | 'format' | 'code';
3
+ interface Props {
4
+ /** HTML content */
5
+ value?: string;
6
+ /** Editor width */
7
+ width?: string;
8
+ /** Editor height */
9
+ height?: string | 'contents';
10
+ /** Minimum height */
11
+ minHeight?: string;
12
+ /** Maximum height */
13
+ maxHeight?: string;
14
+ /** Allow resizing */
15
+ resizable?: boolean;
16
+ /** Change handler */
17
+ onchange?: (content: string) => void;
18
+ /** Zod validator */
19
+ validator?: z.ZodType<unknown>;
20
+ /** Placeholder text */
21
+ placeholder?: string;
22
+ /** Toolbar items to show */
23
+ toolbar?: ToolbarItem[];
24
+ /** Additional class name */
25
+ class?: string;
26
+ }
27
+ type $$ComponentProps = Props & Record<string, unknown>;
28
+ declare const Editor: import("svelte").Component<$$ComponentProps, {}, "value">;
29
+ type Editor = ReturnType<typeof Editor>;
30
+ export default Editor;
@@ -46,7 +46,8 @@
46
46
  type="radio"
47
47
  {name}
48
48
  {value}
49
- bind:checked
49
+ {checked}
50
+ onchange={(e) => checked = e.currentTarget.checked}
50
51
  {disabled}
51
52
  class={className}
52
53
  {...rest}
@@ -59,7 +60,8 @@
59
60
  type="radio"
60
61
  {name}
61
62
  {value}
62
- bind:checked
63
+ {checked}
64
+ onchange={(e) => checked = e.currentTarget.checked}
63
65
  {disabled}
64
66
  class={className}
65
67
  {...rest}
@@ -43,7 +43,8 @@
43
43
  offset = 8,
44
44
  isVisible: controlledIsVisible,
45
45
  class: className = '',
46
- }: Props = $props();
46
+ ...rest
47
+ }: Props & Record<string, unknown> = $props();
47
48
 
48
49
  let hoverIsVisible = $state(false);
49
50
 
@@ -66,6 +67,7 @@
66
67
  onmouseenter={() => (hoverIsVisible = true)}
67
68
  onmouseleave={() => (hoverIsVisible = false)}
68
69
  role="presentation"
70
+ {...rest}
69
71
  >
70
72
  {@render children()}
71
73
  {#if shouldShowTooltip}
@@ -17,6 +17,7 @@ interface Props {
17
17
  /** Additional CSS class */
18
18
  class?: string;
19
19
  }
20
- declare const Tooltip: import("svelte").Component<Props, {}, "">;
20
+ type $$ComponentProps = Props & Record<string, unknown>;
21
+ declare const Tooltip: import("svelte").Component<$$ComponentProps, {}, "">;
21
22
  type Tooltip = ReturnType<typeof Tooltip>;
22
23
  export default Tooltip;
@@ -12,6 +12,7 @@ export { default as Avatar } from './atom/Avatar.svelte';
12
12
  export { default as Chip } from './atom/Chip.svelte';
13
13
  export { default as Tooltip } from './atom/Tooltip.svelte';
14
14
  export { default as EditorView } from './atom/EditorView.svelte';
15
+ export { default as Editor, type ToolbarItem as EditorToolbarItem } from './atom/Editor.svelte';
15
16
  export { default as Field } from './molecule/Field.svelte';
16
17
  export { default as Pagination } from './molecule/Pagination.svelte';
17
18
  export { default as Tab, type TabItem } from './molecule/Tab.svelte';
@@ -19,6 +20,7 @@ export { default as TabPanel } from './molecule/TabPanel.svelte';
19
20
  export { default as Table, type TableColumn } from './molecule/Table.svelte';
20
21
  export { default as Toast } from './molecule/Toast.svelte';
21
22
  export { default as ToastProvider } from './molecule/ToastProvider.svelte';
23
+ export { default as DatePicker, type DatePickerMode, type DatePickerType, type DatePickerValue, type TimeValue, type DateRange, type DateCondition, type DateTimeLimit, type MinuteStep, type YearRange, type CalendarInitial, type InitialCalendar, } from './molecule/DatePicker.svelte';
22
24
  export { createValidation, type ValidationStore, } from './stores/validation';
23
25
  export { createToastContext, useToast, type ToastContext, type ToastOptions, type ToastData, type ToastPosition, type ToastTheme, } from './stores/toast';
24
26
  export { portal } from './actions/portal';
@@ -13,6 +13,7 @@ export { default as Avatar } from './atom/Avatar.svelte';
13
13
  export { default as Chip } from './atom/Chip.svelte';
14
14
  export { default as Tooltip } from './atom/Tooltip.svelte';
15
15
  export { default as EditorView } from './atom/EditorView.svelte';
16
+ export { default as Editor } from './atom/Editor.svelte';
16
17
  // Molecule components
17
18
  export { default as Field } from './molecule/Field.svelte';
18
19
  export { default as Pagination } from './molecule/Pagination.svelte';
@@ -21,6 +22,7 @@ export { default as TabPanel } from './molecule/TabPanel.svelte';
21
22
  export { default as Table } from './molecule/Table.svelte';
22
23
  export { default as Toast } from './molecule/Toast.svelte';
23
24
  export { default as ToastProvider } from './molecule/ToastProvider.svelte';
25
+ export { default as DatePicker, } from './molecule/DatePicker.svelte';
24
26
  // Stores
25
27
  export { createValidation, } from './stores/validation';
26
28
  export { createToastContext, useToast, } from './stores/toast';