@xjur-ui/react 1.0.3 → 1.0.6

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 (38) hide show
  1. package/.turbo/turbo-build.log +32 -22
  2. package/CHANGELOG.md +20 -0
  3. package/dist/components/date-picker.js +1 -1
  4. package/dist/components/divider.js +2 -1
  5. package/dist/components/dropdown-menu.js +3 -2
  6. package/dist/components/icon.d.ts +1 -1
  7. package/dist/components/icon.js +5 -1
  8. package/dist/components/input.js +1 -1
  9. package/dist/components/otp-input.js +1 -1
  10. package/dist/components/rich-editor.d.ts +25 -0
  11. package/dist/components/rich-editor.js +723 -0
  12. package/dist/components/search-input.js +1 -1
  13. package/dist/components/select.js +2 -2
  14. package/dist/components/skeleton.d.ts +6 -0
  15. package/dist/components/skeleton.js +16 -0
  16. package/dist/components/status.d.ts +14 -0
  17. package/dist/components/status.js +111 -0
  18. package/dist/components/test.d.ts +5 -0
  19. package/dist/components/test.js +8 -0
  20. package/dist/components/tooltip.d.ts +11 -0
  21. package/dist/components/tooltip.js +58 -0
  22. package/dist/index.css +251 -25
  23. package/package.json +14 -2
  24. package/src/components/date-picker.tsx +1 -1
  25. package/src/components/divider.tsx +2 -1
  26. package/src/components/dropdown-menu.tsx +1 -1
  27. package/src/components/input.tsx +1 -1
  28. package/src/components/otp-input.tsx +1 -1
  29. package/src/components/rich-editor.tsx +371 -0
  30. package/src/components/search-input.tsx +1 -2
  31. package/src/components/select.tsx +1 -1
  32. package/src/components/skeleton.tsx +12 -0
  33. package/src/components/status.tsx +43 -0
  34. package/src/components/test.tsx +3 -0
  35. package/src/components/tooltip.tsx +63 -0
  36. package/src/hooks/index.ts +1 -0
  37. package/src/hooks/use-os.ts +32 -0
  38. package/src/resources/icons.ts +5 -1
@@ -1,8 +1,8 @@
1
1
 
2
- > @xjur-ui/react@1.0.2 build
2
+ > @xjur-ui/react@1.0.5 build
3
3
  > tsup
4
4
 
5
- CLI Building entry: src/index.ts, src/components/avatar-group.tsx, src/components/avatar.tsx, src/components/badge.tsx, src/components/button.tsx, src/components/calendar.tsx, src/components/checkbox.tsx, src/components/chip.tsx, src/components/collapsible.tsx, src/components/date-picker.tsx, src/components/divider.tsx, src/components/dropdown-menu.tsx, src/components/icon.tsx, src/components/input.tsx, src/components/list.tsx, src/components/logo.tsx, src/components/otp-input.tsx, src/components/radio.tsx, src/components/search-input.tsx, src/components/select.tsx, src/components/sheet.tsx, src/components/switch.tsx, src/components/table.tsx, src/components/tabs.tsx, src/components/tag.tsx, src/components/typography.tsx
5
+ CLI Building entry: src/index.ts, src/components/avatar-group.tsx, src/components/avatar.tsx, src/components/badge.tsx, src/components/button.tsx, src/components/calendar.tsx, src/components/checkbox.tsx, src/components/chip.tsx, src/components/collapsible.tsx, src/components/date-picker.tsx, src/components/divider.tsx, src/components/dropdown-menu.tsx, src/components/icon.tsx, src/components/input.tsx, src/components/list.tsx, src/components/logo.tsx, src/components/otp-input.tsx, src/components/radio.tsx, src/components/rich-editor.tsx, src/components/search-input.tsx, src/components/select.tsx, src/components/sheet.tsx, src/components/skeleton.tsx, src/components/status.tsx, src/components/switch.tsx, src/components/table.tsx, src/components/tabs.tsx, src/components/tag.tsx, src/components/test.tsx, src/components/tooltip.tsx, src/components/typography.tsx
6
6
  CLI Using tsconfig: tsconfig.json
7
7
  CLI tsup v8.5.0
8
8
  CLI Using tsup config: /home/vsts/work/1/s/packages/react/tsup.config.ts
@@ -11,34 +11,39 @@ CLI Cleaning output folder
11
11
  ESM Build start
12
12
  DTS Build start
13
13
  ESM dist/index.js 0 B
14
- ESM dist/components/avatar-group.js 4.98 KB
15
- ESM dist/index.css 58.59 KB
16
- ESM dist/components/avatar.js 1.38 KB
17
- ESM dist/components/badge.js 3.08 KB
18
- ESM dist/components/button.js 2.73 KB
19
- ESM dist/components/calendar.js 19.27 KB
20
- ESM dist/components/checkbox.js 4.64 KB
21
- ESM dist/components/chip.js 6.49 KB
22
- ESM dist/components/collapsible.js 998.00 B
23
- ESM dist/components/date-picker.js 6.90 KB
24
- ESM dist/components/divider.js 697.00 B
25
- ESM dist/components/dropdown-menu.js 7.19 KB
26
- ESM dist/components/icon.js 2.72 KB
27
- ESM dist/components/input.js 8.07 KB
14
+ ESM dist/components/divider.js 708.00 B
15
+ ESM dist/index.css 63.26 KB
16
+ ESM dist/components/dropdown-menu.js 7.23 KB
17
+ ESM dist/components/icon.js 2.80 KB
18
+ ESM dist/components/input.js 8.04 KB
28
19
  ESM dist/components/list.js 4.34 KB
29
20
  ESM dist/components/logo.js 20.93 KB
30
- ESM dist/components/otp-input.js 1.00 KB
21
+ ESM dist/components/otp-input.js 993.00 B
22
+ ESM dist/components/rich-editor.js 20.54 KB
23
+ ESM dist/components/search-input.js 7.67 KB
31
24
  ESM dist/components/radio.js 4.52 KB
32
- ESM dist/components/search-input.js 7.70 KB
33
- ESM dist/components/select.js 15.44 KB
25
+ ESM dist/components/select.js 15.37 KB
34
26
  ESM dist/components/sheet.js 6.89 KB
27
+ ESM dist/components/skeleton.js 349.00 B
28
+ ESM dist/components/status.js 3.09 KB
35
29
  ESM dist/components/switch.js 1.13 KB
36
30
  ESM dist/components/table.js 4.35 KB
37
31
  ESM dist/components/tabs.js 1.43 KB
38
32
  ESM dist/components/tag.js 4.77 KB
33
+ ESM dist/components/test.js 166.00 B
39
34
  ESM dist/components/typography.js 2.21 KB
40
- ESM ⚡️ Build success in 1185ms
41
- DTS ⚡️ Build success in 5286ms
35
+ ESM dist/components/tooltip.js 1.96 KB
36
+ ESM dist/components/badge.js 3.08 KB
37
+ ESM dist/components/button.js 2.73 KB
38
+ ESM dist/components/calendar.js 19.27 KB
39
+ ESM dist/components/checkbox.js 4.64 KB
40
+ ESM dist/components/chip.js 6.49 KB
41
+ ESM dist/components/collapsible.js 998.00 B
42
+ ESM dist/components/date-picker.js 6.87 KB
43
+ ESM dist/components/avatar-group.js 4.98 KB
44
+ ESM dist/components/avatar.js 1.38 KB
45
+ ESM ⚡️ Build success in 1464ms
46
+ DTS ⚡️ Build success in 8066ms
42
47
  DTS dist/index.d.ts 13.00 B
43
48
  DTS dist/components/avatar-group.d.ts 815.00 B
44
49
  DTS dist/components/badge.d.ts 607.00 B
@@ -53,15 +58,20 @@ DTS dist/components/divider.d.ts 336.00 B
53
58
  DTS dist/components/logo.d.ts 373.00 B
54
59
  DTS dist/components/otp-input.d.ts 662.00 B
55
60
  DTS dist/components/radio.d.ts 531.00 B
61
+ DTS dist/components/rich-editor.d.ts 1.73 KB
56
62
  DTS dist/components/select.d.ts 2.48 KB
57
63
  DTS dist/components/list.d.ts 1.28 KB
58
64
  DTS dist/components/search-input.d.ts 1.10 KB
59
65
  DTS dist/components/button.d.ts 872.00 B
60
66
  DTS dist/components/sheet.d.ts 1.62 KB
67
+ DTS dist/components/skeleton.d.ts 225.00 B
68
+ DTS dist/components/status.d.ts 701.00 B
61
69
  DTS dist/components/switch.d.ts 300.00 B
62
70
  DTS dist/components/table.d.ts 1.28 KB
63
71
  DTS dist/components/tabs.d.ts 737.00 B
64
72
  DTS dist/components/tag.d.ts 1.07 KB
73
+ DTS dist/components/test.d.ts 131.00 B
74
+ DTS dist/components/tooltip.d.ts 808.00 B
65
75
  DTS dist/components/typography.d.ts 993.00 B
66
76
  DTS dist/components/input.d.ts 2.12 KB
67
- DTS dist/components/icon.d.ts 2.25 KB
77
+ DTS dist/components/icon.d.ts 2.32 KB
package/CHANGELOG.md CHANGED
@@ -1,5 +1,25 @@
1
1
  # @xjur-ui/react
2
2
 
3
+ ## 1.0.6
4
+
5
+ ### Patch Changes
6
+
7
+ - 04a474a: Adiciona componente teste
8
+ - 28e2da9: Adiciona status badge
9
+
10
+ ## 1.0.4
11
+
12
+ ### Patch Changes
13
+
14
+ - 05ff877: Adiciona tooltip
15
+ - 92ace06: Add rich text area editor
16
+ - fd4127f: Release
17
+ - 6436dc8: Adiciona componente skeleton
18
+ - Updated dependencies [fd4127f]
19
+ - Updated dependencies [6436dc8]
20
+ - @xjur-ui/util@1.0.2
21
+ - @xjur-ui/styles@1.0.2
22
+
3
23
  ## 1.0.3
4
24
 
5
25
  ### Patch Changes
@@ -94,7 +94,7 @@ function DatePickerTrigger({
94
94
  className,
95
95
  "group h-large-4x rounded-small-1x gap-small py-small_1x-alt px-small relative flex w-full cursor-pointer items-center",
96
96
  "bg-layer-2-idle border-border-layer-2 hover:border-border-layer-3 border",
97
- "data-[state=open]:border-primary-idle data-[state=open]:shadow-focus-primary",
97
+ "data-[state=open]:border-primary-idle",
98
98
  "has-[input:not(:placeholder-shown)]:text-primary-idle",
99
99
  "has-[input:not(:placeholder-shown)]:border-primary-idle"
100
100
  ),
@@ -13,7 +13,8 @@ function Divider({
13
13
  SeparatorPrimitive.Root,
14
14
  {
15
15
  className: cx(
16
- "bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
16
+ "bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full",
17
+ "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
17
18
  className
18
19
  ),
19
20
  "data-slot": "separator",
@@ -191,7 +191,8 @@ function Divider({
191
191
  SeparatorPrimitive.Root,
192
192
  {
193
193
  className: cx2(
194
- "bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
194
+ "bg-border-layer-2 shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full",
195
+ "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px",
195
196
  className
196
197
  ),
197
198
  "data-slot": "separator",
@@ -238,7 +239,7 @@ function DropdownMenuContent({
238
239
  {
239
240
  align,
240
241
  className: cx3(
241
- "group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-trigger-width)] min-w-[240px]",
242
+ "group z-10 max-h-[var(--radix-popover-content-available-height)] max-w-[var(--radix-popover-trigger-width)] min-w-[var(--radix-popover-trigger-width)]",
242
243
  className
243
244
  ),
244
245
  "data-slot": "dropdown-menu-content",
@@ -1,7 +1,7 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import { ComponentProps } from 'react';
3
3
 
4
- declare const icons: readonly ["account_balance", "ad_units", "add_a_photo", "add", "adjust", "archive", "arrow_downward_alt", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_split", "arrow_upward_alt", "arrow_upward", "attach_file", "attach_money", "autorenew", "brightness_1", "calendar_today", "call", "chat_bubble", "check_circle", "check", "chevron_left", "chevron_right", "close", "collapse_all", "contacts", "content_copy", "dangerous", "dashboard", "delete", "download", "draft", "drafts", "drag_handle", "drag_indicator", "edit_document", "edit_square", "edit", "error", "expand_all", "file_export", "filter_alt", "filter_list", "first_page", "flag_2", "folder_open", "folder", "format_bold", "format_italic", "format_italic", "format_size", "format_strikethrough", "gavel", "group", "headphones", "help", "hourglass_bottom", "imagesmode", "import_contacts", "inbox", "info", "inventory_2", "keep", "keep", "keyboard_arrow_down", "keyboard_arrow_up", "keyboard_return", "label_off", "label", "last_page", "left_panel_close", "left_panel_open", "link_off", "link", "linked_services", "list", "location_on", "lock", "logout", "mail", "menu", "mic", "more_vert", "notifications", "numbers", "person_add", "person_off", "person", "play_circle", "progress_activity", "question_mark", "radio_button_unchecked", "refresh", "remove", "reply", "right_panel_close", "right_panel_open", "schedule", "search", "sell", "send", "settings", "share", "smart_display", "star", "star", "swap_vert", "thumb_down", "thumb_up", "tune", "unarchive", "undo", "upload", "verified_user", "videocam", "view_list", "view_module", "view_object_track", "visibility_off", "visibility", "warning", "wifi_2_bar", "wifi_off", "wifi", "work", "workspaces", "article", "id_card", "badge", "home", "save", "code", "favorite", "analytics", "reports", "event", "account_circle", "history", "security", "bar_chart", "category"];
4
+ declare const icons: readonly ["account_balance", "ad_units", "add_a_photo", "add", "adjust", "archive", "arrow_downward_alt", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_split", "arrow_upward_alt", "arrow_upward", "attach_file", "attach_money", "autorenew", "brightness_1", "calendar_today", "call", "chat_bubble", "check_circle", "check", "chevron_left", "chevron_right", "close", "collapse_all", "contacts", "content_copy", "dangerous", "dashboard", "delete", "download", "draft", "drafts", "drag_handle", "drag_indicator", "edit_document", "edit_square", "edit", "error", "expand_all", "file_export", "filter_alt", "filter_list", "first_page", "flag_2", "folder_open", "folder", "format_bold", "format_italic", "format_italic", "format_size", "format_strikethrough", "gavel", "group", "headphones", "help", "hourglass_bottom", "imagesmode", "import_contacts", "inbox", "info", "inventory_2", "keep", "keep", "keyboard_arrow_down", "keyboard_arrow_up", "keyboard_return", "label_off", "label", "last_page", "left_panel_close", "left_panel_open", "link_off", "link", "linked_services", "list", "location_on", "lock", "logout", "mail", "menu", "mic", "more_vert", "notifications", "numbers", "person_add", "person_off", "person", "play_circle", "progress_activity", "question_mark", "radio_button_unchecked", "refresh", "remove", "reply", "right_panel_close", "right_panel_open", "schedule", "search", "sell", "send", "settings", "share", "smart_display", "star", "star", "swap_vert", "thumb_down", "thumb_up", "tune", "unarchive", "undo", "upload", "verified_user", "videocam", "view_list", "view_module", "view_object_track", "visibility_off", "visibility", "warning", "wifi_2_bar", "wifi_off", "wifi", "work", "workspaces", "article", "id_card", "badge", "home", "save", "code", "favorite", "analytics", "reports", "event", "account_circle", "history", "security", "bar_chart", "category", "format_underlined", "format_list_bulleted", "format_list_numbered", "redo"];
5
5
  type IconType = (typeof icons)[number];
6
6
 
7
7
  type IconProps = {
@@ -144,7 +144,11 @@ var icons = [
144
144
  "history",
145
145
  "security",
146
146
  "bar_chart",
147
- "category"
147
+ "category",
148
+ "format_underlined",
149
+ "format_list_bulleted",
150
+ "format_list_numbered",
151
+ "redo"
148
152
  ];
149
153
 
150
154
  // src/components/icon.tsx
@@ -108,7 +108,7 @@ function InputContent({ className, ...props }) {
108
108
  const variants = cva(
109
109
  [
110
110
  "relative h-large-4x rounded-small-1x gap-small py-small_1x-alt px-small flex items-center w-full",
111
- "focus-within:border-primary-idle focus-within:shadow-focus-primary focus-within:border",
111
+ "focus-within:border-primary-idle focus-within:border",
112
112
  "group-has-[div[data-slot=input-right-action-slot]]:rounded-r-none",
113
113
  "group-has-[div[data-slot=input-left-action-slot]]:rounded-l-none"
114
114
  ],
@@ -26,7 +26,7 @@ function Input2({
26
26
  className: cx(
27
27
  className,
28
28
  "text-neutral-dark h-large-6x bg-layer-2-hover rounded-small-1x w-full text-center outline-0",
29
- "focus-within:border-primary-idle focus-within:shadow-focus-primary focus-within:border"
29
+ "focus-within:border-primary-idle focus-within:border"
30
30
  ),
31
31
  ...props
32
32
  }
@@ -0,0 +1,25 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { ComponentProps } from 'react';
3
+ import { EditorOptions, Extension, EditorContent } from '@tiptap/react';
4
+ export { useCurrentEditor as useRichTextEditor, useEditorState as useRichTextEditorState } from '@tiptap/react';
5
+ import { ButtonProps } from './button.js';
6
+ import 'class-variance-authority/types';
7
+ import '@xjur-ui/util';
8
+
9
+ declare function RichEditorRoot({ className, editorOptions, ...props }: ComponentProps<'div'> & {
10
+ editorOptions?: Partial<Omit<EditorOptions, 'extensions'> & {
11
+ extensions?: Extension[];
12
+ }>;
13
+ }): react_jsx_runtime.JSX.Element;
14
+ declare function RichEditorContent({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
15
+ declare function RichEditorCaption({ className, ...props }: ComponentProps<'p'>): react_jsx_runtime.JSX.Element;
16
+ declare function RichEditorAreaText({ className, ...props }: Omit<ComponentProps<typeof EditorContent>, 'editor'>): react_jsx_runtime.JSX.Element;
17
+ declare function RichEditorToolbar({ className, ...props }: ComponentProps<'div'>): react_jsx_runtime.JSX.Element;
18
+ declare function ToolbarButton({ appearance, variant, onMouseDown, onPointerDown, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
19
+ type ToggleButtonName = 'bold' | 'italic' | 'underline' | 'strike' | 'bulletList' | 'orderedList' | 'undo' | 'redo';
20
+ declare function ToggleButton({ name, ...props }: ButtonProps & {
21
+ name: ToggleButtonName;
22
+ }): react_jsx_runtime.JSX.Element;
23
+ declare function HeadingButton({ appearance, variant, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
24
+
25
+ export { HeadingButton, RichEditorAreaText, RichEditorCaption, RichEditorContent, RichEditorRoot, RichEditorToolbar, ToggleButton, ToolbarButton };