@ryuzaki13/react-foundation-ui 3.4.3 → 3.5.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 (168) hide show
  1. package/dist/badge/index.js +65 -2
  2. package/dist/badge/index.js.map +1 -0
  3. package/dist/barcode-scanner/index.js +18 -18
  4. package/dist/base-table/index.js +2 -2
  5. package/dist/button/index.js +1 -1
  6. package/dist/check-box/index.js +1 -1
  7. package/dist/chunks/{CalendarView-Dm55k0bN.js → CalendarView-CwbPJG2Y.js} +86 -86
  8. package/dist/chunks/{CalendarView-Dm55k0bN.js.map → CalendarView-CwbPJG2Y.js.map} +1 -1
  9. package/dist/chunks/{ImageViewerRuntime-HGBWp9NM.js → ImageViewerRuntime-DZpgxzF1.js} +25 -25
  10. package/dist/chunks/{ImageViewerRuntime-HGBWp9NM.js.map → ImageViewerRuntime-DZpgxzF1.js.map} +1 -1
  11. package/dist/chunks/{TextEditorLexicalClient-C8nSoz85.js → TextEditorLexicalClient-BRp8jHId.js} +354 -354
  12. package/dist/chunks/{TextEditorLexicalClient-C8nSoz85.js.map → TextEditorLexicalClient-BRp8jHId.js.map} +1 -1
  13. package/dist/chunks/{base-table-BWvKfI2W.js → base-table-BHmboNzl.js} +138 -138
  14. package/dist/chunks/{base-table-BWvKfI2W.js.map → base-table-BHmboNzl.js.map} +1 -1
  15. package/dist/chunks/{button-DF21yxVp.js → button-D7GAU2Wa.js} +20 -20
  16. package/dist/chunks/{button-DF21yxVp.js.map → button-D7GAU2Wa.js.map} +1 -1
  17. package/dist/chunks/{check-box-CZyhzmR0.js → check-box-D_Y6iIWv.js} +19 -19
  18. package/dist/chunks/{check-box-CZyhzmR0.js.map → check-box-D_Y6iIWv.js.map} +1 -1
  19. package/dist/chunks/{context-menu-DgvXGCuI.js → context-menu-BQePxRpu.js} +159 -159
  20. package/dist/chunks/{context-menu-DgvXGCuI.js.map → context-menu-BQePxRpu.js.map} +1 -1
  21. package/dist/chunks/{date-input-D7aBsPJc.js → date-input-Crijdmmq.js} +67 -67
  22. package/dist/chunks/{date-input-D7aBsPJc.js.map → date-input-Crijdmmq.js.map} +1 -1
  23. package/dist/chunks/{date-range-preset-select-BLnY47cv.js → date-range-preset-select-CyzGMvVp.js} +6 -6
  24. package/dist/chunks/{date-range-preset-select-BLnY47cv.js.map → date-range-preset-select-CyzGMvVp.js.map} +1 -1
  25. package/dist/chunks/{dialog-1Z1zCNCe.js → dialog-BcQGVNbu.js} +13 -13
  26. package/dist/chunks/{dialog-1Z1zCNCe.js.map → dialog-BcQGVNbu.js.map} +1 -1
  27. package/dist/chunks/{flex-C7njxZ74.js → flex-DtXK7OM4.js} +29 -29
  28. package/dist/chunks/{flex-C7njxZ74.js.map → flex-DtXK7OM4.js.map} +1 -1
  29. package/dist/chunks/{floating-arrow-DPKwJfww.js → floating-arrow-DKUKx2ZQ.js} +7 -7
  30. package/dist/chunks/{floating-arrow-DPKwJfww.js.map → floating-arrow-DKUKx2ZQ.js.map} +1 -1
  31. package/dist/chunks/{input-DSPKgiCK.js → input-CuRK9Vbz.js} +78 -78
  32. package/dist/chunks/{input-DSPKgiCK.js.map → input-CuRK9Vbz.js.map} +1 -1
  33. package/dist/chunks/{input-files-tIS17-zX.js → input-files-B8j6Pb_M.js} +31 -31
  34. package/dist/chunks/{input-files-tIS17-zX.js.map → input-files-B8j6Pb_M.js.map} +1 -1
  35. package/dist/chunks/{misc-DeGboAt-.js → misc-CGQOXXCy.js} +110 -110
  36. package/dist/chunks/{misc-DeGboAt-.js.map → misc-CGQOXXCy.js.map} +1 -1
  37. package/dist/chunks/{modal-dplfAaER.js → modal-febBsMyR.js} +58 -58
  38. package/dist/chunks/{modal-dplfAaER.js.map → modal-febBsMyR.js.map} +1 -1
  39. package/dist/chunks/{picker-lvm82d0A.js → picker-BA6okKnz.js} +91 -91
  40. package/dist/chunks/{picker-lvm82d0A.js.map → picker-BA6okKnz.js.map} +1 -1
  41. package/dist/chunks/popover-yl5DVe06.js +245 -0
  42. package/dist/chunks/{popover-Bne-Ljbs.js.map → popover-yl5DVe06.js.map} +1 -1
  43. package/dist/chunks/radio-group-CW-K1n9c.js +125 -0
  44. package/dist/chunks/{radio-group-sSnlYjAX.js.map → radio-group-CW-K1n9c.js.map} +1 -1
  45. package/dist/chunks/select-DblNSc5H.js +363 -0
  46. package/dist/chunks/{select-aTGupQan.js.map → select-DblNSc5H.js.map} +1 -1
  47. package/dist/chunks/{separator-B72Aq-6a.js → separator-CIqnk2z9.js} +2 -2
  48. package/dist/chunks/{separator-B72Aq-6a.js.map → separator-CIqnk2z9.js.map} +1 -1
  49. package/dist/chunks/{sortable-BKIwlqhI.js → sortable-CQmMHAF8.js} +38 -38
  50. package/dist/chunks/{sortable-BKIwlqhI.js.map → sortable-CQmMHAF8.js.map} +1 -1
  51. package/dist/chunks/{table-DxoSOvQK.js → table-BnvjPaE1.js} +18 -18
  52. package/dist/chunks/{table-DxoSOvQK.js.map → table-BnvjPaE1.js.map} +1 -1
  53. package/dist/chunks/{table-column-interactions-DzEvVuXe.js → table-column-interactions-Do8LFtiv.js} +20 -20
  54. package/dist/chunks/{table-column-interactions-DzEvVuXe.js.map → table-column-interactions-Do8LFtiv.js.map} +1 -1
  55. package/dist/chunks/{types-D9Wj9wrg.js → types-CxXyru6U.js} +21 -21
  56. package/dist/chunks/{types-D9Wj9wrg.js.map → types-CxXyru6U.js.map} +1 -1
  57. package/dist/chunks/{useODataSelectBase-DR4PrY1j.js → useODataSelectBase-DwR4Lfv-.js} +5 -5
  58. package/dist/chunks/{useODataSelectBase-DR4PrY1j.js.map → useODataSelectBase-DwR4Lfv-.js.map} +1 -1
  59. package/dist/chunks/{wheel-picker-FS58cRsQ.js → wheel-picker-DUHGy7wE.js} +23 -23
  60. package/dist/chunks/{wheel-picker-FS58cRsQ.js.map → wheel-picker-DUHGy7wE.js.map} +1 -1
  61. package/dist/context-menu/index.js +1 -1
  62. package/dist/date-input/index.js +2 -2
  63. package/dist/date-range-preset-select/index.js +1 -1
  64. package/dist/date-time-input/index.js +122 -122
  65. package/dist/date-time-input/index.js.map +1 -1
  66. package/dist/detail/index.js +22 -22
  67. package/dist/dialog/index.js +1 -1
  68. package/dist/disclosure/index.js +9 -9
  69. package/dist/drop-zone/index.js +21 -21
  70. package/dist/errors/index.js +50 -50
  71. package/dist/expandable-action-panel/index.js +24 -24
  72. package/dist/flex/index.js +1 -1
  73. package/dist/flex/useFlexClasses.d.ts +1 -1
  74. package/dist/floating-arrow/index.js +1 -1
  75. package/dist/fullscreen-portal/index.js +8 -8
  76. package/dist/image/index.js +119 -119
  77. package/dist/input/index.js +1 -1
  78. package/dist/input-date-time/index.js +55 -55
  79. package/dist/input-file/index.js +16 -16
  80. package/dist/input-files/index.js +1 -1
  81. package/dist/input-image/index.js +17 -17
  82. package/dist/input-search/index.js +30 -2
  83. package/dist/input-search/index.js.map +1 -0
  84. package/dist/layout-picker/index.js +93 -93
  85. package/dist/layout-picker/index.js.map +1 -1
  86. package/dist/list/index.js +39 -39
  87. package/dist/listbox/index.js +33 -33
  88. package/dist/misc/index.js +1 -1
  89. package/dist/modal/index.js +1 -1
  90. package/dist/multi-select/index.js +466 -2
  91. package/dist/multi-select/index.js.map +1 -0
  92. package/dist/notifications/index.js +45 -45
  93. package/dist/option/index.js +30 -30
  94. package/dist/period-select/index.js +7 -7
  95. package/dist/picker/index.js +1 -1
  96. package/dist/popover/index.js +1 -1
  97. package/dist/preset-range-date-input/index.js +10 -10
  98. package/dist/preset-select/index.js +1 -1
  99. package/dist/radio-button/index.js +9 -9
  100. package/dist/radio-group/index.js +1 -1
  101. package/dist/select/index.js +1 -1
  102. package/dist/separator/index.js +1 -1
  103. package/dist/simple-table/index.js +5 -5
  104. package/dist/slider/index.js +82 -82
  105. package/dist/slider/index.js.map +1 -1
  106. package/dist/sortable/index.js +1 -1
  107. package/dist/splitter/index.js +55 -55
  108. package/dist/state-select/index.js +17 -17
  109. package/dist/styles.css +1 -1
  110. package/dist/switch/index.js +18 -18
  111. package/dist/table/index.js +1 -1
  112. package/dist/table-column-interactions/index.js +1 -1
  113. package/dist/table-editor/index.js +99 -99
  114. package/dist/table-sorting/index.js +13 -13
  115. package/dist/tabs/index.js +83 -83
  116. package/dist/tag-input/index.js +58 -58
  117. package/dist/tag-input/index.js.map +1 -1
  118. package/dist/text/index.js +18 -18
  119. package/dist/text-editor/index.js +3 -3
  120. package/dist/textarea/index.js +1 -1
  121. package/dist/three-scene/index.js +7 -7
  122. package/dist/toggle/index.js +20 -20
  123. package/dist/toolbar/index.js +16 -16
  124. package/dist/tree/index.js +24 -24
  125. package/dist/tree-select/index.js +189 -189
  126. package/dist/tree-select/index.js.map +1 -1
  127. package/dist/tree-table/index.js +33 -33
  128. package/dist/tree-table/index.js.map +1 -1
  129. package/dist/wheel-picker/index.js +1 -1
  130. package/package.json +1 -5
  131. package/storybook-static/project.json +1 -1
  132. package/dist/advanced-search/index.d.ts +0 -3
  133. package/dist/advanced-search/index.d.ts.map +0 -1
  134. package/dist/advanced-search/index.js +0 -399
  135. package/dist/advanced-search/index.js.map +0 -1
  136. package/dist/advanced-search/lib/index.d.ts +0 -2
  137. package/dist/advanced-search/lib/index.d.ts.map +0 -1
  138. package/dist/advanced-search/lib/searchParts.d.ts +0 -3
  139. package/dist/advanced-search/lib/searchParts.d.ts.map +0 -1
  140. package/dist/advanced-search/model/index.d.ts +0 -5
  141. package/dist/advanced-search/model/index.d.ts.map +0 -1
  142. package/dist/advanced-search/model/types.d.ts +0 -55
  143. package/dist/advanced-search/model/types.d.ts.map +0 -1
  144. package/dist/advanced-search/model/useAdvancedSearch.d.ts +0 -11
  145. package/dist/advanced-search/model/useAdvancedSearch.d.ts.map +0 -1
  146. package/dist/advanced-search/model/useAdvancedSearchInitialSelected.d.ts +0 -6
  147. package/dist/advanced-search/model/useAdvancedSearchInitialSelected.d.ts.map +0 -1
  148. package/dist/advanced-search/model/useAdvancedSearchSelection.d.ts +0 -13
  149. package/dist/advanced-search/model/useAdvancedSearchSelection.d.ts.map +0 -1
  150. package/dist/advanced-search/ui/AdvancedSearchModal.d.ts +0 -23
  151. package/dist/advanced-search/ui/AdvancedSearchModal.d.ts.map +0 -1
  152. package/dist/advanced-search/ui/AdvancedSearchModalSession.d.ts +0 -16
  153. package/dist/advanced-search/ui/AdvancedSearchModalSession.d.ts.map +0 -1
  154. package/dist/advanced-search/ui/AdvancedSearchSelect.d.ts +0 -9
  155. package/dist/advanced-search/ui/AdvancedSearchSelect.d.ts.map +0 -1
  156. package/dist/advanced-search/ui/AdvancedSearchSelectUI.d.ts +0 -9
  157. package/dist/advanced-search/ui/AdvancedSearchSelectUI.d.ts.map +0 -1
  158. package/dist/advanced-search/ui/index.d.ts +0 -2
  159. package/dist/advanced-search/ui/index.d.ts.map +0 -1
  160. package/dist/chunks/badge-6mXO9BWP.js +0 -65
  161. package/dist/chunks/badge-6mXO9BWP.js.map +0 -1
  162. package/dist/chunks/input-search-Cat4c7SM.js +0 -30
  163. package/dist/chunks/input-search-Cat4c7SM.js.map +0 -1
  164. package/dist/chunks/multi-select-BZ9N6Dal.js +0 -466
  165. package/dist/chunks/multi-select-BZ9N6Dal.js.map +0 -1
  166. package/dist/chunks/popover-Bne-Ljbs.js +0 -245
  167. package/dist/chunks/radio-group-sSnlYjAX.js +0 -125
  168. package/dist/chunks/select-aTGupQan.js +0 -363
@@ -1,16 +0,0 @@
1
- import { SearchConfig } from "../model";
2
- interface AdvancedSearchModalSessionProps<T extends Record<string, string>> {
3
- onClose: () => void;
4
- onItemsSelect: (items: T[]) => void;
5
- /** Снимок committed-выбора, с которого начинается текущая сессия модалки. */
6
- initialSelectedItems: readonly T[];
7
- title?: string;
8
- config: SearchConfig<T>;
9
- }
10
- /**
11
- * Интерактивная сессия расширенного поиска с собственным selection draft.
12
- * Компонент монтируется только после разрешения initial Query snapshot.
13
- */
14
- export declare function AdvancedSearchModalSession<T extends Record<string, string>>({ onClose, onItemsSelect, title, config, initialSelectedItems }: AdvancedSearchModalSessionProps<T>): import("react").JSX.Element;
15
- export {};
16
- //# sourceMappingURL=AdvancedSearchModalSession.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdvancedSearchModalSession.d.ts","sourceRoot":"","sources":["../../../src/advanced-search/ui/AdvancedSearchModalSession.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,YAAY,EAAiD,MAAM,UAAU,CAAC;AAEvF,UAAU,+BAA+B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC;IACzE,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IACpC,6EAA6E;IAC7E,oBAAoB,EAAE,SAAS,CAAC,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CACxB;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EAC5E,OAAO,EACP,aAAa,EACb,KAAK,EACL,MAAM,EACN,oBAAoB,EACpB,EAAE,+BAA+B,CAAC,CAAC,CAAC,+BAiJpC"}
@@ -1,9 +0,0 @@
1
- import { UiBaseProps } from "../../types";
2
- import { SearchConfig } from "../model";
3
- type AdvancedSearchSelectProps<T extends Record<string, string>> = UiBaseProps<string[]> & {
4
- title?: string;
5
- config: SearchConfig<T>;
6
- };
7
- export declare function AdvancedSearchSelect<T extends Record<string, string>>({ value, onChange, title, config, ...props }: AdvancedSearchSelectProps<T>): import("react").JSX.Element;
8
- export {};
9
- //# sourceMappingURL=AdvancedSearchSelect.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdvancedSearchSelect.d.ts","sourceRoot":"","sources":["../../../src/advanced-search/ui/AdvancedSearchSelect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAoC,MAAM,UAAU,CAAC;AAK1E,KAAK,yBAAyB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC,GAAG;IAC1F,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CACxB,CAAC;AAIF,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EACtE,KAAU,EACV,QAAQ,EACR,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACR,EAAE,yBAAyB,CAAC,CAAC,CAAC,+BA6C9B"}
@@ -1,9 +0,0 @@
1
- import { UiBaseProps } from "../../types";
2
- interface AdvancedSearchSelectUIProps extends Omit<UiBaseProps<string[]>, "value" | "onChange"> {
3
- token: string | undefined;
4
- onOpen: () => void;
5
- onClear: () => void;
6
- }
7
- export declare const AdvancedSearchSelectUI: ({ label, description, disabled, size, placeholder, token, onOpen, onClear }: AdvancedSearchSelectUIProps) => import("react").JSX.Element;
8
- export {};
9
- //# sourceMappingURL=AdvancedSearchSelectUI.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AdvancedSearchSelectUI.d.ts","sourceRoot":"","sources":["../../../src/advanced-search/ui/AdvancedSearchSelectUI.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAG1C,UAAU,2BAA4B,SAAQ,IAAI,CAAC,WAAW,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9F,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,sBAAsB,GAAI,6EASpC,2BAA2B,gCAsD7B,CAAC"}
@@ -1,2 +0,0 @@
1
- export * from "./AdvancedSearchSelect";
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/advanced-search/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}
@@ -1,65 +0,0 @@
1
- import { i as e, r as t, t as n } from "./uiClasses-CQj47jkF.js";
2
- import { o as r } from "./flex-C7njxZ74.js";
3
- import { TextOverflow as i } from "../text/index.js";
4
- import { Children as a, Fragment as o } from "react";
5
- import { cn as s } from "@ryuzaki13/react-foundation-lib/utils";
6
- import { jsx as c, jsxs as l } from "react/jsx-runtime";
7
- import { XIcon as u } from "lucide-react";
8
- var d = {
9
- badge: "qBtmnH",
10
- passive: "p-HsHY",
11
- sizeXs: "u9tQAE",
12
- sizeSm: "FRScRz",
13
- sizeMd: "W13uQO",
14
- sizeLg: "_3IRcM9",
15
- sizeXl: "R3ybI7",
16
- content: "DdWAaC",
17
- removeButton: "_5cXBQF"
18
- }, f = {
19
- xs: d.sizeXs,
20
- sm: d.sizeSm,
21
- md: d.sizeMd,
22
- lg: d.sizeLg,
23
- xl: d.sizeXl
24
- };
25
- function p({ children: r, size: a = "sm", tone: o, appearance: p, className: m, onRemove: h }) {
26
- let g = o ?? "neutral", _ = e({
27
- tone: o,
28
- appearance: p,
29
- fallbackTone: g,
30
- fallbackAppearance: g === "neutral" ? "outline" : "solid"
31
- });
32
- return /* @__PURE__ */ l("div", {
33
- className: s(d.badge, f[a], t(_.tone), n(_.appearance), !h && d.passive, m),
34
- children: [/* @__PURE__ */ c(i, {
35
- maxChar: 25,
36
- placement: "top",
37
- block: !0,
38
- textWrapProps: { className: d.content },
39
- children: String(r)
40
- }), h && /* @__PURE__ */ c("button", {
41
- type: "button",
42
- onClick: h,
43
- className: d.removeButton,
44
- "aria-label": "Удалить бейдж",
45
- "data-ui": "badge-remove-button",
46
- "data-action": "remove-badge",
47
- children: /* @__PURE__ */ c(u, {})
48
- })]
49
- });
50
- }
51
- //#endregion
52
- //#region src/badge/BadgeList.tsx
53
- function m({ children: e }) {
54
- return /* @__PURE__ */ c(r, {
55
- inline: !0,
56
- wrap: !0,
57
- gap: "sm",
58
- align: "baseline",
59
- children: a.map(e, (e, t) => /* @__PURE__ */ c(o, { children: e }, t))
60
- });
61
- }
62
- //#endregion
63
- export { p as n, m as t };
64
-
65
- //# sourceMappingURL=badge-6mXO9BWP.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"badge-6mXO9BWP.js","names":[],"sources":["../../src/badge/Badge.module.scss","../../src/badge/Badge.tsx","../../src/badge/BadgeList.tsx"],"sourcesContent":["@use \"@/styles/mixins\" as *;\n@use \"@/styles/tone-derived\" as toneDerived;\n\n.badge {\n\t@include ui-static-surface;\n\n\tdisplay: inline-flex;\n\talign-items: center;\n\tgap: var(--space-xs);\n\tmax-width: 100%;\n\tpadding: 0 var(--space-xs);\n\n\tfont-weight: 500;\n\tfont-variation-settings: \"wght\" 500;\n\tvertical-align: middle;\n}\n\n.passive {\n\tpointer-events: none;\n\tuser-select: none;\n}\n\n.sizeXs {\n\tfont-size: var(--font-size-xs);\n}\n\n.sizeSm {\n\tfont-size: var(--font-size-sm);\n}\n\n.sizeMd {\n\tfont-size: var(--font-size-md);\n}\n\n.sizeLg {\n\tfont-size: var(--font-size-lg);\n}\n\n.sizeXl {\n\tfont-size: var(--font-size-xl);\n}\n\n.content {\n\tmin-width: 0;\n}\n\n.removeButton {\n\tdisplay: inline-flex;\n\talign-items: center;\n\tjustify-content: center;\n\tflex-shrink: 0;\n\twidth: 1.25em;\n\theight: 1.25em;\n\tpadding: 0;\n\tborder: none;\n\tborder-radius: var(--radius-xs);\n\tbackground: transparent;\n\tcolor: inherit;\n\ttransition:\n\t\tcolor var(--transition-fast) ease,\n\t\tbackground-color var(--transition-fast) ease,\n\t\tscale var(--transition-fast) ease;\n\n\t&:hover {\n\t\t@include toneDerived.tone-soft-declaration(\"background-color\", \"error\");\n\t\tcolor: var(--error-text);\n\t\tscale: 1.1;\n\t}\n\n\t&:focus-visible {\n\t\t@include focusVisible;\n\t}\n\n\tsvg {\n\t\tdisplay: block;\n\t}\n}\n","import { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { XIcon } from \"lucide-react\";\n\nimport { TextOverflow } from \"../text\";\nimport { getUiAppearanceClassName, getUiToneClassName, resolveUiScheme } from \"../uiClasses\";\n\nimport styles from \"./Badge.module.scss\";\n\nimport type { UiAppearance, UiSize, UiTone } from \"../types\";\n\ntype BadgeSize = UiSize;\ntype BadgeAppearance = UiAppearance;\n\ntype BadgeProps = {\n\tchildren: string | number;\n\tsize?: BadgeSize;\n\ttone?: UiTone;\n\tappearance?: BadgeAppearance;\n\tclassName?: string;\n\tonRemove?: () => void;\n};\n\nconst sizeClasses: Record<BadgeSize, string> = {\n\txs: styles.sizeXs,\n\tsm: styles.sizeSm,\n\tmd: styles.sizeMd,\n\tlg: styles.sizeLg,\n\txl: styles.sizeXl\n};\n\n/**\n * Компактный индикатор для статусов, категорий и коротких служебных меток.\n */\nexport function Badge({ children, size = \"sm\", tone, appearance, className, onRemove }: BadgeProps) {\n\tconst fallbackTone = tone ?? \"neutral\";\n\tconst fallbackAppearance = fallbackTone !== \"neutral\" ? \"solid\" : \"outline\";\n\tconst scheme = resolveUiScheme({\n\t\ttone,\n\t\tappearance,\n\t\tfallbackTone,\n\t\tfallbackAppearance\n\t});\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\tstyles.badge,\n\t\t\t\tsizeClasses[size],\n\t\t\t\tgetUiToneClassName(scheme.tone),\n\t\t\t\tgetUiAppearanceClassName(scheme.appearance),\n\t\t\t\t!onRemove && styles.passive,\n\t\t\t\tclassName\n\t\t\t)}>\n\t\t\t<TextOverflow maxChar={25} placement=\"top\" block textWrapProps={{ className: styles.content }}>\n\t\t\t\t{String(children)}\n\t\t\t</TextOverflow>\n\t\t\t{onRemove && (\n\t\t\t\t<button\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tonClick={onRemove}\n\t\t\t\t\tclassName={styles.removeButton}\n\t\t\t\t\taria-label=\"Удалить бейдж\"\n\t\t\t\t\tdata-ui=\"badge-remove-button\"\n\t\t\t\t\tdata-action=\"remove-badge\">\n\t\t\t\t\t<XIcon />\n\t\t\t\t</button>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n","import { Children, Fragment, ReactElement } from \"react\";\n\nimport { FlexContainer } from \"../flex\";\n\nimport { Badge } from \"./Badge\";\n\ninterface BadgeListProps {\n\tchildren: ReactElement<typeof Badge | null | undefined | false>[];\n}\n\n/**\n * Контейнер для группы `Badge`, который выстраивает элементы в единый список с предсказуемыми отступами. Используется для компактного вывода набора меток или фильтров.\n */\nexport function BadgeList({ children }: BadgeListProps) {\n\treturn (\n\t\t<FlexContainer inline wrap gap=\"sm\" align=\"baseline\">\n\t\t\t{Children.map(children, (badge, index) => (\n\t\t\t\t<Fragment key={index}>{badge}</Fragment>\n\t\t\t))}\n\t\t</FlexContainer>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;GCsBM,IAAyC;CAC9C,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;CACX,IAAI,EAAO;AACZ;AAKA,SAAgB,EAAM,EAAE,aAAU,UAAO,MAAM,SAAM,eAAY,cAAW,eAAwB;CACnG,IAAM,IAAe,KAAQ,WAEvB,IAAS,EAAgB;EAC9B;EACA;EACA;EACA,oBAL0B,MAAiB,YAAsB,YAAV;CAMxD,CAAC;CAED,OACC,kBAAC,OAAD;EACC,WAAW,EACV,EAAO,OACP,EAAY,IACZ,EAAmB,EAAO,IAAI,GAC9B,EAAyB,EAAO,UAAU,GAC1C,CAAC,KAAY,EAAO,SACpB,CACD;EARD,UAAA,CASC,kBAAC,GAAD;GAAc,SAAS;GAAI,WAAU;GAAM,OAAA;GAAM,eAAe,EAAE,WAAW,EAAO,QAAQ;GAC1F,UAAA,OAAO,CAAQ;EACH,CAAA,GACb,KACA,kBAAC,UAAD;GACC,MAAK;GACL,SAAS;GACT,WAAW,EAAO;GAClB,cAAW;GACX,WAAQ;GACR,eAAY;GACZ,UAAA,kBAAC,GAAD,CAAQ,CAAA;EACD,CAAA,CAEL;;AAEP;;;ACxDA,SAAgB,EAAU,EAAE,eAA4B;CACvD,OACC,kBAAC,GAAD;EAAe,QAAA;EAAO,MAAA;EAAK,KAAI;EAAK,OAAM;EACxC,UAAA,EAAS,IAAI,IAAW,GAAO,MAC/B,kBAAC,GAAD,EAAA,UAAuB,EAAgB,GAAxB,CAAwB,CACvC;CACa,CAAA;AAEjB"}
@@ -1,30 +0,0 @@
1
- import { n as e } from "./input-DSPKgiCK.js";
2
- import { useState as t } from "react";
3
- import { jsx as n } from "react/jsx-runtime";
4
- //#region src/input-search/InputSearch.tsx
5
- function r({ onChange: r, ...i }) {
6
- let [a, o] = t(() => i.defaultValue ?? i.value ?? ""), [s, c] = t(() => i.defaultValue ?? i.value ?? ""), l = (e) => {
7
- let t = e.trim();
8
- t !== s && (c(t), r(t));
9
- }, u = () => {
10
- o(""), c(""), r("");
11
- }, d = (e) => {
12
- e.key === "Enter" && (e.preventDefault(), l(a));
13
- }, f = () => {
14
- l(a);
15
- }, p = (e) => {
16
- o(e);
17
- };
18
- return /* @__PURE__ */ n(e, {
19
- ...i,
20
- value: a,
21
- onChange: p,
22
- onKeyDown: d,
23
- onBlur: f,
24
- onClear: u
25
- });
26
- }
27
- //#endregion
28
- export { r as t };
29
-
30
- //# sourceMappingURL=input-search-Cat4c7SM.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"input-search-Cat4c7SM.js","names":[],"sources":["../../src/input-search/InputSearch.tsx"],"sourcesContent":["import React, { useState } from \"react\";\n\nimport { BaseInputProps, Input } from \"../input\";\n\ninterface SearchInputProps extends BaseInputProps<string> {\n\tonChange: (value: string) => void;\n}\n\nexport function InputSearch({ onChange, ...props }: SearchInputProps) {\n\tconst [searchTerm, setSearchTerm] = useState(() => props.defaultValue ?? props.value ?? \"\");\n\tconst [previousSearch, setPreviousSearch] = useState(() => props.defaultValue ?? props.value ?? \"\");\n\n\tconst handleSearch = (term: string) => {\n\t\tconst changedTerm = term.trim();\n\n\t\t// Проверяем, изменилось ли значение с предыдущего поиска\n\t\tif (changedTerm === previousSearch) return;\n\n\t\tsetPreviousSearch(changedTerm);\n\t\tonChange(changedTerm);\n\t};\n\n\tconst handleClear = () => {\n\t\tsetSearchTerm(\"\");\n\t\tsetPreviousSearch(\"\");\n\t\tonChange(\"\");\n\t};\n\n\tconst handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n\t\tif (event.key === \"Enter\") {\n\t\t\tevent.preventDefault();\n\t\t\thandleSearch(searchTerm);\n\t\t}\n\t};\n\n\tconst handleBlur = () => {\n\t\thandleSearch(searchTerm);\n\t};\n\n\tconst handleChange = (value: string) => {\n\t\tsetSearchTerm(value);\n\t\t// Не вызываем onSearch здесь - только по Enter/blur\n\t};\n\n\treturn (\n\t\t<Input {...props} value={searchTerm} onChange={handleChange} onKeyDown={handleKeyDown} onBlur={handleBlur} onClear={handleClear} />\n\t);\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAY,EAAE,aAAU,GAAG,KAA2B;CACrE,IAAM,CAAC,GAAY,KAAiB,QAAe,EAAM,gBAAgB,EAAM,SAAS,EAAE,GACpF,CAAC,GAAgB,KAAqB,QAAe,EAAM,gBAAgB,EAAM,SAAS,EAAE,GAE5F,KAAgB,MAAiB;EACtC,IAAM,IAAc,EAAK,KAAK;EAG1B,MAAgB,MAEpB,EAAkB,CAAW,GAC7B,EAAS,CAAW;CACrB,GAEM,UAAoB;EAGzB,AAFA,EAAc,EAAE,GAChB,EAAkB,EAAE,GACpB,EAAS,EAAE;CACZ,GAEM,KAAiB,MAAiD;EACvE,AAAI,EAAM,QAAQ,YACjB,EAAM,eAAe,GACrB,EAAa,CAAU;CAEzB,GAEM,UAAmB;EACxB,EAAa,CAAU;CACxB,GAEM,KAAgB,MAAkB;EACvC,EAAc,CAAK;CAEpB;CAEA,OACC,kBAAC,GAAD;EAAO,GAAI;EAAO,OAAO;EAAY,UAAU;EAAc,WAAW;EAAe,QAAQ;EAAY,SAAS;CAAc,CAAA;AAEpI"}
@@ -1,466 +0,0 @@
1
- import { t as e } from "./ui.module-oRwY3Zli.js";
2
- import { Text as t } from "../text/index.js";
3
- import { t as n } from "./check-box-CZyhzmR0.js";
4
- import { Option as r, OptionButton as i } from "../option/index.js";
5
- import { a, f as o, i as s, n as c, r as l, s as u, t as d, u as f, v as p } from "./picker-lvm82d0A.js";
6
- import { t as ee } from "./separator-B72Aq-6a.js";
7
- import { i as te, n as m, t as h } from "./defaultRenderers-u_Vep6Pj.js";
8
- import { t as g } from "./odata-dependent-C_DCbKY2.js";
9
- import { n as _, t as v } from "./useODataSelectBase-DR4PrY1j.js";
10
- import { forwardRef as y, useCallback as ne, useMemo as b, useRef as re, useState as ie } from "react";
11
- import { flattenODataDependentServices as ae, useODataCollectionModel as oe } from "@ryuzaki13/react-foundation-api/odata";
12
- import { Fragment as se, jsx as x, jsxs as S } from "react/jsx-runtime";
13
- var ce = {
14
- multiSelect: "_9oSdQi",
15
- optionCheckBox: "d9SDKQ"
16
- };
17
- //#endregion
18
- //#region src/multi-select/ui/MultiSelectOptionSkeleton.tsx
19
- function C({ text: n, isError: r }) {
20
- return /* @__PURE__ */ S("div", {
21
- className: e.uiPopupOption,
22
- children: [/* @__PURE__ */ x("span", { className: e.uiPopupOptionIcon }), /* @__PURE__ */ x(t, {
23
- color: r ? "error" : "primary",
24
- children: n
25
- })]
26
- });
27
- }
28
- //#endregion
29
- //#region src/multi-select/ui/MultiSelect.tsx
30
- function le({ isNoData: e, error: t, children: n }) {
31
- return e ? /* @__PURE__ */ x(f, { emptyState: /* @__PURE__ */ x(C, { text: "Нет данных" }) }) : t ? /* @__PURE__ */ x(f, { errorState: /* @__PURE__ */ x(C, {
32
- isError: !0,
33
- text: "Ошибка загрузки"
34
- }) }) : /* @__PURE__ */ x(se, { children: n });
35
- }
36
- var ue = [];
37
- function w(e, t) {
38
- return e[t];
39
- }
40
- function T(e, t, n) {
41
- return Array.from(/* @__PURE__ */ new Set([
42
- e[n],
43
- e[t],
44
- ...Object.values(e)
45
- ]));
46
- }
47
- function de(e, t, n) {
48
- if (e.length !== t.length) return !1;
49
- let r = new Set(t.map((e) => w(e, n)));
50
- return e.every((e) => r.has(w(e, n)));
51
- }
52
- function fe({ entries: e, listId: t, activeIndex: a, selectedKeys: o, codeKey: s, query: c, highlightQuery: l, getOptionDisabled: u, getOptionId: d, setOptionRef: f, toggleOption: p, selectOnlyOption: ee, renderItem: te }) {
53
- return e.map(({ item: e, index: m }) => {
54
- let h = m === a, g = w(e, s), _ = o.has(g), v = u?.(e) ?? !1, y = te(e, {
55
- selected: _,
56
- active: h,
57
- disabled: v,
58
- query: c,
59
- highlightQuery: l
60
- });
61
- return /* @__PURE__ */ S(r, {
62
- id: d(t, m),
63
- ref: (e) => f(m, e),
64
- role: "option",
65
- "aria-selected": _,
66
- "aria-disabled": v || void 0,
67
- selected: _,
68
- active: h,
69
- disabled: v,
70
- children: [/* @__PURE__ */ x("div", {
71
- className: ce.optionCheckBox,
72
- onMouseDown: (e) => e.stopPropagation(),
73
- onClick: (e) => e.stopPropagation(),
74
- children: /* @__PURE__ */ x(n, {
75
- value: _,
76
- disabled: v,
77
- "aria-label": `Выбрать ${l ?? g}`,
78
- onChange: () => p(e)
79
- })
80
- }), /* @__PURE__ */ x(i, {
81
- tabIndex: -1,
82
- disabled: v,
83
- text: y.text,
84
- code: y.code,
85
- searchText: l,
86
- onMouseDown: (e) => e.preventDefault(),
87
- onClick: () => ee(e)
88
- })]
89
- }, `${g}-${m}`);
90
- });
91
- }
92
- var E = y(({ codeKey: e, textKey: t, hideCode: n, items: r, value: i, onChange: f, label: g, description: _, placeholder: v, size: y, query: ae, defaultQuery: oe, highlightQuery: C, onQuery: E, defaultFilter: D = !0, onOpen: O, onClose: k, getOptionDisabled: A, disabled: j, error: M, isLoading: N, renderToken: pe, renderToolbar: P, renderItem: me }, F) => {
93
- let I = re(null), [L, he] = ie(!1), R = "search-multi", z = i ?? ue, ge = b(() => new Set(z.map((t) => w(t, e))), [e, z]), _e = b(() => r.filter((t) => !ge.has(w(t, e))), [
94
- e,
95
- ge,
96
- r
97
- ]), B = b(() => te([...z, ...r], e, t), [
98
- e,
99
- z,
100
- r,
101
- t
102
- ]), { query: V, setQuery: ve, resetQueryOnClose: ye } = l({
103
- query: ae,
104
- defaultQuery: oe,
105
- onQuery: E,
106
- triggerMode: R
107
- }), be = (e) => {
108
- L && !e && ye && ve(""), he(e);
109
- }, H = a({
110
- options: z,
111
- query: V,
112
- enabled: D,
113
- getSearchText: (t) => T(t, e, B)
114
- }), U = a({
115
- options: _e,
116
- query: V,
117
- enabled: D,
118
- getSearchText: (t) => T(t, e, B)
119
- }), W = b(() => [...H, ...U], [U, H]), xe = H.length > 0 ? 0 : -1, { draftValue: G, setDraftValue: K, prepareOpen: Se } = c({
120
- value: z,
121
- open: L,
122
- onCommit: f,
123
- onOpen: O,
124
- onClose: k,
125
- isEqual: (t, n) => de(t, n, e)
126
- }), q = b(() => new Set(G.map((t) => w(t, e))), [e, G]), Ce = b(() => ({
127
- selectedItems: G,
128
- committedSelectedItems: z,
129
- selectedKeys: q,
130
- open: L
131
- }), [
132
- z,
133
- G,
134
- L,
135
- q
136
- ]), J = ne((e) => A?.(e, Ce) ?? !1, [A, Ce]), { activeIndex: Y, context: we, floatingStyles: Te, getFloatingProps: Ee, setReference: De, setFloating: Oe, setOptionRef: ke, close: Ae, openList: je, toggleOpen: Me, selectActiveOption: Ne, handleReferenceKeyDown: Pe, handleFloatingKeyDown: Fe, getOptionId: Ie, getActiveOptionId: Le } = s({
137
- options: W,
138
- selectedIndex: xe,
139
- open: L,
140
- onOpenChange: be,
141
- onSelect: void 0,
142
- disabled: j,
143
- getOptionDisabled: J,
144
- closeOnSelect: !1,
145
- allowOpenWithoutOptions: !0,
146
- triggerMode: R
147
- }), Re = C ?? V, X = (t) => {
148
- let n = w(t, e);
149
- K((r) => r.some((t) => w(t, e) === n) ? r.filter((t) => w(t, e) !== n) : J(t) ? r : [...r, t]);
150
- }, ze = (e) => {
151
- if (I.current = e, typeof F == "function") {
152
- F(e);
153
- return;
154
- }
155
- F && (F.current = e);
156
- }, Be = () => {
157
- K([]), L || f([]);
158
- }, Ve = () => {
159
- K((t) => {
160
- let n = [...t], r = new Set(t.map((t) => w(t, e)));
161
- for (let t of W) {
162
- let i = w(t, e);
163
- !r.has(i) && !J(t) && (r.add(i), n.push(t));
164
- }
165
- return n;
166
- });
167
- }, Z = () => {
168
- K([]);
169
- }, He = (e) => {
170
- J(e) || (K([e]), Ae());
171
- }, Ue = L ? G : z, We = Ue.length > 0, Ge = {
172
- selectedItems: Ue,
173
- committedSelectedItems: z,
174
- availableItems: U,
175
- query: V,
176
- open: L,
177
- clearSelection: Be,
178
- selectAll: Ve,
179
- deselectAll: Z
180
- }, Ke = pe === void 0 ? m({
181
- codeKey: e,
182
- textKey: B
183
- }) : pe, qe = me ?? h({
184
- codeKey: e,
185
- textKey: B,
186
- hideCode: n
187
- }), Je = typeof Ke == "function" ? Ke(Ge) : null, Ye = typeof P == "function" ? P(Ge) : P, Q = H.map((e, t) => ({
188
- item: e,
189
- index: t
190
- })), Xe = U.map((e, t) => ({
191
- item: e,
192
- index: t + Q.length
193
- })), Ze = !N && !M && W.length === 0, $ = d({
194
- mode: R,
195
- open: L,
196
- currentQuery: V,
197
- hasDisplayValue: !1,
198
- inputRef: I,
199
- setQuery: ve,
200
- openList: je,
201
- close: Ae,
202
- toggleOpen: Me,
203
- onBeforeOpen: () => {
204
- L || Se();
205
- }
206
- });
207
- return /* @__PURE__ */ x(p, {
208
- label: g,
209
- description: _,
210
- disabled: j,
211
- size: y,
212
- className: ce.multiSelect,
213
- children: ({ controlId: t, labelId: n, describedBy: i }) => {
214
- let a = `${t}-listbox`;
215
- return /* @__PURE__ */ S(se, { children: [/* @__PURE__ */ x(u, {
216
- ref: ze,
217
- rootRef: De,
218
- id: t,
219
- type: "text",
220
- role: "combobox",
221
- autoComplete: "off",
222
- isLoading: N,
223
- disabled: j,
224
- open: L,
225
- optionCount: r.length,
226
- label: g,
227
- placeholder: v,
228
- placeholderFallback: "Выберите значения",
229
- value: V,
230
- selectedValue: Je,
231
- hasSelection: We,
232
- showSelectedValue: We && V.length === 0,
233
- clearable: !0,
234
- onClear: Be,
235
- clearAriaLabel: "Очистить все",
236
- onToggleMouseDown: $.handleToggleMouseDown,
237
- onToggleClick: $.handleToggleClick,
238
- "aria-labelledby": n,
239
- "aria-describedby": i,
240
- "aria-haspopup": "listbox",
241
- "aria-expanded": L,
242
- "aria-controls": L ? a : void 0,
243
- "aria-autocomplete": "list",
244
- "aria-activedescendant": L ? Le(a) : void 0,
245
- rootClassName: "flex alignItemsCenter",
246
- onChange: (e) => {
247
- $.handleTriggerInputChange(e.target.value);
248
- },
249
- onClick: $.handleTriggerClick,
250
- onFocus: (e) => {
251
- $.handleTriggerFocus(e.currentTarget);
252
- },
253
- onKeyDown: (e) => {
254
- Pe(e), !e.defaultPrevented && $.handleTriggerKeyDown({
255
- event: e,
256
- onActivateWhenOpen: () => {
257
- if (Y >= 0) {
258
- let e = W[Y];
259
- if (e) {
260
- X(e);
261
- return;
262
- }
263
- }
264
- Ne();
265
- },
266
- enableClosedArrowDownOpen: !0,
267
- suppressClosedArrowUp: !0
268
- });
269
- }
270
- }), /* @__PURE__ */ x(o, {
271
- open: L,
272
- context: we,
273
- floatingStyles: Te,
274
- listId: a,
275
- labelId: n,
276
- descriptionId: i,
277
- activeOptionId: L ? Le(a) : void 0,
278
- setFloating: Oe,
279
- getFloatingProps: Ee,
280
- onKeyDown: Fe,
281
- initialFocus: -1,
282
- returnFocus: !1,
283
- tabIndex: -1,
284
- toolbar: Ye,
285
- selectionActions: P === void 0 ? {
286
- onSelectAll: Ve,
287
- onDeselectAll: Z
288
- } : void 0,
289
- children: /* @__PURE__ */ x(le, {
290
- isNoData: Ze,
291
- error: M,
292
- children: /* @__PURE__ */ S("div", {
293
- className: "scrollable overscroll h100",
294
- children: [
295
- /* @__PURE__ */ x(fe, {
296
- entries: Q,
297
- listId: a,
298
- activeIndex: Y,
299
- selectedKeys: q,
300
- codeKey: e,
301
- query: V,
302
- highlightQuery: Re,
303
- getOptionDisabled: J,
304
- getOptionId: Ie,
305
- setOptionRef: ke,
306
- toggleOption: X,
307
- selectOnlyOption: He,
308
- renderItem: qe
309
- }),
310
- Q.length > 0 && _e.length > 0 && /* @__PURE__ */ x(ee, { className: "marginBlockSm" }),
311
- /* @__PURE__ */ x(fe, {
312
- entries: Xe,
313
- listId: a,
314
- activeIndex: Y,
315
- selectedKeys: q,
316
- codeKey: e,
317
- query: V,
318
- highlightQuery: Re,
319
- getOptionDisabled: J,
320
- getOptionId: Ie,
321
- setOptionRef: ke,
322
- toggleOption: X,
323
- selectOnlyOption: He,
324
- renderItem: qe
325
- })
326
- ]
327
- })
328
- })
329
- })] });
330
- }
331
- });
332
- });
333
- E.displayName = "MultiSelect";
334
- //#endregion
335
- //#region src/multi-select/model/useODataMultiSelect.ts
336
- function D({ odata: e, segment: t, model: n, value: r, dependencies: i, onChange: a }) {
337
- let o = _({
338
- odata: e,
339
- segment: t,
340
- model: n,
341
- value: r,
342
- dependencies: i
343
- }), s = (e) => {
344
- a(v(e, o.selectionKey));
345
- };
346
- return {
347
- ...o,
348
- handleChange: s
349
- };
350
- }
351
- //#endregion
352
- //#region src/multi-select/ui/ODataMultiSelect.tsx
353
- var O = ({ odata: e, segment: t, model: n, label: r, description: i, disabled: a, value: o, dependencies: s, onChange: c, size: l }) => {
354
- let u = D({
355
- odata: e,
356
- segment: t,
357
- model: oe(n),
358
- value: o,
359
- dependencies: s,
360
- onChange: c
361
- });
362
- return /* @__PURE__ */ x(E, {
363
- label: r,
364
- description: i,
365
- size: l,
366
- codeKey: u.codeKey,
367
- textKey: u.textKey,
368
- hideCode: t.hideCode ?? e.hideCode,
369
- items: u.filteredItems,
370
- value: u.selectedItems,
371
- onChange: u.handleChange,
372
- onQuery: u.setQuery,
373
- query: u.query,
374
- defaultFilter: !1,
375
- highlightQuery: u.debouncedQuery,
376
- isLoading: u.isLoading,
377
- disabled: a,
378
- placeholder: u.placeholder,
379
- error: u.isError ? "Ошибка загрузки" : void 0
380
- });
381
- };
382
- //#endregion
383
- //#region src/multi-select/ui/ODataDependentSegmentMultiSelect.tsx
384
- function k(e) {
385
- let { item: t, disabled: n, label: r, description: i, size: a, width: o = 15 } = e, s = g(e), { updateSegment: c } = s, l = `calc(${o}em + var(--width-add))`, u = ne((e) => {
386
- c(t.id, e);
387
- }, [t.id, c]);
388
- return /* @__PURE__ */ x("div", {
389
- style: {
390
- maxWidth: l,
391
- minWidth: l
392
- },
393
- children: /* @__PURE__ */ x(O, {
394
- odata: t.odata,
395
- segment: t.segment,
396
- model: t.model,
397
- dependencies: s.values,
398
- value: s.values[t.id],
399
- onChange: u,
400
- disabled: n || s.isSegmentDisabled(t.id),
401
- label: r,
402
- description: i,
403
- size: a
404
- })
405
- });
406
- }
407
- //#endregion
408
- //#region src/multi-select/ui/ODataDependentMultiSelect.tsx
409
- function A(e) {
410
- let { width: t = 15, odata: n, segments: r, model: i, values: a, defaultValues: o, onChange: s, selectionMode: c, segmentOrder: l } = e, u = g({
411
- values: a,
412
- defaultValues: o,
413
- onChange: s
414
- }), d = c === "sequential" ? {
415
- selectionMode: "sequential",
416
- segmentOrder: l
417
- } : {
418
- selectionMode: c,
419
- segmentOrder: l
420
- };
421
- return ae([{
422
- odata: n,
423
- segments: r,
424
- model: i
425
- }]).map((e) => /* @__PURE__ */ x(k, {
426
- item: e,
427
- values: u.values,
428
- onChange: u.updateValues,
429
- ...d,
430
- width: t
431
- }, e.id));
432
- }
433
- //#endregion
434
- //#region src/multi-select/ui/SerializableMultiSelect.tsx
435
- function j(e, t) {
436
- return e[t];
437
- }
438
- function M(e, t, n) {
439
- let r = e[t];
440
- if (typeof r == "string") return r;
441
- let i = j(e, n);
442
- return typeof i == "string" ? i : String(i);
443
- }
444
- function N({ label: e, description: t, disabled: n, placeholder: r, size: i, options: a, value: o, onChange: s, optionKey: c, optionLabel: l, renderCode: u }) {
445
- let d = a.map((e) => ({
446
- key: String(j(e, c)),
447
- text: M(e, l, c)
448
- })), f = new Set((o ?? []).map((e) => String(e))), p = d.filter((e) => f.has(e.key));
449
- return /* @__PURE__ */ x(E, {
450
- label: e,
451
- description: t,
452
- disabled: n,
453
- placeholder: r,
454
- size: i,
455
- items: d,
456
- codeKey: "key",
457
- textKey: "text",
458
- hideCode: !u || void 0,
459
- value: p,
460
- onChange: (e) => s(e.map((e) => e.key))
461
- });
462
- }
463
- //#endregion
464
- export { E as a, O as i, A as n, k as r, N as t };
465
-
466
- //# sourceMappingURL=multi-select-BZ9N6Dal.js.map