@addev-be/ui 1.1.4 → 1.1.6
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/data/DataGrid/styles.js +1 -1
- package/dist/components/forms/Form/CustomSelect.d.ts +13 -0
- package/dist/components/forms/Form/CustomSelect.js +51 -0
- package/dist/components/forms/Form/index.d.ts +11 -0
- package/dist/components/forms/Form/index.js +2 -0
- package/dist/components/layout/Columns.js +1 -1
- package/dist/components/layout/Dropdown/styles.d.ts +1 -0
- package/dist/components/layout/Dropdown/styles.js +5 -2
- package/package.json +2 -2
- package/src/components/data/DataGrid/styles.ts +2 -2
- package/src/components/forms/Form/CustomSelect.tsx +94 -0
- package/src/components/forms/Form/index.tsx +3 -0
- package/src/components/layout/Columns.ts +1 -0
- package/src/components/layout/Dropdown/styles.ts +8 -0
- package/tsconfig.tsbuildinfo +1 -1
|
@@ -137,7 +137,7 @@ exports.DataGridFooterRow = styled_components_1.default.div.attrs(function (_a)
|
|
|
137
137
|
return $headerColor;
|
|
138
138
|
});
|
|
139
139
|
exports.DataGridFooterRow.displayName = 'DataGridFooterRow';
|
|
140
|
-
exports.DataGridRow = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: contents;\n\n &:last-child > ", " {\n border-bottom: none;\n }
|
|
140
|
+
exports.DataGridRow = styled_components_1.default.div(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n display: contents;\n\n /* &:last-child > ", " {\n border-bottom: none;\n } */\n\n &:hover > ", " {\n background-color: var(--color-blue-100);\n }\n\n ", "\n"], ["\n display: contents;\n\n /* &:last-child > ", " {\n border-bottom: none;\n } */\n\n &:hover > ", " {\n background-color: var(--color-blue-100);\n }\n\n ", "\n"])), exports.DataGridCell, exports.DataGridCell, function (_a) {
|
|
141
141
|
var $edited = _a.$edited;
|
|
142
142
|
return $edited && (0, styled_components_1.css)(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n & > ", ", & > ", " {\n background-color: var(--color-warning-100);\n color: var(--color-warning-900);\n }\n &:hover > ", ", &:hover > ", " {\n background-color: var(--color-blue-100);\n }\n "], ["\n & > ", ", & > ", " {\n background-color: var(--color-warning-100);\n color: var(--color-warning-900);\n }\n &:hover > ", ", &:hover > ", " {\n background-color: var(--color-blue-100);\n }\n "])), exports.DataGridCell, exports.SelectionCell, exports.DataGridCell, exports.SelectionCell);
|
|
143
143
|
});
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { FormRowProps } from './Row';
|
|
2
|
+
import { ForwardedRef, SelectHTMLAttributes } from 'react';
|
|
3
|
+
type CustomSelectProps<T> = {
|
|
4
|
+
items: T[];
|
|
5
|
+
value: T | null;
|
|
6
|
+
itemKey: (item: T, index: number) => string;
|
|
7
|
+
itemLabel: (item: T, index: number) => string;
|
|
8
|
+
readOnly?: boolean;
|
|
9
|
+
onChange?: (value: T | null) => void;
|
|
10
|
+
ref?: ForwardedRef<HTMLSelectElement>;
|
|
11
|
+
};
|
|
12
|
+
export declare const CustomSelect: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ...props }: FormRowProps & Omit<SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & CustomSelectProps<T>, ref: ForwardedRef<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.CustomSelect = void 0;
|
|
26
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
+
var Row_1 = require("./Row");
|
|
28
|
+
var react_1 = require("react");
|
|
29
|
+
var styles_1 = require("./styles");
|
|
30
|
+
var components_1 = require("../../../helpers/components");
|
|
31
|
+
var CustomSelectInner = function (_a, ref) {
|
|
32
|
+
var icon = _a.icon, label = _a.label, items = _a.items, itemKey = _a.itemKey, itemLabel = _a.itemLabel, readOnly = _a.readOnly, onChange = _a.onChange, value = _a.value, props = __rest(_a, ["icon", "label", "items", "itemKey", "itemLabel", "readOnly", "onChange", "value"]);
|
|
33
|
+
var selectRef = (0, react_1.useRef)(null);
|
|
34
|
+
(0, react_1.useImperativeHandle)(ref, function () { return selectRef.current; }, []);
|
|
35
|
+
var onSelectChange = (0, react_1.useCallback)(function (event) {
|
|
36
|
+
var _a;
|
|
37
|
+
if (onChange) {
|
|
38
|
+
var selectedValue_1 = event.target.value;
|
|
39
|
+
var selectedItem = items.find(function (item, index) { return itemKey(item, index) == selectedValue_1; });
|
|
40
|
+
onChange(selectedItem !== null && selectedItem !== void 0 ? selectedItem : null);
|
|
41
|
+
(_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
42
|
+
}
|
|
43
|
+
}, [items, itemKey, onChange]);
|
|
44
|
+
var selectedValue = value ? itemKey(value, -1) : undefined;
|
|
45
|
+
return ((0, jsx_runtime_1.jsx)(Row_1.FormRow, { label: label, icon: icon, readOnly: readOnly, children: readOnly ? ((0, jsx_runtime_1.jsx)(styles_1.ReadOnlyValue, { children: (value !== null ? itemLabel(value, 0) : '-') || '-' })) : ((0, jsx_runtime_1.jsx)("select", __assign({}, props, { disabled: readOnly, value: selectedValue, onChange: onSelectChange, ref: selectRef, children: items.map(function (item, index) {
|
|
46
|
+
var key = itemKey(item, index);
|
|
47
|
+
var label = itemLabel(item, index);
|
|
48
|
+
return ((0, jsx_runtime_1.jsx)("option", { value: key, onSelect: function () { return console.log('selected'); }, children: label }, key));
|
|
49
|
+
}) }))) }));
|
|
50
|
+
};
|
|
51
|
+
exports.CustomSelect = (0, components_1.forwardRefWithName)(CustomSelectInner, 'CustomSelect');
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from 'react';
|
|
2
2
|
import { FormCondensedFields, FormFields } from './styles';
|
|
3
3
|
import { Checkbox } from './Checkbox';
|
|
4
|
+
import { CustomSelect } from './CustomSelect';
|
|
4
5
|
import { FormGroup } from './FormGroup';
|
|
5
6
|
import { FormRow } from './Row';
|
|
6
7
|
import { Input } from './Input';
|
|
@@ -18,6 +19,7 @@ export type CardFormFC = FC<CardFormProps> & {
|
|
|
18
19
|
Row: typeof FormRow;
|
|
19
20
|
Select: typeof Select;
|
|
20
21
|
TextArea: typeof TextArea;
|
|
22
|
+
CustomSelect: typeof CustomSelect;
|
|
21
23
|
};
|
|
22
24
|
export declare const CardForm: {
|
|
23
25
|
({ children, onSubmit }: CardFormProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -72,4 +74,13 @@ export declare const CardForm: {
|
|
|
72
74
|
canGrow?: boolean;
|
|
73
75
|
canShrink?: boolean;
|
|
74
76
|
}>;
|
|
77
|
+
CustomSelect: <T>({ icon, label, items, itemKey, itemLabel, readOnly, onChange, value, ...props }: import("./Row").FormRowProps & Omit<import("react").SelectHTMLAttributes<HTMLSelectElement>, "value" | "onChange"> & {
|
|
78
|
+
items: T[];
|
|
79
|
+
value: T | null;
|
|
80
|
+
itemKey: (item: T, index: number) => string;
|
|
81
|
+
itemLabel: (item: T, index: number) => string;
|
|
82
|
+
readOnly?: boolean;
|
|
83
|
+
onChange?: ((value: T | null) => void) | undefined;
|
|
84
|
+
ref?: import("react").ForwardedRef<HTMLSelectElement>;
|
|
85
|
+
}, ref: import("react").ForwardedRef<HTMLSelectElement>) => import("react/jsx-runtime").JSX.Element;
|
|
75
86
|
};
|
|
@@ -5,6 +5,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
5
5
|
var react_1 = require("react");
|
|
6
6
|
var styles_1 = require("./styles");
|
|
7
7
|
var Checkbox_1 = require("./Checkbox");
|
|
8
|
+
var CustomSelect_1 = require("./CustomSelect");
|
|
8
9
|
var FormGroup_1 = require("./FormGroup");
|
|
9
10
|
var Row_1 = require("./Row");
|
|
10
11
|
var Input_1 = require("./Input");
|
|
@@ -27,3 +28,4 @@ exports.CardForm.Input = Input_1.Input;
|
|
|
27
28
|
exports.CardForm.Row = Row_1.FormRow;
|
|
28
29
|
exports.CardForm.Select = Select_1.Select;
|
|
29
30
|
exports.CardForm.TextArea = TextArea_1.TextArea;
|
|
31
|
+
exports.CardForm.CustomSelect = CustomSelect_1.CustomSelect;
|
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
10
10
|
exports.Column = exports.Columns = void 0;
|
|
11
11
|
var space_1 = require("../../helpers/styled/space");
|
|
12
12
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
13
|
-
exports.Columns = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-gap: var(--space-6);\n width: 100%;\n\n grid-template-columns: ", ";\n\n ", ";\n"], ["\n display: grid;\n grid-gap: var(--space-6);\n width: 100%;\n\n grid-template-columns: ", ";\n\n ", ";\n"])), function (_a) {
|
|
13
|
+
exports.Columns = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: grid;\n grid-gap: var(--space-6);\n width: 100%;\n box-sizing: border-box;\n\n grid-template-columns: ", ";\n\n ", ";\n"], ["\n display: grid;\n grid-gap: var(--space-6);\n width: 100%;\n box-sizing: border-box;\n\n grid-template-columns: ", ";\n\n ", ";\n"])), function (_a) {
|
|
14
14
|
var _b;
|
|
15
15
|
var _c = _a.columns, columns = _c === void 0 ? 1 : _c, _d = _a.$maxColumnWidth, $maxColumnWidth = _d === void 0 ? '1fr' : _d;
|
|
16
16
|
return typeof columns === 'number'
|
|
@@ -8,6 +8,7 @@ export type DropdownContainerProps = {
|
|
|
8
8
|
$height: number | number[];
|
|
9
9
|
$zIndex?: number;
|
|
10
10
|
$backdropAlpha?: number;
|
|
11
|
+
$withBackground?: boolean;
|
|
11
12
|
};
|
|
12
13
|
export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
13
14
|
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
@@ -37,12 +37,15 @@ exports.DropdownBackdrop = styled_components_1.default.div.attrs({
|
|
|
37
37
|
});
|
|
38
38
|
exports.DropdownContainer = styled_components_1.default.div.attrs({
|
|
39
39
|
className: 'DropdownContainer',
|
|
40
|
-
})(
|
|
40
|
+
})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: var(--color-base-0);\n border-radius: var(--rounded-md);\n box-shadow: var(--shadow-lg);\n outline: 1px solid var(--color-base-200);\n\n position: absolute;\n z-index: 1001;\n ", ";\n ", "\n ", "\n"], ["\n background: var(--color-base-0);\n border-radius: var(--rounded-md);\n box-shadow: var(--shadow-lg);\n outline: 1px solid var(--color-base-200);\n\n position: absolute;\n z-index: 1001;\n ", ";\n ", "\n ", "\n"])), function (_a) {
|
|
41
41
|
var $width = _a.$width;
|
|
42
42
|
return ($width ? "".concat($width, "px") : 'auto');
|
|
43
43
|
}, function (_a) {
|
|
44
44
|
var $height = _a.$height;
|
|
45
45
|
return Array.isArray($height)
|
|
46
46
|
? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-height: ", "px;\n max-height: ", "px;\n "], ["\n min-height: ", "px;\n max-height: ", "px;\n "])), $height[0], $height[1]) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: ", ";\n "], ["\n height: ", ";\n "])), $height ? "".concat($height, "px") : 'auto');
|
|
47
|
+
}, function (_a) {
|
|
48
|
+
var $withBackground = _a.$withBackground;
|
|
49
|
+
return $withBackground && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: none;\n box-shadow: none;\n outline: none;\n "], ["\n background: none;\n box-shadow: none;\n outline: none;\n "])));
|
|
47
50
|
});
|
|
48
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
51
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@addev-be/ui",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.6",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"watch": "tsc -b --watch",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
"update-version": "../../node/update-version.mjs"
|
|
21
21
|
},
|
|
22
22
|
"devDependencies": {
|
|
23
|
-
"@addev-be/framework-utils": "^1.1.
|
|
23
|
+
"@addev-be/framework-utils": "^1.1.6",
|
|
24
24
|
"@types/lodash": "^4",
|
|
25
25
|
"@types/react": "^18.3.3",
|
|
26
26
|
"@types/react-dom": "^18.3.0",
|
|
@@ -350,9 +350,9 @@ type DataGridRowProps = {
|
|
|
350
350
|
export const DataGridRow = styled.div<DataGridRowProps>`
|
|
351
351
|
display: contents;
|
|
352
352
|
|
|
353
|
-
&:last-child > ${DataGridCell} {
|
|
353
|
+
/* &:last-child > ${DataGridCell} {
|
|
354
354
|
border-bottom: none;
|
|
355
|
-
}
|
|
355
|
+
} */
|
|
356
356
|
|
|
357
357
|
&:hover > ${DataGridCell} {
|
|
358
358
|
background-color: var(--color-blue-100);
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { FormRow, FormRowProps } from './Row';
|
|
2
|
+
import {
|
|
3
|
+
ForwardedRef,
|
|
4
|
+
SelectHTMLAttributes,
|
|
5
|
+
useCallback,
|
|
6
|
+
useImperativeHandle,
|
|
7
|
+
useRef,
|
|
8
|
+
} from 'react';
|
|
9
|
+
|
|
10
|
+
import { ReadOnlyValue } from './styles';
|
|
11
|
+
import { forwardRefWithName } from '../../../helpers/components';
|
|
12
|
+
|
|
13
|
+
type CustomSelectProps<T> = {
|
|
14
|
+
items: T[];
|
|
15
|
+
value: T | null;
|
|
16
|
+
itemKey: (item: T, index: number) => string;
|
|
17
|
+
itemLabel: (item: T, index: number) => string;
|
|
18
|
+
readOnly?: boolean;
|
|
19
|
+
onChange?: (value: T | null) => void;
|
|
20
|
+
ref?: ForwardedRef<HTMLSelectElement>;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
const CustomSelectInner = <T,>(
|
|
24
|
+
{
|
|
25
|
+
icon,
|
|
26
|
+
label,
|
|
27
|
+
items,
|
|
28
|
+
itemKey,
|
|
29
|
+
itemLabel,
|
|
30
|
+
readOnly,
|
|
31
|
+
onChange,
|
|
32
|
+
value,
|
|
33
|
+
...props
|
|
34
|
+
}: FormRowProps &
|
|
35
|
+
Omit<SelectHTMLAttributes<HTMLSelectElement>, 'value' | 'onChange'> &
|
|
36
|
+
CustomSelectProps<T>,
|
|
37
|
+
ref: ForwardedRef<HTMLSelectElement>
|
|
38
|
+
) => {
|
|
39
|
+
const selectRef = useRef<HTMLSelectElement>(null);
|
|
40
|
+
useImperativeHandle(ref, () => selectRef.current!, []);
|
|
41
|
+
|
|
42
|
+
const onSelectChange = useCallback(
|
|
43
|
+
(event: React.ChangeEvent<HTMLSelectElement>) => {
|
|
44
|
+
if (onChange) {
|
|
45
|
+
const selectedValue = event.target.value;
|
|
46
|
+
const selectedItem = items.find(
|
|
47
|
+
(item, index) => itemKey(item, index) == selectedValue
|
|
48
|
+
);
|
|
49
|
+
onChange(selectedItem ?? null);
|
|
50
|
+
selectRef.current?.blur();
|
|
51
|
+
}
|
|
52
|
+
},
|
|
53
|
+
[items, itemKey, onChange]
|
|
54
|
+
);
|
|
55
|
+
|
|
56
|
+
const selectedValue = value ? itemKey(value, -1) : undefined;
|
|
57
|
+
|
|
58
|
+
return (
|
|
59
|
+
<FormRow label={label} icon={icon} readOnly={readOnly}>
|
|
60
|
+
{readOnly ? (
|
|
61
|
+
<ReadOnlyValue>
|
|
62
|
+
{(value !== null ? itemLabel(value, 0) : '-') || '-'}
|
|
63
|
+
</ReadOnlyValue>
|
|
64
|
+
) : (
|
|
65
|
+
<select
|
|
66
|
+
{...props}
|
|
67
|
+
disabled={readOnly}
|
|
68
|
+
value={selectedValue}
|
|
69
|
+
onChange={onSelectChange}
|
|
70
|
+
ref={selectRef}
|
|
71
|
+
>
|
|
72
|
+
{items.map((item, index) => {
|
|
73
|
+
const key = itemKey(item, index);
|
|
74
|
+
const label = itemLabel(item, index);
|
|
75
|
+
return (
|
|
76
|
+
<option
|
|
77
|
+
key={key}
|
|
78
|
+
value={key}
|
|
79
|
+
onSelect={() => console.log('selected')}
|
|
80
|
+
>
|
|
81
|
+
{label}
|
|
82
|
+
</option>
|
|
83
|
+
);
|
|
84
|
+
})}
|
|
85
|
+
</select>
|
|
86
|
+
)}
|
|
87
|
+
</FormRow>
|
|
88
|
+
);
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
export const CustomSelect = forwardRefWithName(
|
|
92
|
+
CustomSelectInner,
|
|
93
|
+
'CustomSelect'
|
|
94
|
+
);
|
|
@@ -2,6 +2,7 @@ import { FC, PropsWithChildren, useCallback } from 'react';
|
|
|
2
2
|
import { FormCondensedFields, FormFields } from './styles';
|
|
3
3
|
|
|
4
4
|
import { Checkbox } from './Checkbox';
|
|
5
|
+
import { CustomSelect } from './CustomSelect';
|
|
5
6
|
import { FormGroup } from './FormGroup';
|
|
6
7
|
import { FormRow } from './Row';
|
|
7
8
|
import { Input } from './Input';
|
|
@@ -21,6 +22,7 @@ export type CardFormFC = FC<CardFormProps> & {
|
|
|
21
22
|
Row: typeof FormRow;
|
|
22
23
|
Select: typeof Select;
|
|
23
24
|
TextArea: typeof TextArea;
|
|
25
|
+
CustomSelect: typeof CustomSelect;
|
|
24
26
|
};
|
|
25
27
|
|
|
26
28
|
export const CardForm = ({ children, onSubmit }: CardFormProps) => {
|
|
@@ -43,3 +45,4 @@ CardForm.Input = Input;
|
|
|
43
45
|
CardForm.Row = FormRow;
|
|
44
46
|
CardForm.Select = Select;
|
|
45
47
|
CardForm.TextArea = TextArea;
|
|
48
|
+
CardForm.CustomSelect = CustomSelect;
|
|
@@ -20,6 +20,7 @@ export type DropdownContainerProps = {
|
|
|
20
20
|
$height: number | number[];
|
|
21
21
|
$zIndex?: number;
|
|
22
22
|
$backdropAlpha?: number;
|
|
23
|
+
$withBackground?: boolean;
|
|
23
24
|
};
|
|
24
25
|
|
|
25
26
|
export const DropdownContainer = styled.div.attrs({
|
|
@@ -42,4 +43,11 @@ export const DropdownContainer = styled.div.attrs({
|
|
|
42
43
|
: css`
|
|
43
44
|
height: ${$height ? `${$height}px` : 'auto'};
|
|
44
45
|
`}
|
|
46
|
+
${({ $withBackground }) =>
|
|
47
|
+
$withBackground &&
|
|
48
|
+
css`
|
|
49
|
+
background: none;
|
|
50
|
+
box-shadow: none;
|
|
51
|
+
outline: none;
|
|
52
|
+
`}
|
|
45
53
|
`;
|
package/tsconfig.tsbuildinfo
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"root":["./src/icons.tsx","./src/index.ts","./src/typings.d.ts","./src/components/index.ts","./src/components/auth/loginform.tsx","./src/components/auth/loginpage.tsx","./src/components/auth/passwordrecoveryform.tsx","./src/components/auth/passwordresetform.tsx","./src/components/auth/index.ts","./src/components/auth/styles.ts","./src/components/data/index.ts","./src/components/data/datagrid/datagridcell.tsx","./src/components/data/datagrid/datagridfooter.tsx","./src/components/data/datagrid/datagridheader.tsx","./src/components/data/datagrid/datagridheadercell.tsx","./src/components/data/datagrid/datagridrowtemplate.tsx","./src/components/data/datagrid/datagridtoolbar.tsx","./src/components/data/datagrid/constants.ts","./src/components/data/datagrid/index.tsx","./src/components/data/datagrid/styles.ts","./src/components/data/datagrid/types.ts","./src/components/data/datagrid/datagridcolumnsmodal/helpers.ts","./src/components/data/datagrid/datagridcolumnsmodal/hooks.tsx","./src/components/data/datagrid/datagridcolumnsmodal/index.tsx","./src/components/data/datagrid/datagridcolumnsmodal/styles.ts","./src/components/data/datagrid/datagrideditablecell/checkboxeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/dateeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/numbereditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/texteditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/index.tsx","./src/components/data/datagrid/datagrideditablecell/styles.ts","./src/components/data/datagrid/datagrideditablecell/types.ts","./src/components/data/datagrid/datagridfiltermenu/filtervaluesscroller.tsx","./src/components/data/datagrid/datagridfiltermenu/helpers.ts","./src/components/data/datagrid/datagridfiltermenu/hooks.tsx","./src/components/data/datagrid/datagridfiltermenu/index.tsx","./src/components/data/datagrid/datagridfiltermenu/styles.ts","./src/components/data/datagrid/filtermodalcontent/index.tsx","./src/components/data/datagrid/filtermodalcontent/styles.ts","./src/components/data/datagrid/helpers/columns.tsx","./src/components/data/datagrid/helpers/filters.ts","./src/components/data/datagrid/helpers/index.ts","./src/components/data/datagrid/hooks/index.ts","./src/components/data/datagrid/hooks/usedatagrid.tsx","./src/components/data/datagrid/hooks/usedatagridchangedrows.ts","./src/components/data/datagrid/hooks/usedatagridcopy.ts","./src/components/data/datagrid/hooks/usedatagridsettings.ts","./src/components/data/datagrid/hooks/userefreshmodal.tsx","./src/components/data/sqlrequestdatagrid/sqlrequestforeignlisteditablecell.tsx","./src/components/data/sqlrequestdatagrid/index.tsx","./src/components/data/sqlrequestdatagrid/styles.ts","./src/components/data/sqlrequestdatagrid/types.ts","./src/components/data/sqlrequestdatagrid/helpers/columns.tsx","./src/components/data/sqlrequestdatagrid/helpers/index.ts","./src/components/data/sqlrequestdatagrid/helpers/sqlrequests.ts","./src/components/data/sqlrequestforeignlist/index.tsx","./src/components/data/sqlrequestforeignlist/styles.ts","./src/components/data/sqlrequestforeignlist/types.ts","./src/components/data/sqlrequestgrid/index.tsx","./src/components/data/sqlrequestgrid/styles.ts","./src/components/data/sqlrequestgrid/types.ts","./src/components/data/sqlrequestgrid/filters/filterssidebar.tsx","./src/components/data/sqlrequestgrid/filters/styles.ts","./src/components/data/sqlrequestgrid/helpers/index.ts","./src/components/data/sqlrequestgrid/helpers/sqlrequests.ts","./src/components/data/virtualscroller/hooks.ts","./src/components/data/virtualscroller/index.tsx","./src/components/data/virtualscroller/styles.ts","./src/components/data/virtualscroller/types.ts","./src/components/forms/autotextarea.tsx","./src/components/forms/button.tsx","./src/components/forms/iconbutton.tsx","./src/components/forms/indeterminatecheckbox.tsx","./src/components/forms/numberinput.tsx","./src/components/forms/select.tsx","./src/components/forms/verticallabel.tsx","./src/components/forms/index.ts","./src/components/forms/styles.ts","./src/components/forms/form/checkbox.tsx","./src/components/forms/form/formgroup.tsx","./src/components/forms/form/input.tsx","./src/components/forms/form/row.tsx","./src/components/forms/form/select.tsx","./src/components/forms/form/textarea.tsx","./src/components/forms/form/index.tsx","./src/components/forms/form/styles.ts","./src/components/layout/columns.ts","./src/components/layout/flexbox.ts","./src/components/layout/index.ts","./src/components/layout/dropdown/index.tsx","./src/components/layout/dropdown/styles.ts","./src/components/layout/grid/index.tsx","./src/components/layout/grid/styles.ts","./src/components/layout/loading/index.tsx","./src/components/layout/loading/styles.ts","./src/components/layout/masonry/index.tsx","./src/components/layout/masonry/styles.ts","./src/components/layout/modal/index.tsx","./src/components/layout/modal/styles.ts","./src/components/search/highlightedtext.tsx","./src/components/search/quicksearchbar.tsx","./src/components/search/quicksearchresults.tsx","./src/components/search/index.ts","./src/components/search/styles.ts","./src/components/search/types.ts","./src/components/ui/ellipsis.tsx","./src/components/ui/label.tsx","./src/components/ui/index.ts","./src/components/ui/avatar/index.tsx","./src/components/ui/avatar/styles.ts","./src/components/ui/card/index.tsx","./src/components/ui/card/styles.ts","./src/components/ui/contextmenu/index.tsx","./src/components/ui/contextmenu/styles.ts","./src/components/ui/message/index.tsx","./src/components/ui/message/styles.ts","./src/components/ui/tabsview/tabslist.tsx","./src/components/ui/tabsview/tabsview.tsx","./src/components/ui/tabsview/index.ts","./src/components/ui/tabsview/styles.ts","./src/components/ui/tabsview/types.ts","./src/config/index.ts","./src/helpers/components.ts","./src/helpers/dates.ts","./src/helpers/getscrollbarsize.ts","./src/helpers/index.ts","./src/helpers/numbers.ts","./src/helpers/responsive.ts","./src/helpers/text.ts","./src/helpers/types.ts","./src/helpers/styled/space.ts","./src/helpers/styled/typography.ts","./src/hooks/index.ts","./src/hooks/usecontainermediaquery.ts","./src/hooks/useelementsize.ts","./src/hooks/usemediaquery.ts","./src/hooks/usemediaqueryforwidth.ts","./src/hooks/usemutablestate.ts","./src/hooks/useshowarchived.ts","./src/hooks/usewindowsize.ts","./src/providers/hooks.ts","./src/providers/index.ts","./src/providers/authenticationprovider/helpers.ts","./src/providers/authenticationprovider/index.tsx","./src/providers/loadingprovider/index.tsx","./src/providers/portalsprovider/index.tsx","./src/providers/portalsprovider/styles.ts","./src/providers/settingsprovider/index.tsx","./src/providers/themeprovider/themeprovider.ts","./src/providers/themeprovider/defaulttheme.ts","./src/providers/themeprovider/helpers.ts","./src/providers/themeprovider/index.ts","./src/providers/themeprovider/types.ts","./src/providers/toastprovider/index.tsx","./src/providers/trackingprovider/hooks.ts","./src/providers/trackingprovider/index.tsx","./src/providers/uiproviders/index.tsx","./src/providers/uiproviders/styles.ts","./src/services/httpservice.ts","./src/services/websocketservice.ts","./src/services/advancedrequests.ts","./src/services/base.ts","./src/services/globalsearch.ts","./src/services/hooks.ts","./src/services/index.ts","./src/services/smartqueries.ts","./src/services/smartrequests.ts","./src/services/sqlrequests.ts","./src/services/updatesqlrequests.ts","./src/services/requests/auth.ts","./src/services/requests/generic.ts","./src/services/requests/tracking.ts","./src/services/requests/userprofiles.ts","./src/services/requests/users.ts","./src/services/types/auth.ts","./src/services/types/base.ts","./src/services/types/generic.ts","./src/services/types/tracking.ts","./src/services/types/userprofiles.ts","./src/services/types/users.ts"],"version":"5.6.2"}
|
|
1
|
+
{"root":["./src/icons.tsx","./src/index.ts","./src/typings.d.ts","./src/components/index.ts","./src/components/auth/loginform.tsx","./src/components/auth/loginpage.tsx","./src/components/auth/passwordrecoveryform.tsx","./src/components/auth/passwordresetform.tsx","./src/components/auth/index.ts","./src/components/auth/styles.ts","./src/components/data/index.ts","./src/components/data/datagrid/datagridcell.tsx","./src/components/data/datagrid/datagridfooter.tsx","./src/components/data/datagrid/datagridheader.tsx","./src/components/data/datagrid/datagridheadercell.tsx","./src/components/data/datagrid/datagridrowtemplate.tsx","./src/components/data/datagrid/datagridtoolbar.tsx","./src/components/data/datagrid/constants.ts","./src/components/data/datagrid/index.tsx","./src/components/data/datagrid/styles.ts","./src/components/data/datagrid/types.ts","./src/components/data/datagrid/datagridcolumnsmodal/helpers.ts","./src/components/data/datagrid/datagridcolumnsmodal/hooks.tsx","./src/components/data/datagrid/datagridcolumnsmodal/index.tsx","./src/components/data/datagrid/datagridcolumnsmodal/styles.ts","./src/components/data/datagrid/datagrideditablecell/checkboxeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/dateeditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/numbereditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/texteditablecell.tsx","./src/components/data/datagrid/datagrideditablecell/index.tsx","./src/components/data/datagrid/datagrideditablecell/styles.ts","./src/components/data/datagrid/datagrideditablecell/types.ts","./src/components/data/datagrid/datagridfiltermenu/filtervaluesscroller.tsx","./src/components/data/datagrid/datagridfiltermenu/helpers.ts","./src/components/data/datagrid/datagridfiltermenu/hooks.tsx","./src/components/data/datagrid/datagridfiltermenu/index.tsx","./src/components/data/datagrid/datagridfiltermenu/styles.ts","./src/components/data/datagrid/filtermodalcontent/index.tsx","./src/components/data/datagrid/filtermodalcontent/styles.ts","./src/components/data/datagrid/helpers/columns.tsx","./src/components/data/datagrid/helpers/filters.ts","./src/components/data/datagrid/helpers/index.ts","./src/components/data/datagrid/hooks/index.ts","./src/components/data/datagrid/hooks/usedatagrid.tsx","./src/components/data/datagrid/hooks/usedatagridchangedrows.ts","./src/components/data/datagrid/hooks/usedatagridcopy.ts","./src/components/data/datagrid/hooks/usedatagridsettings.ts","./src/components/data/datagrid/hooks/userefreshmodal.tsx","./src/components/data/sqlrequestdatagrid/sqlrequestforeignlisteditablecell.tsx","./src/components/data/sqlrequestdatagrid/index.tsx","./src/components/data/sqlrequestdatagrid/styles.ts","./src/components/data/sqlrequestdatagrid/types.ts","./src/components/data/sqlrequestdatagrid/helpers/columns.tsx","./src/components/data/sqlrequestdatagrid/helpers/index.ts","./src/components/data/sqlrequestdatagrid/helpers/sqlrequests.ts","./src/components/data/sqlrequestforeignlist/index.tsx","./src/components/data/sqlrequestforeignlist/styles.ts","./src/components/data/sqlrequestforeignlist/types.ts","./src/components/data/sqlrequestgrid/index.tsx","./src/components/data/sqlrequestgrid/styles.ts","./src/components/data/sqlrequestgrid/types.ts","./src/components/data/sqlrequestgrid/filters/filterssidebar.tsx","./src/components/data/sqlrequestgrid/filters/styles.ts","./src/components/data/sqlrequestgrid/helpers/index.ts","./src/components/data/sqlrequestgrid/helpers/sqlrequests.ts","./src/components/data/virtualscroller/hooks.ts","./src/components/data/virtualscroller/index.tsx","./src/components/data/virtualscroller/styles.ts","./src/components/data/virtualscroller/types.ts","./src/components/forms/autotextarea.tsx","./src/components/forms/button.tsx","./src/components/forms/iconbutton.tsx","./src/components/forms/indeterminatecheckbox.tsx","./src/components/forms/numberinput.tsx","./src/components/forms/select.tsx","./src/components/forms/verticallabel.tsx","./src/components/forms/index.ts","./src/components/forms/styles.ts","./src/components/forms/form/checkbox.tsx","./src/components/forms/form/customselect.tsx","./src/components/forms/form/formgroup.tsx","./src/components/forms/form/input.tsx","./src/components/forms/form/row.tsx","./src/components/forms/form/select.tsx","./src/components/forms/form/textarea.tsx","./src/components/forms/form/index.tsx","./src/components/forms/form/styles.ts","./src/components/layout/columns.ts","./src/components/layout/flexbox.ts","./src/components/layout/index.ts","./src/components/layout/dropdown/index.tsx","./src/components/layout/dropdown/styles.ts","./src/components/layout/grid/index.tsx","./src/components/layout/grid/styles.ts","./src/components/layout/loading/index.tsx","./src/components/layout/loading/styles.ts","./src/components/layout/masonry/index.tsx","./src/components/layout/masonry/styles.ts","./src/components/layout/modal/index.tsx","./src/components/layout/modal/styles.ts","./src/components/search/highlightedtext.tsx","./src/components/search/quicksearchbar.tsx","./src/components/search/quicksearchresults.tsx","./src/components/search/index.ts","./src/components/search/styles.ts","./src/components/search/types.ts","./src/components/ui/ellipsis.tsx","./src/components/ui/label.tsx","./src/components/ui/index.ts","./src/components/ui/avatar/index.tsx","./src/components/ui/avatar/styles.ts","./src/components/ui/card/index.tsx","./src/components/ui/card/styles.ts","./src/components/ui/contextmenu/index.tsx","./src/components/ui/contextmenu/styles.ts","./src/components/ui/message/index.tsx","./src/components/ui/message/styles.ts","./src/components/ui/tabsview/tabslist.tsx","./src/components/ui/tabsview/tabsview.tsx","./src/components/ui/tabsview/index.ts","./src/components/ui/tabsview/styles.ts","./src/components/ui/tabsview/types.ts","./src/config/index.ts","./src/helpers/components.ts","./src/helpers/dates.ts","./src/helpers/getscrollbarsize.ts","./src/helpers/index.ts","./src/helpers/numbers.ts","./src/helpers/responsive.ts","./src/helpers/text.ts","./src/helpers/types.ts","./src/helpers/styled/space.ts","./src/helpers/styled/typography.ts","./src/hooks/index.ts","./src/hooks/usecontainermediaquery.ts","./src/hooks/useelementsize.ts","./src/hooks/usemediaquery.ts","./src/hooks/usemediaqueryforwidth.ts","./src/hooks/usemutablestate.ts","./src/hooks/useshowarchived.ts","./src/hooks/usewindowsize.ts","./src/providers/hooks.ts","./src/providers/index.ts","./src/providers/authenticationprovider/helpers.ts","./src/providers/authenticationprovider/index.tsx","./src/providers/loadingprovider/index.tsx","./src/providers/portalsprovider/index.tsx","./src/providers/portalsprovider/styles.ts","./src/providers/settingsprovider/index.tsx","./src/providers/themeprovider/themeprovider.ts","./src/providers/themeprovider/defaulttheme.ts","./src/providers/themeprovider/helpers.ts","./src/providers/themeprovider/index.ts","./src/providers/themeprovider/types.ts","./src/providers/toastprovider/index.tsx","./src/providers/trackingprovider/hooks.ts","./src/providers/trackingprovider/index.tsx","./src/providers/uiproviders/index.tsx","./src/providers/uiproviders/styles.ts","./src/services/httpservice.ts","./src/services/websocketservice.ts","./src/services/advancedrequests.ts","./src/services/base.ts","./src/services/globalsearch.ts","./src/services/hooks.ts","./src/services/index.ts","./src/services/smartqueries.ts","./src/services/smartrequests.ts","./src/services/sqlrequests.ts","./src/services/updatesqlrequests.ts","./src/services/requests/auth.ts","./src/services/requests/generic.ts","./src/services/requests/tracking.ts","./src/services/requests/userprofiles.ts","./src/services/requests/users.ts","./src/services/types/auth.ts","./src/services/types/base.ts","./src/services/types/generic.ts","./src/services/types/tracking.ts","./src/services/types/userprofiles.ts","./src/services/types/users.ts"],"version":"5.6.2"}
|