linear-react-components-ui 1.1.20-beta.9 → 1.1.20-rc.0
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/lib/alerts/BaseAlert.js +1 -1
- package/lib/alerts/Message.js +1 -1
- package/lib/assets/styles/effects.scss +0 -2
- package/lib/assets/styles/input.scss +2 -2
- package/lib/assets/styles/popover.scss +3 -0
- package/lib/assets/styles/treetable.scss +2 -2
- package/lib/assets/styles/treeview.scss +24 -8
- package/lib/assets/styles/wizard.scss +3 -1
- package/lib/avatar/index.js +9 -8
- package/lib/badge/index.js +4 -4
- package/lib/buttons/DangerButton.js +1 -1
- package/lib/buttons/DefaultButton.js +24 -4
- package/lib/buttons/InfoButton.js +1 -1
- package/lib/buttons/PrimaryButton.js +1 -1
- package/lib/buttons/SuccessButton.js +1 -1
- package/lib/buttons/WarningButton.js +1 -1
- package/lib/buttons/button_container/index.js +1 -1
- package/lib/buttons/split_button/index.js +1 -1
- package/lib/calendar/base/Day.js +1 -1
- package/lib/calendar/base/Month.js +1 -1
- package/lib/calendar/base/helpers.js +2 -2
- package/lib/calendar/base/index.js +1 -1
- package/lib/checkbox/index.js +46 -19
- package/lib/checkbox/types.d.ts +4 -0
- package/lib/dialog/Alert.js +6 -2
- package/lib/dialog/Custom.js +4 -2
- package/lib/dialog/Error.js +6 -2
- package/lib/dialog/Information.js +6 -2
- package/lib/dialog/Question.js +23 -5
- package/lib/dialog/Warning.js +6 -2
- package/lib/dialog/base/Content.js +1 -1
- package/lib/dialog/base/Header.js +2 -2
- package/lib/dialog/base/index.js +10 -8
- package/lib/dialog/form/index.js +2 -2
- package/lib/dialog/types.d.ts +10 -0
- package/lib/dialog/wizard/index.d.ts +1 -1
- package/lib/dialog/wizard/index.js +8 -4
- package/lib/dialog/wizard/progressbar.js +1 -1
- package/lib/dialog/wizard/step.js +1 -1
- package/lib/drawer/Drawer.js +3 -3
- package/lib/drawer/Header.js +1 -1
- package/lib/dropdown/Popup.js +6 -6
- package/lib/dropdown/helper.js +1 -1
- package/lib/dropdown/withDropdown.js +2 -2
- package/lib/fieldset/index.js +7 -7
- package/lib/form/FieldArray.js +1 -1
- package/lib/form/FieldNumber.js +7 -10
- package/lib/form/FieldPeriod.js +2 -2
- package/lib/form/index.js +20 -15
- package/lib/form/types.d.ts +14 -1
- package/lib/gridlayout/GridCol.js +5 -5
- package/lib/gridlayout/GridRow.js +4 -1
- package/lib/hint/index.js +7 -1
- package/lib/icons/helper.d.ts +8 -0
- package/lib/icons/helper.js +8 -0
- package/lib/icons/index.js +24 -27
- package/lib/inputs/base/InputTextBase.js +39 -15
- package/lib/inputs/base/Label.js +1 -1
- package/lib/inputs/base/helpers.js +7 -3
- package/lib/inputs/base/types.d.ts +3 -0
- package/lib/inputs/color/types.d.ts +5 -0
- package/lib/inputs/date/helpers.js +4 -1
- package/lib/inputs/date/index.js +9 -15
- package/lib/inputs/date/types.d.ts +4 -0
- package/lib/inputs/errorMessage/index.js +1 -1
- package/lib/inputs/file/DefaultFile.js +5 -6
- package/lib/inputs/file/DragDropFile.js +17 -18
- package/lib/inputs/file/File.js +3 -4
- package/lib/inputs/file/types.d.ts +3 -0
- package/lib/inputs/mask/BaseMask.js +4 -1
- package/lib/inputs/mask/helpers.d.ts +4 -0
- package/lib/inputs/mask/types.d.ts +4 -0
- package/lib/inputs/multiSelect/Dropdown.js +9 -10
- package/lib/inputs/multiSelect/helper.js +1 -2
- package/lib/inputs/multiSelect/index.js +7 -9
- package/lib/inputs/multiSelect/types.d.ts +4 -0
- package/lib/inputs/number/BaseNumber.d.ts +1 -1
- package/lib/inputs/number/Currency.d.ts +1 -1
- package/lib/inputs/number/Decimal.d.ts +1 -1
- package/lib/inputs/number/index.d.ts +1 -1
- package/lib/inputs/number/index.js +8 -4
- package/lib/inputs/number/types.d.ts +14 -2
- package/lib/inputs/period/PeriodList.js +1 -1
- package/lib/inputs/period/helper.js +3 -1
- package/lib/inputs/period/index.js +40 -18
- package/lib/inputs/period/types.d.ts +3 -0
- package/lib/inputs/search/index.js +1 -1
- package/lib/inputs/select/Dropdown.js +1 -1
- package/lib/inputs/select/helper.js +10 -13
- package/lib/inputs/select/multiple/Selecteds.js +1 -1
- package/lib/inputs/select/multiple/index.js +18 -16
- package/lib/inputs/select/simple/index.js +10 -17
- package/lib/inputs/select/types.d.ts +6 -0
- package/lib/inputs/textarea/index.js +1 -1
- package/lib/internals/withTooltip.js +9 -9
- package/lib/labelMessages/index.js +4 -3
- package/lib/labels/DefaultLabel.js +4 -1
- package/lib/labels/label_container/index.js +1 -1
- package/lib/list/Header.d.ts +1 -0
- package/lib/list/Header.js +1 -1
- package/lib/list/Item.d.ts +6 -2
- package/lib/list/Item.js +36 -14
- package/lib/list/helpers.d.ts +1 -0
- package/lib/list/index.d.ts +1 -0
- package/lib/list/index.js +3 -2
- package/lib/list/types.d.ts +8 -1
- package/lib/menus/float/MenuItem.js +2 -2
- package/lib/menus/float/SubMenuContainer.js +1 -1
- package/lib/menus/float/index.js +1 -1
- package/lib/menus/sidenav/ExpandMenu.js +1 -1
- package/lib/menus/sidenav/NavMenuGroup.js +1 -1
- package/lib/menus/sidenav/NavMenuItem.js +27 -25
- package/lib/menus/sidenav/NavSubMenuItem.js +1 -1
- package/lib/menus/sidenav/helpers.js +1 -1
- package/lib/menus/sidenav/index.js +39 -31
- package/lib/menus/sidenav/types.d.ts +1 -0
- package/lib/panel/Content.js +5 -7
- package/lib/panel/Default.js +2 -2
- package/lib/panel/Header.js +3 -3
- package/lib/permissionValidations.js +1 -1
- package/lib/popover/index.js +4 -6
- package/lib/popover/types.d.ts +2 -1
- package/lib/progress/Bar.js +6 -6
- package/lib/radio/index.d.ts +1 -1
- package/lib/radio/index.js +36 -5
- package/lib/radio/types.d.ts +8 -1
- package/lib/shortcuts/index.js +1 -1
- package/lib/skeleton/SkeletonContainer.js +2 -1
- package/lib/skeleton/index.js +4 -1
- package/lib/spinner/index.js +2 -2
- package/lib/split/Split.js +1 -1
- package/lib/split/SplitSide.js +3 -3
- package/lib/table/Body.js +3 -3
- package/lib/table/Header.js +8 -11
- package/lib/table/HeaderColumn.js +7 -7
- package/lib/table/Row.js +3 -3
- package/lib/table/RowColumn.js +1 -1
- package/lib/table/index.js +6 -1
- package/lib/table/types.d.ts +0 -2
- package/lib/tabs/DropdownTabs.js +1 -1
- package/lib/tabs/Menu.js +1 -1
- package/lib/tabs/MenuTabs.js +2 -2
- package/lib/tabs/Panel.js +5 -7
- package/lib/tabs/context.js +3 -6
- package/lib/textContent/index.d.ts +18 -4
- package/lib/textContent/index.js +18 -6
- package/lib/toolbar/ButtonBar.js +1 -1
- package/lib/toolbar/index.js +1 -1
- package/lib/tooltip/index.js +7 -7
- package/lib/treetable/Body.js +1 -1
- package/lib/treetable/Header.js +2 -2
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/Row.js +50 -25
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treeview/Header.js +1 -1
- package/lib/treeview/Node.js +5 -5
- package/lib/treeview/index.js +4 -4
- package/lib/{types.d-73cece43.d.ts → types.d-b477e076.d.ts} +1 -0
- package/lib/uitour/index.js +6 -8
- package/package.json +2 -2
- package/lib/checkbox/Label.d.ts +0 -11
- package/lib/checkbox/Label.js +0 -31
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-b477e076.js';
|
|
2
|
+
export { b as IRowElementsValidations, R as RowItem } from '../types.d-b477e076.js';
|
|
3
3
|
import 'react';
|
|
4
4
|
import '../table/types.js';
|
|
5
5
|
|
package/lib/treeview/Header.js
CHANGED
|
@@ -13,7 +13,7 @@ const Header = props => {
|
|
|
13
13
|
children
|
|
14
14
|
} = props;
|
|
15
15
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
16
|
-
className:
|
|
16
|
+
className: `treeviewheader ${customClass}`
|
|
17
17
|
}, title ? /*#__PURE__*/_react.default.createElement("div", {
|
|
18
18
|
className: "title"
|
|
19
19
|
}, title) : children);
|
package/lib/treeview/Node.js
CHANGED
|
@@ -119,7 +119,7 @@ const TreeNode = props => {
|
|
|
119
119
|
applyBehavior
|
|
120
120
|
} = validation;
|
|
121
121
|
if (_lodash.default.isEmpty(elementBehavior) && validator && validator(node)) {
|
|
122
|
-
elementBehavior = options[applyBehavior
|
|
122
|
+
elementBehavior = options[applyBehavior ?? 'unvisible'];
|
|
123
123
|
}
|
|
124
124
|
});
|
|
125
125
|
}
|
|
@@ -129,7 +129,7 @@ const TreeNode = props => {
|
|
|
129
129
|
let updatedElements = [];
|
|
130
130
|
if (elements) {
|
|
131
131
|
updatedElements = _react.default.Children.map(elements, element => {
|
|
132
|
-
if (
|
|
132
|
+
if (/*#__PURE__*/_react.default.isValidElement(element) && element.props) {
|
|
133
133
|
const _element$props = element.props,
|
|
134
134
|
{
|
|
135
135
|
validationKey,
|
|
@@ -165,7 +165,7 @@ const TreeNode = props => {
|
|
|
165
165
|
} : {};
|
|
166
166
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
167
167
|
style: style,
|
|
168
|
-
key:
|
|
168
|
+
key: `element-${uuid.v1()}`,
|
|
169
169
|
className: "element"
|
|
170
170
|
}, element);
|
|
171
171
|
});
|
|
@@ -185,7 +185,7 @@ const TreeNode = props => {
|
|
|
185
185
|
}, [node]);
|
|
186
186
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
187
187
|
style: customStyle,
|
|
188
|
-
className:
|
|
188
|
+
className: `treeviewitem ${customClass}`
|
|
189
189
|
}, getSpan(), /*#__PURE__*/_react.default.createElement("div", {
|
|
190
190
|
className: "label",
|
|
191
191
|
style: {
|
|
@@ -202,7 +202,7 @@ const TreeNode = props => {
|
|
|
202
202
|
}, showCheckBox ? /*#__PURE__*/_react.default.createElement(_checkbox.default, {
|
|
203
203
|
checked: checked,
|
|
204
204
|
disabled: required || disabled,
|
|
205
|
-
value:
|
|
205
|
+
value: `${node[valuePropName]}`,
|
|
206
206
|
label: node[labelPropName],
|
|
207
207
|
tooltip: required ? defaultDisabledTooltip : '',
|
|
208
208
|
onChange: disabled || required ? undefined : e => {
|
package/lib/treeview/index.js
CHANGED
|
@@ -239,7 +239,7 @@ const TreeView = props => {
|
|
|
239
239
|
}
|
|
240
240
|
}
|
|
241
241
|
return /*#__PURE__*/_react.default.createElement(_Node.default, {
|
|
242
|
-
key:
|
|
242
|
+
key: `node-${node.id}`,
|
|
243
243
|
node: node,
|
|
244
244
|
idsInLoading: idsInLoading,
|
|
245
245
|
startNodesOpened: startNodesOpened,
|
|
@@ -281,7 +281,7 @@ const TreeView = props => {
|
|
|
281
281
|
setData(props.data);
|
|
282
282
|
} else if (!isSameSelectedIds) {
|
|
283
283
|
setCurrentSelectedIds(selectedIds);
|
|
284
|
-
onSelectedIdsChange
|
|
284
|
+
onSelectedIdsChange?.(selectedIds);
|
|
285
285
|
setPropSelectedIds(selectedIds);
|
|
286
286
|
}
|
|
287
287
|
}, [selectedIds.length, props.data]);
|
|
@@ -311,10 +311,10 @@ const TreeView = props => {
|
|
|
311
311
|
return /*#__PURE__*/_react.default.createElement(_constants.TreeviewContext.Provider, {
|
|
312
312
|
value: contextValues
|
|
313
313
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
314
|
-
className:
|
|
314
|
+
className: `treeview-component ${customClass}`
|
|
315
315
|
}, children, /*#__PURE__*/_react.default.createElement("ul", {
|
|
316
316
|
style: styleForContainer,
|
|
317
|
-
className:
|
|
317
|
+
className: `treeviewcontainer ${bordered && '-bordered'}`
|
|
318
318
|
}, buildTree(data))));
|
|
319
319
|
};
|
|
320
320
|
var _default = exports.default = TreeView;
|
|
@@ -34,6 +34,7 @@ interface ITreeTableProps extends ITableProps {
|
|
|
34
34
|
onClickFirstColumn?: (id?: string | number) => void;
|
|
35
35
|
styleForRightToolbar?: CSSProperties;
|
|
36
36
|
styleForLeftToolbar?: CSSProperties;
|
|
37
|
+
openNodeId?: number;
|
|
37
38
|
}
|
|
38
39
|
|
|
39
40
|
interface ITreeTableRow extends ITableRowProps {
|
package/lib/uitour/index.js
CHANGED
|
@@ -40,7 +40,7 @@ const UiTour = props => {
|
|
|
40
40
|
const activatedEffects = (0, _react.useRef)([]);
|
|
41
41
|
const handleNextStep = () => {
|
|
42
42
|
if (hasNextStep) {
|
|
43
|
-
const currentStepIndex = data.findIndex(item => item.id ===
|
|
43
|
+
const currentStepIndex = data.findIndex(item => item.id === currentStep?.id);
|
|
44
44
|
const nextStep = data[currentStepIndex + 1];
|
|
45
45
|
const nextStepIndex = data.findIndex(item => item.id === nextStep.id);
|
|
46
46
|
const target = document.getElementById(nextStep.targetId);
|
|
@@ -53,7 +53,7 @@ const UiTour = props => {
|
|
|
53
53
|
};
|
|
54
54
|
const handleBackStep = () => {
|
|
55
55
|
if (hasBackStep) {
|
|
56
|
-
const currentStepIndex = data.findIndex(item => item.id ===
|
|
56
|
+
const currentStepIndex = data.findIndex(item => item.id === currentStep?.id);
|
|
57
57
|
const backStep = data[currentStepIndex - 1];
|
|
58
58
|
const backStepIndex = data.findIndex(item => item.id === backStep.id);
|
|
59
59
|
const target = document.getElementById(backStep.targetId);
|
|
@@ -72,7 +72,7 @@ const UiTour = props => {
|
|
|
72
72
|
if (stepRef.current) {
|
|
73
73
|
const stepRect = stepRef.current.getBoundingClientRect();
|
|
74
74
|
const windowWidth = window.innerWidth;
|
|
75
|
-
if (stepRect.right >= windowWidth ||
|
|
75
|
+
if (stepRect.right >= windowWidth || currentStep?.position === _helpers.STEP_POSITIONS.right) {
|
|
76
76
|
setStepPosition(_helpers.STEP_POSITIONS.right);
|
|
77
77
|
setStepDimensions({
|
|
78
78
|
top: target.top - _helpers.ARROW_HEIGHT,
|
|
@@ -179,9 +179,8 @@ const UiTour = props => {
|
|
|
179
179
|
mutationObserver = new MutationObserver(() => {
|
|
180
180
|
const targetObserved = document.getElementById(initialStep.targetId);
|
|
181
181
|
if (targetObserved) {
|
|
182
|
-
var _mutationObserver;
|
|
183
182
|
showStepTour(initialStep);
|
|
184
|
-
|
|
183
|
+
mutationObserver?.disconnect();
|
|
185
184
|
mutationObserver = null;
|
|
186
185
|
}
|
|
187
186
|
});
|
|
@@ -192,8 +191,7 @@ const UiTour = props => {
|
|
|
192
191
|
}
|
|
193
192
|
}
|
|
194
193
|
return () => {
|
|
195
|
-
|
|
196
|
-
(_mutationObserver2 = mutationObserver) === null || _mutationObserver2 === void 0 ? void 0 : _mutationObserver2.disconnect();
|
|
194
|
+
mutationObserver?.disconnect();
|
|
197
195
|
mutationObserver = null;
|
|
198
196
|
};
|
|
199
197
|
}, [visible, data]);
|
|
@@ -207,7 +205,7 @@ const UiTour = props => {
|
|
|
207
205
|
className: "uitour-component"
|
|
208
206
|
}, currentStep && /*#__PURE__*/_react.default.createElement("div", {
|
|
209
207
|
ref: stepRef,
|
|
210
|
-
className:
|
|
208
|
+
className: `step -${stepPosition}`,
|
|
211
209
|
key: currentStep.id,
|
|
212
210
|
style: _objectSpread({}, stepDimensions)
|
|
213
211
|
}, showCloseButton && /*#__PURE__*/_react.default.createElement("div", {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "linear-react-components-ui",
|
|
3
|
-
"version": "1.1.20-
|
|
3
|
+
"version": "1.1.20-rc.0",
|
|
4
4
|
"description": "Linear Sistemas ReactJs Components",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "lib/index.cjs",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"publish:npm": "npm run lib && npm publish",
|
|
19
19
|
"publish:npm:beta": "npm run lib && npm publish --tag beta",
|
|
20
20
|
"publish:npm:rc": "npm run lib && npm publish --tag rc",
|
|
21
|
-
"prepare": "husky
|
|
21
|
+
"prepare": "husky",
|
|
22
22
|
"test": "jest --env=jsdom",
|
|
23
23
|
"test:watch": "jest --watchAll --env=jsdom",
|
|
24
24
|
"test:coverage": "jest --coverage --colors --env=jsdom"
|
package/lib/checkbox/Label.d.ts
DELETED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { ICheckBoxProps } from './types.js';
|
|
2
|
-
import 'react';
|
|
3
|
-
import '../@types/PermissionAttr.js';
|
|
4
|
-
import '../@types/Position.js';
|
|
5
|
-
|
|
6
|
-
declare const _default: {
|
|
7
|
-
(props: ICheckBoxProps): JSX.Element;
|
|
8
|
-
displayName: string;
|
|
9
|
-
};
|
|
10
|
-
|
|
11
|
-
export { _default as default };
|
package/lib/checkbox/Label.js
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
var _withTooltip = _interopRequireDefault(require("../internals/withTooltip"));
|
|
9
|
-
var _hint = _interopRequireDefault(require("../hint"));
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
const Label = _ref => {
|
|
12
|
-
let {
|
|
13
|
-
label,
|
|
14
|
-
targetSpanRef,
|
|
15
|
-
disabled,
|
|
16
|
-
hint
|
|
17
|
-
} = _ref;
|
|
18
|
-
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
|
-
className: "description"
|
|
20
|
-
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
21
|
-
ref: r => {
|
|
22
|
-
if (targetSpanRef) targetSpanRef(r);
|
|
23
|
-
}
|
|
24
|
-
}, label), /*#__PURE__*/_react.default.createElement(_hint.default, {
|
|
25
|
-
disabled: disabled,
|
|
26
|
-
visible: !!hint,
|
|
27
|
-
description: hint,
|
|
28
|
-
customClass: "hint"
|
|
29
|
-
}));
|
|
30
|
-
};
|
|
31
|
-
var _default = exports.default = (0, _withTooltip.default)(Label);
|