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.
Files changed (163) hide show
  1. package/lib/alerts/BaseAlert.js +1 -1
  2. package/lib/alerts/Message.js +1 -1
  3. package/lib/assets/styles/effects.scss +0 -2
  4. package/lib/assets/styles/input.scss +2 -2
  5. package/lib/assets/styles/popover.scss +3 -0
  6. package/lib/assets/styles/treetable.scss +2 -2
  7. package/lib/assets/styles/treeview.scss +24 -8
  8. package/lib/assets/styles/wizard.scss +3 -1
  9. package/lib/avatar/index.js +9 -8
  10. package/lib/badge/index.js +4 -4
  11. package/lib/buttons/DangerButton.js +1 -1
  12. package/lib/buttons/DefaultButton.js +24 -4
  13. package/lib/buttons/InfoButton.js +1 -1
  14. package/lib/buttons/PrimaryButton.js +1 -1
  15. package/lib/buttons/SuccessButton.js +1 -1
  16. package/lib/buttons/WarningButton.js +1 -1
  17. package/lib/buttons/button_container/index.js +1 -1
  18. package/lib/buttons/split_button/index.js +1 -1
  19. package/lib/calendar/base/Day.js +1 -1
  20. package/lib/calendar/base/Month.js +1 -1
  21. package/lib/calendar/base/helpers.js +2 -2
  22. package/lib/calendar/base/index.js +1 -1
  23. package/lib/checkbox/index.js +46 -19
  24. package/lib/checkbox/types.d.ts +4 -0
  25. package/lib/dialog/Alert.js +6 -2
  26. package/lib/dialog/Custom.js +4 -2
  27. package/lib/dialog/Error.js +6 -2
  28. package/lib/dialog/Information.js +6 -2
  29. package/lib/dialog/Question.js +23 -5
  30. package/lib/dialog/Warning.js +6 -2
  31. package/lib/dialog/base/Content.js +1 -1
  32. package/lib/dialog/base/Header.js +2 -2
  33. package/lib/dialog/base/index.js +10 -8
  34. package/lib/dialog/form/index.js +2 -2
  35. package/lib/dialog/types.d.ts +10 -0
  36. package/lib/dialog/wizard/index.d.ts +1 -1
  37. package/lib/dialog/wizard/index.js +8 -4
  38. package/lib/dialog/wizard/progressbar.js +1 -1
  39. package/lib/dialog/wizard/step.js +1 -1
  40. package/lib/drawer/Drawer.js +3 -3
  41. package/lib/drawer/Header.js +1 -1
  42. package/lib/dropdown/Popup.js +6 -6
  43. package/lib/dropdown/helper.js +1 -1
  44. package/lib/dropdown/withDropdown.js +2 -2
  45. package/lib/fieldset/index.js +7 -7
  46. package/lib/form/FieldArray.js +1 -1
  47. package/lib/form/FieldNumber.js +7 -10
  48. package/lib/form/FieldPeriod.js +2 -2
  49. package/lib/form/index.js +20 -15
  50. package/lib/form/types.d.ts +14 -1
  51. package/lib/gridlayout/GridCol.js +5 -5
  52. package/lib/gridlayout/GridRow.js +4 -1
  53. package/lib/hint/index.js +7 -1
  54. package/lib/icons/helper.d.ts +8 -0
  55. package/lib/icons/helper.js +8 -0
  56. package/lib/icons/index.js +24 -27
  57. package/lib/inputs/base/InputTextBase.js +39 -15
  58. package/lib/inputs/base/Label.js +1 -1
  59. package/lib/inputs/base/helpers.js +7 -3
  60. package/lib/inputs/base/types.d.ts +3 -0
  61. package/lib/inputs/color/types.d.ts +5 -0
  62. package/lib/inputs/date/helpers.js +4 -1
  63. package/lib/inputs/date/index.js +9 -15
  64. package/lib/inputs/date/types.d.ts +4 -0
  65. package/lib/inputs/errorMessage/index.js +1 -1
  66. package/lib/inputs/file/DefaultFile.js +5 -6
  67. package/lib/inputs/file/DragDropFile.js +17 -18
  68. package/lib/inputs/file/File.js +3 -4
  69. package/lib/inputs/file/types.d.ts +3 -0
  70. package/lib/inputs/mask/BaseMask.js +4 -1
  71. package/lib/inputs/mask/helpers.d.ts +4 -0
  72. package/lib/inputs/mask/types.d.ts +4 -0
  73. package/lib/inputs/multiSelect/Dropdown.js +9 -10
  74. package/lib/inputs/multiSelect/helper.js +1 -2
  75. package/lib/inputs/multiSelect/index.js +7 -9
  76. package/lib/inputs/multiSelect/types.d.ts +4 -0
  77. package/lib/inputs/number/BaseNumber.d.ts +1 -1
  78. package/lib/inputs/number/Currency.d.ts +1 -1
  79. package/lib/inputs/number/Decimal.d.ts +1 -1
  80. package/lib/inputs/number/index.d.ts +1 -1
  81. package/lib/inputs/number/index.js +8 -4
  82. package/lib/inputs/number/types.d.ts +14 -2
  83. package/lib/inputs/period/PeriodList.js +1 -1
  84. package/lib/inputs/period/helper.js +3 -1
  85. package/lib/inputs/period/index.js +40 -18
  86. package/lib/inputs/period/types.d.ts +3 -0
  87. package/lib/inputs/search/index.js +1 -1
  88. package/lib/inputs/select/Dropdown.js +1 -1
  89. package/lib/inputs/select/helper.js +10 -13
  90. package/lib/inputs/select/multiple/Selecteds.js +1 -1
  91. package/lib/inputs/select/multiple/index.js +18 -16
  92. package/lib/inputs/select/simple/index.js +10 -17
  93. package/lib/inputs/select/types.d.ts +6 -0
  94. package/lib/inputs/textarea/index.js +1 -1
  95. package/lib/internals/withTooltip.js +9 -9
  96. package/lib/labelMessages/index.js +4 -3
  97. package/lib/labels/DefaultLabel.js +4 -1
  98. package/lib/labels/label_container/index.js +1 -1
  99. package/lib/list/Header.d.ts +1 -0
  100. package/lib/list/Header.js +1 -1
  101. package/lib/list/Item.d.ts +6 -2
  102. package/lib/list/Item.js +36 -14
  103. package/lib/list/helpers.d.ts +1 -0
  104. package/lib/list/index.d.ts +1 -0
  105. package/lib/list/index.js +3 -2
  106. package/lib/list/types.d.ts +8 -1
  107. package/lib/menus/float/MenuItem.js +2 -2
  108. package/lib/menus/float/SubMenuContainer.js +1 -1
  109. package/lib/menus/float/index.js +1 -1
  110. package/lib/menus/sidenav/ExpandMenu.js +1 -1
  111. package/lib/menus/sidenav/NavMenuGroup.js +1 -1
  112. package/lib/menus/sidenav/NavMenuItem.js +27 -25
  113. package/lib/menus/sidenav/NavSubMenuItem.js +1 -1
  114. package/lib/menus/sidenav/helpers.js +1 -1
  115. package/lib/menus/sidenav/index.js +39 -31
  116. package/lib/menus/sidenav/types.d.ts +1 -0
  117. package/lib/panel/Content.js +5 -7
  118. package/lib/panel/Default.js +2 -2
  119. package/lib/panel/Header.js +3 -3
  120. package/lib/permissionValidations.js +1 -1
  121. package/lib/popover/index.js +4 -6
  122. package/lib/popover/types.d.ts +2 -1
  123. package/lib/progress/Bar.js +6 -6
  124. package/lib/radio/index.d.ts +1 -1
  125. package/lib/radio/index.js +36 -5
  126. package/lib/radio/types.d.ts +8 -1
  127. package/lib/shortcuts/index.js +1 -1
  128. package/lib/skeleton/SkeletonContainer.js +2 -1
  129. package/lib/skeleton/index.js +4 -1
  130. package/lib/spinner/index.js +2 -2
  131. package/lib/split/Split.js +1 -1
  132. package/lib/split/SplitSide.js +3 -3
  133. package/lib/table/Body.js +3 -3
  134. package/lib/table/Header.js +8 -11
  135. package/lib/table/HeaderColumn.js +7 -7
  136. package/lib/table/Row.js +3 -3
  137. package/lib/table/RowColumn.js +1 -1
  138. package/lib/table/index.js +6 -1
  139. package/lib/table/types.d.ts +0 -2
  140. package/lib/tabs/DropdownTabs.js +1 -1
  141. package/lib/tabs/Menu.js +1 -1
  142. package/lib/tabs/MenuTabs.js +2 -2
  143. package/lib/tabs/Panel.js +5 -7
  144. package/lib/tabs/context.js +3 -6
  145. package/lib/textContent/index.d.ts +18 -4
  146. package/lib/textContent/index.js +18 -6
  147. package/lib/toolbar/ButtonBar.js +1 -1
  148. package/lib/toolbar/index.js +1 -1
  149. package/lib/tooltip/index.js +7 -7
  150. package/lib/treetable/Body.js +1 -1
  151. package/lib/treetable/Header.js +2 -2
  152. package/lib/treetable/Row.d.ts +1 -1
  153. package/lib/treetable/Row.js +50 -25
  154. package/lib/treetable/helpers.d.ts +1 -1
  155. package/lib/treetable/index.d.ts +2 -2
  156. package/lib/treeview/Header.js +1 -1
  157. package/lib/treeview/Node.js +5 -5
  158. package/lib/treeview/index.js +4 -4
  159. package/lib/{types.d-73cece43.d.ts → types.d-b477e076.d.ts} +1 -0
  160. package/lib/uitour/index.js +6 -8
  161. package/package.json +2 -2
  162. package/lib/checkbox/Label.d.ts +0 -11
  163. package/lib/checkbox/Label.js +0 -31
@@ -1,5 +1,5 @@
1
- import { a as ITreeTableProps } from '../types.d-73cece43.js';
2
- export { b as IRowElementsValidations, R as RowItem } from '../types.d-73cece43.js';
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
 
@@ -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;
@@ -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 {
@@ -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.9",
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 install",
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"
@@ -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);