linear-react-components-ui 1.1.20-beta.4 → 1.1.20-beta.41
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/input.scss +2 -2
- package/lib/assets/styles/popover.scss +3 -0
- package/lib/assets/styles/select.scss +2 -1
- package/lib/assets/styles/wizard.scss +186 -0
- 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/Custom.js +4 -2
- package/lib/dialog/Question.js +18 -2
- package/lib/dialog/base/Content.d.ts +1 -1
- package/lib/dialog/base/Content.js +3 -2
- package/lib/dialog/base/Header.js +2 -2
- package/lib/dialog/base/index.js +12 -9
- package/lib/dialog/form/index.js +8 -3
- package/lib/dialog/types.d.ts +42 -4
- package/lib/dialog/wizard/index.d.ts +13 -0
- package/lib/dialog/wizard/index.js +80 -0
- package/lib/dialog/wizard/progressbar.d.ts +14 -0
- package/lib/dialog/wizard/progressbar.js +38 -0
- package/lib/dialog/wizard/step.d.ts +9 -0
- package/lib/dialog/wizard/step.js +22 -0
- package/lib/dialog/wizard/useWizard.d.ts +9 -0
- package/lib/dialog/wizard/useWizard.js +48 -0
- 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 +20 -0
- package/lib/icons/helper.js +20 -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 +22 -18
- package/lib/inputs/select/simple/index.js +15 -20
- package/lib/inputs/select/types.d.ts +7 -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.js +10 -13
- package/lib/treeview/Header.js +1 -1
- package/lib/treeview/Node.js +5 -5
- package/lib/treeview/index.js +4 -4
- package/lib/uitour/index.js +6 -8
- package/package.json +1 -1
- package/lib/checkbox/Label.d.ts +0 -11
- package/lib/checkbox/Label.js +0 -31
- package/lib/inputs/mask/imaskHOC.js +0 -203
- package/lib/menus/sidenav/popup_menu_help/index.js +0 -85
- package/lib/tabs/DropdownItems.js +0 -62
- package/lib/tabs/MenuItems.js +0 -70
- package/lib/treeview_old/Header.js +0 -29
- package/lib/treeview_old/Node.js +0 -68
- package/lib/treeview_old/index.js +0 -43
package/lib/treetable/Body.js
CHANGED
package/lib/treetable/Header.js
CHANGED
|
@@ -15,9 +15,9 @@ const TreeTableHeader = () => {
|
|
|
15
15
|
dataColumns
|
|
16
16
|
} = (0, _react.useContext)(_helpers.TreeTableContext);
|
|
17
17
|
return /*#__PURE__*/_react.default.createElement(_table.THeader, null, /*#__PURE__*/_react.default.createElement(_table.TRow, {
|
|
18
|
-
key:
|
|
18
|
+
key: `tr-header-${(0, _uuid.v1)()}`
|
|
19
19
|
}, dataColumns.map(column => /*#__PURE__*/_react.default.createElement(_table.Th, {
|
|
20
|
-
key:
|
|
20
|
+
key: `th-${column.name}-${(0, _uuid.v1)()}`,
|
|
21
21
|
style: column.style
|
|
22
22
|
}, column.title))));
|
|
23
23
|
};
|
package/lib/treetable/Row.js
CHANGED
|
@@ -94,7 +94,7 @@ const TreeRow = props => {
|
|
|
94
94
|
let newElementsWithNewProps = [];
|
|
95
95
|
if (elements) {
|
|
96
96
|
newElementsWithNewProps = _react.default.Children.map(elements, element => {
|
|
97
|
-
if (
|
|
97
|
+
if (/*#__PURE__*/_react.default.isValidElement(element) && element.props) {
|
|
98
98
|
const _element$props = element.props,
|
|
99
99
|
{
|
|
100
100
|
validationKey,
|
|
@@ -134,24 +134,21 @@ const TreeRow = props => {
|
|
|
134
134
|
onMouseLeave: () => setShowToolbarElements(false)
|
|
135
135
|
}), /*#__PURE__*/_react.default.createElement(_table.Td, {
|
|
136
136
|
ignoreTableColClick: true,
|
|
137
|
-
key:
|
|
137
|
+
key: `td-${dataColumns[0].name}-${(0, _uuid.v1)()}`,
|
|
138
138
|
style: dataColumns[0].style
|
|
139
139
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
140
140
|
className: "column-container"
|
|
141
141
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
142
|
-
className:
|
|
142
|
+
className: `column-more-childrens ${rowLevel && 'line-path-decoration'}`,
|
|
143
143
|
style: {
|
|
144
|
-
marginLeft:
|
|
144
|
+
marginLeft: `${rowLevel}rem`
|
|
145
145
|
}
|
|
146
146
|
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
147
147
|
tabIndex: -1,
|
|
148
148
|
className: "open-close-children",
|
|
149
149
|
onClick: () => handlerShowChildrens()
|
|
150
|
-
},
|
|
151
|
-
name:
|
|
152
|
-
size: 10
|
|
153
|
-
}) : /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
154
|
-
name: "arrow_right",
|
|
150
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
151
|
+
name: open ? 'down' : 'arrow_right',
|
|
155
152
|
size: 10
|
|
156
153
|
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
157
154
|
tabIndex: 0,
|
|
@@ -165,20 +162,20 @@ const TreeRow = props => {
|
|
|
165
162
|
size: "small",
|
|
166
163
|
customClass: "row-toolbar"
|
|
167
164
|
}, /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
|
|
168
|
-
key:
|
|
165
|
+
key: `left-toolbar-${(0, _uuid.v1)()}`,
|
|
169
166
|
style: _objectSpread({
|
|
170
167
|
float: 'left',
|
|
171
168
|
height: 'fit-content'
|
|
172
169
|
}, styleForLeftToolbar)
|
|
173
170
|
}, showToolbarElements && leftToolbarElements && buildToolbarElements(leftToolbarElements)), /*#__PURE__*/_react.default.createElement(_toolbar.ToolBarGroup, {
|
|
174
|
-
key:
|
|
171
|
+
key: `right-toolbar-${(0, _uuid.v1)()}`,
|
|
175
172
|
style: _objectSpread({
|
|
176
173
|
float: 'right',
|
|
177
174
|
height: 'fit-content',
|
|
178
175
|
gap: '4px'
|
|
179
176
|
}, styleForRightToolbar)
|
|
180
177
|
}, rightToolbarElements && buildToolbarElements(rightToolbarElements)))))), dataColumns.slice(1).map(column => /*#__PURE__*/_react.default.createElement(_table.Td, {
|
|
181
|
-
key:
|
|
178
|
+
key: `key-${column.name}-${(0, _uuid.v1)()}`,
|
|
182
179
|
style: _objectSpread({}, column.style),
|
|
183
180
|
ignoreTableColClick: true
|
|
184
181
|
}, dataRow[column.name]))), open && /*#__PURE__*/_react.default.createElement(_react.Fragment, null, childrens && childrens.length === 0 && isLoadingChildrens ? /*#__PURE__*/_react.default.createElement(_table.TRow, {
|
|
@@ -195,7 +192,7 @@ const TreeRow = props => {
|
|
|
195
192
|
dataRow: item,
|
|
196
193
|
rowLevel: item.rowLevel ? item.rowLevel + 1 : 1,
|
|
197
194
|
key: item[rootPropName],
|
|
198
|
-
rowId:
|
|
195
|
+
rowId: `${item[rootPropName]}`,
|
|
199
196
|
style: stylesForRow
|
|
200
197
|
})), childrens && childrens.length !== 0 && isLoadingChildrens && /*#__PURE__*/_react.default.createElement(_table.TRow, {
|
|
201
198
|
key: "tr-loading-childrens"
|
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;
|
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
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);
|
|
@@ -1,203 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _imask = _interopRequireDefault(require("imask"));
|
|
9
|
-
var helpers = _interopRequireWildcard(require("./helpers"));
|
|
10
|
-
var _permissionValidations = require("../../permissionValidations");
|
|
11
|
-
var _format_number = require("../number/format_number");
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
16
|
-
const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
|
|
17
|
-
const IMaskHOC = ComposedComponent => {
|
|
18
|
-
const MaskedComponent = props => {
|
|
19
|
-
const {
|
|
20
|
-
permissionAttr,
|
|
21
|
-
skeletonize,
|
|
22
|
-
inputRef,
|
|
23
|
-
placeholderChar = '_',
|
|
24
|
-
lazy = false,
|
|
25
|
-
pattern = '',
|
|
26
|
-
radix = ' ',
|
|
27
|
-
thousandsSeparator = '',
|
|
28
|
-
mapToRadix = [],
|
|
29
|
-
scale = 2,
|
|
30
|
-
signed = false,
|
|
31
|
-
normalizeZeros = true,
|
|
32
|
-
padFractionalZeros = true,
|
|
33
|
-
mask,
|
|
34
|
-
commit = () => {},
|
|
35
|
-
parse,
|
|
36
|
-
format,
|
|
37
|
-
definitions,
|
|
38
|
-
groups,
|
|
39
|
-
min,
|
|
40
|
-
max,
|
|
41
|
-
dispatch,
|
|
42
|
-
value = '',
|
|
43
|
-
onChange,
|
|
44
|
-
isDateField = false,
|
|
45
|
-
autoCompleteMask
|
|
46
|
-
} = props;
|
|
47
|
-
const maskOptions = {
|
|
48
|
-
placeholderChar: placeholderChar === '' ? ' ' : placeholderChar,
|
|
49
|
-
lazy,
|
|
50
|
-
pattern,
|
|
51
|
-
radix,
|
|
52
|
-
thousandsSeparator,
|
|
53
|
-
mapToRadix,
|
|
54
|
-
scale,
|
|
55
|
-
signed,
|
|
56
|
-
normalizeZeros,
|
|
57
|
-
padFractionalZeros,
|
|
58
|
-
mask,
|
|
59
|
-
commit,
|
|
60
|
-
parse,
|
|
61
|
-
format,
|
|
62
|
-
definitions,
|
|
63
|
-
groups,
|
|
64
|
-
min,
|
|
65
|
-
max,
|
|
66
|
-
dispatch
|
|
67
|
-
};
|
|
68
|
-
const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
|
|
69
|
-
const elementRef = (0, _react.useRef)(null);
|
|
70
|
-
const maskRef = (0, _react.useRef)(null);
|
|
71
|
-
const {
|
|
72
|
-
hideContent,
|
|
73
|
-
unvisible,
|
|
74
|
-
disabled,
|
|
75
|
-
readOnly
|
|
76
|
-
} = onDenied;
|
|
77
|
-
const dontInitMask = hideContent || unvisible || skeletonize;
|
|
78
|
-
const disableCallbacks = disabled || readOnly;
|
|
79
|
-
const setValue = newValue => {
|
|
80
|
-
if (maskRef.current) {
|
|
81
|
-
if (props.unmask) maskRef.current.unmaskedValue = newValue.toString();
|
|
82
|
-
maskRef.current.value = String(newValue);
|
|
83
|
-
}
|
|
84
|
-
};
|
|
85
|
-
const onAccept = (0, _react.useCallback)(() => {
|
|
86
|
-
if (onChange && !disableCallbacks && maskRef.current) {
|
|
87
|
-
const {
|
|
88
|
-
unmaskedValue,
|
|
89
|
-
el
|
|
90
|
-
} = maskRef.current;
|
|
91
|
-
const name = el.name || el.input && el.input.name;
|
|
92
|
-
onChange({
|
|
93
|
-
target: {
|
|
94
|
-
value: unmaskedValue,
|
|
95
|
-
name
|
|
96
|
-
}
|
|
97
|
-
}, props.unmask ? unmaskedValue : maskRef.current.value);
|
|
98
|
-
}
|
|
99
|
-
}, [onChange]);
|
|
100
|
-
const onComplete = (0, _react.useCallback)(() => {
|
|
101
|
-
if (props.onComplete && !disableCallbacks && maskRef.current) {
|
|
102
|
-
const {
|
|
103
|
-
unmaskedValue,
|
|
104
|
-
el
|
|
105
|
-
} = maskRef.current;
|
|
106
|
-
const name = el.name || el.input && el.input.name;
|
|
107
|
-
props.onComplete({
|
|
108
|
-
target: {
|
|
109
|
-
value: unmaskedValue,
|
|
110
|
-
name
|
|
111
|
-
}
|
|
112
|
-
}, props.unmask ? unmaskedValue : maskRef.current.value);
|
|
113
|
-
}
|
|
114
|
-
}, [props.onComplete]);
|
|
115
|
-
const autoCompleteMaskValue = (0, _react.useCallback)(eventTargetValue => {
|
|
116
|
-
if (autoCompleteMask && eventTargetValue.length && maskRef.current && elementRef.current) {
|
|
117
|
-
const sizeMask = maskRef.current.mask.toString().replace(/\D+/g, '').length;
|
|
118
|
-
if (sizeMask > eventTargetValue.length) {
|
|
119
|
-
switch (autoCompleteMask) {
|
|
120
|
-
case 'left':
|
|
121
|
-
setValue(eventTargetValue.padStart(sizeMask, '0'));
|
|
122
|
-
break;
|
|
123
|
-
case 'right':
|
|
124
|
-
setValue(eventTargetValue.padEnd(sizeMask, '0'));
|
|
125
|
-
break;
|
|
126
|
-
default:
|
|
127
|
-
setValue(eventTargetValue);
|
|
128
|
-
break;
|
|
129
|
-
}
|
|
130
|
-
}
|
|
131
|
-
}
|
|
132
|
-
}, [autoCompleteMask, maskRef.current, elementRef.current]);
|
|
133
|
-
const getMask = () => {
|
|
134
|
-
const element = elementRef.current;
|
|
135
|
-
if (element) {
|
|
136
|
-
const maskCurrent = maskRef.current;
|
|
137
|
-
if (!maskCurrent) {
|
|
138
|
-
maskRef.current = (0, _imask.default)(element, maskOptions);
|
|
139
|
-
if (value && typeof value !== 'number' && value.trim() !== '' || value && typeof value === 'number') onAccept();
|
|
140
|
-
setValue(value);
|
|
141
|
-
} else {
|
|
142
|
-
maskCurrent.updateOptions(maskOptions);
|
|
143
|
-
}
|
|
144
|
-
}
|
|
145
|
-
};
|
|
146
|
-
const destroyMask = () => {
|
|
147
|
-
if (maskRef.current) {
|
|
148
|
-
maskRef.current.destroy();
|
|
149
|
-
maskRef.current = null;
|
|
150
|
-
}
|
|
151
|
-
};
|
|
152
|
-
(0, _react.useEffect)(() => {
|
|
153
|
-
if (props.handlerSetOnDenied) props.handlerSetOnDenied(onDenied);
|
|
154
|
-
if (!props.mask || dontInitMask) return;
|
|
155
|
-
getMask();
|
|
156
|
-
}, [maskOptions]);
|
|
157
|
-
(0, _react.useEffect)(() => {
|
|
158
|
-
if (!maskRef.current) return;
|
|
159
|
-
const maskCurrent = maskRef.current;
|
|
160
|
-
maskCurrent.on('accept', onAccept);
|
|
161
|
-
maskCurrent.on('complete', onComplete);
|
|
162
|
-
|
|
163
|
-
// eslint-disable-next-line consistent-return
|
|
164
|
-
return () => {
|
|
165
|
-
maskCurrent.off('accept', onAccept);
|
|
166
|
-
maskCurrent.off('complete', onComplete);
|
|
167
|
-
};
|
|
168
|
-
}, [onAccept, onComplete]);
|
|
169
|
-
(0, _react.useEffect)(() => {
|
|
170
|
-
if (maskOptions.mask && !dontInitMask) {
|
|
171
|
-
if (maskRef.current) {
|
|
172
|
-
const formattedValue = isDateField ? value : (0, _format_number.numberToPtBR)(value) || '';
|
|
173
|
-
setValue(formattedValue);
|
|
174
|
-
} else {
|
|
175
|
-
getMask();
|
|
176
|
-
}
|
|
177
|
-
} else if (!dontInitMask) {
|
|
178
|
-
destroyMask();
|
|
179
|
-
if (value && elementRef.current) elementRef.current.value = value;
|
|
180
|
-
}
|
|
181
|
-
}, [value, isDateField]);
|
|
182
|
-
(0, _react.useEffect)(() => destroyMask, []);
|
|
183
|
-
return /*#__PURE__*/_react.default.createElement(ComposedComponent, _extends({}, helpers.extractNonMaskProps(props, maskOptions), {
|
|
184
|
-
onDeniedActions: onDenied,
|
|
185
|
-
defaultValue: value,
|
|
186
|
-
onBlur: e => {
|
|
187
|
-
autoCompleteMaskValue(e.target.value);
|
|
188
|
-
if (props.onBlur) props.onBlur(e);
|
|
189
|
-
},
|
|
190
|
-
onChange: e => setValue(e.target.value),
|
|
191
|
-
inputRef: el => {
|
|
192
|
-
elementRef.current = el;
|
|
193
|
-
if (inputRef) {
|
|
194
|
-
if (typeof inputRef === 'object') inputRef.current = el;else inputRef(el);
|
|
195
|
-
}
|
|
196
|
-
}
|
|
197
|
-
}));
|
|
198
|
-
};
|
|
199
|
-
const nestedComponentName = ComposedComponent.displayName || ComposedComponent.name || 'Component';
|
|
200
|
-
MaskedComponent.displayName = "IMask(".concat(nestedComponentName, ")");
|
|
201
|
-
return MaskedComponent;
|
|
202
|
-
};
|
|
203
|
-
var _default = exports.default = IMaskHOC;
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
9
|
-
var _list = _interopRequireWildcard(require("../../../list"));
|
|
10
|
-
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
-
const body = document.getElementsByTagName('body')[0];
|
|
14
|
-
const PopupMenuHelp = props => {
|
|
15
|
-
const {
|
|
16
|
-
style,
|
|
17
|
-
copyright,
|
|
18
|
-
handlerClose,
|
|
19
|
-
version,
|
|
20
|
-
helpList = [],
|
|
21
|
-
helpRef
|
|
22
|
-
} = props;
|
|
23
|
-
const searchFieldRef = (0, _react.useRef)(null);
|
|
24
|
-
const popupRef = (0, _react.useRef)(document.createElement('div'));
|
|
25
|
-
Object.assign(popupRef.current, {
|
|
26
|
-
className: 'helpmenu',
|
|
27
|
-
style
|
|
28
|
-
});
|
|
29
|
-
const closeOnEsc = e => {
|
|
30
|
-
if (e.key === 'Escape') {
|
|
31
|
-
handlerClose();
|
|
32
|
-
e.stopPropagation();
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
(0, _react.useEffect)(() => {
|
|
36
|
-
body.appendChild(popupRef.current);
|
|
37
|
-
if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
|
|
38
|
-
document.body.addEventListener('keydown', closeOnEsc);
|
|
39
|
-
return () => {
|
|
40
|
-
body.removeChild(popupRef.current);
|
|
41
|
-
document.body.removeEventListener('keydown', closeOnEsc);
|
|
42
|
-
};
|
|
43
|
-
}, []);
|
|
44
|
-
(0, _react.useEffect)(() => {
|
|
45
|
-
Object.assign(popupRef.current, {
|
|
46
|
-
style
|
|
47
|
-
});
|
|
48
|
-
}, [style]);
|
|
49
|
-
const getPopupContent = () => /*#__PURE__*/_react.default.createElement("div", {
|
|
50
|
-
className: "popup-help",
|
|
51
|
-
ref: helpRef
|
|
52
|
-
}, /*#__PURE__*/_react.default.createElement(_list.default, {
|
|
53
|
-
condensed: true,
|
|
54
|
-
selectable: true,
|
|
55
|
-
onSelectItem: handlerClose,
|
|
56
|
-
selectOnEnter: true,
|
|
57
|
-
style: {
|
|
58
|
-
border: 'none',
|
|
59
|
-
boxShadow: 'hidden',
|
|
60
|
-
overflow: 'none'
|
|
61
|
-
}
|
|
62
|
-
}, /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_list.ListHeader, {
|
|
63
|
-
customClass: "helpheader",
|
|
64
|
-
title: "Ajuda"
|
|
65
|
-
}), helpList.map(item => /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
66
|
-
separator: true,
|
|
67
|
-
selectOnEnter: true,
|
|
68
|
-
key: item.id,
|
|
69
|
-
itemId: item.id,
|
|
70
|
-
url: item.url,
|
|
71
|
-
text: item.title
|
|
72
|
-
})))), /*#__PURE__*/_react.default.createElement("div", {
|
|
73
|
-
className: "infomartion",
|
|
74
|
-
style: {
|
|
75
|
-
padding: '10px 0px 0px 7px',
|
|
76
|
-
backgroundColor: 'white'
|
|
77
|
-
}
|
|
78
|
-
}, /*#__PURE__*/_react.default.createElement("p", {
|
|
79
|
-
className: "help-information"
|
|
80
|
-
}, /*#__PURE__*/_react.default.createElement("b", null, "Vers\xE3o:"), version), /*#__PURE__*/_react.default.createElement("p", {
|
|
81
|
-
className: "help-information"
|
|
82
|
-
}, copyright)));
|
|
83
|
-
return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
|
|
84
|
-
};
|
|
85
|
-
var _default = exports.default = PopupMenuHelp;
|
|
@@ -1,62 +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 _buttons = _interopRequireDefault(require("../buttons"));
|
|
9
|
-
var _list = _interopRequireWildcard(require("../list"));
|
|
10
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
const DropdownItems = _ref => {
|
|
14
|
-
let {
|
|
15
|
-
handlerClick,
|
|
16
|
-
handlerRemovePanel,
|
|
17
|
-
dropdownPanels = [],
|
|
18
|
-
tabMenuSize = 'medium'
|
|
19
|
-
} = _ref;
|
|
20
|
-
return dropdownPanels.length > 0 ? /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
21
|
-
dropdown: true,
|
|
22
|
-
dropdownAlign: "right",
|
|
23
|
-
transparent: true,
|
|
24
|
-
boxShadow: false,
|
|
25
|
-
size: "large",
|
|
26
|
-
customClass: "dropdownbutton"
|
|
27
|
-
}, /*#__PURE__*/_react.default.createElement(_list.default, {
|
|
28
|
-
customClass: "dropdown-hide-tabs"
|
|
29
|
-
}, dropdownPanels.map((panel, index) => {
|
|
30
|
-
const {
|
|
31
|
-
id,
|
|
32
|
-
title,
|
|
33
|
-
closeable,
|
|
34
|
-
iconAlign,
|
|
35
|
-
icon,
|
|
36
|
-
iconName,
|
|
37
|
-
disabled
|
|
38
|
-
} = panel.props;
|
|
39
|
-
return /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
40
|
-
key: id
|
|
41
|
-
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
42
|
-
className: "menuitem"
|
|
43
|
-
}, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
44
|
-
className: "btn menubutton",
|
|
45
|
-
boxShadow: false,
|
|
46
|
-
onClick: () => handlerClick === null || handlerClick === void 0 ? void 0 : handlerClick(id),
|
|
47
|
-
iconAlign: iconAlign,
|
|
48
|
-
iconName: iconName,
|
|
49
|
-
icon: icon,
|
|
50
|
-
disabled: disabled,
|
|
51
|
-
label: title,
|
|
52
|
-
size: tabMenuSize,
|
|
53
|
-
transparent: true
|
|
54
|
-
}), closeable && /*#__PURE__*/_react.default.createElement("button", {
|
|
55
|
-
className: "closepanel",
|
|
56
|
-
onClick: () => {
|
|
57
|
-
handlerRemovePanel === null || handlerRemovePanel === void 0 ? void 0 : handlerRemovePanel(id, index, true);
|
|
58
|
-
}
|
|
59
|
-
})));
|
|
60
|
-
}))) : null;
|
|
61
|
-
};
|
|
62
|
-
var _default = exports.default = DropdownItems;
|