@dktunited-techoff/techoff-suite-ui 1.15.11 → 1.15.13
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/esm/components/TsDropdowns/TsDropdown/TsDropdown.css +6 -0
- package/esm/components/TsDropdowns/TsDropdown/TsDropdown.d.ts +1 -1
- package/esm/components/TsDropdowns/TsDropdown/TsDropdown.js +4 -4
- package/esm/components/TsDropdowns/TsDropdown/TsDropdown.js.map +1 -1
- package/esm/components/TsDropdowns/TsDropdown/TsDropdown.tsx +12 -7
- package/esm/components/TsDropdowns/TsDropdown/TsDropdown.types.d.ts +2 -1
- package/esm/components/TsDropdowns/TsDropdown/TsDropdown.types.ts +2 -1
- package/esm/components/TsInput/TsInput/TsInput.js +2 -2
- package/esm/components/TsInput/TsInput/TsInput.js.map +1 -1
- package/esm/components/TsInput/TsInput/TsInput.tsx +8 -4
- package/esm/components/TsInput/TsInput/TsInput.types.d.ts +2 -2
- package/esm/components/TsInput/TsInput/TsInput.types.ts +2 -2
- package/lib/components/TsDropdowns/TsDropdown/TsDropdown.css +6 -0
- package/lib/components/TsDropdowns/TsDropdown/TsDropdown.d.ts +1 -1
- package/lib/components/TsDropdowns/TsDropdown/TsDropdown.js +4 -4
- package/lib/components/TsDropdowns/TsDropdown/TsDropdown.js.map +1 -1
- package/lib/components/TsDropdowns/TsDropdown/TsDropdown.tsx +12 -7
- package/lib/components/TsDropdowns/TsDropdown/TsDropdown.types.d.ts +2 -1
- package/lib/components/TsDropdowns/TsDropdown/TsDropdown.types.ts +2 -1
- package/lib/components/TsInput/TsInput/TsInput.js +2 -2
- package/lib/components/TsInput/TsInput/TsInput.js.map +1 -1
- package/lib/components/TsInput/TsInput/TsInput.tsx +8 -4
- package/lib/components/TsInput/TsInput/TsInput.types.d.ts +2 -2
- package/lib/components/TsInput/TsInput/TsInput.types.ts +2 -2
- package/package.json +1 -1
- package/src/components/TsDropdowns/TsDropdown/TsDropdown.css +6 -0
- package/src/components/TsDropdowns/TsDropdown/TsDropdown.tsx +12 -7
- package/src/components/TsDropdowns/TsDropdown/TsDropdown.types.ts +2 -1
- package/src/components/TsInput/TsInput/TsInput.tsx +8 -4
- package/src/components/TsInput/TsInput/TsInput.types.ts +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { TsDropdownProps } from './TsDropdown.types';
|
|
3
3
|
import './TsDropdown.css';
|
|
4
|
-
export declare const TsDropdown: <T>({ containerRef, error, errorAction, label, noItemFoundMessage, options, placeholder, reloadOptionsOn, searchPlaceholder, value, disabled, searchable, action, listMode, getOptionLabel, getOptionValue, loadOptions, onChange, onChangeList, }: TsDropdownProps<T>) => React.JSX.Element;
|
|
4
|
+
export declare const TsDropdown: <T>({ containerRef, error, warning, errorAction, label, noItemFoundMessage, options, placeholder, reloadOptionsOn, searchPlaceholder, value, disabled, searchable, action, listMode, getOptionLabel, getOptionValue, loadOptions, onChange, onChangeList, }: TsDropdownProps<T>) => React.JSX.Element;
|
|
@@ -7,7 +7,7 @@ import { useClickOutside } from '../../../hooks/use-click-outside';
|
|
|
7
7
|
import { TsLoader } from '../../TsLoader/TsLoader';
|
|
8
8
|
import { TsCheckbox } from '../../TsCheckbox/TsCheckbox';
|
|
9
9
|
import './TsDropdown.css';
|
|
10
|
-
export const TsDropdown = ({ containerRef, error, errorAction, label, noItemFoundMessage, options, placeholder, reloadOptionsOn = [], searchPlaceholder, value, disabled, searchable, action, listMode, getOptionLabel, getOptionValue, loadOptions, onChange, onChangeList, }) => {
|
|
10
|
+
export const TsDropdown = ({ containerRef, error, warning, errorAction, label, noItemFoundMessage, options, placeholder, reloadOptionsOn = [], searchPlaceholder, value, disabled, searchable, action, listMode, getOptionLabel, getOptionValue, loadOptions, onChange, onChangeList, }) => {
|
|
11
11
|
const [showDropdownMenu, setShowDropdownMenu] = useState(false);
|
|
12
12
|
const [searchValue, setSearchValue] = useState('');
|
|
13
13
|
const [items, setItems] = useState(options ?? []);
|
|
@@ -111,7 +111,7 @@ export const TsDropdown = ({ containerRef, error, errorAction, label, noItemFoun
|
|
|
111
111
|
React.createElement("div", { className: `
|
|
112
112
|
ts-dropdown-input
|
|
113
113
|
${disabled ? 'ts-dropdown-input--disabled' : ''}
|
|
114
|
-
${error
|
|
114
|
+
${error || warning ? `ts-dropdown-container--${error ? 'error' : 'warning'}` : ''}
|
|
115
115
|
`, onClick: handleToggleDropdownMenu },
|
|
116
116
|
!value && (!chosenItems || chosenItems.length === 0) && (React.createElement("div", { className: "ts-dropdown-input--placeholder" }, placeholder)),
|
|
117
117
|
value && !listMode && React.createElement("div", { className: "ts-dropdown-input--value" }, getOptionLabel(value)),
|
|
@@ -130,10 +130,10 @@ export const TsDropdown = ({ containerRef, error, errorAction, label, noItemFoun
|
|
|
130
130
|
React.createElement("div", { className: "ts-dropdown-input--chevron" }, showDropdownMenu ? (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor" },
|
|
131
131
|
React.createElement("path", { d: "M11.9999 10.8286L7.0502 15.7783L5.63599 14.3641L11.9999 7.99996L18.3639 14.3641L16.9497 15.7783L11.9999 10.8286Z" }))) : (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor" },
|
|
132
132
|
React.createElement("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" })))))),
|
|
133
|
-
error
|
|
133
|
+
(error || warning) && (React.createElement("div", { className: `ts-dropdown-error ${warning ? 'ts-dropdown-error--warning' : ''}` }, (typeof error === 'string' || typeof warning === 'string') && (React.createElement(React.Fragment, null,
|
|
134
134
|
React.createElement("div", { className: "ts-dropdown-error--icon" },
|
|
135
135
|
React.createElement(TsIcon, { name: "alert-circle", size: "16" })),
|
|
136
|
-
React.createElement("div", { className: "ts-dropdown-error--label" }, error))),
|
|
136
|
+
React.createElement("div", { className: "ts-dropdown-error--label" }, error || warning))))),
|
|
137
137
|
!disabled && showDropdownMenu && (React.createElement("div", { className: `ts-dropdown-menu-container ${label ? 'ts-dropdown-labeled-menu-container' : ''}`, ref: dropdownMenuRef },
|
|
138
138
|
searchable && (React.createElement("div", { className: "ts-dropdown-search" },
|
|
139
139
|
React.createElement(TsInput, { error: errorAction, icon: "search", placeholder: searchPlaceholder, value: searchValue, autoFocus: true, onChange: setSearchValue }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TsDropdown.js","sourceRoot":"","sources":["../../../../src/components/TsDropdowns/TsDropdown/TsDropdown.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TsDropdown.js","sourceRoot":"","sources":["../../../../src/components/TsDropdowns/TsDropdown/TsDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ import './TsDropdown.css';
|
|
|
12
12
|
export const TsDropdown = <T,>({
|
|
13
13
|
containerRef,
|
|
14
14
|
error,
|
|
15
|
+
warning,
|
|
15
16
|
errorAction,
|
|
16
17
|
label,
|
|
17
18
|
noItemFoundMessage,
|
|
@@ -137,7 +138,7 @@ export const TsDropdown = <T,>({
|
|
|
137
138
|
className={`
|
|
138
139
|
ts-dropdown-input
|
|
139
140
|
${disabled ? 'ts-dropdown-input--disabled' : ''}
|
|
140
|
-
${error
|
|
141
|
+
${error || warning ? `ts-dropdown-container--${error ? 'error' : 'warning'}` : ''}
|
|
141
142
|
`}
|
|
142
143
|
onClick={handleToggleDropdownMenu}
|
|
143
144
|
>
|
|
@@ -183,12 +184,16 @@ export const TsDropdown = <T,>({
|
|
|
183
184
|
</div>
|
|
184
185
|
</div>
|
|
185
186
|
|
|
186
|
-
{error
|
|
187
|
-
<div className=
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
187
|
+
{(error || warning) && (
|
|
188
|
+
<div className={`ts-dropdown-error ${warning ? 'ts-dropdown-error--warning' : ''}`}>
|
|
189
|
+
{(typeof error === 'string' || typeof warning === 'string') && (
|
|
190
|
+
<>
|
|
191
|
+
<div className="ts-dropdown-error--icon">
|
|
192
|
+
<TsIcon name="alert-circle" size="16" />
|
|
193
|
+
</div>
|
|
194
|
+
<div className="ts-dropdown-error--label">{error || warning}</div>
|
|
195
|
+
</>
|
|
196
|
+
)}
|
|
192
197
|
</div>
|
|
193
198
|
)}
|
|
194
199
|
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
export type TsDropdownProps<T> = {
|
|
3
3
|
containerRef?: RefObject<HTMLElement>;
|
|
4
|
-
error?: string;
|
|
4
|
+
error?: string | boolean;
|
|
5
|
+
warning?: string | boolean;
|
|
5
6
|
label?: string;
|
|
6
7
|
noItemFoundMessage?: string;
|
|
7
8
|
options?: T[];
|
|
@@ -2,7 +2,8 @@ import { ReactNode, RefObject } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export type TsDropdownProps<T> = {
|
|
4
4
|
containerRef?: RefObject<HTMLElement>;
|
|
5
|
-
error?: string;
|
|
5
|
+
error?: string | boolean;
|
|
6
|
+
warning?: string | boolean;
|
|
6
7
|
label?: string;
|
|
7
8
|
noItemFoundMessage?: string;
|
|
8
9
|
options?: T[];
|
|
@@ -13,9 +13,9 @@ export const TsInput = ({ byDefault, error, icon, label, value, warning, onChang
|
|
|
13
13
|
" by default"),
|
|
14
14
|
icon && (React.createElement("div", { className: "ts-input-icon" },
|
|
15
15
|
React.createElement(TsIcon, { name: icon, size: "16" })))),
|
|
16
|
-
(error || warning) && (React.createElement("div", { className: `ts-input-error ${warning ? 'ts-input-error--warning' : ''}` },
|
|
16
|
+
(error || warning) && (React.createElement("div", { className: `ts-input-error ${warning ? 'ts-input-error--warning' : ''}` }, (typeof error === 'string' || typeof warning === 'string') && (React.createElement(React.Fragment, null,
|
|
17
17
|
React.createElement("div", { className: "ts-input-error--icon" },
|
|
18
18
|
React.createElement(TsIcon, { name: "alert-circle", size: "16" })),
|
|
19
|
-
React.createElement("div", { className: "ts-input-error--label" }, error || warning)))));
|
|
19
|
+
React.createElement("div", { className: "ts-input-error--label" }, error || warning)))))));
|
|
20
20
|
};
|
|
21
21
|
//# sourceMappingURL=TsInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TsInput.js","sourceRoot":"","sources":["../../../../src/components/TsInput/TsInput/TsInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC7G,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BACE,SAAS,EAAE,YAAY,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,EAAE;QAEhH,KAAK,IAAI,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;QACvD,6BACE,SAAS,EAAE,sBAAsB,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,uBAAuB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;YAE/G,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAE,CAAC,CAAC,MAA2B,CAAC,IAAI,EAAE,KAC/C,KAAK,GACT;YACD,SAAS,KAAK,SAAS,IAAI,6BAAK,SAAS,EAAC,cAAc;gBAAE,SAAS;8BAAkB;YACrF,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,eAAe;gBAC5B,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5B,CACP,CACG;QAEL,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACrB,6BAAK,SAAS,EAAE,kBAAkB,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"TsInput.js","sourceRoot":"","sources":["../../../../src/components/TsInput/TsInput/TsInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC7G,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BACE,SAAS,EAAE,YAAY,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,EAAE;QAEhH,KAAK,IAAI,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;QACvD,6BACE,SAAS,EAAE,sBAAsB,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,uBAAuB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;YAE/G,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAE,CAAC,CAAC,MAA2B,CAAC,IAAI,EAAE,KAC/C,KAAK,GACT;YACD,SAAS,KAAK,SAAS,IAAI,6BAAK,SAAS,EAAC,cAAc;gBAAE,SAAS;8BAAkB;YACrF,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,eAAe;gBAC5B,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5B,CACP,CACG;QAEL,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACrB,6BAAK,SAAS,EAAE,kBAAkB,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,IACzE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,OAAO,KAAK,QAAQ,CAAC,IAAI,CAC7D;YACE,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,MAAM,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,IAAI,GAAG,CACpC;YACN,6BAAK,SAAS,EAAC,uBAAuB,IAAE,KAAK,IAAI,OAAO,CAAO,CAC9D,CACJ,CACG,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -31,10 +31,14 @@ export const TsInput = ({ byDefault, error, icon, label, value, warning, onChang
|
|
|
31
31
|
|
|
32
32
|
{(error || warning) && (
|
|
33
33
|
<div className={`ts-input-error ${warning ? 'ts-input-error--warning' : ''}`}>
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
{(typeof error === 'string' || typeof warning === 'string') && (
|
|
35
|
+
<>
|
|
36
|
+
<div className="ts-input-error--icon">
|
|
37
|
+
<TsIcon name="alert-circle" size="16" />
|
|
38
|
+
</div>
|
|
39
|
+
<div className="ts-input-error--label">{error || warning}</div>
|
|
40
|
+
</>
|
|
41
|
+
)}
|
|
38
42
|
</div>
|
|
39
43
|
)}
|
|
40
44
|
</div>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
2
|
export type TsInputProps = {
|
|
3
3
|
byDefault?: string | number;
|
|
4
|
-
error?: string;
|
|
5
4
|
icon?: string;
|
|
6
5
|
label?: string;
|
|
7
|
-
|
|
6
|
+
error?: string | boolean;
|
|
7
|
+
warning?: string | boolean;
|
|
8
8
|
onChange: (value: string) => void;
|
|
9
9
|
} & Omit<Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, 'size'>;
|
|
@@ -2,9 +2,9 @@ import { InputHTMLAttributes } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export type TsInputProps = {
|
|
4
4
|
byDefault?: string | number;
|
|
5
|
-
error?: string;
|
|
6
5
|
icon?: string;
|
|
7
6
|
label?: string;
|
|
8
|
-
|
|
7
|
+
error?: string | boolean;
|
|
8
|
+
warning?: string | boolean;
|
|
9
9
|
onChange: (value: string) => void;
|
|
10
10
|
} & Omit<Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, 'size'>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { TsDropdownProps } from './TsDropdown.types';
|
|
3
3
|
import './TsDropdown.css';
|
|
4
|
-
export declare const TsDropdown: <T>({ containerRef, error, errorAction, label, noItemFoundMessage, options, placeholder, reloadOptionsOn, searchPlaceholder, value, disabled, searchable, action, listMode, getOptionLabel, getOptionValue, loadOptions, onChange, onChangeList, }: TsDropdownProps<T>) => React.JSX.Element;
|
|
4
|
+
export declare const TsDropdown: <T>({ containerRef, error, warning, errorAction, label, noItemFoundMessage, options, placeholder, reloadOptionsOn, searchPlaceholder, value, disabled, searchable, action, listMode, getOptionLabel, getOptionValue, loadOptions, onChange, onChangeList, }: TsDropdownProps<T>) => React.JSX.Element;
|
|
@@ -10,7 +10,7 @@ const use_click_outside_1 = require("../../../hooks/use-click-outside");
|
|
|
10
10
|
const TsLoader_1 = require("../../TsLoader/TsLoader");
|
|
11
11
|
const TsCheckbox_1 = require("../../TsCheckbox/TsCheckbox");
|
|
12
12
|
require("./TsDropdown.css");
|
|
13
|
-
const TsDropdown = ({ containerRef, error, errorAction, label, noItemFoundMessage, options, placeholder, reloadOptionsOn = [], searchPlaceholder, value, disabled, searchable, action, listMode, getOptionLabel, getOptionValue, loadOptions, onChange, onChangeList, }) => {
|
|
13
|
+
const TsDropdown = ({ containerRef, error, warning, errorAction, label, noItemFoundMessage, options, placeholder, reloadOptionsOn = [], searchPlaceholder, value, disabled, searchable, action, listMode, getOptionLabel, getOptionValue, loadOptions, onChange, onChangeList, }) => {
|
|
14
14
|
const [showDropdownMenu, setShowDropdownMenu] = (0, react_1.useState)(false);
|
|
15
15
|
const [searchValue, setSearchValue] = (0, react_1.useState)('');
|
|
16
16
|
const [items, setItems] = (0, react_1.useState)(options ?? []);
|
|
@@ -114,7 +114,7 @@ const TsDropdown = ({ containerRef, error, errorAction, label, noItemFoundMessag
|
|
|
114
114
|
React.createElement("div", { className: `
|
|
115
115
|
ts-dropdown-input
|
|
116
116
|
${disabled ? 'ts-dropdown-input--disabled' : ''}
|
|
117
|
-
${error
|
|
117
|
+
${error || warning ? `ts-dropdown-container--${error ? 'error' : 'warning'}` : ''}
|
|
118
118
|
`, onClick: handleToggleDropdownMenu },
|
|
119
119
|
!value && (!chosenItems || chosenItems.length === 0) && (React.createElement("div", { className: "ts-dropdown-input--placeholder" }, placeholder)),
|
|
120
120
|
value && !listMode && React.createElement("div", { className: "ts-dropdown-input--value" }, getOptionLabel(value)),
|
|
@@ -133,10 +133,10 @@ const TsDropdown = ({ containerRef, error, errorAction, label, noItemFoundMessag
|
|
|
133
133
|
React.createElement("div", { className: "ts-dropdown-input--chevron" }, showDropdownMenu ? (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor" },
|
|
134
134
|
React.createElement("path", { d: "M11.9999 10.8286L7.0502 15.7783L5.63599 14.3641L11.9999 7.99996L18.3639 14.3641L16.9497 15.7783L11.9999 10.8286Z" }))) : (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor" },
|
|
135
135
|
React.createElement("path", { d: "M11.9999 13.1714L16.9497 8.22168L18.3639 9.63589L11.9999 15.9999L5.63599 9.63589L7.0502 8.22168L11.9999 13.1714Z" })))))),
|
|
136
|
-
error
|
|
136
|
+
(error || warning) && (React.createElement("div", { className: `ts-dropdown-error ${warning ? 'ts-dropdown-error--warning' : ''}` }, (typeof error === 'string' || typeof warning === 'string') && (React.createElement(React.Fragment, null,
|
|
137
137
|
React.createElement("div", { className: "ts-dropdown-error--icon" },
|
|
138
138
|
React.createElement(TsIcon_1.TsIcon, { name: "alert-circle", size: "16" })),
|
|
139
|
-
React.createElement("div", { className: "ts-dropdown-error--label" }, error))),
|
|
139
|
+
React.createElement("div", { className: "ts-dropdown-error--label" }, error || warning))))),
|
|
140
140
|
!disabled && showDropdownMenu && (React.createElement("div", { className: `ts-dropdown-menu-container ${label ? 'ts-dropdown-labeled-menu-container' : ''}`, ref: dropdownMenuRef },
|
|
141
141
|
searchable && (React.createElement("div", { className: "ts-dropdown-search" },
|
|
142
142
|
React.createElement(TsInput_1.TsInput, { error: errorAction, icon: "search", placeholder: searchPlaceholder, value: searchValue, autoFocus: true, onChange: setSearchValue }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TsDropdown.js","sourceRoot":"","sources":["../../../../src/components/TsDropdowns/TsDropdown/TsDropdown.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"TsDropdown.js","sourceRoot":"","sources":["../../../../src/components/TsDropdowns/TsDropdown/TsDropdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,6 +12,7 @@ import './TsDropdown.css';
|
|
|
12
12
|
export const TsDropdown = <T,>({
|
|
13
13
|
containerRef,
|
|
14
14
|
error,
|
|
15
|
+
warning,
|
|
15
16
|
errorAction,
|
|
16
17
|
label,
|
|
17
18
|
noItemFoundMessage,
|
|
@@ -137,7 +138,7 @@ export const TsDropdown = <T,>({
|
|
|
137
138
|
className={`
|
|
138
139
|
ts-dropdown-input
|
|
139
140
|
${disabled ? 'ts-dropdown-input--disabled' : ''}
|
|
140
|
-
${error
|
|
141
|
+
${error || warning ? `ts-dropdown-container--${error ? 'error' : 'warning'}` : ''}
|
|
141
142
|
`}
|
|
142
143
|
onClick={handleToggleDropdownMenu}
|
|
143
144
|
>
|
|
@@ -183,12 +184,16 @@ export const TsDropdown = <T,>({
|
|
|
183
184
|
</div>
|
|
184
185
|
</div>
|
|
185
186
|
|
|
186
|
-
{error
|
|
187
|
-
<div className=
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
187
|
+
{(error || warning) && (
|
|
188
|
+
<div className={`ts-dropdown-error ${warning ? 'ts-dropdown-error--warning' : ''}`}>
|
|
189
|
+
{(typeof error === 'string' || typeof warning === 'string') && (
|
|
190
|
+
<>
|
|
191
|
+
<div className="ts-dropdown-error--icon">
|
|
192
|
+
<TsIcon name="alert-circle" size="16" />
|
|
193
|
+
</div>
|
|
194
|
+
<div className="ts-dropdown-error--label">{error || warning}</div>
|
|
195
|
+
</>
|
|
196
|
+
)}
|
|
192
197
|
</div>
|
|
193
198
|
)}
|
|
194
199
|
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { ReactNode, RefObject } from 'react';
|
|
2
2
|
export type TsDropdownProps<T> = {
|
|
3
3
|
containerRef?: RefObject<HTMLElement>;
|
|
4
|
-
error?: string;
|
|
4
|
+
error?: string | boolean;
|
|
5
|
+
warning?: string | boolean;
|
|
5
6
|
label?: string;
|
|
6
7
|
noItemFoundMessage?: string;
|
|
7
8
|
options?: T[];
|
|
@@ -2,7 +2,8 @@ import { ReactNode, RefObject } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export type TsDropdownProps<T> = {
|
|
4
4
|
containerRef?: RefObject<HTMLElement>;
|
|
5
|
-
error?: string;
|
|
5
|
+
error?: string | boolean;
|
|
6
|
+
warning?: string | boolean;
|
|
6
7
|
label?: string;
|
|
7
8
|
noItemFoundMessage?: string;
|
|
8
9
|
options?: T[];
|
|
@@ -16,10 +16,10 @@ const TsInput = ({ byDefault, error, icon, label, value, warning, onChange, ...p
|
|
|
16
16
|
" by default"),
|
|
17
17
|
icon && (React.createElement("div", { className: "ts-input-icon" },
|
|
18
18
|
React.createElement(TsIcon_1.TsIcon, { name: icon, size: "16" })))),
|
|
19
|
-
(error || warning) && (React.createElement("div", { className: `ts-input-error ${warning ? 'ts-input-error--warning' : ''}` },
|
|
19
|
+
(error || warning) && (React.createElement("div", { className: `ts-input-error ${warning ? 'ts-input-error--warning' : ''}` }, (typeof error === 'string' || typeof warning === 'string') && (React.createElement(React.Fragment, null,
|
|
20
20
|
React.createElement("div", { className: "ts-input-error--icon" },
|
|
21
21
|
React.createElement(TsIcon_1.TsIcon, { name: "alert-circle", size: "16" })),
|
|
22
|
-
React.createElement("div", { className: "ts-input-error--label" }, error || warning)))));
|
|
22
|
+
React.createElement("div", { className: "ts-input-error--label" }, error || warning)))))));
|
|
23
23
|
};
|
|
24
24
|
exports.TsInput = TsInput;
|
|
25
25
|
//# sourceMappingURL=TsInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TsInput.js","sourceRoot":"","sources":["../../../../src/components/TsInput/TsInput/TsInput.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,gDAA6C;AAE7C,yBAAuB;AAEhB,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC7G,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BACE,SAAS,EAAE,YAAY,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,EAAE;QAEhH,KAAK,IAAI,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;QACvD,6BACE,SAAS,EAAE,sBAAsB,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,uBAAuB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;YAE/G,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAE,CAAC,CAAC,MAA2B,CAAC,IAAI,EAAE,KAC/C,KAAK,GACT;YACD,SAAS,KAAK,SAAS,IAAI,6BAAK,SAAS,EAAC,cAAc;gBAAE,SAAS;8BAAkB;YACrF,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,eAAe;gBAC5B,oBAAC,eAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5B,CACP,CACG;QAEL,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACrB,6BAAK,SAAS,EAAE,kBAAkB,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE;
|
|
1
|
+
{"version":3,"file":"TsInput.js","sourceRoot":"","sources":["../../../../src/components/TsInput/TsInput/TsInput.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,gDAA6C;AAE7C,yBAAuB;AAEhB,MAAM,OAAO,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAC7G,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BACE,SAAS,EAAE,YAAY,SAAS,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,qBAAqB,EAAE;QAEhH,KAAK,IAAI,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;QACvD,6BACE,SAAS,EAAE,sBAAsB,KAAK,IAAI,OAAO,CAAC,CAAC,CAAC,uBAAuB,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE;YAE/G,+BACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACvC,OAAO,EAAE,CAAC,CAAC,EAAE,CAAE,CAAC,CAAC,MAA2B,CAAC,IAAI,EAAE,KAC/C,KAAK,GACT;YACD,SAAS,KAAK,SAAS,IAAI,6BAAK,SAAS,EAAC,cAAc;gBAAE,SAAS;8BAAkB;YACrF,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,eAAe;gBAC5B,oBAAC,eAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5B,CACP,CACG;QAEL,CAAC,KAAK,IAAI,OAAO,CAAC,IAAI,CACrB,6BAAK,SAAS,EAAE,kBAAkB,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,EAAE,EAAE,IACzE,CAAC,OAAO,KAAK,KAAK,QAAQ,IAAI,OAAO,OAAO,KAAK,QAAQ,CAAC,IAAI,CAC7D;YACE,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,oBAAC,eAAM,IAAC,IAAI,EAAC,cAAc,EAAC,IAAI,EAAC,IAAI,GAAG,CACpC;YACN,6BAAK,SAAS,EAAC,uBAAuB,IAAE,KAAK,IAAI,OAAO,CAAO,CAC9D,CACJ,CACG,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,OAAO,WAwClB"}
|
|
@@ -31,10 +31,14 @@ export const TsInput = ({ byDefault, error, icon, label, value, warning, onChang
|
|
|
31
31
|
|
|
32
32
|
{(error || warning) && (
|
|
33
33
|
<div className={`ts-input-error ${warning ? 'ts-input-error--warning' : ''}`}>
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
{(typeof error === 'string' || typeof warning === 'string') && (
|
|
35
|
+
<>
|
|
36
|
+
<div className="ts-input-error--icon">
|
|
37
|
+
<TsIcon name="alert-circle" size="16" />
|
|
38
|
+
</div>
|
|
39
|
+
<div className="ts-input-error--label">{error || warning}</div>
|
|
40
|
+
</>
|
|
41
|
+
)}
|
|
38
42
|
</div>
|
|
39
43
|
)}
|
|
40
44
|
</div>
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { InputHTMLAttributes } from 'react';
|
|
2
2
|
export type TsInputProps = {
|
|
3
3
|
byDefault?: string | number;
|
|
4
|
-
error?: string;
|
|
5
4
|
icon?: string;
|
|
6
5
|
label?: string;
|
|
7
|
-
|
|
6
|
+
error?: string | boolean;
|
|
7
|
+
warning?: string | boolean;
|
|
8
8
|
onChange: (value: string) => void;
|
|
9
9
|
} & Omit<Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, 'size'>;
|
|
@@ -2,9 +2,9 @@ import { InputHTMLAttributes } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export type TsInputProps = {
|
|
4
4
|
byDefault?: string | number;
|
|
5
|
-
error?: string;
|
|
6
5
|
icon?: string;
|
|
7
6
|
label?: string;
|
|
8
|
-
|
|
7
|
+
error?: string | boolean;
|
|
8
|
+
warning?: string | boolean;
|
|
9
9
|
onChange: (value: string) => void;
|
|
10
10
|
} & Omit<Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, 'size'>;
|
package/package.json
CHANGED
|
@@ -12,6 +12,7 @@ import './TsDropdown.css';
|
|
|
12
12
|
export const TsDropdown = <T,>({
|
|
13
13
|
containerRef,
|
|
14
14
|
error,
|
|
15
|
+
warning,
|
|
15
16
|
errorAction,
|
|
16
17
|
label,
|
|
17
18
|
noItemFoundMessage,
|
|
@@ -137,7 +138,7 @@ export const TsDropdown = <T,>({
|
|
|
137
138
|
className={`
|
|
138
139
|
ts-dropdown-input
|
|
139
140
|
${disabled ? 'ts-dropdown-input--disabled' : ''}
|
|
140
|
-
${error
|
|
141
|
+
${error || warning ? `ts-dropdown-container--${error ? 'error' : 'warning'}` : ''}
|
|
141
142
|
`}
|
|
142
143
|
onClick={handleToggleDropdownMenu}
|
|
143
144
|
>
|
|
@@ -183,12 +184,16 @@ export const TsDropdown = <T,>({
|
|
|
183
184
|
</div>
|
|
184
185
|
</div>
|
|
185
186
|
|
|
186
|
-
{error
|
|
187
|
-
<div className=
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
187
|
+
{(error || warning) && (
|
|
188
|
+
<div className={`ts-dropdown-error ${warning ? 'ts-dropdown-error--warning' : ''}`}>
|
|
189
|
+
{(typeof error === 'string' || typeof warning === 'string') && (
|
|
190
|
+
<>
|
|
191
|
+
<div className="ts-dropdown-error--icon">
|
|
192
|
+
<TsIcon name="alert-circle" size="16" />
|
|
193
|
+
</div>
|
|
194
|
+
<div className="ts-dropdown-error--label">{error || warning}</div>
|
|
195
|
+
</>
|
|
196
|
+
)}
|
|
192
197
|
</div>
|
|
193
198
|
)}
|
|
194
199
|
|
|
@@ -2,7 +2,8 @@ import { ReactNode, RefObject } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export type TsDropdownProps<T> = {
|
|
4
4
|
containerRef?: RefObject<HTMLElement>;
|
|
5
|
-
error?: string;
|
|
5
|
+
error?: string | boolean;
|
|
6
|
+
warning?: string | boolean;
|
|
6
7
|
label?: string;
|
|
7
8
|
noItemFoundMessage?: string;
|
|
8
9
|
options?: T[];
|
|
@@ -31,10 +31,14 @@ export const TsInput = ({ byDefault, error, icon, label, value, warning, onChang
|
|
|
31
31
|
|
|
32
32
|
{(error || warning) && (
|
|
33
33
|
<div className={`ts-input-error ${warning ? 'ts-input-error--warning' : ''}`}>
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
34
|
+
{(typeof error === 'string' || typeof warning === 'string') && (
|
|
35
|
+
<>
|
|
36
|
+
<div className="ts-input-error--icon">
|
|
37
|
+
<TsIcon name="alert-circle" size="16" />
|
|
38
|
+
</div>
|
|
39
|
+
<div className="ts-input-error--label">{error || warning}</div>
|
|
40
|
+
</>
|
|
41
|
+
)}
|
|
38
42
|
</div>
|
|
39
43
|
)}
|
|
40
44
|
</div>
|
|
@@ -2,9 +2,9 @@ import { InputHTMLAttributes } from 'react';
|
|
|
2
2
|
|
|
3
3
|
export type TsInputProps = {
|
|
4
4
|
byDefault?: string | number;
|
|
5
|
-
error?: string;
|
|
6
5
|
icon?: string;
|
|
7
6
|
label?: string;
|
|
8
|
-
|
|
7
|
+
error?: string | boolean;
|
|
8
|
+
warning?: string | boolean;
|
|
9
9
|
onChange: (value: string) => void;
|
|
10
10
|
} & Omit<Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'>, 'size'>;
|