@olddevs/ui 4.1.0 → 4.2.0

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 (141) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/components/actions/Toggle.d.ts.map +1 -1
  3. package/dist/components/actions/Toggle.js +1 -1
  4. package/dist/components/actions/Toggle.js.map +1 -1
  5. package/dist/components/actions/Truncate.d.ts.map +1 -1
  6. package/dist/components/actions/Truncate.js +2 -2
  7. package/dist/components/actions/Truncate.js.map +1 -1
  8. package/dist/components/app-shell/MobileTabBar.d.ts.map +1 -1
  9. package/dist/components/app-shell/MobileTabBar.js +1 -1
  10. package/dist/components/app-shell/MobileTabBar.js.map +1 -1
  11. package/dist/components/app-shell/NavItem.d.ts.map +1 -1
  12. package/dist/components/app-shell/NavItem.js +3 -1
  13. package/dist/components/app-shell/NavItem.js.map +1 -1
  14. package/dist/components/content/AvatarGroup.d.ts.map +1 -1
  15. package/dist/components/content/AvatarGroup.js +2 -1
  16. package/dist/components/content/AvatarGroup.js.map +1 -1
  17. package/dist/components/content/Table.d.ts.map +1 -1
  18. package/dist/components/content/Table.js +2 -1
  19. package/dist/components/content/Table.js.map +1 -1
  20. package/dist/components/content/VirtualGrid.d.ts.map +1 -1
  21. package/dist/components/content/VirtualGrid.js +4 -1
  22. package/dist/components/content/VirtualGrid.js.map +1 -1
  23. package/dist/components/inputs/Checkbox.d.ts.map +1 -1
  24. package/dist/components/inputs/Checkbox.js +3 -0
  25. package/dist/components/inputs/Checkbox.js.map +1 -1
  26. package/dist/components/inputs/CheckboxCard.d.ts.map +1 -1
  27. package/dist/components/inputs/CheckboxCard.js +2 -2
  28. package/dist/components/inputs/CheckboxCard.js.map +1 -1
  29. package/dist/components/inputs/RadioGroup.d.ts.map +1 -1
  30. package/dist/components/inputs/RadioGroup.js +5 -3
  31. package/dist/components/inputs/RadioGroup.js.map +1 -1
  32. package/dist/components/inputs/Select.d.ts.map +1 -1
  33. package/dist/components/inputs/Select.js +6 -6
  34. package/dist/components/inputs/Select.js.map +1 -1
  35. package/dist/components/inputs/Slider.d.ts.map +1 -1
  36. package/dist/components/inputs/Slider.js +2 -2
  37. package/dist/components/inputs/Slider.js.map +1 -1
  38. package/dist/components/navigation/Accordion.d.ts.map +1 -1
  39. package/dist/components/navigation/Accordion.js +1 -1
  40. package/dist/components/navigation/Accordion.js.map +1 -1
  41. package/dist/components/navigation/MegaMenu.d.ts +156 -0
  42. package/dist/components/navigation/MegaMenu.d.ts.map +1 -0
  43. package/dist/components/navigation/MegaMenu.js +512 -0
  44. package/dist/components/navigation/MegaMenu.js.map +1 -0
  45. package/dist/components/navigation/TreeView.d.ts.map +1 -1
  46. package/dist/components/navigation/TreeView.js +6 -3
  47. package/dist/components/navigation/TreeView.js.map +1 -1
  48. package/dist/components/navigation/useMenuAim.d.ts +41 -0
  49. package/dist/components/navigation/useMenuAim.d.ts.map +1 -0
  50. package/dist/components/navigation/useMenuAim.js +114 -0
  51. package/dist/components/navigation/useMenuAim.js.map +1 -0
  52. package/dist/components/overlays/Menu.d.ts +19 -1
  53. package/dist/components/overlays/Menu.d.ts.map +1 -1
  54. package/dist/components/overlays/Menu.js +16 -4
  55. package/dist/components/overlays/Menu.js.map +1 -1
  56. package/dist/editor/RichTextEditor.d.ts.map +1 -1
  57. package/dist/editor/RichTextEditor.js +4 -2
  58. package/dist/editor/RichTextEditor.js.map +1 -1
  59. package/dist/editor/features/table/TableMenuButton.js +1 -1
  60. package/dist/editor/features/table/TableMenuButton.js.map +1 -1
  61. package/dist/editor/styles/prose.d.ts +7 -0
  62. package/dist/editor/styles/prose.d.ts.map +1 -1
  63. package/dist/editor/styles/prose.js +1 -1
  64. package/dist/editor/styles/prose.js.map +1 -1
  65. package/dist/editor/ui/BlockHandle.js +1 -1
  66. package/dist/editor/ui/BlockHandle.js.map +1 -1
  67. package/dist/editor/ui/FormatMenus.d.ts.map +1 -1
  68. package/dist/editor/ui/FormatMenus.js +3 -2
  69. package/dist/editor/ui/FormatMenus.js.map +1 -1
  70. package/dist/{editor/hooks → hooks}/useSubmenuPlacement.d.ts +14 -1
  71. package/dist/hooks/useSubmenuPlacement.d.ts.map +1 -0
  72. package/dist/hooks/useSubmenuPlacement.js +10 -0
  73. package/dist/hooks/useSubmenuPlacement.js.map +1 -0
  74. package/dist/i18n/defaults.d.ts.map +1 -1
  75. package/dist/i18n/defaults.js +3 -0
  76. package/dist/i18n/defaults.js.map +1 -1
  77. package/dist/i18n/messages.d.ts +8 -0
  78. package/dist/i18n/messages.d.ts.map +1 -1
  79. package/dist/index.d.ts +2 -0
  80. package/dist/index.d.ts.map +1 -1
  81. package/dist/index.js +1 -0
  82. package/dist/index.js.map +1 -1
  83. package/dist/lib/choice-card.d.ts +13 -0
  84. package/dist/lib/choice-card.d.ts.map +1 -1
  85. package/dist/lib/choice-card.js +2 -0
  86. package/dist/lib/choice-card.js.map +1 -1
  87. package/dist/locales/ru.d.ts.map +1 -1
  88. package/dist/locales/ru.js +3 -0
  89. package/dist/locales/ru.js.map +1 -1
  90. package/docs/api/messages.md +6 -0
  91. package/docs/components/app-shell/mobile-tab-bar.en.md +3 -3
  92. package/docs/components/app-shell/mobile-tab-bar.md +2 -2
  93. package/docs/components/app-shell/side-nav.en.md +7 -3
  94. package/docs/components/app-shell/side-nav.md +6 -2
  95. package/docs/components/index.en.md +2 -1
  96. package/docs/components/index.md +1 -0
  97. package/docs/components/inputs/form.en.md +2 -2
  98. package/docs/components/inputs/form.md +1 -1
  99. package/docs/components/inputs/rich-text-editor.en.md +2 -2
  100. package/docs/components/inputs/rich-text-editor.md +1 -1
  101. package/docs/components/navigation/mega-menu.en.md +273 -0
  102. package/docs/components/navigation/mega-menu.md +258 -0
  103. package/docs/components/overlays/menu.en.md +22 -4
  104. package/docs/components/overlays/menu.md +20 -4
  105. package/docs/getting-started.en.md +5 -5
  106. package/docs/getting-started.md +4 -4
  107. package/docs/glossary.en.md +6 -1
  108. package/docs/glossary.md +5 -0
  109. package/llms.txt +1 -0
  110. package/package.json +1 -1
  111. package/src/components/actions/Toggle.tsx +10 -3
  112. package/src/components/actions/Truncate.tsx +5 -3
  113. package/src/components/app-shell/MobileTabBar.tsx +9 -1
  114. package/src/components/app-shell/NavItem.tsx +6 -1
  115. package/src/components/content/AvatarGroup.tsx +6 -2
  116. package/src/components/content/Table.tsx +15 -3
  117. package/src/components/content/VirtualGrid.tsx +11 -1
  118. package/src/components/inputs/Checkbox.tsx +5 -0
  119. package/src/components/inputs/CheckboxCard.tsx +2 -0
  120. package/src/components/inputs/RadioGroup.tsx +10 -1
  121. package/src/components/inputs/Select.tsx +113 -106
  122. package/src/components/inputs/Slider.tsx +6 -2
  123. package/src/components/navigation/Accordion.tsx +4 -1
  124. package/src/components/navigation/MegaMenu.tsx +1223 -0
  125. package/src/components/navigation/TreeView.tsx +70 -49
  126. package/src/components/navigation/useMenuAim.ts +202 -0
  127. package/src/components/overlays/Menu.tsx +47 -4
  128. package/src/editor/RichTextEditor.tsx +6 -3
  129. package/src/editor/features/table/TableMenuButton.tsx +1 -1
  130. package/src/editor/styles/prose.ts +1 -1
  131. package/src/editor/ui/BlockHandle.tsx +1 -1
  132. package/src/editor/ui/FormatMenus.tsx +17 -2
  133. package/src/{editor/hooks → hooks}/useSubmenuPlacement.ts +18 -15
  134. package/src/i18n/defaults.ts +4 -0
  135. package/src/i18n/messages.ts +9 -0
  136. package/src/index.ts +17 -0
  137. package/src/lib/choice-card.ts +17 -0
  138. package/src/locales/ru.ts +4 -0
  139. package/dist/editor/hooks/useSubmenuPlacement.d.ts.map +0 -1
  140. package/dist/editor/hooks/useSubmenuPlacement.js +0 -20
  141. package/dist/editor/hooks/useSubmenuPlacement.js.map +0 -1
@@ -50,6 +50,23 @@ export const CHOICE_CARD_INVALID_BORDER = "border-danger-strong";
50
50
  */
51
51
  export const CHOICE_CARD_BASE = "flex flex-col rounded-lg border bg-bg-2 transition-colors";
52
52
 
53
+ /**
54
+ * Выключенность от `<fieldset disabled>` (так `Form` с `pending` гасит поля).
55
+ *
56
+ * React-aria о таком предке не знает: `isDisabled` ложен, `data-disabled` не
57
+ * ставится, и `disabled:` не срабатывает. Нативное состояние видит только
58
+ * скрытый `input` контрола — поэтому `has-[input:disabled]`, а не голый
59
+ * `has-disabled`: тот ловил бы любой выключенный узел внутри, например кнопку в
60
+ * описании карточки, и гасил бы рабочий контрол. Hover гасится вместе с видом:
61
+ * выключенный контрол не должен отзываться на указатель.
62
+ */
63
+ export const DIMMED_IN_DISABLED_FIELDSET =
64
+ "has-[input:disabled]:cursor-default has-[input:disabled]:opacity-50 has-[input:disabled]:hover:bg-transparent";
65
+
66
+ /** То же для карточки: её подложка `bg-bg-2` при наведении не меняется. */
67
+ export const CHOICE_CARD_DIMMED_IN_DISABLED_FIELDSET =
68
+ "has-[input:disabled]:opacity-50 has-[input:disabled]:hover:bg-bg-2";
69
+
53
70
  /** Раскладка карточки в строке с переносом: растёт, но не уезжает в полосу. */
54
71
  export const CHOICE_CARD_ROW = "max-w-xs flex-1 basis-48";
55
72
 
package/src/locales/ru.ts CHANGED
@@ -376,6 +376,10 @@ export const messages: UiMessages = {
376
376
  slide: ({ index, total }) => `${index} из ${total}`,
377
377
  },
378
378
 
379
+ megaMenu: {
380
+ back: "Назад",
381
+ },
382
+
379
383
  shortcutsHelp: {
380
384
  title: "Горячие клавиши",
381
385
  list: "Сочетания клавиш",
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSubmenuPlacement.d.ts","sourceRoot":"","sources":["../../../src/editor/hooks/useSubmenuPlacement.ts"],"names":[],"mappings":"AAmBA;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,mBAAmB,IAAI,cAAc,GAAG,WAAW,CAGlE"}
@@ -1,20 +0,0 @@
1
- "use client";
2
- import { useSyncExternalStore } from "react";
3
- const QUERY = "(max-width: 639px)";
4
- function subscribe(onChange) {
5
- if (typeof window === "undefined" || typeof window.matchMedia !== "function")
6
- return () => { };
7
- const list = window.matchMedia(QUERY);
8
- list.addEventListener("change", onChange);
9
- return () => list.removeEventListener("change", onChange);
10
- }
11
- function snapshot() {
12
- if (typeof window === "undefined" || typeof window.matchMedia !== "function")
13
- return false;
14
- return window.matchMedia(QUERY).matches;
15
- }
16
- export function useSubmenuPlacement() {
17
- const narrow = useSyncExternalStore(subscribe, snapshot, () => false);
18
- return narrow ? "bottom start" : "right top";
19
- }
20
- //# sourceMappingURL=useSubmenuPlacement.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useSubmenuPlacement.js","sourceRoot":"","sources":["../../../src/editor/hooks/useSubmenuPlacement.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAG7C,MAAM,KAAK,GAAG,oBAAoB,CAAC;AAEnC,SAAS,SAAS,CAAC,QAAoB;IACrC,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;QAAE,OAAO,GAAG,EAAE,GAAE,CAAC,CAAC;IAC9F,MAAM,IAAI,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;IACtC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC1C,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC5D,CAAC;AAED,SAAS,QAAQ;IACf,IAAI,OAAO,MAAM,KAAK,WAAW,IAAI,OAAO,MAAM,CAAC,UAAU,KAAK,UAAU;QAAE,OAAO,KAAK,CAAC;IAC3F,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC;AAC1C,CAAC;AAmBD,MAAM,UAAU,mBAAmB;IACjC,MAAM,MAAM,GAAG,oBAAoB,CAAC,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,CAAC;IACtE,OAAO,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC;AAC/C,CAAC"}