brd-ui-kit 0.1.90 → 0.1.91
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/components/input-search/index.d.ts +2 -0
- package/dist/components/input-search/input-search.d.ts +23 -0
- package/dist/components/input-search.d.ts +2 -0
- package/dist/components-input-search-input-search.cjs +2 -0
- package/dist/components-input-search-input-search.cjs.map +1 -0
- package/dist/components-input-search-input-search.js +137 -0
- package/dist/components-input-search-input-search.js.map +1 -0
- package/dist/components-input-search.cjs +2 -0
- package/dist/components-input-search.cjs.map +1 -0
- package/dist/components-input-search.js +5 -0
- package/dist/components-input-search.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +14 -4
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type InputSearchOption<T = unknown> = {
|
|
3
|
+
value: string;
|
|
4
|
+
label: string;
|
|
5
|
+
meta?: T;
|
|
6
|
+
};
|
|
7
|
+
type InputSearchProps<T = unknown> = {
|
|
8
|
+
options: InputSearchOption<T>[];
|
|
9
|
+
value?: string;
|
|
10
|
+
onChange?: (value: string, option?: InputSearchOption<T>) => void;
|
|
11
|
+
onSearch?: (search: string) => void;
|
|
12
|
+
placeholder?: string;
|
|
13
|
+
searchPlaceholder?: string;
|
|
14
|
+
emptyText?: string;
|
|
15
|
+
loadingText?: string;
|
|
16
|
+
loading?: boolean;
|
|
17
|
+
disabled?: boolean;
|
|
18
|
+
className?: string;
|
|
19
|
+
renderOption?: (option: InputSearchOption<T>) => ReactNode;
|
|
20
|
+
debounceMs?: number;
|
|
21
|
+
};
|
|
22
|
+
export declare const InputSearch: <T>({ options, value, onChange, onSearch, placeholder, searchPlaceholder, emptyText, loadingText, loading, disabled, className, renderOption, debounceMs, }: InputSearchProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export type { InputSearchProps };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime");require("./approval-log.view-DC5xl6KF.cjs");require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");require("brd-phosphor-strokes-icons/icons/CaretDown");const t=require("react");require("./calendar-BClkfQSD.cjs");require("brd-phosphor-strokes-icons/icons");const i=require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");require("./components-ui-typography-typography.styles.cjs");require("brd-phosphor-strokes-icons/icons/CaretLeft");require("brd-phosphor-strokes-icons/icons/CaretRight");require("./components-app-pagination-app-pagination.styles.cjs");require("brd-phosphor-strokes-icons/icons/CaretUpDown");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("brd-phosphor-strokes-icons/icons/Eye");require("brd-phosphor-strokes-icons/icons/EyeSlash");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");require("brd-phosphor-strokes-icons/icons/CheckCircle");require("brd-phosphor-strokes-icons/icons/Info");require("brd-phosphor-strokes-icons/icons/SpinnerGap");require("brd-phosphor-strokes-icons/icons/Warning");require("brd-phosphor-strokes-icons/icons/X");require("brd-phosphor-strokes-icons/icons/XCircle");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");require("brd-phosphor-strokes-icons/icons/Plus");require("brd-phosphor-strokes-icons/icons/CaretUp");require("brd-phosphor-strokes-icons/icons/EnvelopeSimple");require("brd-phosphor-strokes-icons/icons/MaxLogo");require("brd-phosphor-strokes-icons/icons/Phone");require("brd-phosphor-strokes-icons/icons/TelegramLogo");require("brd-phosphor-strokes-icons/icons/WhatsAppLogoFilled");require("./components-input-phone-input-phone.cjs");require("./components-card-info-card-info.styles.cjs");const R=300,S=({options:r,value:c,onChange:o,onSearch:q,placeholder:f="Выберите...",searchPlaceholder:d="Поиск...",emptyText:h="Ничего не найдено",loadingText:C="Загрузка...",loading:j=!1,disabled:m=!1,className:v,renderOption:b,debounceMs:x=R})=>{const[l,n]=t.useState(""),a=t.useRef(null);t.useEffect(()=>{if(q)return a.current=setTimeout(()=>{q(l)},x),()=>{a.current&&clearTimeout(a.current)}},[x,q,l]);const s=t.useMemo(()=>r.find(e=>e.value===c)??null,[r,c]),g=t.useMemo(()=>{if(q)return r;const e=l.trim().toLowerCase();return e?r.filter(E=>E.label.toLowerCase().includes(e)):r},[q,r,l]),y=s?s.label:f,I=e=>{if(!e||e.value===c){o?.(""),n("");return}o?.(e.value,e),n("")};return u.jsxs(i.Combobox,{items:r,value:s,onInputValueChange:n,onValueChange:m?void 0:I,children:[u.jsx(i.ComboboxInput,{disabled:m,className:v,placeholder:s?y:d}),u.jsxs(i.ComboboxContent,{children:[u.jsx(i.ComboboxEmpty,{children:j?C:h}),u.jsx(i.ComboboxList,{children:g.map(e=>u.jsx(i.ComboboxItem,{value:e,children:b?b(e):u.jsx("div",{className:"hover:bg-primary-hover-bg w-full px-4 py-2",children:e.label})},e.value))})]})]})};exports.InputSearch=S;
|
|
2
|
+
//# sourceMappingURL=components-input-search-input-search.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-input-search-input-search.cjs","sources":["../src/components/input-search/input-search.tsx"],"sourcesContent":["import {\n Combobox,\n ComboboxContent,\n ComboboxEmpty,\n ComboboxInput,\n ComboboxItem,\n ComboboxList,\n} from \"@/index\";\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\n\nexport type InputSearchOption<T = unknown> = {\n value: string;\n label: string;\n meta?: T;\n};\n\ntype InputSearchProps<T = unknown> = {\n options: InputSearchOption<T>[];\n value?: string;\n onChange?: (value: string, option?: InputSearchOption<T>) => void;\n onSearch?: (search: string) => void;\n placeholder?: string;\n searchPlaceholder?: string;\n emptyText?: string;\n loadingText?: string;\n loading?: boolean;\n disabled?: boolean;\n className?: string;\n renderOption?: (option: InputSearchOption<T>) => ReactNode;\n debounceMs?: number;\n};\n\nconst DEBOUNCE_MS = 300;\n\nexport const InputSearch = <T,>({\n options,\n value,\n onChange,\n onSearch,\n placeholder = \"Выберите...\",\n searchPlaceholder = \"Поиск...\",\n emptyText = \"Ничего не найдено\",\n loadingText = \"Загрузка...\",\n loading = false,\n disabled = false,\n className,\n renderOption,\n debounceMs = DEBOUNCE_MS,\n}: InputSearchProps<T>) => {\n const [searchValue, setSearchValue] = useState(\"\");\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n useEffect(() => {\n if (!onSearch) return;\n\n timerRef.current = setTimeout(() => {\n onSearch(searchValue);\n }, debounceMs);\n\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, [debounceMs, onSearch, searchValue]);\n\n const selectedOption = useMemo(\n () => options.find((option) => option.value === value) ?? null,\n [options, value],\n );\n\n const filteredOptions = useMemo(() => {\n if (onSearch) return options;\n\n const normalizedSearch = searchValue.trim().toLowerCase();\n if (!normalizedSearch) return options;\n\n return options.filter((option) =>\n option.label.toLowerCase().includes(normalizedSearch),\n );\n }, [onSearch, options, searchValue]);\n\n const inputPlaceholder = selectedOption ? selectedOption.label : placeholder;\n\n const handleChange = (option: InputSearchOption<T> | null) => {\n if (!option || option.value === value) {\n onChange?.(\"\");\n setSearchValue(\"\");\n return;\n }\n\n onChange?.(option.value, option);\n setSearchValue(\"\");\n };\n\n return (\n <Combobox\n items={options}\n value={selectedOption}\n onInputValueChange={setSearchValue}\n onValueChange={disabled ? undefined : handleChange}\n >\n <ComboboxInput\n disabled={disabled}\n className={className}\n placeholder={selectedOption ? inputPlaceholder : searchPlaceholder}\n />\n\n <ComboboxContent>\n <ComboboxEmpty>{loading ? loadingText : emptyText}</ComboboxEmpty>\n <ComboboxList>\n {filteredOptions.map((option) => (\n <ComboboxItem\n key={option.value}\n value={option}\n >\n {renderOption ? (\n renderOption(option)\n ) : (\n <div className=\"hover:bg-primary-hover-bg w-full px-4 py-2\">\n {option.label}\n </div>\n )}\n </ComboboxItem>\n ))}\n </ComboboxList>\n </ComboboxContent>\n </Combobox>\n );\n};\n\nexport type { InputSearchProps };\n"],"names":["DEBOUNCE_MS","InputSearch","options","value","onChange","onSearch","placeholder","searchPlaceholder","emptyText","loadingText","loading","disabled","className","renderOption","debounceMs","searchValue","setSearchValue","useState","timerRef","useRef","useEffect","selectedOption","useMemo","option","filteredOptions","normalizedSearch","inputPlaceholder","handleChange","jsxs","Combobox","jsx","ComboboxInput","ComboboxContent","ComboboxEmpty","ComboboxList","ComboboxItem"],"mappings":"2lGAgCA,MAAMA,EAAc,IAEPC,EAAc,CAAK,CAC9B,QAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,YAAAC,EAAc,cACd,kBAAAC,EAAoB,WACpB,UAAAC,EAAY,oBACZ,YAAAC,EAAc,cACd,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,UAAAC,EACA,aAAAC,EACA,WAAAC,EAAad,CACf,IAA2B,CACzB,KAAM,CAACe,EAAaC,CAAc,EAAIC,EAAAA,SAAS,EAAE,EAC3CC,EAAWC,EAAAA,OAA6C,IAAI,EAElEC,EAAAA,UAAU,IAAM,CACd,GAAKf,EAEL,OAAAa,EAAS,QAAU,WAAW,IAAM,CAClCb,EAASU,CAAW,CACtB,EAAGD,CAAU,EAEN,IAAM,CACPI,EAAS,SACX,aAAaA,EAAS,OAAO,CAEjC,CACF,EAAG,CAACJ,EAAYT,EAAUU,CAAW,CAAC,EAEtC,MAAMM,EAAiBC,EAAAA,QACrB,IAAMpB,EAAQ,KAAMqB,GAAWA,EAAO,QAAUpB,CAAK,GAAK,KAC1D,CAACD,EAASC,CAAK,CAAA,EAGXqB,EAAkBF,EAAAA,QAAQ,IAAM,CACpC,GAAIjB,EAAU,OAAOH,EAErB,MAAMuB,EAAmBV,EAAY,KAAA,EAAO,YAAA,EAC5C,OAAKU,EAEEvB,EAAQ,OAAQqB,GACrBA,EAAO,MAAM,YAAA,EAAc,SAASE,CAAgB,CAAA,EAHxBvB,CAKhC,EAAG,CAACG,EAAUH,EAASa,CAAW,CAAC,EAE7BW,EAAmBL,EAAiBA,EAAe,MAAQf,EAE3DqB,EAAgBJ,GAAwC,CAC5D,GAAI,CAACA,GAAUA,EAAO,QAAUpB,EAAO,CACrCC,IAAW,EAAE,EACbY,EAAe,EAAE,EACjB,MACF,CAEAZ,IAAWmB,EAAO,MAAOA,CAAM,EAC/BP,EAAe,EAAE,CACnB,EAEA,OACEY,EAAAA,KAACC,EAAAA,SAAA,CACC,MAAO3B,EACP,MAAOmB,EACP,mBAAoBL,EACpB,cAAeL,EAAW,OAAYgB,EAEtC,SAAA,CAAAG,EAAAA,IAACC,EAAAA,cAAA,CACC,SAAApB,EACA,UAAAC,EACA,YAAaS,EAAiBK,EAAmBnB,CAAA,CAAA,SAGlDyB,EAAAA,gBAAA,CACC,SAAA,CAAAF,EAAAA,IAACG,EAAAA,cAAA,CAAe,SAAAvB,EAAUD,EAAcD,EAAU,EAClDsB,EAAAA,IAACI,EAAAA,aAAA,CACE,SAAAV,EAAgB,IAAKD,GACpBO,EAAAA,IAACK,EAAAA,aAAA,CAEC,MAAOZ,EAEN,SAAAV,EACCA,EAAaU,CAAM,QAElB,MAAA,CAAI,UAAU,6CACZ,SAAAA,EAAO,KAAA,CACV,CAAA,EARGA,EAAO,KAAA,CAWf,CAAA,CACH,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAGN"}
|
|
@@ -0,0 +1,137 @@
|
|
|
1
|
+
import { jsxs as f, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import "./approval-log.view-CZoufOXF.js";
|
|
3
|
+
import "./lib-utils.js";
|
|
4
|
+
import "class-variance-authority";
|
|
5
|
+
import "./components-ui-badge-badge.styles.js";
|
|
6
|
+
import "./components-ui-button-button.js";
|
|
7
|
+
import "./components-ui-button-button.styles.js";
|
|
8
|
+
import "./components-ui-card-card.js";
|
|
9
|
+
import "./components-ui-checkbox-checkbox.js";
|
|
10
|
+
import "brd-phosphor-strokes-icons/icons/CaretDown";
|
|
11
|
+
import { useState as w, useRef as y, useEffect as L, useMemo as b } from "react";
|
|
12
|
+
import "./calendar-B78l3uF9.js";
|
|
13
|
+
import "brd-phosphor-strokes-icons/icons";
|
|
14
|
+
import { Combobox as j, ComboboxInput as N, ComboboxContent as O, ComboboxEmpty as R, ComboboxList as T, ComboboxItem as z } from "./components-ui-combobox-combobox.js";
|
|
15
|
+
import "./components-ui-dialog-dialog.js";
|
|
16
|
+
import "./components-ui-label-label.js";
|
|
17
|
+
import "./components-ui-separator-separator.js";
|
|
18
|
+
import "./components-ui-field-field.styles.js";
|
|
19
|
+
import "./components-ui-input-input.styles.js";
|
|
20
|
+
import "./components-ui-textarea-textarea.js";
|
|
21
|
+
import "./components-ui-input-group-input-group.styles.js";
|
|
22
|
+
import "./components-ui-navigation-item-navigation-item.styles.js";
|
|
23
|
+
import "./components-ui-navigation-menu-navigation-menu.styles.js";
|
|
24
|
+
import "./components-ui-pagination-pagination.js";
|
|
25
|
+
import "./components-ui-progress-progress.js";
|
|
26
|
+
import "./components-ui-radio-group-radio-group.js";
|
|
27
|
+
import "./components-ui-switch-switch.js";
|
|
28
|
+
import "./components-ui-toggle-toggle.styles.js";
|
|
29
|
+
import "./components-ui-toggle-group-toggle-group.js";
|
|
30
|
+
import "./components-ui-table-table.js";
|
|
31
|
+
import "./components-ui-tabs-tabs.js";
|
|
32
|
+
import "./components-ui-tooltip-tooltip.js";
|
|
33
|
+
import "./components-ui-typography-typography.styles.js";
|
|
34
|
+
import "brd-phosphor-strokes-icons/icons/CaretLeft";
|
|
35
|
+
import "brd-phosphor-strokes-icons/icons/CaretRight";
|
|
36
|
+
import "./components-app-pagination-app-pagination.styles.js";
|
|
37
|
+
import "brd-phosphor-strokes-icons/icons/CaretUpDown";
|
|
38
|
+
import "./components-app-sidebar-app-sidebar.styles.js";
|
|
39
|
+
import "./components-data-table-data-table.styles.js";
|
|
40
|
+
import "./components-ui-dropdown-menu-dropdown-menu.styles.js";
|
|
41
|
+
import "brd-phosphor-strokes-icons/icons/Eye";
|
|
42
|
+
import "brd-phosphor-strokes-icons/icons/EyeSlash";
|
|
43
|
+
import "./components-select-field-select-field.js";
|
|
44
|
+
import "./lodash-FemA_LCk.js";
|
|
45
|
+
import "./chart-DFbmMKiQ.js";
|
|
46
|
+
import "brd-phosphor-strokes-icons/icons/CheckCircle";
|
|
47
|
+
import "brd-phosphor-strokes-icons/icons/Info";
|
|
48
|
+
import "brd-phosphor-strokes-icons/icons/SpinnerGap";
|
|
49
|
+
import "brd-phosphor-strokes-icons/icons/Warning";
|
|
50
|
+
import "brd-phosphor-strokes-icons/icons/X";
|
|
51
|
+
import "brd-phosphor-strokes-icons/icons/XCircle";
|
|
52
|
+
import "./index-C4iHL8Gs.js";
|
|
53
|
+
import "./index-C6N9aMq_.js";
|
|
54
|
+
import "brd-phosphor-strokes-icons/icons/Plus";
|
|
55
|
+
import "brd-phosphor-strokes-icons/icons/CaretUp";
|
|
56
|
+
import "brd-phosphor-strokes-icons/icons/EnvelopeSimple";
|
|
57
|
+
import "brd-phosphor-strokes-icons/icons/MaxLogo";
|
|
58
|
+
import "brd-phosphor-strokes-icons/icons/Phone";
|
|
59
|
+
import "brd-phosphor-strokes-icons/icons/TelegramLogo";
|
|
60
|
+
import "brd-phosphor-strokes-icons/icons/WhatsAppLogoFilled";
|
|
61
|
+
import "./components-input-phone-input-phone.js";
|
|
62
|
+
import "./components-card-info-card-info.styles.js";
|
|
63
|
+
const B = 300, Fr = ({
|
|
64
|
+
options: t,
|
|
65
|
+
value: p,
|
|
66
|
+
onChange: a,
|
|
67
|
+
onSearch: m,
|
|
68
|
+
placeholder: h = "Выберите...",
|
|
69
|
+
searchPlaceholder: d = "Поиск...",
|
|
70
|
+
emptyText: C = "Ничего не найдено",
|
|
71
|
+
loadingText: x = "Загрузка...",
|
|
72
|
+
loading: v = !1,
|
|
73
|
+
disabled: n = !1,
|
|
74
|
+
className: g,
|
|
75
|
+
renderOption: c,
|
|
76
|
+
debounceMs: s = B
|
|
77
|
+
}) => {
|
|
78
|
+
const [i, l] = w(""), u = y(null);
|
|
79
|
+
L(() => {
|
|
80
|
+
if (m)
|
|
81
|
+
return u.current = setTimeout(() => {
|
|
82
|
+
m(i);
|
|
83
|
+
}, s), () => {
|
|
84
|
+
u.current && clearTimeout(u.current);
|
|
85
|
+
};
|
|
86
|
+
}, [s, m, i]);
|
|
87
|
+
const e = b(
|
|
88
|
+
() => t.find((r) => r.value === p) ?? null,
|
|
89
|
+
[t, p]
|
|
90
|
+
), E = b(() => {
|
|
91
|
+
if (m) return t;
|
|
92
|
+
const r = i.trim().toLowerCase();
|
|
93
|
+
return r ? t.filter(
|
|
94
|
+
(V) => V.label.toLowerCase().includes(r)
|
|
95
|
+
) : t;
|
|
96
|
+
}, [m, t, i]), I = e ? e.label : h;
|
|
97
|
+
return /* @__PURE__ */ f(
|
|
98
|
+
j,
|
|
99
|
+
{
|
|
100
|
+
items: t,
|
|
101
|
+
value: e,
|
|
102
|
+
onInputValueChange: l,
|
|
103
|
+
onValueChange: n ? void 0 : (r) => {
|
|
104
|
+
if (!r || r.value === p) {
|
|
105
|
+
a?.(""), l("");
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
a?.(r.value, r), l("");
|
|
109
|
+
},
|
|
110
|
+
children: [
|
|
111
|
+
/* @__PURE__ */ o(
|
|
112
|
+
N,
|
|
113
|
+
{
|
|
114
|
+
disabled: n,
|
|
115
|
+
className: g,
|
|
116
|
+
placeholder: e ? I : d
|
|
117
|
+
}
|
|
118
|
+
),
|
|
119
|
+
/* @__PURE__ */ f(O, { children: [
|
|
120
|
+
/* @__PURE__ */ o(R, { children: v ? x : C }),
|
|
121
|
+
/* @__PURE__ */ o(T, { children: E.map((r) => /* @__PURE__ */ o(
|
|
122
|
+
z,
|
|
123
|
+
{
|
|
124
|
+
value: r,
|
|
125
|
+
children: c ? c(r) : /* @__PURE__ */ o("div", { className: "hover:bg-primary-hover-bg w-full px-4 py-2", children: r.label })
|
|
126
|
+
},
|
|
127
|
+
r.value
|
|
128
|
+
)) })
|
|
129
|
+
] })
|
|
130
|
+
]
|
|
131
|
+
}
|
|
132
|
+
);
|
|
133
|
+
};
|
|
134
|
+
export {
|
|
135
|
+
Fr as InputSearch
|
|
136
|
+
};
|
|
137
|
+
//# sourceMappingURL=components-input-search-input-search.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-input-search-input-search.js","sources":["../src/components/input-search/input-search.tsx"],"sourcesContent":["import {\n Combobox,\n ComboboxContent,\n ComboboxEmpty,\n ComboboxInput,\n ComboboxItem,\n ComboboxList,\n} from \"@/index\";\nimport { useEffect, useMemo, useRef, useState, type ReactNode } from \"react\";\n\nexport type InputSearchOption<T = unknown> = {\n value: string;\n label: string;\n meta?: T;\n};\n\ntype InputSearchProps<T = unknown> = {\n options: InputSearchOption<T>[];\n value?: string;\n onChange?: (value: string, option?: InputSearchOption<T>) => void;\n onSearch?: (search: string) => void;\n placeholder?: string;\n searchPlaceholder?: string;\n emptyText?: string;\n loadingText?: string;\n loading?: boolean;\n disabled?: boolean;\n className?: string;\n renderOption?: (option: InputSearchOption<T>) => ReactNode;\n debounceMs?: number;\n};\n\nconst DEBOUNCE_MS = 300;\n\nexport const InputSearch = <T,>({\n options,\n value,\n onChange,\n onSearch,\n placeholder = \"Выберите...\",\n searchPlaceholder = \"Поиск...\",\n emptyText = \"Ничего не найдено\",\n loadingText = \"Загрузка...\",\n loading = false,\n disabled = false,\n className,\n renderOption,\n debounceMs = DEBOUNCE_MS,\n}: InputSearchProps<T>) => {\n const [searchValue, setSearchValue] = useState(\"\");\n const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n useEffect(() => {\n if (!onSearch) return;\n\n timerRef.current = setTimeout(() => {\n onSearch(searchValue);\n }, debounceMs);\n\n return () => {\n if (timerRef.current) {\n clearTimeout(timerRef.current);\n }\n };\n }, [debounceMs, onSearch, searchValue]);\n\n const selectedOption = useMemo(\n () => options.find((option) => option.value === value) ?? null,\n [options, value],\n );\n\n const filteredOptions = useMemo(() => {\n if (onSearch) return options;\n\n const normalizedSearch = searchValue.trim().toLowerCase();\n if (!normalizedSearch) return options;\n\n return options.filter((option) =>\n option.label.toLowerCase().includes(normalizedSearch),\n );\n }, [onSearch, options, searchValue]);\n\n const inputPlaceholder = selectedOption ? selectedOption.label : placeholder;\n\n const handleChange = (option: InputSearchOption<T> | null) => {\n if (!option || option.value === value) {\n onChange?.(\"\");\n setSearchValue(\"\");\n return;\n }\n\n onChange?.(option.value, option);\n setSearchValue(\"\");\n };\n\n return (\n <Combobox\n items={options}\n value={selectedOption}\n onInputValueChange={setSearchValue}\n onValueChange={disabled ? undefined : handleChange}\n >\n <ComboboxInput\n disabled={disabled}\n className={className}\n placeholder={selectedOption ? inputPlaceholder : searchPlaceholder}\n />\n\n <ComboboxContent>\n <ComboboxEmpty>{loading ? loadingText : emptyText}</ComboboxEmpty>\n <ComboboxList>\n {filteredOptions.map((option) => (\n <ComboboxItem\n key={option.value}\n value={option}\n >\n {renderOption ? (\n renderOption(option)\n ) : (\n <div className=\"hover:bg-primary-hover-bg w-full px-4 py-2\">\n {option.label}\n </div>\n )}\n </ComboboxItem>\n ))}\n </ComboboxList>\n </ComboboxContent>\n </Combobox>\n );\n};\n\nexport type { InputSearchProps };\n"],"names":["DEBOUNCE_MS","InputSearch","options","value","onChange","onSearch","placeholder","searchPlaceholder","emptyText","loadingText","loading","disabled","className","renderOption","debounceMs","searchValue","setSearchValue","useState","timerRef","useRef","useEffect","selectedOption","useMemo","option","filteredOptions","normalizedSearch","inputPlaceholder","jsxs","Combobox","jsx","ComboboxInput","ComboboxContent","ComboboxEmpty","ComboboxList","ComboboxItem"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAMA,IAAc,KAEPC,KAAc,CAAK;AAAA,EAC9B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAad;AACf,MAA2B;AACzB,QAAM,CAACe,GAAaC,CAAc,IAAIC,EAAS,EAAE,GAC3CC,IAAWC,EAA6C,IAAI;AAElE,EAAAC,EAAU,MAAM;AACd,QAAKf;AAEL,aAAAa,EAAS,UAAU,WAAW,MAAM;AAClC,QAAAb,EAASU,CAAW;AAAA,MACtB,GAAGD,CAAU,GAEN,MAAM;AACX,QAAII,EAAS,WACX,aAAaA,EAAS,OAAO;AAAA,MAEjC;AAAA,EACF,GAAG,CAACJ,GAAYT,GAAUU,CAAW,CAAC;AAEtC,QAAMM,IAAiBC;AAAA,IACrB,MAAMpB,EAAQ,KAAK,CAACqB,MAAWA,EAAO,UAAUpB,CAAK,KAAK;AAAA,IAC1D,CAACD,GAASC,CAAK;AAAA,EAAA,GAGXqB,IAAkBF,EAAQ,MAAM;AACpC,QAAIjB,EAAU,QAAOH;AAErB,UAAMuB,IAAmBV,EAAY,KAAA,EAAO,YAAA;AAC5C,WAAKU,IAEEvB,EAAQ;AAAA,MAAO,CAACqB,MACrBA,EAAO,MAAM,YAAA,EAAc,SAASE,CAAgB;AAAA,IAAA,IAHxBvB;AAAA,EAKhC,GAAG,CAACG,GAAUH,GAASa,CAAW,CAAC,GAE7BW,IAAmBL,IAAiBA,EAAe,QAAQf;AAajE,SACE,gBAAAqB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAO1B;AAAA,MACP,OAAOmB;AAAA,MACP,oBAAoBL;AAAA,MACpB,eAAeL,IAAW,SAhBT,CAACY,MAAwC;AAC5D,YAAI,CAACA,KAAUA,EAAO,UAAUpB,GAAO;AACrC,UAAAC,IAAW,EAAE,GACbY,EAAe,EAAE;AACjB;AAAA,QACF;AAEA,QAAAZ,IAAWmB,EAAO,OAAOA,CAAM,GAC/BP,EAAe,EAAE;AAAA,MACnB;AAAA,MASI,UAAA;AAAA,QAAA,gBAAAa;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,UAAAnB;AAAA,YACA,WAAAC;AAAA,YACA,aAAaS,IAAiBK,IAAmBnB;AAAA,UAAA;AAAA,QAAA;AAAA,0BAGlDwB,GAAA,EACC,UAAA;AAAA,UAAA,gBAAAF,EAACG,GAAA,EAAe,UAAAtB,IAAUD,IAAcD,GAAU;AAAA,UAClD,gBAAAqB,EAACI,GAAA,EACE,UAAAT,EAAgB,IAAI,CAACD,MACpB,gBAAAM;AAAA,YAACK;AAAA,YAAA;AAAA,cAEC,OAAOX;AAAA,cAEN,UAAAV,IACCA,EAAaU,CAAM,sBAElB,OAAA,EAAI,WAAU,8CACZ,UAAAA,EAAO,MAAA,CACV;AAAA,YAAA;AAAA,YARGA,EAAO;AAAA,UAAA,CAWf,EAAA,CACH;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-input-search.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-input-search.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
package/dist/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("./approval-log.view-DC5xl6KF.cjs"),x=require("./lib-utils.cjs"),v=require("./components-ui-badge-badge.cjs"),S=require("./components-ui-badge-badge.styles.cjs"),I=require("./components-ui-button-button.cjs"),P=require("./components-ui-button-button.styles.cjs"),s=require("./components-ui-card-card.cjs"),F=require("./components-ui-checkbox-checkbox.cjs"),t=require("./components-ui-select-select.cjs"),w=require("./components-ui-select-calendar-menu-select-calendar-menu.cjs"),o=require("./components-ui-combobox-combobox.cjs"),n=require("./components-ui-dialog-dialog.cjs"),m=require("./components-ui-field-field.cjs"),h=require("./components-ui-icon-icon.cjs");require("brd-phosphor-strokes-icons/icons");const f=require("./components-ui-input-input.cjs"),p=require("./components-ui-input-group-input-group.cjs"),y=require("./components-ui-label-label.cjs"),G=require("./components-ui-navigation-item-navigation-item.cjs"),M=require("./components-ui-navigation-menu-navigation-menu.cjs"),a=require("./components-ui-pagination-pagination.cjs"),A=require("./components-ui-progress-progress.cjs"),T=require("./components-ui-radio-group-radio-group.cjs"),B=require("./components-ui-separator-separator.cjs"),k=require("./components-ui-switch-switch.cjs"),L=require("./components-ui-toggle-toggle.cjs"),V=require("./components-ui-toggle-toggle.styles.cjs"),q=require("./components-ui-toggle-group-toggle-group.cjs"),r=require("./components-ui-table-table.cjs"),_=require("./components-ui-tabs-tabs.cjs"),R=require("./components-ui-textarea-textarea.cjs"),u=require("./components-ui-tooltip-tooltip.cjs"),U=require("./components-ui-typography-typography.cjs"),g=require("./components-ui-typography-typography.styles.cjs"),c=require("./components-ui-avatar-avatar.cjs"),N=require("./hooks-usePopupControls.cjs"),E=require("./components-app-pagination-app-pagination.cjs"),H=require("./components-app-sidebar-app-sidebar.cjs"),O=require("./components-data-table-data-table.cjs"),j=require("./components-data-table-data-table-actions-column.cjs"),z=require("./components-data-table-data-table-editable-column.cjs"),J=require("./components-data-table-data-table-row-actions-column.cjs"),K=require("./components-data-table-data-table-bulk-actions.cjs"),Q=require("./components-data-table-data-table-column-visibility.cjs"),W=require("./components-data-table-data-table-filter.cjs"),X=require("./components-data-table-data-table-select-column.cjs"),Y=require("./components-data-table-use-data-table-editable-rows.cjs"),Z=require("./components-basic-checkbox-basic-checkbox.cjs"),$=require("./components-basic-modal-basic-modal.cjs"),oo=require("./components-basic-table-basic-table.cjs"),eo=require("./components-basic-tooltip-basic-tooltip.cjs"),to=require("./components-input-field-input-field.cjs"),no=require("./components-input-password-input-password.cjs"),ro=require("./components-radio-button-radio-button.cjs"),ao=require("./components-select-field-select-field.cjs"),io=require("./components-select-groups-select-groups.cjs"),so=require("./components-textarea-field-textarea-field.cjs"),po=require("./components-basic-chart-basic-chart.cjs"),co=require("./components-avatar-uploader-avatar-uploader.cjs"),e=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),i=require("./components-ui-popover-popover.cjs"),lo=require("./components-ui-sonner-sonner.cjs"),uo=require("./index-DGxwh2Ms.cjs"),bo=require("./components-popover-modal-popover-modal.cjs"),mo=require("./components-basic-select-basic-select.cjs"),_o=require("./components-basic-drawer-basic-drawer.cjs"),go=require("./components-files-uploader-files-uploader.cjs"),Co=require("./components-input-contact-input-contact.cjs"),To=require("./components-input-phone-input-phone.cjs"),qo=require("./calendar-BClkfQSD.cjs"),Do=require("./calendar-locale-CbU8VmD3.cjs"),xo=require("./components-checkbox-group-checkbox-group.cjs"),vo=require("./components-card-info-card-info.cjs"),So=require("./components-transfer-list-transfer-list.cjs"),Io=require("./components-story-drawer-story-drawer.cjs"),Po=require("./components-approval-log-approval-log.cjs"),Fo=require("./components-forms-form.cjs"),wo=require("./components-forms-form-avatar-uploader.cjs"),ho=require("./components-forms-form-contact-input.cjs"),fo=require("./components-forms-form-files-uploader.cjs"),yo=require("./components-forms-form-input.cjs"),Go=require("./components-forms-form-input-password.cjs"),Mo=require("./components-forms-form-Input-phone.cjs"),Ao=require("./components-forms-form-select.cjs"),Bo=require("./components-forms-form-select-calendar.cjs"),ko=require("./components-forms-form-textarea.cjs"),Lo=require("./components-forms-form-toggle-group.cjs"),Vo=require("./components-forms-from-checkbox.cjs"),Ro=require("@radix-ui/react-dropdown-menu");function Uo(l){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const b in l)if(b!=="default"){const C=Object.getOwnPropertyDescriptor(l,b);Object.defineProperty(d,b,C.get?C:{enumerable:!0,get:()=>l[b]})}}return d.default=l,Object.freeze(d)}const No=Uo(Ro);exports.BasicAvatar=D.BasicAvatar;exports.cn=x.cn;exports.Badge=v.Badge;exports.badgeVariants=S.badgeVariants;exports.Button=I.Button;exports.buttonVariants=P.buttonVariants;exports.Card=s.Card;exports.CardContent=s.CardContent;exports.CardDescription=s.CardDescription;exports.CardFooter=s.CardFooter;exports.CardHeader=s.CardHeader;exports.CardTitle=s.CardTitle;exports.Checkbox=F.Checkbox;exports.Select=t.Select;exports.SelectBaseItem=t.SelectItem;exports.SelectBaseValue=t.SelectValue;exports.SelectContent=t.SelectContent;exports.SelectGroup=t.SelectGroup;exports.SelectLabel=t.SelectLabel;exports.SelectScrollDownButton=t.SelectScrollDownButton;exports.SelectScrollUpButton=t.SelectScrollUpButton;exports.SelectSeparator=t.SelectSeparator;exports.SelectTrigger=t.SelectTrigger;exports.SelectCalendarMenu=w.SelectCalendarMenu;exports.Combobox=o.Combobox;exports.ComboboxChip=o.ComboboxChip;exports.ComboboxChips=o.ComboboxChips;exports.ComboboxChipsInput=o.ComboboxChipsInput;exports.ComboboxCollection=o.ComboboxCollection;exports.ComboboxContent=o.ComboboxContent;exports.ComboboxEmpty=o.ComboboxEmpty;exports.ComboboxField=o.ComboboxField;exports.ComboboxGroup=o.ComboboxGroup;exports.ComboboxInput=o.ComboboxInput;exports.ComboboxItem=o.ComboboxItem;exports.ComboboxLabel=o.ComboboxLabel;exports.ComboboxList=o.ComboboxList;exports.ComboboxSeparator=o.ComboboxSeparator;exports.ComboboxTrigger=o.ComboboxTrigger;exports.ComboboxValue=o.ComboboxValue;exports.Dialog=n.Dialog;exports.DialogClose=n.DialogClose;exports.DialogContent=n.DialogContent;exports.DialogDescription=n.DialogDescription;exports.DialogFooter=n.DialogFooter;exports.DialogHeader=n.DialogHeader;exports.DialogOverlay=n.DialogOverlay;exports.DialogPortal=n.DialogPortal;exports.DialogTitle=n.DialogTitle;exports.DialogTrigger=n.DialogTrigger;exports.Field=m.Field;exports.FieldContent=m.FieldContent;exports.FieldLabel=m.FieldLabel;exports.FieldLegend=m.FieldLegend;exports.Icon=h.Icon;exports.Input=f.Input;exports.InputGroup=p.InputGroup;exports.InputGroupAddon=p.InputGroupAddon;exports.InputGroupButton=p.InputGroupButton;exports.InputGroupInput=p.InputGroupInput;exports.InputGroupText=p.InputGroupText;exports.InputGroupTextarea=p.InputGroupTextarea;exports.Label=y.Label;exports.NavigationItem=G.NavigationItem;exports.NavigationMenu=M.NavigationMenu;exports.Pagination=a.Pagination;exports.PaginationContent=a.PaginationContent;exports.PaginationEllipsis=a.PaginationEllipsis;exports.PaginationItem=a.PaginationItem;exports.PaginationLink=a.PaginationLink;exports.PaginationNext=a.PaginationNext;exports.PaginationPrevious=a.PaginationPrevious;exports.Progress=A.Progress;exports.RadioGroup=T.RadioGroup;exports.RadioGroupItem=T.RadioGroupItem;exports.Separator=B.Separator;exports.Switch=k.Switch;exports.Toggle=L.Toggle;exports.toggleVariants=V.toggleVariants;exports.ToggleGroup=q.ToggleGroup;exports.ToggleGroupItem=q.ToggleGroupItem;exports.Table=r.Table;exports.TableBody=r.TableBody;exports.TableCaption=r.TableCaption;exports.TableCell=r.TableCell;exports.TableFooter=r.TableFooter;exports.TableHead=r.TableHead;exports.TableHeader=r.TableHeader;exports.TableRow=r.TableRow;exports.Tabs=_.Tabs;exports.TabsContent=_.TabsContent;exports.TabsList=_.TabsList;exports.TabsTrigger=_.TabsTrigger;exports.Textarea=R.Textarea;exports.Tooltip=u.Tooltip;exports.TooltipArrow=u.TooltipArrow;exports.TooltipContent=u.TooltipContent;exports.TooltipProvider=u.TooltipProvider;exports.TooltipTrigger=u.TooltipTrigger;exports.Typography=U.Typography;exports.getTypographyClassName=g.getTypographyClassName;exports.typographyClassNames=g.typographyClassNames;exports.typographyVariantOptions=g.typographyVariantOptions;exports.Avatar=c.Avatar;exports.AvatarBadge=c.AvatarBadge;exports.AvatarFallback=c.AvatarFallback;exports.AvatarGroup=c.AvatarGroup;exports.AvatarGroupCount=c.AvatarGroupCount;exports.AvatarImage=c.AvatarImage;exports.usePopupControls=N.usePopupControls;exports.AppPagination=E.AppPagination;exports.AppSidebar=H.AppSidebar;exports.DataTable=O.DataTable;exports.createDataTableActionsColumn=j.createDataTableActionsColumn;exports.withDataTableEditableColumn=z.withDataTableEditableColumn;exports.createDataTableRowActionsColumn=J.createDataTableRowActionsColumn;exports.DataTableBulkActions=K.DataTableBulkActions;exports.DataTableColumnVisibility=Q.DataTableColumnVisibility;exports.DataTableFilter=W.DataTableFilter;exports.createDataTableSelectColumn=X.createDataTableSelectColumn;exports.useDataTableEditableRows=Y.useDataTableEditableRows;exports.BasicCheckbox=Z.BasicCheckbox;exports.BasicModal=$.BasicModal;exports.BasicTable=oo.BasicTable;exports.BasicTooltip=eo.BasicTooltip;exports.InputField=to.InputField;exports.InputPassword=no.InputPassword;exports.RadioButton=ro.RadioButton;exports.SelectField=ao.SelectField;exports.SelectGroups=io.SelectGroups;exports.TextareaField=so.TextareaField;exports.BasicChart=po.BasicChart;exports.AvatarUpload=co.AvatarUpload;exports.CheckboxDropdownMenu=e.CheckboxDropdownMenu;exports.ConfigurableDropdownMenu=e.ConfigurableDropdownMenu;exports.DropdownMenu=e.DropdownMenu;exports.DropdownMenuCheckboxItem=e.DropdownMenuCheckboxItem;exports.DropdownMenuContent=e.DropdownMenuContent;exports.DropdownMenuItem=e.DropdownMenuItem;exports.DropdownMenuLabel=e.DropdownMenuLabel;exports.DropdownMenuSeparator=e.DropdownMenuSeparator;exports.DropdownMenuSubContent=e.DropdownMenuSubContent;exports.DropdownMenuSubTrigger=e.DropdownMenuSubTrigger;exports.DropdownMenuTrigger=e.DropdownMenuTrigger;exports.Popover=i.Popover;exports.PopoverAnchor=i.PopoverAnchor;exports.PopoverContent=i.PopoverContent;exports.PopoverDescription=i.PopoverDescription;exports.PopoverHeader=i.PopoverHeader;exports.PopoverTitle=i.PopoverTitle;exports.PopoverTrigger=i.PopoverTrigger;exports.Toaster=lo.Toaster;exports.sonner=uo.toast;exports.PopoverBasic=bo.PopoverBasic;exports.BasicSelect=mo.BasicSelect;exports.BasicDrawer=_o.BasicDrawer;exports.FilesUploader=go.FilesUploader;exports.InputContact=Co.InputContact;exports.InputPhone=To.InputPhone;exports.Calendar=qo.Calendar;exports.localeMode=Do.localeMode;exports.CheckboxGroup=xo.CheckboxGroup;exports.CardInfo=vo.CardInfo;exports.TransferList=So.TransferList;exports.StoryDrawer=Io.StoryDrawer;exports.ApprovalLog=Po.ApprovalLog;exports.Form=Fo.Form;exports.FormAvatar=wo.FormAvatar;exports.FormContactInput=ho.FormContactInput;exports.FormFilesUploader=fo.FormFilesUploader;exports.FormInput=yo.FormInput;exports.FormInputPassword=Go.FormInputPassword;exports.FormInputPhone=Mo.FormInputPhone;exports.FormSelect=Ao.FormSelect;exports.FormSelectCalendar=Bo.FormSelectCalendar;exports.FormTextarea=ko.FormTextarea;exports.FormToggleGroup=Lo.FormToggleGroup;exports.FormCheckbox=Vo.FormCheckbox;exports.DropdownMenuPrimitive=No;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("./approval-log.view-DC5xl6KF.cjs"),x=require("./lib-utils.cjs"),S=require("./components-ui-badge-badge.cjs"),v=require("./components-ui-badge-badge.styles.cjs"),I=require("./components-ui-button-button.cjs"),P=require("./components-ui-button-button.styles.cjs"),s=require("./components-ui-card-card.cjs"),F=require("./components-ui-checkbox-checkbox.cjs"),t=require("./components-ui-select-select.cjs"),h=require("./components-ui-select-calendar-menu-select-calendar-menu.cjs"),o=require("./components-ui-combobox-combobox.cjs"),n=require("./components-ui-dialog-dialog.cjs"),m=require("./components-ui-field-field.cjs"),w=require("./components-ui-icon-icon.cjs");require("brd-phosphor-strokes-icons/icons");const f=require("./components-ui-input-input.cjs"),p=require("./components-ui-input-group-input-group.cjs"),y=require("./components-ui-label-label.cjs"),G=require("./components-ui-navigation-item-navigation-item.cjs"),M=require("./components-ui-navigation-menu-navigation-menu.cjs"),a=require("./components-ui-pagination-pagination.cjs"),A=require("./components-ui-progress-progress.cjs"),T=require("./components-ui-radio-group-radio-group.cjs"),B=require("./components-ui-separator-separator.cjs"),k=require("./components-ui-switch-switch.cjs"),L=require("./components-ui-toggle-toggle.cjs"),V=require("./components-ui-toggle-toggle.styles.cjs"),q=require("./components-ui-toggle-group-toggle-group.cjs"),r=require("./components-ui-table-table.cjs"),_=require("./components-ui-tabs-tabs.cjs"),R=require("./components-ui-textarea-textarea.cjs"),u=require("./components-ui-tooltip-tooltip.cjs"),U=require("./components-ui-typography-typography.cjs"),g=require("./components-ui-typography-typography.styles.cjs"),c=require("./components-ui-avatar-avatar.cjs"),N=require("./hooks-usePopupControls.cjs"),E=require("./components-app-pagination-app-pagination.cjs"),H=require("./components-app-sidebar-app-sidebar.cjs"),O=require("./components-data-table-data-table.cjs"),j=require("./components-data-table-data-table-actions-column.cjs"),z=require("./components-data-table-data-table-editable-column.cjs"),J=require("./components-data-table-data-table-row-actions-column.cjs"),K=require("./components-data-table-data-table-bulk-actions.cjs"),Q=require("./components-data-table-data-table-column-visibility.cjs"),W=require("./components-data-table-data-table-filter.cjs"),X=require("./components-data-table-data-table-select-column.cjs"),Y=require("./components-data-table-use-data-table-editable-rows.cjs"),Z=require("./components-basic-checkbox-basic-checkbox.cjs"),$=require("./components-basic-modal-basic-modal.cjs"),oo=require("./components-basic-table-basic-table.cjs"),eo=require("./components-basic-tooltip-basic-tooltip.cjs"),to=require("./components-input-field-input-field.cjs"),no=require("./components-input-password-input-password.cjs"),ro=require("./components-radio-button-radio-button.cjs"),ao=require("./components-select-field-select-field.cjs"),io=require("./components-select-groups-select-groups.cjs"),so=require("./components-textarea-field-textarea-field.cjs"),po=require("./components-basic-chart-basic-chart.cjs"),co=require("./components-avatar-uploader-avatar-uploader.cjs"),e=require("./components-ui-dropdown-menu-dropdown-menu.cjs"),i=require("./components-ui-popover-popover.cjs"),lo=require("./components-ui-sonner-sonner.cjs"),uo=require("./index-DGxwh2Ms.cjs"),bo=require("./components-popover-modal-popover-modal.cjs"),mo=require("./components-basic-select-basic-select.cjs"),_o=require("./components-basic-drawer-basic-drawer.cjs"),go=require("./components-files-uploader-files-uploader.cjs"),Co=require("./components-input-contact-input-contact.cjs"),To=require("./components-input-phone-input-phone.cjs"),qo=require("./calendar-BClkfQSD.cjs"),Do=require("./calendar-locale-CbU8VmD3.cjs"),xo=require("./components-checkbox-group-checkbox-group.cjs"),So=require("./components-card-info-card-info.cjs"),vo=require("./components-transfer-list-transfer-list.cjs"),Io=require("./components-story-drawer-story-drawer.cjs"),Po=require("./components-approval-log-approval-log.cjs"),Fo=require("./components-forms-form.cjs"),ho=require("./components-forms-form-avatar-uploader.cjs"),wo=require("./components-forms-form-contact-input.cjs"),fo=require("./components-forms-form-files-uploader.cjs"),yo=require("./components-forms-form-input.cjs"),Go=require("./components-forms-form-input-password.cjs"),Mo=require("./components-forms-form-Input-phone.cjs"),Ao=require("./components-forms-form-select.cjs"),Bo=require("./components-forms-form-select-calendar.cjs"),ko=require("./components-forms-form-textarea.cjs"),Lo=require("./components-forms-form-toggle-group.cjs"),Vo=require("./components-forms-from-checkbox.cjs"),Ro=require("./components-input-search-input-search.cjs"),Uo=require("@radix-ui/react-dropdown-menu");function No(l){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const b in l)if(b!=="default"){const C=Object.getOwnPropertyDescriptor(l,b);Object.defineProperty(d,b,C.get?C:{enumerable:!0,get:()=>l[b]})}}return d.default=l,Object.freeze(d)}const Eo=No(Uo);exports.BasicAvatar=D.BasicAvatar;exports.cn=x.cn;exports.Badge=S.Badge;exports.badgeVariants=v.badgeVariants;exports.Button=I.Button;exports.buttonVariants=P.buttonVariants;exports.Card=s.Card;exports.CardContent=s.CardContent;exports.CardDescription=s.CardDescription;exports.CardFooter=s.CardFooter;exports.CardHeader=s.CardHeader;exports.CardTitle=s.CardTitle;exports.Checkbox=F.Checkbox;exports.Select=t.Select;exports.SelectBaseItem=t.SelectItem;exports.SelectBaseValue=t.SelectValue;exports.SelectContent=t.SelectContent;exports.SelectGroup=t.SelectGroup;exports.SelectLabel=t.SelectLabel;exports.SelectScrollDownButton=t.SelectScrollDownButton;exports.SelectScrollUpButton=t.SelectScrollUpButton;exports.SelectSeparator=t.SelectSeparator;exports.SelectTrigger=t.SelectTrigger;exports.SelectCalendarMenu=h.SelectCalendarMenu;exports.Combobox=o.Combobox;exports.ComboboxChip=o.ComboboxChip;exports.ComboboxChips=o.ComboboxChips;exports.ComboboxChipsInput=o.ComboboxChipsInput;exports.ComboboxCollection=o.ComboboxCollection;exports.ComboboxContent=o.ComboboxContent;exports.ComboboxEmpty=o.ComboboxEmpty;exports.ComboboxField=o.ComboboxField;exports.ComboboxGroup=o.ComboboxGroup;exports.ComboboxInput=o.ComboboxInput;exports.ComboboxItem=o.ComboboxItem;exports.ComboboxLabel=o.ComboboxLabel;exports.ComboboxList=o.ComboboxList;exports.ComboboxSeparator=o.ComboboxSeparator;exports.ComboboxTrigger=o.ComboboxTrigger;exports.ComboboxValue=o.ComboboxValue;exports.Dialog=n.Dialog;exports.DialogClose=n.DialogClose;exports.DialogContent=n.DialogContent;exports.DialogDescription=n.DialogDescription;exports.DialogFooter=n.DialogFooter;exports.DialogHeader=n.DialogHeader;exports.DialogOverlay=n.DialogOverlay;exports.DialogPortal=n.DialogPortal;exports.DialogTitle=n.DialogTitle;exports.DialogTrigger=n.DialogTrigger;exports.Field=m.Field;exports.FieldContent=m.FieldContent;exports.FieldLabel=m.FieldLabel;exports.FieldLegend=m.FieldLegend;exports.Icon=w.Icon;exports.Input=f.Input;exports.InputGroup=p.InputGroup;exports.InputGroupAddon=p.InputGroupAddon;exports.InputGroupButton=p.InputGroupButton;exports.InputGroupInput=p.InputGroupInput;exports.InputGroupText=p.InputGroupText;exports.InputGroupTextarea=p.InputGroupTextarea;exports.Label=y.Label;exports.NavigationItem=G.NavigationItem;exports.NavigationMenu=M.NavigationMenu;exports.Pagination=a.Pagination;exports.PaginationContent=a.PaginationContent;exports.PaginationEllipsis=a.PaginationEllipsis;exports.PaginationItem=a.PaginationItem;exports.PaginationLink=a.PaginationLink;exports.PaginationNext=a.PaginationNext;exports.PaginationPrevious=a.PaginationPrevious;exports.Progress=A.Progress;exports.RadioGroup=T.RadioGroup;exports.RadioGroupItem=T.RadioGroupItem;exports.Separator=B.Separator;exports.Switch=k.Switch;exports.Toggle=L.Toggle;exports.toggleVariants=V.toggleVariants;exports.ToggleGroup=q.ToggleGroup;exports.ToggleGroupItem=q.ToggleGroupItem;exports.Table=r.Table;exports.TableBody=r.TableBody;exports.TableCaption=r.TableCaption;exports.TableCell=r.TableCell;exports.TableFooter=r.TableFooter;exports.TableHead=r.TableHead;exports.TableHeader=r.TableHeader;exports.TableRow=r.TableRow;exports.Tabs=_.Tabs;exports.TabsContent=_.TabsContent;exports.TabsList=_.TabsList;exports.TabsTrigger=_.TabsTrigger;exports.Textarea=R.Textarea;exports.Tooltip=u.Tooltip;exports.TooltipArrow=u.TooltipArrow;exports.TooltipContent=u.TooltipContent;exports.TooltipProvider=u.TooltipProvider;exports.TooltipTrigger=u.TooltipTrigger;exports.Typography=U.Typography;exports.getTypographyClassName=g.getTypographyClassName;exports.typographyClassNames=g.typographyClassNames;exports.typographyVariantOptions=g.typographyVariantOptions;exports.Avatar=c.Avatar;exports.AvatarBadge=c.AvatarBadge;exports.AvatarFallback=c.AvatarFallback;exports.AvatarGroup=c.AvatarGroup;exports.AvatarGroupCount=c.AvatarGroupCount;exports.AvatarImage=c.AvatarImage;exports.usePopupControls=N.usePopupControls;exports.AppPagination=E.AppPagination;exports.AppSidebar=H.AppSidebar;exports.DataTable=O.DataTable;exports.createDataTableActionsColumn=j.createDataTableActionsColumn;exports.withDataTableEditableColumn=z.withDataTableEditableColumn;exports.createDataTableRowActionsColumn=J.createDataTableRowActionsColumn;exports.DataTableBulkActions=K.DataTableBulkActions;exports.DataTableColumnVisibility=Q.DataTableColumnVisibility;exports.DataTableFilter=W.DataTableFilter;exports.createDataTableSelectColumn=X.createDataTableSelectColumn;exports.useDataTableEditableRows=Y.useDataTableEditableRows;exports.BasicCheckbox=Z.BasicCheckbox;exports.BasicModal=$.BasicModal;exports.BasicTable=oo.BasicTable;exports.BasicTooltip=eo.BasicTooltip;exports.InputField=to.InputField;exports.InputPassword=no.InputPassword;exports.RadioButton=ro.RadioButton;exports.SelectField=ao.SelectField;exports.SelectGroups=io.SelectGroups;exports.TextareaField=so.TextareaField;exports.BasicChart=po.BasicChart;exports.AvatarUpload=co.AvatarUpload;exports.CheckboxDropdownMenu=e.CheckboxDropdownMenu;exports.ConfigurableDropdownMenu=e.ConfigurableDropdownMenu;exports.DropdownMenu=e.DropdownMenu;exports.DropdownMenuCheckboxItem=e.DropdownMenuCheckboxItem;exports.DropdownMenuContent=e.DropdownMenuContent;exports.DropdownMenuItem=e.DropdownMenuItem;exports.DropdownMenuLabel=e.DropdownMenuLabel;exports.DropdownMenuSeparator=e.DropdownMenuSeparator;exports.DropdownMenuSubContent=e.DropdownMenuSubContent;exports.DropdownMenuSubTrigger=e.DropdownMenuSubTrigger;exports.DropdownMenuTrigger=e.DropdownMenuTrigger;exports.Popover=i.Popover;exports.PopoverAnchor=i.PopoverAnchor;exports.PopoverContent=i.PopoverContent;exports.PopoverDescription=i.PopoverDescription;exports.PopoverHeader=i.PopoverHeader;exports.PopoverTitle=i.PopoverTitle;exports.PopoverTrigger=i.PopoverTrigger;exports.Toaster=lo.Toaster;exports.sonner=uo.toast;exports.PopoverBasic=bo.PopoverBasic;exports.BasicSelect=mo.BasicSelect;exports.BasicDrawer=_o.BasicDrawer;exports.FilesUploader=go.FilesUploader;exports.InputContact=Co.InputContact;exports.InputPhone=To.InputPhone;exports.Calendar=qo.Calendar;exports.localeMode=Do.localeMode;exports.CheckboxGroup=xo.CheckboxGroup;exports.CardInfo=So.CardInfo;exports.TransferList=vo.TransferList;exports.StoryDrawer=Io.StoryDrawer;exports.ApprovalLog=Po.ApprovalLog;exports.Form=Fo.Form;exports.FormAvatar=ho.FormAvatar;exports.FormContactInput=wo.FormContactInput;exports.FormFilesUploader=fo.FormFilesUploader;exports.FormInput=yo.FormInput;exports.FormInputPassword=Go.FormInputPassword;exports.FormInputPhone=Mo.FormInputPhone;exports.FormSelect=Ao.FormSelect;exports.FormSelectCalendar=Bo.FormSelectCalendar;exports.FormTextarea=ko.FormTextarea;exports.FormToggleGroup=Lo.FormToggleGroup;exports.FormCheckbox=Vo.FormCheckbox;exports.InputSearch=Ro.InputSearch;exports.DropdownMenuPrimitive=Eo;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/index.d.ts
CHANGED
|
@@ -88,3 +88,5 @@ export type { TransferListItem } from './components/transfer-list';
|
|
|
88
88
|
export { StoryDrawer, type StoryData } from './components/story-drawer';
|
|
89
89
|
export { ApprovalLog, type ApprovalLogItem } from './components/approval-log';
|
|
90
90
|
export { Form, FormAvatar, FormCheckbox, FormContactInput, FormFilesUploader, FormInput, FormInputPassword, FormInputPhone, FormSelect, FormSelectCalendar, FormTextarea, FormToggleGroup, } from './components/forms';
|
|
91
|
+
export { InputSearch } from './components/input-search';
|
|
92
|
+
export type { InputSearchProps } from './components/input-search';
|
package/dist/index.js
CHANGED
|
@@ -86,6 +86,7 @@ import { FormSelectCalendar as Kt } from "./components-forms-form-select-calenda
|
|
|
86
86
|
import { FormTextarea as Wt } from "./components-forms-form-textarea.js";
|
|
87
87
|
import { FormToggleGroup as Yt } from "./components-forms-form-toggle-group.js";
|
|
88
88
|
import { FormCheckbox as _t } from "./components-forms-from-checkbox.js";
|
|
89
|
+
import { InputSearch as oa } from "./components-input-search-input-search.js";
|
|
89
90
|
import * as r from "@radix-ui/react-dropdown-menu";
|
|
90
91
|
export {
|
|
91
92
|
jr as AppPagination,
|
|
@@ -189,6 +190,7 @@ export {
|
|
|
189
190
|
Bo as InputGroupTextarea,
|
|
190
191
|
De as InputPassword,
|
|
191
192
|
Ct as InputPhone,
|
|
193
|
+
oa as InputSearch,
|
|
192
194
|
Ao as Label,
|
|
193
195
|
Mo as NavigationItem,
|
|
194
196
|
Lo as NavigationMenu,
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "brd-ui-kit",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.91",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"engines": {
|
|
@@ -242,6 +242,12 @@
|
|
|
242
242
|
"require": "./dist/components-input-phone.cjs",
|
|
243
243
|
"default": "./dist/components-input-phone.js"
|
|
244
244
|
},
|
|
245
|
+
"./input-search": {
|
|
246
|
+
"types": "./dist/components/input-search/index.d.ts",
|
|
247
|
+
"import": "./dist/components-input-search.js",
|
|
248
|
+
"require": "./dist/components-input-search.cjs",
|
|
249
|
+
"default": "./dist/components-input-search.js"
|
|
250
|
+
},
|
|
245
251
|
"./label": {
|
|
246
252
|
"types": "./dist/components/ui/label/index.d.ts",
|
|
247
253
|
"import": "./dist/components-ui-label.js",
|
|
@@ -410,22 +416,23 @@
|
|
|
410
416
|
"@base-ui/react": "^1.2.0",
|
|
411
417
|
"@fontsource-variable/geist": "^5.2.8",
|
|
412
418
|
"@tanstack/react-table": "^8.21.3",
|
|
419
|
+
"brd-phosphor-strokes-icons": "^0.1.10",
|
|
413
420
|
"class-variance-authority": "^0.7.1",
|
|
414
421
|
"clsx": "^2.1.1",
|
|
415
422
|
"date-fns": "^4.1.0",
|
|
416
423
|
"lodash": "^4.17.23",
|
|
417
424
|
"next-themes": "^0.4.6",
|
|
418
|
-
"brd-phosphor-strokes-icons": "^0.1.10",
|
|
419
425
|
"radix-ui": "^1.4.3",
|
|
426
|
+
"react-dadata": "2.28.0-beta.0",
|
|
420
427
|
"react-day-picker": "^9.14.0",
|
|
421
428
|
"react-dropzone": "^15.0.0",
|
|
429
|
+
"react-hook-form": "^7.71.2",
|
|
422
430
|
"react-imask": "^7.6.1",
|
|
423
431
|
"recharts": "^3.8.0",
|
|
424
432
|
"sonner": "^2.0.7",
|
|
425
433
|
"tailwind-merge": "^3.5.0",
|
|
426
434
|
"tw-animate-css": "^1.4.0",
|
|
427
|
-
"vaul": "^1.1.2"
|
|
428
|
-
"react-hook-form": "^7.71.2"
|
|
435
|
+
"vaul": "^1.1.2"
|
|
429
436
|
},
|
|
430
437
|
"devDependencies": {
|
|
431
438
|
"@eslint/js": "^9.39.1",
|
|
@@ -590,6 +597,9 @@
|
|
|
590
597
|
"input-phone": [
|
|
591
598
|
"./dist/components/input-phone/index.d.ts"
|
|
592
599
|
],
|
|
600
|
+
"input-search": [
|
|
601
|
+
"./dist/components/input-search/index.d.ts"
|
|
602
|
+
],
|
|
593
603
|
"label": [
|
|
594
604
|
"./dist/components/ui/label/index.d.ts"
|
|
595
605
|
],
|