linear-react-components-ui 1.1.3-beta.3 → 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.
- package/lib/@types/Align.d.ts +1 -1
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +1 -1
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/@types/StorageMock.d.ts +1 -1
- package/lib/alerts/Message.d.ts +1 -1
- package/lib/alerts/Message.js +50 -7
- package/lib/alerts/types.d.ts +2 -1
- package/lib/assets/styles/alerts.scss +4 -7
- package/lib/assets/styles/table.scss +7 -0
- package/lib/avatar/types.d.ts +1 -1
- package/lib/badge/types.d.ts +1 -1
- package/lib/buttons/types.d.ts +1 -1
- package/lib/calendar/types.d.ts +1 -1
- package/lib/checkbox/types.d.ts +1 -1
- package/lib/dialog/types.d.ts +1 -1
- package/lib/drawer/types.d.ts +1 -1
- package/lib/dropdown/types.d.ts +1 -1
- package/lib/fieldset/types.d.ts +1 -1
- package/lib/form/Field.d.ts +1 -1
- package/lib/form/types.d.ts +1 -1
- package/lib/gridlayout/types.d.ts +1 -1
- package/lib/hint/types.d.ts +1 -1
- package/lib/icons/types.d.ts +1 -1
- package/lib/inputs/base/types.d.ts +1 -1
- package/lib/inputs/color/types.d.ts +1 -1
- package/lib/inputs/date/types.d.ts +1 -1
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/mask/types.d.ts +1 -1
- package/lib/inputs/multiSelect/types.d.ts +1 -1
- package/lib/inputs/number/types.d.ts +1 -1
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/select/types.d.ts +1 -1
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/types.d.ts +1 -1
- package/lib/inputs/types.d.ts +1 -1
- package/lib/internals/types.d.ts +1 -1
- package/lib/labelMessages/types.d.ts +1 -1
- package/lib/labels/types.d.ts +1 -1
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/index.d.ts +10 -10
- package/lib/menus/float/types.d.ts +1 -1
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/panel/types.d.ts +1 -1
- package/lib/popover/types.d.ts +1 -1
- package/lib/progress/types.d.ts +1 -1
- package/lib/radio/types.d.ts +1 -1
- package/lib/shortcuts/types.d.ts +1 -1
- package/lib/skeleton/types.d.ts +1 -1
- package/lib/spinner/types.d.ts +1 -1
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/types.d.ts +1 -1
- package/lib/table/HeaderColumn.d.ts +1 -1
- package/lib/table/HeaderColumn.js +13 -3
- package/lib/table/types.d.ts +2 -1
- package/lib/tabs/types.d.ts +1 -1
- package/lib/toolbar/types.d.ts +1 -1
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treeview/types.d.ts +1 -1
- package/lib/{types.d-DvJcBS8L.d.ts → types.d-73cece43.d.ts} +1 -1
- package/lib/uitour/types.d.ts +1 -1
- package/package.json +4 -4
- package/.eslintcache +0 -1
package/lib/@types/Align.d.ts
CHANGED
package/lib/@types/Icon.d.ts
CHANGED
package/lib/@types/Period.d.ts
CHANGED
package/lib/@types/Position.d.ts
CHANGED
package/lib/@types/Size.d.ts
CHANGED
package/lib/alerts/Message.d.ts
CHANGED
|
@@ -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 };
|
package/lib/alerts/Message.js
CHANGED
|
@@ -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 (
|
|
47
|
-
setTimeout(() => {
|
|
65
|
+
if (!pauseTimeout && progressBarTime > 0) {
|
|
66
|
+
timeoutIdentifier.current = setTimeout(() => {
|
|
48
67
|
handleClose(id, position);
|
|
49
|
-
},
|
|
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;
|
package/lib/alerts/types.d.ts
CHANGED
|
@@ -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
|
|
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:
|
|
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:
|
|
61
|
+
flex-wrap: wrap;
|
|
65
62
|
width: 100%;
|
|
66
63
|
height: 100%;
|
|
67
64
|
min-height: 80px;
|
package/lib/avatar/types.d.ts
CHANGED
package/lib/badge/types.d.ts
CHANGED
package/lib/buttons/types.d.ts
CHANGED
package/lib/calendar/types.d.ts
CHANGED
package/lib/checkbox/types.d.ts
CHANGED
package/lib/dialog/types.d.ts
CHANGED
|
@@ -67,4 +67,4 @@ interface IFormDialogContext {
|
|
|
67
67
|
headerRef?: React.RefObject<HTMLDivElement>;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
export
|
|
70
|
+
export { IBaseProps, ICommonDialogProps, IContentProps, ICustomProps, IFooterProps, IFormDialogContext, IFormProps, IHeaderProps, IQuestionProps };
|
package/lib/drawer/types.d.ts
CHANGED
package/lib/dropdown/types.d.ts
CHANGED
|
@@ -41,4 +41,4 @@ interface GetCalendarDropdownStyleParams {
|
|
|
41
41
|
rightPosition: number;
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
export
|
|
44
|
+
export { GetCalendarDropdownStyleParams, GetDisplayNameParams, IPopUpProps, WithDropdownContextProps, WithDropdownProps, WrappedComponentProps };
|
package/lib/fieldset/types.d.ts
CHANGED
package/lib/form/Field.d.ts
CHANGED
|
@@ -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
|
|
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 };
|
package/lib/form/types.d.ts
CHANGED
|
@@ -220,4 +220,4 @@ type FieldValidator = {
|
|
|
220
220
|
[name: string]: Validator | Validator[];
|
|
221
221
|
};
|
|
222
222
|
|
|
223
|
-
export
|
|
223
|
+
export { CustomEvent, CustomKeyboardEvent, FieldErrors, FieldValidator, FormContextProps, FormProps, IEventParams, IFieldArrayProps, IFieldPeriodProps, IFieldProps, IFormSecurityContext, IGetErrorMessagesParams, IWithFieldContext, IWithFormSecurity, OnFielChangeEvent, PeriodChangeEvent, PeriodValidator, Validator, WithFieldProps };
|
package/lib/hint/types.d.ts
CHANGED
package/lib/icons/types.d.ts
CHANGED
|
@@ -51,4 +51,4 @@ interface IFileButtonSettingsProps {
|
|
|
51
51
|
onBtnClickInsert: () => void;
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
export
|
|
54
|
+
export { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };
|
|
@@ -58,4 +58,4 @@ interface IMultiSelectProps {
|
|
|
58
58
|
label?: string;
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
export
|
|
61
|
+
export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };
|
|
@@ -67,4 +67,4 @@ interface IPeriodListProps {
|
|
|
67
67
|
selected?: string;
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
export
|
|
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
|
|
112
|
+
export { AllOptions, DescriptionKey, GetFilteredParams, GetMultipleFilteredParams, GetSimpleFilteredParams, IMultipleSelectProps, ISelectFieldProps, ISelectedsMultipleProps, ISimpleSelectProps };
|
package/lib/inputs/types.d.ts
CHANGED
|
@@ -157,4 +157,4 @@ interface ErrorProps {
|
|
|
157
157
|
messages?: string | string[];
|
|
158
158
|
}
|
|
159
159
|
|
|
160
|
-
export
|
|
160
|
+
export { ErrorProps, IActionButtonsSelectProps, IAdvancedFilterProps, IButtonsProps, IDropdownProps, IDropdownSelectProps, IInputHOCProps, IMaskHOCProps, ISearchProps };
|
package/lib/internals/types.d.ts
CHANGED
package/lib/labels/types.d.ts
CHANGED
package/lib/list/types.d.ts
CHANGED
|
@@ -63,4 +63,4 @@ interface IListContext {
|
|
|
63
63
|
handleSelectItem: (itemId: string, onClick?: () => void) => void;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
-
export
|
|
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
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
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
|
-
|
|
27
|
+
const title_1: undefined;
|
|
28
28
|
export { title_1 as title };
|
|
29
|
-
|
|
29
|
+
const customClass_1: undefined;
|
|
30
30
|
export { customClass_1 as customClass };
|
|
31
|
-
|
|
31
|
+
const skeletonize_1: boolean;
|
|
32
32
|
export { skeletonize_1 as skeletonize };
|
|
33
|
-
|
|
33
|
+
const skeletonQtty_1: number;
|
|
34
34
|
export { skeletonQtty_1 as skeletonQtty };
|
|
35
35
|
}
|
|
36
36
|
}
|
|
@@ -81,4 +81,4 @@ interface ISideNavContext {
|
|
|
81
81
|
}
|
|
82
82
|
type ITargetDimensions = DOMRect;
|
|
83
83
|
|
|
84
|
-
export
|
|
84
|
+
export { IEmptyListProps, IExpandMenuProps, IMenuItemContent, IMenuLinkProps, INavMenuGroupProps, INavMenuItemProps, INavSubMenuItemProps, IPopupMenuSearchProps, ISideNavContext, ISideNavDimensions, ISideNavProps, ISubMenuContext, ITargetDimensions };
|
package/lib/panel/types.d.ts
CHANGED
|
@@ -44,4 +44,4 @@ interface IParameterFunction {
|
|
|
44
44
|
componentName: string;
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
export
|
|
47
|
+
export { AsyncFunc, ContextProps, Func, IPanelContentProps, IPanelHeaderProps, IPanelProps, IParameterFunction };
|
package/lib/popover/types.d.ts
CHANGED
package/lib/progress/types.d.ts
CHANGED
package/lib/radio/types.d.ts
CHANGED
package/lib/shortcuts/types.d.ts
CHANGED
package/lib/skeleton/types.d.ts
CHANGED
package/lib/spinner/types.d.ts
CHANGED
package/lib/split/helpers.d.ts
CHANGED
package/lib/split/types.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ITableHeaderProps } from './types.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
|
|
4
|
-
declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, id, rowSpan, colSpan, }: ITableHeaderProps) => JSX.Element | null;
|
|
4
|
+
declare const HeaderColumn: ({ customClass, style, children, textAlign, visible, id, rowSpan, colSpan, isMenuColumn, }: ITableHeaderProps) => JSX.Element | null;
|
|
5
5
|
|
|
6
6
|
export { HeaderColumn as default };
|