@datavac/ui-kit 1.9.0-alphabet-filter.1 → 1.9.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/index.d.ts
CHANGED
|
@@ -34,4 +34,3 @@ export { SortControl } from './components/SortControl';
|
|
|
34
34
|
export type { SortControlProps, SortDirection } from './components/SortControl';
|
|
35
35
|
export { DataTable } from './components/DataTable';
|
|
36
36
|
export type { DataTableColumn, DataTableProps } from './components/DataTable';
|
|
37
|
-
export { AlphabetFilter } from './components/AlphabetFilter';
|
package/dist/index.js
CHANGED
|
@@ -6842,7 +6842,7 @@ function Bu({ trigger: e, title: t, children: n, className: r }) {
|
|
|
6842
6842
|
asChild: !0,
|
|
6843
6843
|
children: e
|
|
6844
6844
|
}), /* @__PURE__ */ m(zu.Portal, { children: [/* @__PURE__ */ p(zu.Overlay, { className: "fixed inset-0 bg-overlay backdrop-blur-sm z-40" }), /* @__PURE__ */ m(zu.Content, {
|
|
6845
|
-
className: K("fixed right-0 top-0 bottom-0 z-50 flex flex-col bg-card w-[464px] pt-16 pb-10 px-8 overflow-y-auto overflow-x-hidden", r),
|
|
6845
|
+
className: K("fixed right-0 top-0 bottom-0 z-50 flex flex-col bg-card w-full max-w-[464px] pt-6 pb-4 px-4 md:pt-16 md:pb-10 md:px-8 overflow-y-auto overflow-x-hidden", r),
|
|
6846
6846
|
children: [
|
|
6847
6847
|
/* @__PURE__ */ p(zu.Title, {
|
|
6848
6848
|
className: "font-semibold text-lg text-fg font-sans mb-5",
|
|
@@ -6852,19 +6852,22 @@ function Bu({ trigger: e, title: t, children: n, className: r }) {
|
|
|
6852
6852
|
className: "font-sans text-base text-fg leading-5 flex-1",
|
|
6853
6853
|
children: n
|
|
6854
6854
|
}),
|
|
6855
|
-
/* @__PURE__ */ p(
|
|
6856
|
-
"
|
|
6857
|
-
|
|
6858
|
-
|
|
6859
|
-
|
|
6860
|
-
|
|
6861
|
-
|
|
6862
|
-
|
|
6863
|
-
|
|
6864
|
-
|
|
6865
|
-
|
|
6866
|
-
|
|
6867
|
-
|
|
6855
|
+
/* @__PURE__ */ p("div", {
|
|
6856
|
+
className: "flex items-center justify-center",
|
|
6857
|
+
children: /* @__PURE__ */ p(zu.Close, {
|
|
6858
|
+
"aria-label": "Закрыть",
|
|
6859
|
+
className: "absolute bottom-4 md:top-4 md:right-4 w-10 h-10 flex items-center justify-center rounded-full bg-accent xl:hover:bg-accent-hover transition-colors text-white",
|
|
6860
|
+
children: /* @__PURE__ */ p("svg", {
|
|
6861
|
+
width: "24",
|
|
6862
|
+
height: "24",
|
|
6863
|
+
viewBox: "0 0 24 24",
|
|
6864
|
+
fill: "none",
|
|
6865
|
+
stroke: "currentColor",
|
|
6866
|
+
strokeWidth: "2",
|
|
6867
|
+
strokeLinecap: "round",
|
|
6868
|
+
strokeLinejoin: "round",
|
|
6869
|
+
children: /* @__PURE__ */ p("path", { d: "M18 6 6 18M6 6l12 12" })
|
|
6870
|
+
})
|
|
6868
6871
|
})
|
|
6869
6872
|
})
|
|
6870
6873
|
]
|
|
@@ -9174,25 +9177,4 @@ function Zm({ columns: e, rows: t, isRowDisabled: n, onRowClick: r, getRowKey: i
|
|
|
9174
9177
|
});
|
|
9175
9178
|
}
|
|
9176
9179
|
//#endregion
|
|
9177
|
-
|
|
9178
|
-
var Qm = (e, t) => e ? "bg-accent text-white" : t ? "bg-card text-fg-muted cursor-default" : "bg-card text-fg hover:bg-subtle";
|
|
9179
|
-
function $m({ letters: e, active: t, onChange: n, disabled: r = [], className: i }) {
|
|
9180
|
-
let a = (e) => {
|
|
9181
|
-
r.includes(e) || n(t === e ? null : e);
|
|
9182
|
-
};
|
|
9183
|
-
return /* @__PURE__ */ p("div", {
|
|
9184
|
-
className: K("flex gap-0.5", i),
|
|
9185
|
-
children: e.map((e) => {
|
|
9186
|
-
let n = t === e, i = r.includes(e);
|
|
9187
|
-
return /* @__PURE__ */ p("button", {
|
|
9188
|
-
onClick: () => a(e),
|
|
9189
|
-
disabled: i,
|
|
9190
|
-
className: K("w-6 h-6 rounded-xl text-base font-normal flex items-center justify-center", Qm(n, i)),
|
|
9191
|
-
"aria-pressed": n,
|
|
9192
|
-
children: e
|
|
9193
|
-
}, e);
|
|
9194
|
-
})
|
|
9195
|
-
});
|
|
9196
|
-
}
|
|
9197
|
-
//#endregion
|
|
9198
|
-
export { Gd as Accordion, Kd as AccordionItem, Jf as AdministrationIcon, $m as AlphabetFilter, bs as ArrowDownArrowUpIcon, xs as ArrowDownToBracketIcon, Cs as ArrowIcon, Ss as ArrowUpRightFromSquareIcon, ws as ArrowsIcon, bt as Badge, Ts as BottleIcon, yt as Button, nt as Caption, Jd as Card, Es as ChevronDownIcon, xt as Chip, Ds as CircleAttentionIcon, Os as CircleMinusIcon, ks as CirclePlusIcon, As as CircleXmarkIcon, js as CopyIcon, St as Counter, Zm as DataTable, Ms as DnaIcon, Bu as Drawer, Yd as EmptyState, Xd as ErrorState, Ns as FileArrowDownIcon, $e as Heading, Ps as InfoCircleIcon, Ct as Input, tt as Label, Fs as MenuIcon, Is as MinusIcon, Ls as MoonStarsIcon, Rs as PlusIcon, Xs as SearchBar, ys as SearchDropdown, zs as SearchIcon, Bs as SearchListIcon, Hm as Select, _s as Skeleton, Um as SortControl, gs as Spinner, Hs as SunIcon, Vs as SunMiniIcon, Xf as Switch, Rf as Tabs, dp as TagFilter, Us as TestTubeIcon, et as Text, sp as ThemeProvider, lp as ThemeToggle, Ws as ThermometerIcon, Uc as Tooltip, Gs as VirusIcon, qs as XmarkIcon, Ks as XmarkLargeIcon, K as cn, Qf as darkTheme, Zf as defaultTheme, ep as themes, np as tokensToCssVars, cp as useTheme };
|
|
9180
|
+
export { Gd as Accordion, Kd as AccordionItem, Jf as AdministrationIcon, bs as ArrowDownArrowUpIcon, xs as ArrowDownToBracketIcon, Cs as ArrowIcon, Ss as ArrowUpRightFromSquareIcon, ws as ArrowsIcon, bt as Badge, Ts as BottleIcon, yt as Button, nt as Caption, Jd as Card, Es as ChevronDownIcon, xt as Chip, Ds as CircleAttentionIcon, Os as CircleMinusIcon, ks as CirclePlusIcon, As as CircleXmarkIcon, js as CopyIcon, St as Counter, Zm as DataTable, Ms as DnaIcon, Bu as Drawer, Yd as EmptyState, Xd as ErrorState, Ns as FileArrowDownIcon, $e as Heading, Ps as InfoCircleIcon, Ct as Input, tt as Label, Fs as MenuIcon, Is as MinusIcon, Ls as MoonStarsIcon, Rs as PlusIcon, Xs as SearchBar, ys as SearchDropdown, zs as SearchIcon, Bs as SearchListIcon, Hm as Select, _s as Skeleton, Um as SortControl, gs as Spinner, Hs as SunIcon, Vs as SunMiniIcon, Xf as Switch, Rf as Tabs, dp as TagFilter, Us as TestTubeIcon, et as Text, sp as ThemeProvider, lp as ThemeToggle, Ws as ThermometerIcon, Uc as Tooltip, Gs as VirusIcon, qs as XmarkIcon, Ks as XmarkLargeIcon, K as cn, Qf as darkTheme, Zf as defaultTheme, ep as themes, np as tokensToCssVars, cp as useTheme };
|
package/package.json
CHANGED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
export type AlphabetFilterProps = {
|
|
2
|
-
letters: string[];
|
|
3
|
-
active: string | null;
|
|
4
|
-
onChange: (letter: string | null) => void;
|
|
5
|
-
disabled?: string[];
|
|
6
|
-
className?: string;
|
|
7
|
-
};
|
|
8
|
-
export declare function AlphabetFilter({ letters, active, onChange, disabled, className, }: AlphabetFilterProps): import("react/jsx-runtime").JSX.Element;
|