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.
Files changed (165) hide show
  1. package/lib/alerts/BaseAlert.js +1 -1
  2. package/lib/alerts/Message.js +1 -1
  3. package/lib/assets/styles/input.scss +2 -2
  4. package/lib/assets/styles/popover.scss +3 -0
  5. package/lib/assets/styles/select.scss +2 -1
  6. package/lib/assets/styles/wizard.scss +186 -0
  7. package/lib/avatar/index.js +9 -8
  8. package/lib/badge/index.js +4 -4
  9. package/lib/buttons/DangerButton.js +1 -1
  10. package/lib/buttons/DefaultButton.js +24 -4
  11. package/lib/buttons/InfoButton.js +1 -1
  12. package/lib/buttons/PrimaryButton.js +1 -1
  13. package/lib/buttons/SuccessButton.js +1 -1
  14. package/lib/buttons/WarningButton.js +1 -1
  15. package/lib/buttons/button_container/index.js +1 -1
  16. package/lib/buttons/split_button/index.js +1 -1
  17. package/lib/calendar/base/Day.js +1 -1
  18. package/lib/calendar/base/Month.js +1 -1
  19. package/lib/calendar/base/helpers.js +2 -2
  20. package/lib/calendar/base/index.js +1 -1
  21. package/lib/checkbox/index.js +46 -19
  22. package/lib/checkbox/types.d.ts +4 -0
  23. package/lib/dialog/Custom.js +4 -2
  24. package/lib/dialog/Question.js +18 -2
  25. package/lib/dialog/base/Content.d.ts +1 -1
  26. package/lib/dialog/base/Content.js +3 -2
  27. package/lib/dialog/base/Header.js +2 -2
  28. package/lib/dialog/base/index.js +12 -9
  29. package/lib/dialog/form/index.js +8 -3
  30. package/lib/dialog/types.d.ts +42 -4
  31. package/lib/dialog/wizard/index.d.ts +13 -0
  32. package/lib/dialog/wizard/index.js +80 -0
  33. package/lib/dialog/wizard/progressbar.d.ts +14 -0
  34. package/lib/dialog/wizard/progressbar.js +38 -0
  35. package/lib/dialog/wizard/step.d.ts +9 -0
  36. package/lib/dialog/wizard/step.js +22 -0
  37. package/lib/dialog/wizard/useWizard.d.ts +9 -0
  38. package/lib/dialog/wizard/useWizard.js +48 -0
  39. package/lib/drawer/Drawer.js +3 -3
  40. package/lib/drawer/Header.js +1 -1
  41. package/lib/dropdown/Popup.js +6 -6
  42. package/lib/dropdown/helper.js +1 -1
  43. package/lib/dropdown/withDropdown.js +2 -2
  44. package/lib/fieldset/index.js +7 -7
  45. package/lib/form/FieldArray.js +1 -1
  46. package/lib/form/FieldNumber.js +7 -10
  47. package/lib/form/FieldPeriod.js +2 -2
  48. package/lib/form/index.js +20 -15
  49. package/lib/form/types.d.ts +14 -1
  50. package/lib/gridlayout/GridCol.js +5 -5
  51. package/lib/gridlayout/GridRow.js +4 -1
  52. package/lib/hint/index.js +7 -1
  53. package/lib/icons/helper.d.ts +20 -0
  54. package/lib/icons/helper.js +20 -0
  55. package/lib/icons/index.js +24 -27
  56. package/lib/inputs/base/InputTextBase.js +39 -15
  57. package/lib/inputs/base/Label.js +1 -1
  58. package/lib/inputs/base/helpers.js +7 -3
  59. package/lib/inputs/base/types.d.ts +3 -0
  60. package/lib/inputs/color/types.d.ts +5 -0
  61. package/lib/inputs/date/helpers.js +4 -1
  62. package/lib/inputs/date/index.js +9 -15
  63. package/lib/inputs/date/types.d.ts +4 -0
  64. package/lib/inputs/errorMessage/index.js +1 -1
  65. package/lib/inputs/file/DefaultFile.js +5 -6
  66. package/lib/inputs/file/DragDropFile.js +17 -18
  67. package/lib/inputs/file/File.js +3 -4
  68. package/lib/inputs/file/types.d.ts +3 -0
  69. package/lib/inputs/mask/BaseMask.js +4 -1
  70. package/lib/inputs/mask/helpers.d.ts +4 -0
  71. package/lib/inputs/mask/types.d.ts +4 -0
  72. package/lib/inputs/multiSelect/Dropdown.js +9 -10
  73. package/lib/inputs/multiSelect/helper.js +1 -2
  74. package/lib/inputs/multiSelect/index.js +7 -9
  75. package/lib/inputs/multiSelect/types.d.ts +4 -0
  76. package/lib/inputs/number/BaseNumber.d.ts +1 -1
  77. package/lib/inputs/number/Currency.d.ts +1 -1
  78. package/lib/inputs/number/Decimal.d.ts +1 -1
  79. package/lib/inputs/number/index.d.ts +1 -1
  80. package/lib/inputs/number/index.js +8 -4
  81. package/lib/inputs/number/types.d.ts +14 -2
  82. package/lib/inputs/period/PeriodList.js +1 -1
  83. package/lib/inputs/period/helper.js +3 -1
  84. package/lib/inputs/period/index.js +40 -18
  85. package/lib/inputs/period/types.d.ts +3 -0
  86. package/lib/inputs/search/index.js +1 -1
  87. package/lib/inputs/select/Dropdown.js +1 -1
  88. package/lib/inputs/select/helper.js +10 -13
  89. package/lib/inputs/select/multiple/Selecteds.js +1 -1
  90. package/lib/inputs/select/multiple/index.js +22 -18
  91. package/lib/inputs/select/simple/index.js +15 -20
  92. package/lib/inputs/select/types.d.ts +7 -0
  93. package/lib/inputs/textarea/index.js +1 -1
  94. package/lib/internals/withTooltip.js +9 -9
  95. package/lib/labelMessages/index.js +4 -3
  96. package/lib/labels/DefaultLabel.js +4 -1
  97. package/lib/labels/label_container/index.js +1 -1
  98. package/lib/list/Header.d.ts +1 -0
  99. package/lib/list/Header.js +1 -1
  100. package/lib/list/Item.d.ts +6 -2
  101. package/lib/list/Item.js +36 -14
  102. package/lib/list/helpers.d.ts +1 -0
  103. package/lib/list/index.d.ts +1 -0
  104. package/lib/list/index.js +3 -2
  105. package/lib/list/types.d.ts +8 -1
  106. package/lib/menus/float/MenuItem.js +2 -2
  107. package/lib/menus/float/SubMenuContainer.js +1 -1
  108. package/lib/menus/float/index.js +1 -1
  109. package/lib/menus/sidenav/ExpandMenu.js +1 -1
  110. package/lib/menus/sidenav/NavMenuGroup.js +1 -1
  111. package/lib/menus/sidenav/NavMenuItem.js +27 -25
  112. package/lib/menus/sidenav/NavSubMenuItem.js +1 -1
  113. package/lib/menus/sidenav/helpers.js +1 -1
  114. package/lib/menus/sidenav/index.js +39 -31
  115. package/lib/menus/sidenav/types.d.ts +1 -0
  116. package/lib/panel/Content.js +5 -7
  117. package/lib/panel/Default.js +2 -2
  118. package/lib/panel/Header.js +3 -3
  119. package/lib/permissionValidations.js +1 -1
  120. package/lib/popover/index.js +4 -6
  121. package/lib/popover/types.d.ts +2 -1
  122. package/lib/progress/Bar.js +6 -6
  123. package/lib/radio/index.d.ts +1 -1
  124. package/lib/radio/index.js +36 -5
  125. package/lib/radio/types.d.ts +8 -1
  126. package/lib/shortcuts/index.js +1 -1
  127. package/lib/skeleton/SkeletonContainer.js +2 -1
  128. package/lib/skeleton/index.js +4 -1
  129. package/lib/spinner/index.js +2 -2
  130. package/lib/split/Split.js +1 -1
  131. package/lib/split/SplitSide.js +3 -3
  132. package/lib/table/Body.js +3 -3
  133. package/lib/table/Header.js +8 -11
  134. package/lib/table/HeaderColumn.js +7 -7
  135. package/lib/table/Row.js +3 -3
  136. package/lib/table/RowColumn.js +1 -1
  137. package/lib/table/index.js +6 -1
  138. package/lib/table/types.d.ts +0 -2
  139. package/lib/tabs/DropdownTabs.js +1 -1
  140. package/lib/tabs/Menu.js +1 -1
  141. package/lib/tabs/MenuTabs.js +2 -2
  142. package/lib/tabs/Panel.js +5 -7
  143. package/lib/tabs/context.js +3 -6
  144. package/lib/textContent/index.d.ts +18 -4
  145. package/lib/textContent/index.js +18 -6
  146. package/lib/toolbar/ButtonBar.js +1 -1
  147. package/lib/toolbar/index.js +1 -1
  148. package/lib/tooltip/index.js +7 -7
  149. package/lib/treetable/Body.js +1 -1
  150. package/lib/treetable/Header.js +2 -2
  151. package/lib/treetable/Row.js +10 -13
  152. package/lib/treeview/Header.js +1 -1
  153. package/lib/treeview/Node.js +5 -5
  154. package/lib/treeview/index.js +4 -4
  155. package/lib/uitour/index.js +6 -8
  156. package/package.json +1 -1
  157. package/lib/checkbox/Label.d.ts +0 -11
  158. package/lib/checkbox/Label.js +0 -31
  159. package/lib/inputs/mask/imaskHOC.js +0 -203
  160. package/lib/menus/sidenav/popup_menu_help/index.js +0 -85
  161. package/lib/tabs/DropdownItems.js +0 -62
  162. package/lib/tabs/MenuItems.js +0 -70
  163. package/lib/treeview_old/Header.js +0 -29
  164. package/lib/treeview_old/Node.js +0 -68
  165. package/lib/treeview_old/index.js +0 -43
@@ -27,7 +27,7 @@ const TreeTableBody = () => {
27
27
  dataRow: element,
28
28
  rowLevel: element.rowLevel ? element.rowLevel + 1 : 0,
29
29
  key: element[rootPropName],
30
- rowId: "".concat(element[rootPropName]),
30
+ rowId: `${element[rootPropName]}`,
31
31
  style: stylesForRow
32
32
  })));
33
33
  };
@@ -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: "tr-header-".concat((0, _uuid.v1)())
18
+ key: `tr-header-${(0, _uuid.v1)()}`
19
19
  }, dataColumns.map(column => /*#__PURE__*/_react.default.createElement(_table.Th, {
20
- key: "th-".concat(column.name, "-").concat((0, _uuid.v1)()),
20
+ key: `th-${column.name}-${(0, _uuid.v1)()}`,
21
21
  style: column.style
22
22
  }, column.title))));
23
23
  };
@@ -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 ( /*#__PURE__*/_react.default.isValidElement(element) && element.props) {
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: "td-".concat(dataColumns[0].name, "-").concat((0, _uuid.v1)()),
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: "column-more-childrens ".concat(rowLevel && 'line-path-decoration'),
142
+ className: `column-more-childrens ${rowLevel && 'line-path-decoration'}`,
143
143
  style: {
144
- marginLeft: "".concat(rowLevel, "rem")
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
- }, open ? /*#__PURE__*/_react.default.createElement(_icons.default, {
151
- name: "up",
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: "left-toolbar-".concat((0, _uuid.v1)()),
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: "right-toolbar-".concat((0, _uuid.v1)()),
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: "key-".concat(column.name, "-").concat((0, _uuid.v1)()),
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: "".concat(item[rootPropName]),
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"
@@ -13,7 +13,7 @@ const Header = props => {
13
13
  children
14
14
  } = props;
15
15
  return /*#__PURE__*/_react.default.createElement("div", {
16
- className: "treeviewheader ".concat(customClass)
16
+ className: `treeviewheader ${customClass}`
17
17
  }, title ? /*#__PURE__*/_react.default.createElement("div", {
18
18
  className: "title"
19
19
  }, title) : children);
@@ -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 !== null && applyBehavior !== void 0 ? applyBehavior : 'unvisible'];
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 ( /*#__PURE__*/_react.default.isValidElement(element) && element.props) {
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: "element-".concat(uuid.v1()),
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: "treeviewitem ".concat(customClass)
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: "".concat(node[valuePropName]),
205
+ value: `${node[valuePropName]}`,
206
206
  label: node[labelPropName],
207
207
  tooltip: required ? defaultDisabledTooltip : '',
208
208
  onChange: disabled || required ? undefined : e => {
@@ -239,7 +239,7 @@ const TreeView = props => {
239
239
  }
240
240
  }
241
241
  return /*#__PURE__*/_react.default.createElement(_Node.default, {
242
- key: "node-".concat(node.id),
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 === null || onSelectedIdsChange === void 0 ? void 0 : onSelectedIdsChange(selectedIds);
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: "treeview-component ".concat(customClass)
314
+ className: `treeview-component ${customClass}`
315
315
  }, children, /*#__PURE__*/_react.default.createElement("ul", {
316
316
  style: styleForContainer,
317
- className: "treeviewcontainer ".concat(bordered && '-bordered')
317
+ className: `treeviewcontainer ${bordered && '-bordered'}`
318
318
  }, buildTree(data))));
319
319
  };
320
320
  var _default = exports.default = TreeView;
@@ -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 === (currentStep === null || currentStep === void 0 ? void 0 : currentStep.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 === (currentStep === null || currentStep === void 0 ? void 0 : currentStep.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 || (currentStep === null || currentStep === void 0 ? void 0 : currentStep.position) === _helpers.STEP_POSITIONS.right) {
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
- (_mutationObserver = mutationObserver) === null || _mutationObserver === void 0 ? void 0 : _mutationObserver.disconnect();
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
- var _mutationObserver2;
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: "step -".concat(stepPosition),
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-beta.4",
3
+ "version": "1.1.20-beta.41",
4
4
  "description": "Linear Sistemas ReactJs Components",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib/index.cjs",
@@ -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 };
@@ -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;