linear-react-components-ui 1.1.3-beta.2 → 1.1.4-beta.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 (77) hide show
  1. package/lib/@types/Align.d.ts +1 -1
  2. package/lib/@types/ButtonTypes.d.ts +1 -1
  3. package/lib/@types/ColorStyles.d.ts +1 -1
  4. package/lib/@types/DataCombo.d.ts +1 -1
  5. package/lib/@types/Icon.d.ts +1 -1
  6. package/lib/@types/LabelStyles.d.ts +1 -1
  7. package/lib/@types/Period.d.ts +1 -1
  8. package/lib/@types/PermissionAttr.d.ts +1 -1
  9. package/lib/@types/PointerEvents.d.ts +1 -1
  10. package/lib/@types/Position.d.ts +1 -1
  11. package/lib/@types/PositionAlert.d.ts +1 -1
  12. package/lib/@types/Size.d.ts +1 -1
  13. package/lib/@types/SizePixels.d.ts +1 -1
  14. package/lib/@types/StorageMock.d.ts +1 -1
  15. package/lib/alerts/Message.d.ts +1 -1
  16. package/lib/alerts/Message.js +50 -7
  17. package/lib/alerts/types.d.ts +2 -1
  18. package/lib/assets/styles/alerts.scss +4 -7
  19. package/lib/assets/styles/table.scss +7 -0
  20. package/lib/avatar/types.d.ts +1 -1
  21. package/lib/badge/types.d.ts +1 -1
  22. package/lib/buttons/DefaultButton.js +0 -1
  23. package/lib/buttons/types.d.ts +1 -1
  24. package/lib/calendar/types.d.ts +1 -1
  25. package/lib/checkbox/types.d.ts +1 -1
  26. package/lib/dialog/types.d.ts +1 -1
  27. package/lib/drawer/types.d.ts +1 -1
  28. package/lib/dropdown/types.d.ts +1 -1
  29. package/lib/fieldset/types.d.ts +1 -1
  30. package/lib/form/Field.d.ts +1 -1
  31. package/lib/form/types.d.ts +1 -1
  32. package/lib/gridlayout/types.d.ts +1 -1
  33. package/lib/hint/types.d.ts +1 -1
  34. package/lib/icons/types.d.ts +1 -1
  35. package/lib/inputs/base/types.d.ts +1 -1
  36. package/lib/inputs/color/types.d.ts +1 -1
  37. package/lib/inputs/date/types.d.ts +1 -1
  38. package/lib/inputs/file/types.d.ts +1 -1
  39. package/lib/inputs/mask/types.d.ts +1 -1
  40. package/lib/inputs/multiSelect/types.d.ts +1 -1
  41. package/lib/inputs/number/types.d.ts +1 -1
  42. package/lib/inputs/period/types.d.ts +1 -1
  43. package/lib/inputs/select/types.d.ts +1 -1
  44. package/lib/inputs/text/types.d.ts +1 -1
  45. package/lib/inputs/textarea/types.d.ts +1 -1
  46. package/lib/inputs/types.d.ts +1 -1
  47. package/lib/internals/types.d.ts +1 -1
  48. package/lib/labelMessages/types.d.ts +1 -1
  49. package/lib/labels/types.d.ts +1 -1
  50. package/lib/list/Item.js +10 -4
  51. package/lib/list/types.d.ts +1 -1
  52. package/lib/menus/float/index.d.ts +10 -10
  53. package/lib/menus/float/types.d.ts +1 -1
  54. package/lib/menus/sidenav/types.d.ts +1 -1
  55. package/lib/panel/types.d.ts +1 -1
  56. package/lib/popover/types.d.ts +1 -1
  57. package/lib/progress/types.d.ts +1 -1
  58. package/lib/radio/types.d.ts +1 -1
  59. package/lib/shortcuts/types.d.ts +1 -1
  60. package/lib/skeleton/types.d.ts +1 -1
  61. package/lib/spinner/types.d.ts +1 -1
  62. package/lib/split/helpers.d.ts +1 -1
  63. package/lib/split/types.d.ts +1 -1
  64. package/lib/table/HeaderColumn.d.ts +1 -1
  65. package/lib/table/HeaderColumn.js +13 -3
  66. package/lib/table/types.d.ts +2 -1
  67. package/lib/tabs/types.d.ts +1 -1
  68. package/lib/toolbar/types.d.ts +1 -1
  69. package/lib/tooltip/types.d.ts +1 -1
  70. package/lib/treetable/Row.d.ts +1 -1
  71. package/lib/treetable/helpers.d.ts +1 -1
  72. package/lib/treetable/index.d.ts +2 -2
  73. package/lib/treeview/types.d.ts +1 -1
  74. package/lib/{types.d-DvJcBS8L.d.ts → types.d-73cece43.d.ts} +1 -1
  75. package/lib/uitour/types.d.ts +1 -1
  76. package/package.json +4 -4
  77. package/.eslintcache +0 -1
@@ -1,4 +1,4 @@
1
1
  type Align = 'left' | 'right' | 'center' | 'top' | 'bottom' | 'none';
2
2
  type TextAlign = Extract<Align, 'left' | 'right' | 'center'>;
3
3
 
4
- export type { Align, TextAlign };
4
+ export { Align, TextAlign };
@@ -1,3 +1,3 @@
1
1
  type ButtonTypes = 'default' | 'primary' | 'danger' | 'info' | 'success' | 'warning' | 'add' | 'cancel' | 'destroy' | 'edit' | 'save' | 'activate' | 'inactivate' | 'restore';
2
2
 
3
- export type { ButtonTypes };
3
+ export { ButtonTypes };
@@ -1,3 +1,3 @@
1
1
  type ColorStyles = 'primary' | 'success' | 'danger' | 'info' | 'warning';
2
2
 
3
- export type { ColorStyles };
3
+ export { ColorStyles };
@@ -1,3 +1,3 @@
1
1
  type DataCombo = any;
2
2
 
3
- export type { DataCombo };
3
+ export { DataCombo };
@@ -2,4 +2,4 @@ import _default from '../icons/helper.js';
2
2
 
3
3
  type IconNames = keyof typeof _default;
4
4
 
5
- export type { IconNames };
5
+ export { IconNames };
@@ -1,3 +1,3 @@
1
1
  type LabelStyles = 'info' | 'warning' | 'success' | 'default' | 'danger';
2
2
 
3
- export type { LabelStyles };
3
+ export { LabelStyles };
@@ -3,4 +3,4 @@ type Period = {
3
3
  final?: string;
4
4
  };
5
5
 
6
- export type { Period };
6
+ export { Period };
@@ -11,4 +11,4 @@ type OnDenied = {
11
11
  hideContent?: boolean;
12
12
  };
13
13
 
14
- export type { OnDenied, PermissionAttr };
14
+ export { OnDenied, PermissionAttr };
@@ -1,3 +1,3 @@
1
1
  type PointerEvents = 'none' | 'all' | 'fill' | 'painted' | 'stroke' | 'visible' | 'visibleFill' | 'visiblePainted' | 'visibleStroke' | 'inherit' | 'initial' | 'unset' | 'auto';
2
2
 
3
- export type { PointerEvents };
3
+ export { PointerEvents };
@@ -1,3 +1,3 @@
1
1
  type Position = 'left' | 'right' | 'center' | 'top' | 'bottom';
2
2
 
3
- export type { Position };
3
+ export { Position };
@@ -1,3 +1,3 @@
1
1
  type PositionAlert = 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom' | 'centerTop' | 'centerBottom';
2
2
 
3
- export type { PositionAlert };
3
+ export { PositionAlert };
@@ -1,3 +1,3 @@
1
1
  type Size = 'mini' | 'small' | 'medium' | 'large' | 'default';
2
2
 
3
- export type { Size };
3
+ export { Size };
@@ -1,3 +1,3 @@
1
1
  type SizePixels = 10 | 12 | 14 | 16 | 18 | 22 | 24 | 32 | 40 | 64 | 128 | 200;
2
2
 
3
- export type { SizePixels };
3
+ export { SizePixels };
@@ -2,4 +2,4 @@ interface ISessionStorageMock {
2
2
  [key: string]: string;
3
3
  }
4
4
 
5
- export type { ISessionStorageMock };
5
+ export { ISessionStorageMock };
@@ -4,6 +4,6 @@ import '../@types/PositionAlert.js';
4
4
  import '../@types/Icon.js';
5
5
  import '../icons/helper.js';
6
6
 
7
- declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, }: IMessageProps) => JSX.Element;
7
+ declare const Message: ({ handleClose, message, id, color, icon, iconName, timeout, customClass, closeButton, className, position, pauseTimeoutOnMouseHover, }: IMessageProps) => JSX.Element;
8
8
 
9
9
  export { Message as default };
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.default = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _icons = _interopRequireDefault(require("../icons"));
9
+ var _progress = _interopRequireDefault(require("../progress"));
9
10
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
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); }
11
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; }
@@ -40,16 +41,58 @@ const Message = _ref2 => {
40
41
  customClass = '',
41
42
  closeButton = false,
42
43
  className = 'message',
43
- position = 'centerTop'
44
+ position = 'centerTop',
45
+ pauseTimeoutOnMouseHover = false
44
46
  } = _ref2;
47
+ const [progressBarTime, setProgressBarTime] = (0, _react.useState)(timeout - 300);
48
+ const [pauseTimeout, setPauseTimeout] = (0, _react.useState)(false);
49
+ const timeoutIdentifier = (0, _react.useRef)(null);
50
+ const intervalIdentifier = (0, _react.useRef)(null);
51
+ const handleMouseEnter = () => {
52
+ if (pauseTimeoutOnMouseHover) {
53
+ setPauseTimeout(true);
54
+ setProgressBarTime(prevProgressBarTime => prevProgressBarTime >= 800 ? prevProgressBarTime + 600 : prevProgressBarTime + 500);
55
+ }
56
+ };
57
+ const handleMouseLeave = () => {
58
+ if (pauseTimeoutOnMouseHover) {
59
+ setPauseTimeout(false);
60
+ setProgressBarTime(prevProgressBarTime => prevProgressBarTime >= 800 ? prevProgressBarTime - 600 : prevProgressBarTime - 500);
61
+ }
62
+ };
63
+ const getProgressBarType = () => customClass.replace('-', '');
45
64
  (0, _react.useEffect)(() => {
46
- if (timeout > 0) {
47
- setTimeout(() => {
65
+ if (!pauseTimeout && progressBarTime > 0) {
66
+ timeoutIdentifier.current = setTimeout(() => {
48
67
  handleClose(id, position);
49
- }, timeout);
68
+ }, progressBarTime);
69
+ intervalIdentifier.current = setInterval(() => progressBarTime > 0 ? setProgressBarTime(prevProgressBarTime => prevProgressBarTime > 0 ? prevProgressBarTime - 100 : 0) : null, 100);
70
+ } else {
71
+ if (timeoutIdentifier.current) clearInterval(timeoutIdentifier.current);
72
+ if (intervalIdentifier.current) clearInterval(intervalIdentifier.current);
50
73
  }
51
- }, []);
74
+ return () => {
75
+ if (timeoutIdentifier.current) clearInterval(timeoutIdentifier.current);
76
+ if (intervalIdentifier.current) clearInterval(intervalIdentifier.current);
77
+ };
78
+ }, [pauseTimeout]);
52
79
  return /*#__PURE__*/_react.default.createElement("div", {
80
+ onMouseEnter: handleMouseEnter,
81
+ onMouseLeave: handleMouseLeave
82
+ }, timeout > 0 && /*#__PURE__*/_react.default.createElement(_progress.default, {
83
+ min: 300,
84
+ max: timeout,
85
+ value: progressBarTime,
86
+ showLabel: false,
87
+ style: {
88
+ animation: 'tinRightIn 1s forwards ease-in-out',
89
+ margin: '0px',
90
+ borderRadius: '0px',
91
+ backgroundColor: 'rgb(234 234 234)'
92
+ },
93
+ height: "6px",
94
+ type: getProgressBarType()
95
+ }), /*#__PURE__*/_react.default.createElement("div", {
53
96
  className: getClass({
54
97
  className,
55
98
  customClass
@@ -58,7 +101,7 @@ const Message = _ref2 => {
58
101
  className: "-icon"
59
102
  }, (icon || iconName || color) && getIcon(icon, iconName, color)), /*#__PURE__*/_react.default.createElement("div", {
60
103
  className: "-messagecontent"
61
- }, message), /*#__PURE__*/_react.default.createElement("div", {
104
+ }, /*#__PURE__*/_react.default.createElement("p", null, message)), /*#__PURE__*/_react.default.createElement("div", {
62
105
  className: "close"
63
106
  }, closeButton || timeout === 0 ? /*#__PURE__*/_react.default.createElement("span", {
64
107
  className: "close-button",
@@ -66,6 +109,6 @@ const Message = _ref2 => {
66
109
  onKeyPress: () => {},
67
110
  tabIndex: -1,
68
111
  onClick: () => handleClose !== undefined ? handleClose(id, position) : null
69
- }, "x") : null));
112
+ }, "x") : null)));
70
113
  };
71
114
  var _default = exports.default = Message;
@@ -29,6 +29,7 @@ interface IMessageProps {
29
29
  icon?: ReactNode | null;
30
30
  iconName?: IconNames | null;
31
31
  timeout?: number;
32
+ pauseTimeoutOnMouseHover?: boolean;
32
33
  }
33
34
  interface IBaseAlertProps {
34
35
  children: ReactNode;
@@ -47,4 +48,4 @@ type MessagesState = {
47
48
  [key: string]: Array<IMessageProps>;
48
49
  };
49
50
 
50
- export type { AlertContainerMethods, DefaultMessageConfigType, GetClassParams, IAlertProviderProps, IBaseAlertProps, IMessageProps, MessagesState, WithAlertContextProps };
51
+ export { AlertContainerMethods, DefaultMessageConfigType, GetClassParams, IAlertProviderProps, IBaseAlertProps, IMessageProps, MessagesState, WithAlertContextProps };
@@ -8,12 +8,13 @@
8
8
  .alert-component {
9
9
  position: fixed;
10
10
  z-index: 9999999;
11
- pointer-events: none;
12
11
  > .messagecontainer {
13
12
  height: 100%;
14
13
  > .lefttop, > .leftbottom, > .rightbottom, .righttop, .centertop, .centerbottom {
15
14
  position: fixed;
16
- width: 370px;
15
+ width: auto;
16
+ min-width: 20%;
17
+ max-width: 25%;
17
18
  }
18
19
  > .lefttop {
19
20
  left: 0;
@@ -53,15 +54,11 @@
53
54
  > .rightbottom {
54
55
  right: 0;
55
56
  bottom: 0;
56
- &:hover {
57
- opacity: 0.3!important;
58
- background-color: #E0CABB;
59
- }
60
57
  }
61
58
  }
62
59
  .message {
63
60
  display: flex;
64
- flex-wrap: nowrap;
61
+ flex-wrap: wrap;
65
62
  width: 100%;
66
63
  height: 100%;
67
64
  min-height: 80px;
@@ -58,6 +58,13 @@
58
58
  &.-noborder {
59
59
  border-bottom: 0;
60
60
  }
61
+ &.menu-column {
62
+ width: 100px;
63
+ text-align: center;
64
+ svg {
65
+ margin-left: 0;
66
+ }
67
+ }
61
68
  }
62
69
 
63
70
  > .bodycontainer > .innertable > .tbody > .trow,
@@ -28,4 +28,4 @@ interface IAvatarProps {
28
28
  disabled?: boolean;
29
29
  }
30
30
 
31
- export type { IAvatarProps };
31
+ export { IAvatarProps };
@@ -10,4 +10,4 @@ interface IBadgeProps {
10
10
  content?: ReactNode;
11
11
  }
12
12
 
13
- export type { IBadgeProps };
13
+ export { IBadgeProps };
@@ -131,7 +131,6 @@ const DefaultButton = _ref => {
131
131
  if (dropdown && showDropdown) showDropdown();
132
132
  if (onClick && toggleable) setActiveButton(!activeButton);
133
133
  },
134
- disabled: isDisabled,
135
134
  className: "".concat(getClass(), " ").concat(activeButton ? '-toggleable' : '', " ").concat(skeletonize ? '-skeletonized' : ''),
136
135
  ref: r => {
137
136
  if (buttonRef) {
@@ -46,4 +46,4 @@ interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
46
46
  onDeniedText?: string;
47
47
  }
48
48
 
49
- export type { IButtonProps };
49
+ export { IButtonProps };
@@ -22,4 +22,4 @@ interface IMonthProps {
22
22
  currentDate: Moment;
23
23
  }
24
24
 
25
- export type { ICalendarProps, IDayProps, IMonthProps, IWeekProps };
25
+ export { ICalendarProps, IDayProps, IMonthProps, IWeekProps };
@@ -40,4 +40,4 @@ interface ICheckBoxProps {
40
40
  errorMessages?: string[] | undefined;
41
41
  }
42
42
 
43
- export type { ChangeEvent, ICheckBoxProps };
43
+ export { ChangeEvent, ICheckBoxProps };
@@ -67,4 +67,4 @@ interface IFormDialogContext {
67
67
  headerRef?: React.RefObject<HTMLDivElement>;
68
68
  }
69
69
 
70
- export type { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormDialogContext, IFormProps, IHeaderProps, IQuestionProps };
70
+ export { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormDialogContext, IFormProps, IHeaderProps, IQuestionProps };
@@ -38,4 +38,4 @@ interface IDrawerContext {
38
38
  skeletonize?: boolean;
39
39
  }
40
40
 
41
- export type { IDrawerContext, IDrawerHeaderProps, IDrawerProps };
41
+ export { IDrawerContext, IDrawerHeaderProps, IDrawerProps };
@@ -41,4 +41,4 @@ interface GetCalendarDropdownStyleParams {
41
41
  rightPosition: number;
42
42
  }
43
43
 
44
- export type { GetCalendarDropdownStyleParams, GetDisplayNameParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };
44
+ export { GetCalendarDropdownStyleParams, GetDisplayNameParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };
@@ -27,4 +27,4 @@ interface ExpandedElement extends Element {
27
27
  align?: string;
28
28
  }
29
29
 
30
- export type { ExpandedElement, IFieldsetProps };
30
+ export { ExpandedElement, IFieldsetProps };
@@ -9,6 +9,6 @@ import '../@types/Period.js';
9
9
  import '../internals/types.js';
10
10
  import '../@types/Position.js';
11
11
 
12
- declare const _default: React__default.ForwardRefExoticComponent<Pick<IFieldProps & React__default.RefAttributes<unknown>, keyof IFieldProps | "key"> & React__default.RefAttributes<HTMLElement>>;
12
+ declare const _default: React__default.ForwardRefExoticComponent<Pick<IFieldProps & React__default.RefAttributes<unknown>, "key" | keyof IFieldProps> & React__default.RefAttributes<HTMLElement>>;
13
13
 
14
14
  export { _default as default };
@@ -220,4 +220,4 @@ type FieldValidator = {
220
220
  [name: string]: Validator | Validator[];
221
221
  };
222
222
 
223
- export type { CustomEvent, CustomKeyboardEvent, FieldErrors, FieldValidator, FormContextProps, FormProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };
223
+ export { CustomEvent, CustomKeyboardEvent, FieldErrors, FieldValidator, FormContextProps, FormProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };
@@ -17,4 +17,4 @@ interface IGridRow {
17
17
  customClass?: string;
18
18
  }
19
19
 
20
- export type { IGridCol, IGridRow };
20
+ export { IGridCol, IGridRow };
@@ -11,4 +11,4 @@ interface HintProps {
11
11
  color?: ColorStyles;
12
12
  }
13
13
 
14
- export type { HintProps };
14
+ export { HintProps };
@@ -33,4 +33,4 @@ interface IIconProps {
33
33
  targetRef?: (ref: HTMLDivElement) => void;
34
34
  }
35
35
 
36
- export type { IIconProps, ListIconType };
36
+ export { IIconProps, ListIconType };
@@ -91,4 +91,4 @@ interface IBaseProps {
91
91
  autoComplete?: 'on' | 'off';
92
92
  }
93
93
 
94
- export type { CustomInputEvent, IBaseProps, InputLabelProps };
94
+ export { CustomInputEvent, IBaseProps, InputLabelProps };
@@ -11,4 +11,4 @@ interface IColorProps {
11
11
  visible?: boolean;
12
12
  }
13
13
 
14
- export type { IColorProps };
14
+ export { IColorProps };
@@ -55,4 +55,4 @@ interface IDateDialogProps {
55
55
  };
56
56
  }
57
57
 
58
- export type { IDateDialogProps, IDateDropdownProps, IDatePickerProps };
58
+ export { IDateDialogProps, IDateDropdownProps, IDatePickerProps };
@@ -51,4 +51,4 @@ interface IFileButtonSettingsProps {
51
51
  onBtnClickInsert: () => void;
52
52
  }
53
53
 
54
- export type { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };
54
+ export { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };
@@ -72,4 +72,4 @@ interface IZipCode extends IBaseMaskProps {
72
72
  value?: string;
73
73
  }
74
74
 
75
- export type { IBaseMaskProps, ICnpjFieldProps, ICpfProps, IPhoneFieldProps, IZipCode };
75
+ export { IBaseMaskProps, ICnpjFieldProps, ICpfProps, IPhoneFieldProps, IZipCode };
@@ -58,4 +58,4 @@ interface IMultiSelectProps {
58
58
  label?: string;
59
59
  }
60
60
 
61
- export type { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };
61
+ export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };
@@ -33,4 +33,4 @@ interface ICurrencyProps extends INumberFieldProps {
33
33
  displayCurrencySymbol?: boolean;
34
34
  }
35
35
 
36
- export type { IBaseNumberProps, ICurrencyProps, INumberFieldProps };
36
+ export { IBaseNumberProps, ICurrencyProps, INumberFieldProps };
@@ -67,4 +67,4 @@ interface IPeriodListProps {
67
67
  selected?: string;
68
68
  }
69
69
 
70
- export type { ChangeInputPeriodEvent, DateTypes, IDialogProps, IPeriodDropdownProps, IPeriodListProps, IPeriodOptions, IPeriodPickerProps };
70
+ export { ChangeInputPeriodEvent, DateTypes, IDialogProps, IPeriodDropdownProps, IPeriodListProps, IPeriodOptions, IPeriodPickerProps };
@@ -109,4 +109,4 @@ interface GetMultipleFilteredParams extends GetFilteredParams {
109
109
  inputText: number[] | string[];
110
110
  }
111
111
 
112
- export type { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };
112
+ export { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };
@@ -22,4 +22,4 @@ interface ITextField extends IBaseProps, CommonProperties {
22
22
  gridLayout?: string;
23
23
  }
24
24
 
25
- export type { ITextField };
25
+ export { ITextField };
@@ -13,4 +13,4 @@ interface ITextAreaProps extends IBaseProps {
13
13
  type?: string;
14
14
  }
15
15
 
16
- export type { ITextAreaProps };
16
+ export { ITextAreaProps };
@@ -157,4 +157,4 @@ interface ErrorProps {
157
157
  messages?: string | string[];
158
158
  }
159
159
 
160
- export type { ErrorProps, IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };
160
+ export { ErrorProps, IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };
@@ -22,4 +22,4 @@ interface HasToolTipParams {
22
22
  tooltip?: string;
23
23
  }
24
24
 
25
- export type { GetDisplayNameParams, HasToolTipParams, ITooltipContext, WithTooltipProps };
25
+ export { GetDisplayNameParams, HasToolTipParams, ITooltipContext, WithTooltipProps };
@@ -17,4 +17,4 @@ interface ILabelMessagesProps {
17
17
  visible?: boolean;
18
18
  }
19
19
 
20
- export type { ILabelMessagesProps };
20
+ export { ILabelMessagesProps };
@@ -23,4 +23,4 @@ interface ILabelProps extends React.HTMLAttributes<HTMLDivElement> {
23
23
  validationKey?: string;
24
24
  }
25
25
 
26
- export type { ILabelProps };
26
+ export { ILabelProps };
package/lib/list/Item.js CHANGED
@@ -53,17 +53,23 @@ const Item = props => {
53
53
  const navigate = (0, _reactRouterDom.useNavigate)();
54
54
  const disabledByPermission = onDenied.disabled;
55
55
  const shouldDisable = () => disabled || onDenied.disabled;
56
+ const disabledIconColor = 'rgb(193, 193, 193)';
56
57
  const getClass = () => "item ".concat(customClass, " ").concat(separator && 'list-separator', " ").concat(shouldDisable() && 'disabled', "\n ").concat(displayCheckbox && 'list-checkbox');
57
58
  const getIcon = (iconName, icon) => {
59
+ const noIconDisabledByPermission = !icon && !displayCheckbox && !leftElement && !leftIconName && !leftIcon && onDenied.disabled;
58
60
  if (icon) {
59
61
  return icon;
62
+ } else if (noIconDisabledByPermission) {
63
+ return /*#__PURE__*/_react.default.createElement(_icons.default, {
64
+ name: "padlock",
65
+ color: disabledIconColor
66
+ });
60
67
  } else if (iconName) {
61
68
  return /*#__PURE__*/_react.default.createElement(_icons.default, {
62
- name: !disabledByPermission ? iconName : 'padlock'
69
+ name: !disabledByPermission ? iconName : 'padlock',
70
+ color: !disabledByPermission ? '' : disabledIconColor
63
71
  });
64
- } else if (!icon && !displayCheckbox && !leftElement && !leftIconName && !leftIcon && onDenied.disabled) return /*#__PURE__*/_react.default.createElement(_icons.default, {
65
- name: "padlock"
66
- });
72
+ }
67
73
  return null;
68
74
  };
69
75
  const handleOnSelectItem = e => {
@@ -63,4 +63,4 @@ interface IListContext {
63
63
  handleSelectItem: (itemId: string, onClick?: () => void) => void;
64
64
  }
65
65
 
66
- export type { IListContext, IListHeaderProps, IListItemProps, IListProps, ItemId, KeyboardEvent };
66
+ export { IListContext, IListHeaderProps, IListItemProps, IListProps, ItemId, KeyboardEvent };
@@ -16,21 +16,21 @@ declare function SubMenuContainer({ title, customClass, handlerGoBack, skeletoni
16
16
  }): JSX.Element;
17
17
  declare namespace SubMenuContainer {
18
18
  namespace propTypes {
19
- let children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
20
- let handlerGoBack: PropTypes.Validator<(...args: any[]) => any>;
21
- let title: PropTypes.Requireable<string>;
22
- let customClass: PropTypes.Requireable<string>;
23
- let skeletonize: PropTypes.Requireable<boolean>;
24
- let skeletonQtty: PropTypes.Requireable<number>;
19
+ const children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
20
+ const handlerGoBack: PropTypes.Validator<(...args: any[]) => any>;
21
+ const title: PropTypes.Requireable<string>;
22
+ const customClass: PropTypes.Requireable<string>;
23
+ const skeletonize: PropTypes.Requireable<boolean>;
24
+ const skeletonQtty: PropTypes.Requireable<number>;
25
25
  }
26
26
  namespace defaultProps {
27
- let title_1: undefined;
27
+ const title_1: undefined;
28
28
  export { title_1 as title };
29
- let customClass_1: undefined;
29
+ const customClass_1: undefined;
30
30
  export { customClass_1 as customClass };
31
- let skeletonize_1: boolean;
31
+ const skeletonize_1: boolean;
32
32
  export { skeletonize_1 as skeletonize };
33
- let skeletonQtty_1: number;
33
+ const skeletonQtty_1: number;
34
34
  export { skeletonQtty_1 as skeletonQtty };
35
35
  }
36
36
  }
@@ -27,4 +27,4 @@ interface IFloatMenuItemProps {
27
27
  onClick?: (dropdownClose?: () => void) => void;
28
28
  }
29
29
 
30
- export type { IFloatMenuContext, IFloatMenuItemProps, IFloatMenuProps };
30
+ export { IFloatMenuContext, IFloatMenuItemProps, IFloatMenuProps };
@@ -81,4 +81,4 @@ interface ISideNavContext {
81
81
  }
82
82
  type ITargetDimensions = DOMRect;
83
83
 
84
- export type { IEmptyListProps, IExpandMenuProps, IMenuItemContent, IMenuLinkProps, INavMenuGroupProps, INavMenuItemProps, INavSubMenuItemProps, IPopupMenuSearchProps, ISideNavContext, ISideNavDimensions, ISideNavProps, ISubMenuContext, ITargetDimensions };
84
+ export { IEmptyListProps, IExpandMenuProps, IMenuItemContent, IMenuLinkProps, INavMenuGroupProps, INavMenuItemProps, INavSubMenuItemProps, IPopupMenuSearchProps, ISideNavContext, ISideNavDimensions, ISideNavProps, ISubMenuContext, ITargetDimensions };
@@ -44,4 +44,4 @@ interface IParameterFunction {
44
44
  componentName: string;
45
45
  }
46
46
 
47
- export type { AsyncFunc, ContextProps, Func, IPanelContentProps, IPanelHeaderProps, IPanelProps, IParameterFunction };
47
+ export { AsyncFunc, ContextProps, Func, IPanelContentProps, IPanelHeaderProps, IPanelProps, IParameterFunction };
@@ -20,4 +20,4 @@ interface IPopoverProps {
20
20
  iconSize?: Extract<SizePixels, 10 | 16 | 24 | 32 | 40 | 64>;
21
21
  }
22
22
 
23
- export type { IPopoverProps, PopoverTextProps, PopoverTitleProps };
23
+ export { IPopoverProps, PopoverTextProps, PopoverTitleProps };
@@ -34,4 +34,4 @@ interface ILabelParams {
34
34
  value?: number;
35
35
  }
36
36
 
37
- export type { IBarProps, ILabelParams, IPercentageParams, IProgressBarProps };
37
+ export { IBarProps, ILabelParams, IPercentageParams, IProgressBarProps };
@@ -18,4 +18,4 @@ interface IRadioProps {
18
18
  forwardedRef?: Ref<HTMLInputElement>;
19
19
  }
20
20
 
21
- export type { IRadioProps };
21
+ export { IRadioProps };
@@ -9,4 +9,4 @@ interface IShortcutsProps {
9
9
  description: string;
10
10
  }
11
11
 
12
- export type { IShortcutsProps };
12
+ export { IShortcutsProps };
@@ -18,4 +18,4 @@ interface ISkeletonContainerProps {
18
18
  style?: CSSProperties;
19
19
  }
20
20
 
21
- export type { ISkeletonContainerProps, ISkeletonProps };
21
+ export { ISkeletonContainerProps, ISkeletonProps };
@@ -17,4 +17,4 @@ interface ISpinnerLoadingProps {
17
17
  size: string;
18
18
  }
19
19
 
20
- export type { ISpinnerLoadingProps, ISpinnerProps };
20
+ export { ISpinnerLoadingProps, ISpinnerProps };
@@ -7,4 +7,4 @@ type ISplitContext = {
7
7
  };
8
8
  declare const SplitContext: React__default.Context<ISplitContext>;
9
9
 
10
- export { type ISplitContext, SplitContext as default };
10
+ export { ISplitContext, SplitContext as default };
@@ -31,4 +31,4 @@ interface DocumentSelection {
31
31
  empty(): void;
32
32
  }
33
33
 
34
- export type { DocumentSelection, ISplitProps, ISplitSideProps };
34
+ export { DocumentSelection, ISplitProps, ISplitSideProps };