linear-react-components-ui 1.1.3-beta.3 → 1.1.3
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/.eslintcache +1 -1
- package/lib/@types/Align.d.ts +1 -1
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +1 -1
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/@types/StorageMock.d.ts +1 -1
- package/lib/alerts/types.d.ts +1 -1
- package/lib/assets/styles/button.scss +9 -11
- package/lib/assets/styles/table.scss +1 -2
- package/lib/avatar/types.d.ts +1 -1
- package/lib/badge/types.d.ts +1 -1
- package/lib/buttons/DefaultButton.js +11 -29
- package/lib/buttons/types.d.ts +1 -2
- package/lib/calendar/types.d.ts +1 -1
- package/lib/checkbox/index.js +1 -1
- package/lib/checkbox/types.d.ts +1 -1
- package/lib/dialog/types.d.ts +1 -1
- package/lib/drawer/types.d.ts +1 -1
- package/lib/dropdown/types.d.ts +1 -1
- package/lib/fieldset/types.d.ts +1 -1
- package/lib/form/Field.d.ts +1 -1
- package/lib/form/FieldArray.js +26 -12
- package/lib/form/index.js +7 -6
- package/lib/form/types.d.ts +3 -4
- package/lib/gridlayout/types.d.ts +1 -1
- package/lib/hint/types.d.ts +1 -1
- package/lib/icons/types.d.ts +1 -1
- package/lib/inputs/base/InputTextBase.js +2 -1
- package/lib/inputs/base/types.d.ts +1 -1
- package/lib/inputs/color/types.d.ts +1 -1
- package/lib/inputs/date/index.js +38 -26
- package/lib/inputs/date/types.d.ts +1 -1
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/mask/Cpf.js +1 -0
- package/lib/inputs/mask/imaskHOC.js +4 -2
- package/lib/inputs/mask/types.d.ts +1 -1
- package/lib/inputs/multiSelect/types.d.ts +1 -1
- package/lib/inputs/number/types.d.ts +1 -1
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/select/types.d.ts +1 -1
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/types.d.ts +1 -1
- package/lib/inputs/types.d.ts +1 -1
- package/lib/internals/types.d.ts +2 -5
- package/lib/internals/withTooltip.d.ts +2 -3
- package/lib/internals/withTooltip.js +8 -19
- package/lib/labelMessages/types.d.ts +1 -1
- package/lib/labels/types.d.ts +1 -1
- package/lib/list/Item.js +5 -24
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/index.d.ts +10 -10
- package/lib/menus/float/types.d.ts +1 -1
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/panel/types.d.ts +1 -1
- package/lib/popover/types.d.ts +1 -1
- package/lib/progress/types.d.ts +1 -1
- package/lib/radio/types.d.ts +1 -1
- package/lib/shortcuts/types.d.ts +1 -1
- package/lib/skeleton/types.d.ts +1 -1
- package/lib/spinner/types.d.ts +1 -1
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/types.d.ts +1 -1
- package/lib/table/RowColumn.js +8 -6
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/types.d.ts +1 -1
- package/lib/toolbar/types.d.ts +1 -2
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treeview/types.d.ts +1 -1
- package/lib/{types.d-DvJcBS8L.d.ts → types.d-73cece43.d.ts} +1 -1
- package/lib/uitour/index.d.ts +1 -2
- package/lib/uitour/index.js +4 -57
- package/lib/uitour/types.d.ts +1 -9
- package/package.json +1 -1
package/lib/inputs/date/index.js
CHANGED
|
@@ -98,27 +98,41 @@ const DatePicker = props => {
|
|
|
98
98
|
setShowCalendar(false);
|
|
99
99
|
}
|
|
100
100
|
};
|
|
101
|
-
const
|
|
102
|
-
if (
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
101
|
+
const isValidDate = date => {
|
|
102
|
+
if (typeof date === 'object' && !(date instanceof Date)) {
|
|
103
|
+
const initialValid = (0, _moment.default)(date.initial, _helpers.PT_BR_FORMAT, true).isValid();
|
|
104
|
+
const finalValid = (0, _moment.default)(date.final, _helpers.PT_BR_FORMAT, true).isValid();
|
|
105
|
+
return initialValid && finalValid;
|
|
106
|
+
}
|
|
107
|
+
return (0, _moment.default)(date, _helpers.PT_BR_FORMAT, true).isValid();
|
|
108
|
+
};
|
|
109
|
+
const onInputChange = function (event) {
|
|
110
|
+
let valueInput = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
111
|
+
if (typeof valueInput === 'string') {
|
|
112
|
+
var _event$target$value;
|
|
113
|
+
const date = (_event$target$value = event.target.value) !== null && _event$target$value !== void 0 ? _event$target$value : '';
|
|
114
|
+
console.log('date >>>', props.onChange);
|
|
115
|
+
if (props.onChange) {
|
|
116
|
+
if (isValidDate(date)) {
|
|
117
|
+
const newValue = (0, _moment.default)(date, _helpers.PT_BR_FORMAT).format(_helpers.EN_US_FORMAT);
|
|
118
|
+
const obj = {
|
|
119
|
+
target: {
|
|
120
|
+
value: newValue,
|
|
121
|
+
name: event.target.name
|
|
122
|
+
}
|
|
123
|
+
};
|
|
124
|
+
props.onChange(obj, date);
|
|
125
|
+
} else if (event.target.value === '') {
|
|
126
|
+
const obj = {
|
|
127
|
+
target: {
|
|
128
|
+
value: '',
|
|
129
|
+
name: event.target.name
|
|
130
|
+
}
|
|
131
|
+
};
|
|
132
|
+
props.onChange(obj, date);
|
|
133
|
+
setShowCalendar(false);
|
|
134
|
+
setValueState(undefined);
|
|
135
|
+
}
|
|
122
136
|
}
|
|
123
137
|
}
|
|
124
138
|
};
|
|
@@ -217,19 +231,17 @@ const DatePicker = props => {
|
|
|
217
231
|
value: !valueState ? ' ' : valueState.format(_helpers.PT_BR_FORMAT),
|
|
218
232
|
isDateField: true,
|
|
219
233
|
mask: "00/00/0000",
|
|
220
|
-
onComplete: (e, date) => {
|
|
234
|
+
onComplete: (e, __, date) => {
|
|
221
235
|
if (date) {
|
|
222
236
|
setValue(date, e);
|
|
223
237
|
}
|
|
224
238
|
},
|
|
225
|
-
onBlur:
|
|
226
|
-
onInputBlur(e);
|
|
227
|
-
},
|
|
239
|
+
onBlur: onInputBlur,
|
|
228
240
|
onFocus: e => {
|
|
229
241
|
onInputFocus(e);
|
|
230
242
|
},
|
|
231
243
|
onKeyDown: onInputKeyDown,
|
|
232
|
-
onChange: (e, date) => {
|
|
244
|
+
onChange: (e, __, date) => {
|
|
233
245
|
if (date) onInputChange(e, date);
|
|
234
246
|
},
|
|
235
247
|
inputRef: el => {
|
|
@@ -51,4 +51,4 @@ interface IFileButtonSettingsProps {
|
|
|
51
51
|
onBtnClickInsert: () => void;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
export
|
|
54
|
+
export { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };
|
package/lib/inputs/mask/Cpf.js
CHANGED
|
@@ -30,6 +30,7 @@ const CpfField = props => {
|
|
|
30
30
|
}, 300), [handlerSetComponentValidator]);
|
|
31
31
|
(0, _react.useEffect)(() => debouncedOnChange.cancel, []);
|
|
32
32
|
const onChange = e => {
|
|
33
|
+
// console.log('onChange >>>', props.onChange);
|
|
33
34
|
if (enableValidation && e) {
|
|
34
35
|
debouncedOnChange(e.target.value);
|
|
35
36
|
if (props.onChange) props.onChange(e);
|
|
@@ -86,12 +86,13 @@ const IMaskHOC = ComposedComponent => {
|
|
|
86
86
|
if (onChange && !disableCallbacks && maskRef.current) {
|
|
87
87
|
const {
|
|
88
88
|
unmaskedValue,
|
|
89
|
+
value: maskedValue,
|
|
89
90
|
el
|
|
90
91
|
} = maskRef.current;
|
|
91
92
|
const name = el.name || el.input && el.input.name;
|
|
92
93
|
onChange({
|
|
93
94
|
target: {
|
|
94
|
-
value: unmaskedValue,
|
|
95
|
+
value: isDateField ? maskedValue : unmaskedValue,
|
|
95
96
|
name
|
|
96
97
|
}
|
|
97
98
|
}, props.unmask ? unmaskedValue : maskRef.current.value);
|
|
@@ -101,12 +102,13 @@ const IMaskHOC = ComposedComponent => {
|
|
|
101
102
|
if (props.onComplete && !disableCallbacks && maskRef.current) {
|
|
102
103
|
const {
|
|
103
104
|
unmaskedValue,
|
|
105
|
+
value: maskedValue,
|
|
104
106
|
el
|
|
105
107
|
} = maskRef.current;
|
|
106
108
|
const name = el.name || el.input && el.input.name;
|
|
107
109
|
props.onComplete({
|
|
108
110
|
target: {
|
|
109
|
-
value: unmaskedValue,
|
|
111
|
+
value: isDateField ? maskedValue : unmaskedValue,
|
|
110
112
|
name
|
|
111
113
|
}
|
|
112
114
|
}, props.unmask ? unmaskedValue : maskRef.current.value);
|
|
@@ -58,4 +58,4 @@ interface IMultiSelectProps {
|
|
|
58
58
|
label?: string;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
export
|
|
61
|
+
export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };
|
|
@@ -67,4 +67,4 @@ interface IPeriodListProps {
|
|
|
67
67
|
selected?: string;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
export
|
|
70
|
+
export { ChangeInputPeriodEvent, DateTypes, IDialogProps, IPeriodDropdownProps, IPeriodListProps, IPeriodOptions, IPeriodPickerProps };
|
|
@@ -109,4 +109,4 @@ interface GetMultipleFilteredParams extends GetFilteredParams {
|
|
|
109
109
|
inputText: number[] | string[];
|
|
110
110
|
}
|
|
111
111
|
|
|
112
|
-
export
|
|
112
|
+
export { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };
|
package/lib/inputs/types.d.ts
CHANGED
|
@@ -157,4 +157,4 @@ interface ErrorProps {
|
|
|
157
157
|
messages?: string | string[];
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
export
|
|
160
|
+
export { ErrorProps, IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };
|
package/lib/internals/types.d.ts
CHANGED
|
@@ -8,12 +8,9 @@ interface WithTooltipProps {
|
|
|
8
8
|
tooltip?: string;
|
|
9
9
|
tooltipPosition?: Exclude<Position, 'center'>;
|
|
10
10
|
style?: CSSProperties;
|
|
11
|
-
|
|
11
|
+
handlerSetOnDenied?: (onDeniedValue: OnDenied) => void;
|
|
12
12
|
errorMessage?: string;
|
|
13
13
|
}
|
|
14
|
-
interface ITooltipContext {
|
|
15
|
-
handlerSetOnDeniedText: (text: string) => void;
|
|
16
|
-
}
|
|
17
14
|
interface GetDisplayNameParams {
|
|
18
15
|
displayName?: string;
|
|
19
16
|
name?: string;
|
|
@@ -22,4 +19,4 @@ interface HasToolTipParams {
|
|
|
22
19
|
tooltip?: string;
|
|
23
20
|
}
|
|
24
21
|
|
|
25
|
-
export
|
|
22
|
+
export { GetDisplayNameParams, HasToolTipParams, WithTooltipProps };
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { WithTooltipProps } from './types.js';
|
|
3
3
|
import '../@types/PermissionAttr.js';
|
|
4
4
|
import '../@types/Position.js';
|
|
5
5
|
|
|
6
|
-
declare const TooltipContext: React__default.Context<ITooltipContext>;
|
|
7
6
|
declare const withTooltip: <ComponentProps extends WithTooltipProps>(WrappedComponent: React__default.ComponentType<ComponentProps>) => {
|
|
8
7
|
(props: ComponentProps): JSX.Element;
|
|
9
8
|
displayName: string;
|
|
10
9
|
};
|
|
11
10
|
|
|
12
|
-
export {
|
|
11
|
+
export { withTooltip as default };
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default =
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _tooltip = _interopRequireDefault(require("../tooltip"));
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -17,7 +17,6 @@ const hasTooltip = _ref => {
|
|
|
17
17
|
} = _ref;
|
|
18
18
|
return tooltip;
|
|
19
19
|
};
|
|
20
|
-
const TooltipContext = exports.TooltipContext = /*#__PURE__*/_react.default.createContext({});
|
|
21
20
|
const getDisplayName = _ref2 => {
|
|
22
21
|
let {
|
|
23
22
|
displayName,
|
|
@@ -35,7 +34,6 @@ const withTooltip = WrappedComponent => {
|
|
|
35
34
|
errorMessage
|
|
36
35
|
} = props;
|
|
37
36
|
const [stateTooltipPosition, setStateTooltipPosition] = (0, _react.useState)(tooltipPosition);
|
|
38
|
-
const [onDeniedText, setOnDeniedText] = (0, _react.useState)('');
|
|
39
37
|
const [tooltipStyle, setTooltipStyle] = (0, _react.useState)('');
|
|
40
38
|
const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
|
|
41
39
|
const [tooltipDimensions, setTooltipDimensions] = (0, _react.useState)({
|
|
@@ -56,7 +54,7 @@ const withTooltip = WrappedComponent => {
|
|
|
56
54
|
setShowTooltip(false);
|
|
57
55
|
};
|
|
58
56
|
(0, _react.useEffect)(() => {
|
|
59
|
-
if (hasTooltip(props)
|
|
57
|
+
if (hasTooltip(props)) {
|
|
60
58
|
if (errorMessage) {
|
|
61
59
|
setShowTooltip(true);
|
|
62
60
|
} else {
|
|
@@ -69,7 +67,7 @@ const withTooltip = WrappedComponent => {
|
|
|
69
67
|
}
|
|
70
68
|
}
|
|
71
69
|
return () => {
|
|
72
|
-
if (hasTooltip(props)
|
|
70
|
+
if (hasTooltip(props)) {
|
|
73
71
|
document.removeEventListener('mouseover', onMouseOver);
|
|
74
72
|
document.removeEventListener('scroll', onAnyScroll, true);
|
|
75
73
|
if (targetElement && targetElement.current) {
|
|
@@ -77,7 +75,7 @@ const withTooltip = WrappedComponent => {
|
|
|
77
75
|
}
|
|
78
76
|
}
|
|
79
77
|
};
|
|
80
|
-
}, [errorMessage, tooltip
|
|
78
|
+
}, [errorMessage, tooltip]);
|
|
81
79
|
(0, _react.useEffect)(() => {
|
|
82
80
|
if (targetElement.current && tooltipElement.current) {
|
|
83
81
|
const {
|
|
@@ -136,9 +134,9 @@ const withTooltip = WrappedComponent => {
|
|
|
136
134
|
setStateTooltipPosition(tooltipPosition);
|
|
137
135
|
}, [window.scrollY, window.scrollX, window.innerWidth]);
|
|
138
136
|
const getTooltip = () => {
|
|
139
|
-
if (tooltip
|
|
137
|
+
if (tooltip) {
|
|
140
138
|
return /*#__PURE__*/_react.default.createElement(_tooltip.default, {
|
|
141
|
-
text:
|
|
139
|
+
text: tooltip,
|
|
142
140
|
textError: errorMessage,
|
|
143
141
|
tooltipRef: tooltipElement,
|
|
144
142
|
style: tooltipStyle,
|
|
@@ -152,17 +150,8 @@ const withTooltip = WrappedComponent => {
|
|
|
152
150
|
const getTarget = targetEl => {
|
|
153
151
|
if (!targetElement.current) targetElement.current = targetEl;
|
|
154
152
|
};
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
};
|
|
158
|
-
if (!hasTooltip(props) && !onDeniedText) {
|
|
159
|
-
return /*#__PURE__*/_react.default.createElement(TooltipContext.Provider, {
|
|
160
|
-
value: contextValues
|
|
161
|
-
}, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
|
|
162
|
-
}
|
|
163
|
-
return /*#__PURE__*/_react.default.createElement(TooltipContext.Provider, {
|
|
164
|
-
value: contextValues
|
|
165
|
-
}, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
|
|
153
|
+
if (!hasTooltip(props)) return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
|
|
154
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
|
|
166
155
|
targetRef: getTarget
|
|
167
156
|
})), showTooltip && getTooltip());
|
|
168
157
|
};
|
package/lib/labels/types.d.ts
CHANGED
package/lib/list/Item.js
CHANGED
|
@@ -51,23 +51,14 @@ const Item = props => {
|
|
|
51
51
|
const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
|
|
52
52
|
const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
|
|
53
53
|
const navigate = (0, _reactRouterDom.useNavigate)();
|
|
54
|
-
const disabledByPermission = onDenied.disabled;
|
|
55
54
|
const shouldDisable = () => disabled || onDenied.disabled;
|
|
56
|
-
const disabledIconColor = 'rgb(193, 193, 193)';
|
|
57
55
|
const getClass = () => "item ".concat(customClass, " ").concat(separator && 'list-separator', " ").concat(shouldDisable() && 'disabled', "\n ").concat(displayCheckbox && 'list-checkbox');
|
|
58
56
|
const getIcon = (iconName, icon) => {
|
|
59
|
-
const noIconDisabledByPermission = !icon && !displayCheckbox && !leftElement && !leftIconName && !leftIcon && onDenied.disabled;
|
|
60
57
|
if (icon) {
|
|
61
58
|
return icon;
|
|
62
|
-
} else if (noIconDisabledByPermission) {
|
|
63
|
-
return /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
64
|
-
name: "padlock",
|
|
65
|
-
color: disabledIconColor
|
|
66
|
-
});
|
|
67
59
|
} else if (iconName) {
|
|
68
60
|
return /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
69
|
-
name:
|
|
70
|
-
color: !disabledByPermission ? '' : disabledIconColor
|
|
61
|
+
name: iconName
|
|
71
62
|
});
|
|
72
63
|
}
|
|
73
64
|
return null;
|
|
@@ -103,18 +94,6 @@ const Item = props => {
|
|
|
103
94
|
document.removeEventListener('keydown', onKeyDown);
|
|
104
95
|
};
|
|
105
96
|
}, [url, selectedItemId, itemId]);
|
|
106
|
-
const renderCheckBox = (0, _react.useMemo)(() => {
|
|
107
|
-
if (!disabledByPermission && displayCheckbox) {
|
|
108
|
-
return /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
109
|
-
name: "checkbox"
|
|
110
|
-
});
|
|
111
|
-
} else if (disabledByPermission && displayCheckbox) {
|
|
112
|
-
return /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
113
|
-
name: "padlock"
|
|
114
|
-
});
|
|
115
|
-
}
|
|
116
|
-
return null;
|
|
117
|
-
}, [disabledByPermission && displayCheckbox]);
|
|
118
97
|
if (!visible || onDenied.unvisible) return null;
|
|
119
98
|
return /*#__PURE__*/_react.default.createElement("li", _extends({
|
|
120
99
|
ref: itemId && selectedItemId === itemId ? selectedItemRef : null,
|
|
@@ -127,13 +106,15 @@ const Item = props => {
|
|
|
127
106
|
to: url
|
|
128
107
|
}), (displayCheckbox || leftElement || leftIconName || leftIcon) && /*#__PURE__*/_react.default.createElement("div", {
|
|
129
108
|
className: "".concat(getClass(), " -icon-left")
|
|
130
|
-
},
|
|
109
|
+
}, displayCheckbox && /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
110
|
+
name: "checkbox"
|
|
111
|
+
}), leftElement, getIcon(leftIconName, leftIcon)), (text || subText || children) && /*#__PURE__*/_react.default.createElement("div", {
|
|
131
112
|
className: "".concat(getClass())
|
|
132
113
|
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
133
114
|
className: "".concat(text && 'text')
|
|
134
115
|
}, text), /*#__PURE__*/_react.default.createElement("p", {
|
|
135
116
|
className: "".concat(subText && 'subtext')
|
|
136
|
-
}, subText), children), (rightIconName || rightIcon || rightElement
|
|
117
|
+
}, subText), children), (rightIconName || rightIcon || rightElement) && /*#__PURE__*/_react.default.createElement("div", {
|
|
137
118
|
className: "".concat(getClass(), " -icon-right")
|
|
138
119
|
}, getIcon(rightIconName, rightIcon), rightElement));
|
|
139
120
|
};
|
package/lib/list/types.d.ts
CHANGED
|
@@ -63,4 +63,4 @@ interface IListContext {
|
|
|
63
63
|
handleSelectItem: (itemId: string, onClick?: () => void) => void;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
export
|
|
66
|
+
export { IListContext, IListHeaderProps, IListItemProps, IListProps, ItemId, KeyboardEvent };
|
|
@@ -16,21 +16,21 @@ declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletoni
|
|
|
16
16
|
}): JSX.Element;
|
|
17
17
|
declare namespace SubMenuContainer {
|
|
18
18
|
namespace propTypes {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
19
|
+
const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
|
|
20
|
+
const handlerGoBack: PropTypes.Validator<(...args: any[]) => any>;
|
|
21
|
+
const title: PropTypes.Requireable<string>;
|
|
22
|
+
const customClass: PropTypes.Requireable<string>;
|
|
23
|
+
const skeletonize: PropTypes.Requireable<boolean>;
|
|
24
|
+
const skeletonQtty: PropTypes.Requireable<number>;
|
|
25
25
|
}
|
|
26
26
|
namespace defaultProps {
|
|
27
|
-
|
|
27
|
+
const title_1: undefined;
|
|
28
28
|
export { title_1 as title };
|
|
29
|
-
|
|
29
|
+
const customClass_1: undefined;
|
|
30
30
|
export { customClass_1 as customClass };
|
|
31
|
-
|
|
31
|
+
const skeletonize_1: boolean;
|
|
32
32
|
export { skeletonize_1 as skeletonize };
|
|
33
|
-
|
|
33
|
+
const skeletonQtty_1: number;
|
|
34
34
|
export { skeletonQtty_1 as skeletonQtty };
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -81,4 +81,4 @@ interface ISideNavContext {
|
|
|
81
81
|
}
|
|
82
82
|
type ITargetDimensions = DOMRect;
|
|
83
83
|
|
|
84
|
-
export
|
|
84
|
+
export { IEmptyListProps, IExpandMenuProps, IMenuItemContent, IMenuLinkProps, INavMenuGroupProps, INavMenuItemProps, INavSubMenuItemProps, IPopupMenuSearchProps, ISideNavContext, ISideNavDimensions, ISideNavProps, ISubMenuContext, ITargetDimensions };
|
package/lib/panel/types.d.ts
CHANGED
|
@@ -44,4 +44,4 @@ interface IParameterFunction {
|
|
|
44
44
|
componentName: string;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
export
|
|
47
|
+
export { AsyncFunc, ContextProps, Func, IPanelContentProps, IPanelHeaderProps, IPanelProps, IParameterFunction };
|
package/lib/popover/types.d.ts
CHANGED
package/lib/progress/types.d.ts
CHANGED
package/lib/radio/types.d.ts
CHANGED
package/lib/shortcuts/types.d.ts
CHANGED
package/lib/skeleton/types.d.ts
CHANGED
package/lib/spinner/types.d.ts
CHANGED
package/lib/split/helpers.d.ts
CHANGED
package/lib/split/types.d.ts
CHANGED
package/lib/table/RowColumn.js
CHANGED
|
@@ -42,8 +42,7 @@ const RowColumn = props => {
|
|
|
42
42
|
textAlign,
|
|
43
43
|
visible = true,
|
|
44
44
|
rowSpan,
|
|
45
|
-
colSpan
|
|
46
|
-
children
|
|
45
|
+
colSpan
|
|
47
46
|
} = props;
|
|
48
47
|
const context = (0, _react.useContext)(_helpers.RowContext);
|
|
49
48
|
const {
|
|
@@ -52,7 +51,8 @@ const RowColumn = props => {
|
|
|
52
51
|
skeletonInRows = 10
|
|
53
52
|
} = context;
|
|
54
53
|
const hiddenContent = displayContent !== 'always';
|
|
55
|
-
const
|
|
54
|
+
const childrenProps = props.children;
|
|
55
|
+
const renderContent = () => {
|
|
56
56
|
if (skeletonize && vertical) {
|
|
57
57
|
return /*#__PURE__*/_react.default.createElement(_skeleton.default, {
|
|
58
58
|
height: 16,
|
|
@@ -63,8 +63,8 @@ const RowColumn = props => {
|
|
|
63
63
|
}
|
|
64
64
|
return hiddenContent && displayContent ? /*#__PURE__*/_react.default.createElement("span", {
|
|
65
65
|
className: displayClass[displayContent]
|
|
66
|
-
},
|
|
67
|
-
}
|
|
66
|
+
}, childrenProps) : childrenProps;
|
|
67
|
+
};
|
|
68
68
|
if (!visible) return null;
|
|
69
69
|
if (skeletonize && !skeletonInRows && !vertical) return null;
|
|
70
70
|
return /*#__PURE__*/_react.default.createElement("td", {
|
|
@@ -72,7 +72,9 @@ const RowColumn = props => {
|
|
|
72
72
|
colSpan: colSpan,
|
|
73
73
|
className: "rowcolumn ".concat(customClass, " text-align-").concat(textAlign, " ").concat(!context.rowBorder && ' -noborder', " ").concat(!rowSpan ? ' -norowspan' : ''),
|
|
74
74
|
style: style,
|
|
75
|
-
onClick: e =>
|
|
75
|
+
onClick: e => {
|
|
76
|
+
getColClickEvent(e, _objectSpread(_objectSpread({}, context), props));
|
|
77
|
+
},
|
|
76
78
|
role: "presentation",
|
|
77
79
|
tabIndex: -1
|
|
78
80
|
}, renderContent());
|
package/lib/table/types.d.ts
CHANGED
|
@@ -93,4 +93,4 @@ type TableElement = {
|
|
|
93
93
|
};
|
|
94
94
|
};
|
|
95
95
|
|
|
96
|
-
export
|
|
96
|
+
export { ITableBodyProps, ITableContext, ITableHeaderProps, ITableProps, ITableRowContext, ITableRowProps, TableElement };
|
package/lib/tabs/types.d.ts
CHANGED
|
@@ -94,4 +94,4 @@ interface PanelProps {
|
|
|
94
94
|
onEndReachedThreshold?: number;
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
export
|
|
97
|
+
export { DropdownProps, ITabsPros, MenuProps, PanelProps, TabProps, TabsContextType, TabsProviderProps };
|
package/lib/toolbar/types.d.ts
CHANGED
|
@@ -26,7 +26,6 @@ interface IButtonBarProps {
|
|
|
26
26
|
iconAlign?: Exclude<Position, 'top' | 'bottom'>;
|
|
27
27
|
validationKey?: string;
|
|
28
28
|
boxShadow?: boolean;
|
|
29
|
-
id?: string;
|
|
30
29
|
onNodeElementClick?: (node: NodeItem) => void;
|
|
31
30
|
}
|
|
32
31
|
interface ILabelBarProps {
|
|
@@ -43,4 +42,4 @@ interface IToolBarGroup {
|
|
|
43
42
|
children: ReactNode;
|
|
44
43
|
}
|
|
45
44
|
|
|
46
|
-
export
|
|
45
|
+
export { IButtonBarProps, ILabelBarProps, IToolBarGroup, IToolbarProps };
|
package/lib/tooltip/types.d.ts
CHANGED
package/lib/treetable/Row.d.ts
CHANGED
package/lib/treetable/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { a as ITreeTableProps } from '../types.d-
|
|
2
|
-
export { b as IRowElementsValidations, R as RowItem } from '../types.d-
|
|
1
|
+
import { a as ITreeTableProps } from '../types.d-73cece43.js';
|
|
2
|
+
export { b as IRowElementsValidations, R as RowItem } from '../types.d-73cece43.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../table/types.js';
|
|
5
5
|
|
package/lib/treeview/types.d.ts
CHANGED
|
@@ -101,4 +101,4 @@ interface IDataMock {
|
|
|
101
101
|
itens: ItensMock[];
|
|
102
102
|
}
|
|
103
103
|
|
|
104
|
-
export
|
|
104
|
+
export { IDataMock, INodeElementsValidations, INodeValidationProps, ITreeHeaderProps, ITreeNodeProps, ITreeViewContext, ITreeviewProps, IValidator, NodeItem };
|
|
@@ -43,4 +43,4 @@ interface ITreeTableRow extends ITableRowProps {
|
|
|
43
43
|
rowLevel: number;
|
|
44
44
|
}
|
|
45
45
|
|
|
46
|
-
export
|
|
46
|
+
export { ITreeTableRow as I, RowItem as R, ITreeTableProps as a, IRowElementsValidations as b };
|