@rolster/react-components 18.26.20 → 18.26.22

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.
@@ -162,7 +162,7 @@
162
162
  --pvt-button-ripple-background: var(--rls-theme-font-900);
163
163
  }
164
164
  .rls-button__content--gradient {
165
- --rlc-spinner-color: var(--pvt-gradiunt-font-color);
165
+ --rlc-spinner-color: var(--pvt-gradient-font-color);
166
166
  --pvt-button-content-font-color: var(--pvt-gradient-font-color);
167
167
  --pvt-button-content-background: var(--pvt-gradient-background);
168
168
  --pvt-button-content-border: var(--pvt-gradient-border);
@@ -1,9 +1,9 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { RlsComponent } from '../../definitions';
3
- import './Datatable.css';
4
3
  interface DatatableProps extends RlsComponent {
5
4
  footer?: ReactNode;
6
5
  header?: ReactNode;
6
+ resizable?: boolean;
7
7
  summary?: ReactNode;
8
8
  table?: HTMLTableSectionElement;
9
9
  toolbar?: ReactNode;
@@ -28,7 +28,7 @@ interface DatatableFloatingProps extends RlsComponent {
28
28
  className?: string;
29
29
  invested?: boolean;
30
30
  }
31
- export declare function RlsDatatable({ children, footer, header, identifier, rlsTheme, summary, table, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
31
+ export declare function RlsDatatable({ children, footer, header, identifier, rlsTheme, resizable, summary, table, toolbar }: DatatableProps): import("react/jsx-runtime").JSX.Element;
32
32
  export declare function RlsDatatableHeader({ children, identifier, rlsTheme }: RlsComponent): import("react/jsx-runtime").JSX.Element;
33
33
  export declare function RlsDatatableTitle({ children, className, control, identifier, rlsTheme }: DatatableCellProps): import("react/jsx-runtime").JSX.Element;
34
34
  export declare function RlsDatatableSubheader({ children, className, identifier, rlsTheme }: DatatableSubheaderProps): import("react/jsx-runtime").JSX.Element;
@@ -2,14 +2,14 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { useMemo } from 'react';
3
3
  import { useDatatable } from '../../../controllers/DatatableController';
4
4
  import { renderClassStatus } from '../../../helpers/css';
5
- import './Datatable.css';
6
- export function RlsDatatable({ children, footer, header, identifier, rlsTheme, summary, table, toolbar }) {
5
+ export function RlsDatatable({ children, footer, header, identifier, rlsTheme, resizable, summary, table, toolbar }) {
7
6
  const datatable = useDatatable(table);
8
7
  const className = useMemo(() => {
9
8
  return renderClassStatus('rls-datatable', {
10
- scrolleable: datatable?.scrolleable
9
+ resizable,
10
+ scrolleable: resizable && datatable?.scrolleable
11
11
  });
12
- }, [datatable]);
12
+ }, [resizable, datatable.scrolleable]);
13
13
  return (_jsxs("div", { className: className, "rls-theme": rlsTheme, children: [toolbar && _jsx("div", { className: "rls-datatable__toolbar", children: toolbar }), _jsx("div", { className: "rls-datatable__table", children: _jsxs("table", { id: identifier, children: [header && _jsx("thead", { className: "rls-datatable__head", children: header }), _jsx("tbody", { ref: datatable?.refTable, className: "rls-datatable__body", children: children })] }) }), summary && _jsx("div", { className: "rls-datatable__summary", children: summary }), footer && _jsx("div", { className: "rls-datatable__footer", children: footer })] }));
14
14
  }
15
15
  export function RlsDatatableHeader({ children, identifier, rlsTheme }) {
@@ -1 +1 @@
1
- {"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Datatable.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/Datatable.tsx"],"names":[],"mappings":"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"}
@@ -45,12 +45,13 @@ export function RlsFieldAutocompleteTemplate(props) {
45
45
  props.readOnly,
46
46
  disabled
47
47
  ]);
48
- const classNameList = useMemo(() => {
48
+ const classNameSuggestions = useMemo(() => {
49
49
  return renderClassStatus('rls-field-list__suggestions', {
50
+ disabled,
50
51
  higher: autocomplete.higher,
51
52
  visible: autocomplete.modalIsVisible
52
53
  });
53
- }, [autocomplete.higher, autocomplete.modalIsVisible]);
54
+ }, [autocomplete.higher, autocomplete.modalIsVisible, disabled]);
54
55
  const onChangePattern = useCallback((event) => {
55
56
  autocomplete.setPattern(event.target.value);
56
57
  }, [autocomplete.setPattern]);
@@ -61,7 +62,7 @@ export function RlsFieldAutocompleteTemplate(props) {
61
62
  event.key === 'Enter' && onSearch && onSearch(autocomplete.pattern);
62
63
  autocomplete.onKeydownInput(event);
63
64
  }, [autocomplete.onKeydownInput, onSearch, autocomplete.pattern]);
64
- return (_jsxs("div", { id: props.identifier, ref: autocomplete.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-list__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), !props.readOnly && (_jsx("button", { className: "rls-field-list__action", disabled: disabled, onClick: autocomplete.onClickAction, children: _jsx(RlsIcon, { value: autocomplete.value ? 'trash-2' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameList, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: autocomplete.refList, className: "rls-field-list__ul", children: [_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { ref: autocomplete.refInput, className: "rls-field-list__ul__control", type: "text", placeholder: labels.listInputPlaceholder, value: autocomplete.pattern, onChange: onChangePattern, onFocus: autocomplete.onFocusInput, onBlur: autocomplete.onBlurInput, onKeyDown: onKeyDownPattern, disabled: disabled || searching }), onSearch && (_jsx("button", { disabled: disabled || searching, onClick: onClickPattern, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), autocomplete.coincidences.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: autocomplete.onClickElement(element), onKeyDown: autocomplete.onKeydownElement(element), children: render(element) }, index))), !autocomplete.coincidences.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: autocomplete.onClickBackdrop })] })] }));
65
+ return (_jsxs("div", { id: props.identifier, ref: autocomplete.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { className: "rls-field-list__control", readOnly: true, disabled: disabled, placeholder: placeholder, value: autocomplete.value, onClick: autocomplete.onClickControl }), !props.readOnly && (_jsx("button", { className: "rls-field-list__action", disabled: disabled, onClick: autocomplete.onClickAction, children: _jsx(RlsIcon, { value: autocomplete.value ? 'trash-2' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameSuggestions, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: autocomplete.refList, className: "rls-field-list__ul", children: [_jsxs("div", { className: "rls-field-list__ul__search", children: [_jsx("input", { ref: autocomplete.refInput, className: "rls-field-list__ul__control", type: "text", placeholder: labels.listInputPlaceholder, value: autocomplete.pattern, onChange: onChangePattern, onFocus: autocomplete.onFocusInput, onBlur: autocomplete.onBlurInput, onKeyDown: onKeyDownPattern, disabled: disabled || searching }), onSearch && (_jsx("button", { disabled: disabled || searching, onClick: onClickPattern, children: _jsx(RlsIcon, { value: "search" }) }))] }), searching && _jsx(RlsProgressBar, { indeterminate: true }), autocomplete.coincidences.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: autocomplete.onClickElement(element), onKeyDown: autocomplete.onKeydownElement(element), children: render(element) }, index))), !autocomplete.coincidences.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: autocomplete.onClickBackdrop })] })] }));
65
66
  }
66
67
  export function RlsFieldAutocomplete(props) {
67
68
  const render = useCallback((element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
@@ -1 +1 @@
1
- {"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FieldAutocomplete.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldAutocomplete/FieldAutocomplete.tsx"],"names":[],"mappings":"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"}
@@ -40,13 +40,14 @@ export function RlsFieldSelectTemplate(props) {
40
40
  props.readOnly,
41
41
  disabled
42
42
  ]);
43
- const classNameList = useMemo(() => {
43
+ const classNameSuggestions = useMemo(() => {
44
44
  return renderClassStatus('rls-field-list__suggestions', {
45
+ disabled,
45
46
  higher: select.higher,
46
47
  visible: select.modalIsVisible
47
48
  });
48
- }, [select.modalIsVisible, select.higher]);
49
- return (_jsxs("div", { id: props.identifier, ref: select.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { ref: select.refInput, className: "rls-field-list__control", readOnly: true, placeholder: placeholder, value: select.value, onFocus: select.onFocusInput, onBlur: select.onBlurInput, onClick: select.onClickInput, onKeyDown: select.onKeydownInput, disabled: disabled }), !props.readOnly && (_jsx("button", { className: 'rls-field-list__action', disabled: disabled, onClick: select.onClickAction, children: _jsx(RlsIcon, { value: !unremovable && !!select.value ? 'close' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameList, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: select.refList, className: "rls-field-list__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: select.onClickElement(element), onKeyDown: select.onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: select.onClickBackdrop })] })] }));
49
+ }, [select.modalIsVisible, select.higher, disabled]);
50
+ return (_jsxs("div", { id: props.identifier, ref: select.refContent, className: className, "rls-theme": rlsTheme, children: [children && _jsx("span", { className: "rls-field-box__label", children: children }), _jsx("div", { className: "rls-field-box__component", children: _jsxs("div", { className: "rls-field-box__body", children: [_jsx("input", { ref: select.refInput, className: "rls-field-list__control", readOnly: true, placeholder: placeholder, value: select.value, onFocus: select.onFocusInput, onBlur: select.onBlurInput, onClick: select.onClickInput, onKeyDown: select.onKeydownInput, disabled: disabled }), !props.readOnly && (_jsx("button", { className: 'rls-field-list__action', disabled: disabled, onClick: select.onClickAction, children: _jsx(RlsIcon, { value: !unremovable && !!select.value ? 'close' : 'arrow-ios-down' }) }))] }) }), !msgErrorDisabled && (_jsx(RlsMessageFormError, { className: "rls-field-box__error", formControl: formControl })), _jsxs("div", { className: classNameSuggestions, children: [_jsx("div", { className: "rls-field-list__suggestions__body", children: _jsxs("ul", { ref: select.refList, className: "rls-field-list__ul", children: [suggestions.map((element, index) => (_jsx("li", { className: "rls-field-list__element", tabIndex: -1, onClick: select.onClickElement(element), onKeyDown: select.onKeydownElement(element), children: render(element) }, index))), !suggestions.length && (_jsx("li", { className: "rls-field-list__empty", children: _jsxs("div", { className: "rls-field-list__empty__description", children: [_jsx("label", { className: "rls-label-bold rls-truncate", children: labels.listEmptyTitle }), _jsx("p", { className: "rls-caption-regular", children: labels.listEmptyDescription })] }) }))] }) }), _jsx("div", { className: "rls-field-list__backdrop", onClick: select.onClickBackdrop })] })] }));
50
51
  }
51
52
  export function RlsFieldSelect(props) {
52
53
  const render = useCallback((element) => (_jsx(RlsBallot, { subtitle: element.subtitle, img: element.img, initials: element.initials, children: _jsx("span", { children: element.title }) })), []);
@@ -1 +1 @@
1
- {"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FieldSelect.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelect.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/react-components",
3
- "version": "18.26.20",
3
+ "version": "18.26.22",
4
4
  "type": "module",
5
5
  "description": "Package containing UI components for React Project.",
6
6
  "module": "dist/esm/index.js",
@@ -49,7 +49,7 @@
49
49
  "@rollup/plugin-node-resolve": "^15.2.1",
50
50
  "@rollup/plugin-typescript": "^11.1.3",
51
51
  "@rolster/rollup": "^1.0.8",
52
- "@rolster/styles-foundations": "^2.6.12",
52
+ "@rolster/styles-foundations": "^2.6.14",
53
53
  "@rolster/types": "^1.1.0",
54
54
  "@types/node-sass": "^4.11.4",
55
55
  "@types/react": "^18.0.28",
@@ -1,361 +0,0 @@
1
- .rls-datatable {
2
- --pvt-datatable-font-size: var(
3
- --rlc-datatable-font-size,
4
- var(--rls-label-font-size)
5
- );
6
- --pvt-datatable-letter-spacing: var(
7
- --rlc-datatable-letter-spacing,
8
- var(--rls-label-letter-spacing)
9
- );
10
- --pvt-datatable-font-color: var(
11
- --rlc-datatable-font-color,
12
- var(--rls-app-color-900)
13
- );
14
- --pvt-datatable-header-background: var(
15
- --rlc-datatable-header-background,
16
- var(--rls-app-color-100)
17
- );
18
- --pvt-datatable-record-background: var(
19
- --rlc-datatable-record-background,
20
- transparent
21
- );
22
- --pvt-datatable-padding-component: 0rem;
23
- --pvt-datatable-padding-scroll: var(--rlc-datatable-padding-scroll, 0rem);
24
- --pvt-datatable-header-padding-right: var(--pvt-datatable-padding-scroll);
25
- --pvt-datatable-floating-background: var(--rls-app-color-100);
26
- --rlc-amount-font-size: var(--pvt-datatable-font-size);
27
- --rlc-amount-width: 100%;
28
- --rlc-badge-padding: 0.5rem 1.5rem;
29
- --rlc-ballot-padding: 0rem;
30
- --rlc-ballot-component-row-gap: var(--rls-sizing-x1);
31
- --rlc-ballot-title-letter-spacing: var(--rls-smalltext-letter-spacing);
32
- --rlc-ballot-title-font-size: var(--rls-smalltext-font-size);
33
- --rlc-ballot-title-height: var(--rls-smalltext-line-height);
34
- --rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
35
- --rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
36
- --rlc-ballot-subtitle-height: var(--rls-overline-line-height);
37
- --rlc-field-box-body-background: transparent;
38
- --rlc-field-box-padding: 0rem;
39
- --rlc-field-box-width: 100%;
40
- --rlc-field-box-error-display: none;
41
- --rlc-field-box-label-display: none;
42
- --rlc-input-font-size: var(--pvt-datatable-font-size);
43
- --rlc-input-letter-spacing: var(--pvt-datatable-letter-spacing);
44
- --rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
45
- position: relative;
46
- display: flex;
47
- width: 100%;
48
- height: var(--rlc-datatable-height, auto);
49
- flex-direction: column;
50
- row-gap: var(--rls-sizing-x6);
51
- border-radius: var(--rls-sizing-x4);
52
- box-sizing: border-box;
53
- }
54
- .rls-datatable--scrolleable {
55
- --pvt-datatable-padding-scroll: var(--rls-sizing-x4);
56
- --pvt-datatable-header-padding-right: calc(
57
- var(--pvt-datatable-padding-scroll) +
58
- var(--rlc-datatable-width-scroll, var(--rls-sizing-x4))
59
- );
60
- --pvt-datatable-padding-component: 0rem
61
- calc(var(--pvt-datatable-padding-scroll) + 5rem) 0rem 0rem;
62
- }
63
- .rls-datatable__toolbar {
64
- display: flex;
65
- flex: 0 0 auto;
66
- column-gap: var(--rls-sizing-x6);
67
- padding: var(--pvt-datatable-padding-component);
68
- box-sizing: border-box;
69
- background: var(--pvt-datatable-header-background);
70
- border-radius: var(--rls-sizing-x4);
71
- }
72
- .rls-datatable__table {
73
- display: flex;
74
- flex: 0 1 auto;
75
- overflow: hidden;
76
- }
77
- .rls-datatable__table > table {
78
- display: flex;
79
- width: 100%;
80
- flex-direction: column;
81
- row-gap: var(--rls-sizing-x4);
82
- border-spacing: 0;
83
- border-collapse: collapse;
84
- }
85
- .rls-datatable__head {
86
- flex: 0 0 auto;
87
- width: 100%;
88
- padding-right: var(--pvt-datatable-header-padding-right);
89
- box-sizing: border-box;
90
- }
91
- .rls-datatable__header {
92
- display: flex;
93
- column-gap: var(--rls-sizing-x6);
94
- padding: 0rem var(--rls-sizing-x6);
95
- box-sizing: border-box;
96
- background: var(--pvt-datatable-header-background);
97
- border: var(--rls-app-border-1-200);
98
- border-radius: var(--rls-sizing-x4);
99
- }
100
- .rls-datatable__header .rls-poster {
101
- width: calc(100% - var(--rls-sizing-x2));
102
- margin: auto 0rem;
103
- overflow: hidden;
104
- text-overflow: ellipsis;
105
- white-space: nowrap;
106
- }
107
- .rls-datatable__title {
108
- position: relative;
109
- display: flex;
110
- height: var(--rls-sizing-x20);
111
- line-height: var(--rls-sizing-x20);
112
- color: var(--rls-app-color-700);
113
- font-weight: var(
114
- --rlc-datatable-header-font-weight,
115
- var(--rls-font-weight-semibold)
116
- );
117
- font-size: var(--pvt-datatable-font-size);
118
- letter-spacing: var(--pvt-datatable-letter-spacing);
119
- text-align: left;
120
- overflow: hidden;
121
- white-space: nowrap;
122
- }
123
- .rls-datatable__title--control {
124
- --rlc-action-ripple-dimension: var(--rls-sizing-x16);
125
- --rlc-action-ripple-position: -8rem;
126
- --rlc-avatar-radius: var(--rls-sizing-x3);
127
- --rlc-avatar-width: var(--rls-sizing-x16);
128
- --rlc-avatar-height: var(--rls-sizing-x16);
129
- --rlc-avatar-font-size: var(--pvt-datatable-font-size);
130
- --rlc-image-width: var(--rls-sizing-x12);
131
- --rlc-image-height: var(--rls-sizing-x12);
132
- --rlc-switch-max-width: var(--rls-sizing-x16);
133
- --rlc-switch-component-height: var(--rls-sizing-x8);
134
- --rlc-switch-element-width: var(--rls-sizing-x6);
135
- --rlc-switch-element-height: var(--rls-sizing-x4);
136
- --rlc-switch-element-radius: var(--rls-sizing-x4);
137
- display: flex;
138
- justify-content: center;
139
- align-items: center;
140
- width: var(--rls-sizing-x24);
141
- padding: 0rem;
142
- }
143
- .rls-datatable__title--control > img {
144
- width: var(--rls-sizing-x12);
145
- }
146
- .rls-datatable__title > span {
147
- display: block;
148
- width: 100%;
149
- text-overflow: ellipsis;
150
- overflow: hidden;
151
- }
152
- .rls-datatable__body {
153
- display: flex;
154
- flex: 1 1 auto;
155
- flex-direction: column;
156
- row-gap: var(--rls-sizing-x6);
157
- padding-right: var(--pvt-datatable-padding-scroll);
158
- box-sizing: border-box;
159
- overflow-y: auto;
160
- }
161
- .rls-datatable__subheader,
162
- .rls-datatable__record,
163
- .rls-datatable__totals {
164
- position: relative;
165
- display: flex;
166
- column-gap: var(--rls-sizing-x6);
167
- padding: 0rem var(--rls-sizing-x6);
168
- box-sizing: border-box;
169
- background: var(--pvt-datatable-record-background);
170
- border: var(--rls-app-border-1-200);
171
- border-radius: var(--rls-sizing-x4);
172
- }
173
- .rls-datatable__subheader--success,
174
- .rls-datatable__record--success,
175
- .rls-datatable__totals--success {
176
- --pvt-datatable-floating-background: var(--rls-success-color-100);
177
- background: var(--rls-success-color-050);
178
- border: var(--rls-success-border-1-200);
179
- }
180
- .rls-datatable__subheader--info,
181
- .rls-datatable__record--info,
182
- .rls-datatable__totals--info {
183
- --pvt-datatable-floating-background: var(--rls-info-color-100);
184
- background: var(--rls-info-color-050);
185
- border: var(--rls-info-border-1-200);
186
- }
187
- .rls-datatable__subheader--warning,
188
- .rls-datatable__record--warning,
189
- .rls-datatable__totals--warning {
190
- --pvt-datatable-floating-background: var(--rls-warning-color-100);
191
- background: var(--rls-warning-color-050);
192
- border: var(--rls-warning-border-1-200);
193
- }
194
- .rls-datatable__subheader--error,
195
- .rls-datatable__record--error,
196
- .rls-datatable__totals--error {
197
- --pvt-datatable-floating-background: var(--rls-danger-color-100);
198
- background: var(--rls-danger-color-050);
199
- border: var(--rls-danger-border-1-200);
200
- }
201
- .rls-datatable__subheader--contained,
202
- .rls-datatable__record--contained,
203
- .rls-datatable__totals--contained {
204
- overflow: hidden;
205
- }
206
- .rls-datatable__subheader {
207
- position: sticky;
208
- top: 0px;
209
- z-index: var(--rls-z-index-4);
210
- background: rgba(241, 238, 247, 0.8);
211
- backdrop-filter: blur(2px);
212
- }
213
- .rls-datatable__cell,
214
- .rls-datatable__data {
215
- --rlc-field-box-body-background: transparent;
216
- --rlc-field-box-body-background-focused: transparent;
217
- --rlc-field-box-body-background-disabled: transparent;
218
- --rlc-field-box-body-padding: 0rem;
219
- --rlc-field-box-body-border: none;
220
- --rlc-field-box-body-border-focused: none;
221
- --rlc-field-box-body-border-error: none;
222
- --rlc-field-box-body-border-disabled: none;
223
- --rlc-field-box-body-shadow: none;
224
- --rlc-field-box-body-shadow-error: none;
225
- --rlc-field-box-action-background: transparent;
226
- --rlc-field-list-control-font-size: var(--pvt-datatable-font-size);
227
- --rlc-field-list-control-font-weight: var(--rls-font-weight-medium);
228
- --rlc-field-list-control-letter-spacing: var(--rls-body-letter-spacing);
229
- --rlc-field-list-element-padding: var(--rls-sizing-x4);
230
- --rlc-field-list-suggestions-bottom: var(--rls-sizing-x24);
231
- --rlc-field-list-suggestions-top: var(--rls-sizing-x24);
232
- --rlc-poster-font-size: var(--pvt-datatable-font-size);
233
- --rlc-poster-width: calc(100% - var(--rls-sizing-x2));
234
- --rlc-poster-height: var(--rls-sizing-x8);
235
- --rlc-poster-padding: var(--rls-sizing-x2);
236
- position: relative;
237
- display: flex;
238
- align-items: center;
239
- cursor: default;
240
- text-align: left;
241
- min-height: var(--rls-sizing-x20);
242
- font-weight: var(--rls-font-weight-regular);
243
- color: var(--pvt-datatable-font-color);
244
- font-size: var(--pvt-datatable-font-size);
245
- letter-spacing: var(--pvt-datatable-letter-spacing);
246
- }
247
- .rls-datatable__cell--contained,
248
- .rls-datatable__data--contained {
249
- overflow: hidden;
250
- }
251
- .rls-datatable__cell--control,
252
- .rls-datatable__data--control {
253
- --rlc-action-ripple-dimension: var(--rls-sizing-x16);
254
- --rlc-action-ripple-position: -8rem;
255
- --rlc-avatar-radius: var(--rls-sizing-x3);
256
- --rlc-avatar-width: var(--rls-sizing-x16);
257
- --rlc-avatar-height: var(--rls-sizing-x16);
258
- --rlc-avatar-font-size: var(--pvt-datatable-font-size);
259
- --rlc-image-width: var(--rls-sizing-x12);
260
- --rlc-image-height: var(--rls-sizing-x12);
261
- --rlc-switch-max-width: var(--rls-sizing-x16);
262
- --rlc-switch-component-height: var(--rls-sizing-x8);
263
- --rlc-switch-element-width: var(--rls-sizing-x6);
264
- --rlc-switch-element-height: var(--rls-sizing-x4);
265
- --rlc-switch-element-radius: var(--rls-sizing-x4);
266
- display: flex;
267
- justify-content: center;
268
- align-items: center;
269
- width: var(--rls-sizing-x24);
270
- padding: 0rem;
271
- }
272
- .rls-datatable__cell--control > img,
273
- .rls-datatable__data--control > img {
274
- width: var(--rls-sizing-x12);
275
- }
276
- .rls-datatable__cell.rls-align-center,
277
- .rls-datatable__data.rls-align-center {
278
- justify-content: center;
279
- }
280
- .rls-datatable__cell > span,
281
- .rls-datatable__data > span {
282
- display: block;
283
- width: 100%;
284
- white-space: nowrap;
285
- text-overflow: ellipsis;
286
- overflow: hidden;
287
- }
288
- .rls-datatable__cell > p,
289
- .rls-datatable__data > p {
290
- padding: var(--rls-sizing-x2) 0rem;
291
- }
292
- .rls-datatable__cell .rls-field-list,
293
- .rls-datatable__data .rls-field-list {
294
- --rlc-field-box-body-padding: var(--rls-sizing-x4) 0rem;
295
- --rlc-field-box-action-dimension: var(--rls-sizing-x10);
296
- }
297
- .rls-datatable__cell .rls-poster,
298
- .rls-datatable__data .rls-poster {
299
- overflow: hidden;
300
- text-overflow: ellipsis;
301
- white-space: nowrap;
302
- }
303
- .rls-datatable__cell > a:hover,
304
- .rls-datatable__data > a:hover {
305
- color: var(--rls-app-color-700);
306
- text-decoration: underline;
307
- }
308
- .rls-datatable__floating {
309
- --pvt-action-tooltip-left: 0;
310
- --pvt-action-tooltip-right: initial;
311
- --pvt-action-tooltip-transform: translate(calc(-100% - var(--rls-sizing-x4)));
312
- position: absolute;
313
- display: flex;
314
- left: initial;
315
- right: 0;
316
- height: 100%;
317
- column-gap: 4rem;
318
- align-items: center;
319
- z-index: var(--rls-z-index-2);
320
- padding: 0rem var(--rls-sizing-x6);
321
- background: var(--pvt-datatable-floating-background);
322
- border-right: none;
323
- transform: translateX(calc(100% - var(--rls-sizing-x4)));
324
- transition: transform 240ms var(--rls-standard-curve);
325
- }
326
- .rls-datatable__floating:hover {
327
- transform: translateX(0);
328
- }
329
- .rls-datatable__floating--invested {
330
- --pvt-action-tooltip-left: initial;
331
- --pvt-action-tooltip-right: 0;
332
- --pvt-action-tooltip-transform: translate(calc(100% + var(--rls-sizing-x4)));
333
- right: initial;
334
- left: 0;
335
- transform: translateX(calc(-100% + var(--rls-sizing-x4)));
336
- }
337
- .rls-datatable__floating[rls-theme] {
338
- background: var(--rls-theme-color-050);
339
- }
340
- .rls-datatable__floating .rls-button-action__tooltip {
341
- top: 0;
342
- left: var(--pvt-action-tooltip-left);
343
- right: var(--pvt-action-tooltip-right);
344
- transform: var(--pvt-action-tooltip-transform);
345
- z-index: var(--rls-z-index-2);
346
- }
347
- .rls-datatable__summary {
348
- --pvt-datatable-record-background: var(--rls-app-color-100);
349
- flex: 0 0 auto;
350
- padding-right: var(--pvt-datatable-header-padding-right);
351
- box-sizing: border-box;
352
- }
353
- .rls-datatable__footer {
354
- --pvt-datatable-record-background: var(--rls-app-color-100);
355
- position: relative;
356
- flex: 0 0 auto;
357
- width: 100%;
358
- padding: var(--pvt-datatable-padding-component);
359
- box-sizing: border-box;
360
- overflow: hidden;
361
- } /*# sourceMappingURL=DataTable.css.map */
@@ -1 +0,0 @@
1
- {"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/Datatable/DataTable.scss"],"names":[],"mappings":"AA0GA,eACE,wFAKA,uGAKA,wFAKA,sGAKA,yFAKA,wCACA,0EACA,0EACA,8DAEA,uDACA,yBAEA,mCAEA,2BACA,qDACA,uEACA,6DACA,4DACA,yEACA,+DACA,8DAEA,6CACA,8BACA,4BACA,oCACA,oCAEA,sDACA,gEAEA,qDAEA,kBACA,aACA,WACA,yCACA,sBACA,6BACA,mCACA,sBAEA,4BACE,qDAEA,4IAKA,mGAIF,wBACE,aACA,cACA,gCACA,+CACA,sBACA,kDACA,mCAGF,sBACE,aACA,cACA,gBAEA,4BACE,aACA,WACA,sBACA,6BACA,iBACA,yBAIJ,qBACE,cACA,WACA,wDACA,sBAGF,uBACE,aACA,gCACA,kCACA,sBACA,kDACA,mCACA,mCAEA,mCACE,wCACA,iBACA,gBACA,uBACA,mBAIJ,sBACE,kBACA,aACA,6BACA,kCACA,+BACA,qFAIA,yCACA,mDACA,gBACA,gBACA,mBAEA,+BAvNF,qDACA,oCAEA,0CACA,0CACA,2CACA,uDAEA,yCACA,0CAEA,8CACA,oDACA,iDACA,kDACA,kDAEA,aACA,uBACA,mBACA,4BACA,aAEA,mCACE,4BAmMA,2BACE,cACA,WACA,uBACA,gBAIJ,qBACE,aACA,cACA,sBACA,6BACA,kDACA,sBACA,gBAGF,wEAGE,kBACA,aACA,gCACA,kCACA,sBACA,kDACA,mCACA,mCAEA,mGACE,kEAEA,wCACA,uCAGF,0FACE,+DAEA,qCACA,oCAGF,mGACE,kEAEA,wCACA,uCAGF,6FACE,iEAEA,uCACA,sCAGF,yGACE,gBAIJ,0BACE,gBACA,QACA,6BACA,gCACA,0BAGF,0CA5TA,6CACA,qDACA,sDACA,mCACA,kCACA,0CACA,wCACA,2CACA,kCACA,wCACA,+CAEA,mEACA,oEACA,wEACA,uDACA,2DACA,wDAEA,uDACA,sDACA,0CACA,2CA0SE,kBACA,aACA,mBACA,eACA,gBACA,iCACA,2CACA,sCACA,yCACA,mDAlRF,gEACE,gBAGF,4DAjCA,qDACA,oCAEA,0CACA,0CACA,2CACA,uDAEA,yCACA,0CAEA,8CACA,oDACA,iDACA,kDACA,kDAEA,aACA,uBACA,mBACA,4BACA,aAEA,oEACE,4BAaF,4EACE,uBAGF,oDACE,cACA,WACA,mBACA,uBACA,gBAGF,8CACE,kCAGF,0EACE,wDACA,wDAGF,kEACE,gBACA,uBACA,mBAIA,0DACE,+BACA,0BAiPJ,yBACE,6BACA,oCACA,gFAIA,kBACA,aACA,aACA,QACA,YACA,gBACA,mBACA,6BACA,kCACA,oDACA,kBACA,wDACA,qDAEA,+BACE,wBAGF,mCACE,mCACA,8BACA,+EAIA,cACA,OACA,yDAGF,oCACE,sCAGF,qDACE,MACA,oCACA,sCACA,8CACA,6BAIJ,wBACE,4DAEA,cACA,wDACA,sBAGF,uBACE,4DAEA,kBACA,cACA,WACA,+CACA,sBACA","file":"DataTable.css"}