@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.
- package/dist/badge/index.js +65 -2
- package/dist/badge/index.js.map +1 -0
- package/dist/barcode-scanner/index.js +18 -18
- package/dist/base-table/index.js +2 -2
- package/dist/button/index.js +1 -1
- package/dist/check-box/index.js +1 -1
- package/dist/chunks/{CalendarView-Dm55k0bN.js → CalendarView-CwbPJG2Y.js} +86 -86
- package/dist/chunks/{CalendarView-Dm55k0bN.js.map → CalendarView-CwbPJG2Y.js.map} +1 -1
- package/dist/chunks/{ImageViewerRuntime-HGBWp9NM.js → ImageViewerRuntime-DZpgxzF1.js} +25 -25
- package/dist/chunks/{ImageViewerRuntime-HGBWp9NM.js.map → ImageViewerRuntime-DZpgxzF1.js.map} +1 -1
- package/dist/chunks/{TextEditorLexicalClient-C8nSoz85.js → TextEditorLexicalClient-BRp8jHId.js} +354 -354
- package/dist/chunks/{TextEditorLexicalClient-C8nSoz85.js.map → TextEditorLexicalClient-BRp8jHId.js.map} +1 -1
- package/dist/chunks/{base-table-BWvKfI2W.js → base-table-BHmboNzl.js} +138 -138
- package/dist/chunks/{base-table-BWvKfI2W.js.map → base-table-BHmboNzl.js.map} +1 -1
- package/dist/chunks/{button-DF21yxVp.js → button-D7GAU2Wa.js} +20 -20
- package/dist/chunks/{button-DF21yxVp.js.map → button-D7GAU2Wa.js.map} +1 -1
- package/dist/chunks/{check-box-CZyhzmR0.js → check-box-D_Y6iIWv.js} +19 -19
- package/dist/chunks/{check-box-CZyhzmR0.js.map → check-box-D_Y6iIWv.js.map} +1 -1
- package/dist/chunks/{context-menu-DgvXGCuI.js → context-menu-BQePxRpu.js} +159 -159
- package/dist/chunks/{context-menu-DgvXGCuI.js.map → context-menu-BQePxRpu.js.map} +1 -1
- package/dist/chunks/{date-input-D7aBsPJc.js → date-input-Crijdmmq.js} +67 -67
- package/dist/chunks/{date-input-D7aBsPJc.js.map → date-input-Crijdmmq.js.map} +1 -1
- package/dist/chunks/{date-range-preset-select-BLnY47cv.js → date-range-preset-select-CyzGMvVp.js} +6 -6
- package/dist/chunks/{date-range-preset-select-BLnY47cv.js.map → date-range-preset-select-CyzGMvVp.js.map} +1 -1
- package/dist/chunks/{dialog-1Z1zCNCe.js → dialog-BcQGVNbu.js} +13 -13
- package/dist/chunks/{dialog-1Z1zCNCe.js.map → dialog-BcQGVNbu.js.map} +1 -1
- package/dist/chunks/{flex-C7njxZ74.js → flex-DtXK7OM4.js} +29 -29
- package/dist/chunks/{flex-C7njxZ74.js.map → flex-DtXK7OM4.js.map} +1 -1
- package/dist/chunks/{floating-arrow-DPKwJfww.js → floating-arrow-DKUKx2ZQ.js} +7 -7
- package/dist/chunks/{floating-arrow-DPKwJfww.js.map → floating-arrow-DKUKx2ZQ.js.map} +1 -1
- package/dist/chunks/{input-DSPKgiCK.js → input-CuRK9Vbz.js} +78 -78
- package/dist/chunks/{input-DSPKgiCK.js.map → input-CuRK9Vbz.js.map} +1 -1
- package/dist/chunks/{input-files-tIS17-zX.js → input-files-B8j6Pb_M.js} +31 -31
- package/dist/chunks/{input-files-tIS17-zX.js.map → input-files-B8j6Pb_M.js.map} +1 -1
- package/dist/chunks/{misc-DeGboAt-.js → misc-CGQOXXCy.js} +110 -110
- package/dist/chunks/{misc-DeGboAt-.js.map → misc-CGQOXXCy.js.map} +1 -1
- package/dist/chunks/{modal-dplfAaER.js → modal-febBsMyR.js} +58 -58
- package/dist/chunks/{modal-dplfAaER.js.map → modal-febBsMyR.js.map} +1 -1
- package/dist/chunks/{picker-lvm82d0A.js → picker-BA6okKnz.js} +91 -91
- package/dist/chunks/{picker-lvm82d0A.js.map → picker-BA6okKnz.js.map} +1 -1
- package/dist/chunks/popover-yl5DVe06.js +245 -0
- package/dist/chunks/{popover-Bne-Ljbs.js.map → popover-yl5DVe06.js.map} +1 -1
- package/dist/chunks/radio-group-CW-K1n9c.js +125 -0
- package/dist/chunks/{radio-group-sSnlYjAX.js.map → radio-group-CW-K1n9c.js.map} +1 -1
- package/dist/chunks/select-DblNSc5H.js +363 -0
- package/dist/chunks/{select-aTGupQan.js.map → select-DblNSc5H.js.map} +1 -1
- package/dist/chunks/{separator-B72Aq-6a.js → separator-CIqnk2z9.js} +2 -2
- package/dist/chunks/{separator-B72Aq-6a.js.map → separator-CIqnk2z9.js.map} +1 -1
- package/dist/chunks/{sortable-BKIwlqhI.js → sortable-CQmMHAF8.js} +38 -38
- package/dist/chunks/{sortable-BKIwlqhI.js.map → sortable-CQmMHAF8.js.map} +1 -1
- package/dist/chunks/{table-DxoSOvQK.js → table-BnvjPaE1.js} +18 -18
- package/dist/chunks/{table-DxoSOvQK.js.map → table-BnvjPaE1.js.map} +1 -1
- package/dist/chunks/{table-column-interactions-DzEvVuXe.js → table-column-interactions-Do8LFtiv.js} +20 -20
- package/dist/chunks/{table-column-interactions-DzEvVuXe.js.map → table-column-interactions-Do8LFtiv.js.map} +1 -1
- package/dist/chunks/{types-D9Wj9wrg.js → types-CxXyru6U.js} +21 -21
- package/dist/chunks/{types-D9Wj9wrg.js.map → types-CxXyru6U.js.map} +1 -1
- package/dist/chunks/{useODataSelectBase-DR4PrY1j.js → useODataSelectBase-DwR4Lfv-.js} +5 -5
- package/dist/chunks/{useODataSelectBase-DR4PrY1j.js.map → useODataSelectBase-DwR4Lfv-.js.map} +1 -1
- package/dist/chunks/{wheel-picker-FS58cRsQ.js → wheel-picker-DUHGy7wE.js} +23 -23
- package/dist/chunks/{wheel-picker-FS58cRsQ.js.map → wheel-picker-DUHGy7wE.js.map} +1 -1
- package/dist/context-menu/index.js +1 -1
- package/dist/date-input/index.js +2 -2
- package/dist/date-range-preset-select/index.js +1 -1
- package/dist/date-time-input/index.js +122 -122
- package/dist/date-time-input/index.js.map +1 -1
- package/dist/detail/index.js +22 -22
- package/dist/dialog/index.js +1 -1
- package/dist/disclosure/index.js +9 -9
- package/dist/drop-zone/index.js +21 -21
- package/dist/errors/index.js +50 -50
- package/dist/expandable-action-panel/index.js +24 -24
- package/dist/flex/index.js +1 -1
- package/dist/flex/useFlexClasses.d.ts +1 -1
- package/dist/floating-arrow/index.js +1 -1
- package/dist/fullscreen-portal/index.js +8 -8
- package/dist/image/index.js +119 -119
- package/dist/input/index.js +1 -1
- package/dist/input-date-time/index.js +55 -55
- package/dist/input-file/index.js +16 -16
- package/dist/input-files/index.js +1 -1
- package/dist/input-image/index.js +17 -17
- package/dist/input-search/index.js +30 -2
- package/dist/input-search/index.js.map +1 -0
- package/dist/layout-picker/index.js +93 -93
- package/dist/layout-picker/index.js.map +1 -1
- package/dist/list/index.js +39 -39
- package/dist/listbox/index.js +33 -33
- package/dist/misc/index.js +1 -1
- package/dist/modal/index.js +1 -1
- package/dist/multi-select/index.js +466 -2
- package/dist/multi-select/index.js.map +1 -0
- package/dist/notifications/index.js +45 -45
- package/dist/option/index.js +30 -30
- package/dist/period-select/index.js +7 -7
- package/dist/picker/index.js +1 -1
- package/dist/popover/index.js +1 -1
- package/dist/preset-range-date-input/index.js +10 -10
- package/dist/preset-select/index.js +1 -1
- package/dist/radio-button/index.js +9 -9
- package/dist/radio-group/index.js +1 -1
- package/dist/select/index.js +1 -1
- package/dist/separator/index.js +1 -1
- package/dist/simple-table/index.js +5 -5
- package/dist/slider/index.js +82 -82
- package/dist/slider/index.js.map +1 -1
- package/dist/sortable/index.js +1 -1
- package/dist/splitter/index.js +55 -55
- package/dist/state-select/index.js +17 -17
- package/dist/styles.css +1 -1
- package/dist/switch/index.js +18 -18
- package/dist/table/index.js +1 -1
- package/dist/table-column-interactions/index.js +1 -1
- package/dist/table-editor/index.js +99 -99
- package/dist/table-sorting/index.js +13 -13
- package/dist/tabs/index.js +83 -83
- package/dist/tag-input/index.js +58 -58
- package/dist/tag-input/index.js.map +1 -1
- package/dist/text/index.js +18 -18
- package/dist/text-editor/index.js +3 -3
- package/dist/textarea/index.js +1 -1
- package/dist/three-scene/index.js +7 -7
- package/dist/toggle/index.js +20 -20
- package/dist/toolbar/index.js +16 -16
- package/dist/tree/index.js +24 -24
- package/dist/tree-select/index.js +189 -189
- package/dist/tree-select/index.js.map +1 -1
- package/dist/tree-table/index.js +33 -33
- package/dist/tree-table/index.js.map +1 -1
- package/dist/wheel-picker/index.js +1 -1
- package/package.json +1 -5
- package/storybook-static/project.json +1 -1
- package/dist/advanced-search/index.d.ts +0 -3
- package/dist/advanced-search/index.d.ts.map +0 -1
- package/dist/advanced-search/index.js +0 -399
- package/dist/advanced-search/index.js.map +0 -1
- package/dist/advanced-search/lib/index.d.ts +0 -2
- package/dist/advanced-search/lib/index.d.ts.map +0 -1
- package/dist/advanced-search/lib/searchParts.d.ts +0 -3
- package/dist/advanced-search/lib/searchParts.d.ts.map +0 -1
- package/dist/advanced-search/model/index.d.ts +0 -5
- package/dist/advanced-search/model/index.d.ts.map +0 -1
- package/dist/advanced-search/model/types.d.ts +0 -55
- package/dist/advanced-search/model/types.d.ts.map +0 -1
- package/dist/advanced-search/model/useAdvancedSearch.d.ts +0 -11
- package/dist/advanced-search/model/useAdvancedSearch.d.ts.map +0 -1
- package/dist/advanced-search/model/useAdvancedSearchInitialSelected.d.ts +0 -6
- package/dist/advanced-search/model/useAdvancedSearchInitialSelected.d.ts.map +0 -1
- package/dist/advanced-search/model/useAdvancedSearchSelection.d.ts +0 -13
- package/dist/advanced-search/model/useAdvancedSearchSelection.d.ts.map +0 -1
- package/dist/advanced-search/ui/AdvancedSearchModal.d.ts +0 -23
- package/dist/advanced-search/ui/AdvancedSearchModal.d.ts.map +0 -1
- package/dist/advanced-search/ui/AdvancedSearchModalSession.d.ts +0 -16
- package/dist/advanced-search/ui/AdvancedSearchModalSession.d.ts.map +0 -1
- package/dist/advanced-search/ui/AdvancedSearchSelect.d.ts +0 -9
- package/dist/advanced-search/ui/AdvancedSearchSelect.d.ts.map +0 -1
- package/dist/advanced-search/ui/AdvancedSearchSelectUI.d.ts +0 -9
- package/dist/advanced-search/ui/AdvancedSearchSelectUI.d.ts.map +0 -1
- package/dist/advanced-search/ui/index.d.ts +0 -2
- package/dist/advanced-search/ui/index.d.ts.map +0 -1
- package/dist/chunks/badge-6mXO9BWP.js +0 -65
- package/dist/chunks/badge-6mXO9BWP.js.map +0 -1
- package/dist/chunks/input-search-Cat4c7SM.js +0 -30
- package/dist/chunks/input-search-Cat4c7SM.js.map +0 -1
- package/dist/chunks/multi-select-BZ9N6Dal.js +0 -466
- package/dist/chunks/multi-select-BZ9N6Dal.js.map +0 -1
- package/dist/chunks/popover-Bne-Ljbs.js +0 -245
- package/dist/chunks/radio-group-sSnlYjAX.js +0 -125
- 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 +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
|