linear-react-components-ui 1.1.2-beta.9 → 1.1.2
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/.eslintcache +1 -0
- package/.gitlab-ci.yml +1 -0
- package/.vscode/settings.json +10 -1
- 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 +2 -2
- package/lib/@types/StorageMock.d.ts +1 -1
- package/lib/alerts/types.d.ts +1 -1
- package/lib/assets/styles/checkbox.scss +45 -38
- package/lib/assets/styles/colors.scss +3 -1
- package/lib/assets/styles/commons.scss +1 -0
- package/lib/assets/styles/dialog.scss +27 -10
- package/lib/assets/styles/error.scss +9 -0
- package/lib/assets/styles/fieldset.scss +3 -0
- package/lib/assets/styles/gridlayout.scss +0 -2
- package/lib/assets/styles/hint.scss +21 -0
- package/lib/assets/styles/icon.scss +4 -31
- package/lib/assets/styles/input.scss +7 -7
- package/lib/assets/styles/multiSelect.scss +6 -1
- package/lib/assets/styles/radio.scss +37 -35
- package/lib/assets/styles/select.scss +13 -7
- package/lib/assets/styles/tabs.scss +3 -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/Label.js +13 -4
- package/lib/checkbox/index.d.ts +2 -2
- package/lib/checkbox/index.js +22 -17
- package/lib/checkbox/types.d.ts +3 -2
- package/lib/dialog/base/Content.js +1 -0
- package/lib/dialog/base/Header.js +4 -4
- package/lib/dialog/base/index.js +9 -6
- package/lib/dialog/types.d.ts +1 -1
- package/lib/drawer/Drawer.js +5 -4
- package/lib/drawer/Header.js +1 -1
- package/lib/drawer/types.d.ts +1 -1
- package/lib/dropdown/Popup.d.ts +1 -1
- package/lib/dropdown/Popup.js +5 -2
- package/lib/dropdown/types.d.ts +2 -1
- package/lib/fieldset/index.js +4 -2
- package/lib/fieldset/types.d.ts +3 -1
- package/lib/form/Field.d.ts +3 -1
- package/lib/form/FieldArray.d.ts +2 -0
- package/lib/form/FieldNumber.d.ts +2 -0
- package/lib/form/FieldPeriod.d.ts +2 -0
- package/lib/form/helpers.d.ts +2 -0
- package/lib/form/index.d.ts +2 -0
- package/lib/form/types.d.ts +3 -1
- package/lib/form/withFieldHOC.d.ts +2 -0
- package/lib/form/withFormSecurity.d.ts +2 -0
- package/lib/gridlayout/GridRow.js +10 -2
- package/lib/gridlayout/types.d.ts +2 -2
- package/lib/hint/helpers.d.ts +3 -0
- package/lib/hint/helpers.js +21 -0
- package/lib/hint/index.d.ts +2 -1
- package/lib/hint/index.js +9 -15
- package/lib/hint/types.d.ts +4 -1
- package/lib/icons/helper.d.ts +4 -0
- package/lib/icons/helper.js +5 -1
- package/lib/icons/index.d.ts +2 -3
- package/lib/icons/index.js +3 -10
- package/lib/icons/types.d.ts +9 -22
- package/lib/index.d.ts +0 -1
- package/lib/inputs/base/InputTextBase.d.ts +2 -0
- package/lib/inputs/base/InputTextBase.js +54 -8
- package/lib/inputs/base/Label.d.ts +14 -0
- package/lib/inputs/base/Label.js +35 -0
- package/lib/inputs/base/helpers.d.ts +3 -2
- package/lib/inputs/base/helpers.js +1 -8
- package/lib/inputs/base/types.d.ts +15 -2
- package/lib/inputs/color/types.d.ts +1 -1
- package/lib/inputs/date/Dialog.d.ts +2 -0
- package/lib/inputs/date/Dropdown.d.ts +2 -0
- package/lib/inputs/date/helpers.d.ts +2 -0
- package/lib/inputs/date/index.d.ts +2 -0
- package/lib/inputs/date/index.js +2 -0
- package/lib/inputs/date/types.d.ts +4 -1
- package/lib/inputs/errorMessage/index.d.ts +17 -0
- package/lib/inputs/errorMessage/index.js +26 -0
- package/lib/inputs/file/DefaultFile.d.ts +2 -0
- package/lib/inputs/file/DefaultFile.js +4 -2
- package/lib/inputs/file/DragDropFile.d.ts +2 -0
- package/lib/inputs/file/DragDropFile.js +4 -2
- package/lib/inputs/file/File.d.ts +2 -0
- package/lib/inputs/file/FileButtonSettings.d.ts +2 -0
- package/lib/inputs/file/helpers.d.ts +2 -0
- package/lib/inputs/file/index.d.ts +2 -0
- package/lib/inputs/file/types.d.ts +3 -1
- package/lib/inputs/inputHOC.d.ts +3 -1
- package/lib/inputs/mask/BaseMask.d.ts +3 -0
- package/lib/inputs/mask/Cnpj.d.ts +3 -0
- package/lib/inputs/mask/Cpf.d.ts +3 -0
- package/lib/inputs/mask/Phone.d.ts +3 -0
- package/lib/inputs/mask/ZipCode.d.ts +3 -0
- package/lib/inputs/mask/helpers.d.ts +2 -1
- package/lib/inputs/mask/imaskHOC.d.ts +3 -1
- package/lib/inputs/mask/index.d.ts +3 -0
- package/lib/inputs/mask/types.d.ts +6 -2
- package/lib/inputs/multiSelect/ActionButtons.d.ts +2 -0
- package/lib/inputs/multiSelect/ActionButtons.js +10 -8
- package/lib/inputs/multiSelect/Dropdown.d.ts +2 -0
- package/lib/inputs/multiSelect/Dropdown.js +2 -6
- package/lib/inputs/multiSelect/helper.d.ts +2 -0
- package/lib/inputs/multiSelect/index.d.ts +2 -0
- package/lib/inputs/multiSelect/types.d.ts +3 -1
- package/lib/inputs/number/BaseNumber.d.ts +3 -1
- package/lib/inputs/number/Currency.d.ts +3 -1
- package/lib/inputs/number/Decimal.d.ts +3 -1
- package/lib/inputs/number/index.d.ts +3 -1
- package/lib/inputs/number/types.d.ts +4 -2
- package/lib/inputs/period/Dialog.d.ts +2 -0
- package/lib/inputs/period/Dropdown.d.ts +2 -0
- package/lib/inputs/period/PeriodList.d.ts +2 -0
- package/lib/inputs/period/helper.d.ts +2 -0
- package/lib/inputs/period/index.d.ts +2 -0
- package/lib/inputs/period/index.js +4 -1
- package/lib/inputs/period/types.d.ts +3 -1
- package/lib/inputs/search/index.d.ts +3 -1
- package/lib/inputs/select/ActionButtons.d.ts +3 -1
- package/lib/inputs/select/ActionButtons.js +18 -27
- package/lib/inputs/select/Dropdown.d.ts +3 -1
- package/lib/inputs/select/Dropdown.js +2 -6
- package/lib/inputs/select/helper.d.ts +3 -1
- package/lib/inputs/select/index.d.ts +2 -0
- package/lib/inputs/select/multiple/Selecteds.d.ts +3 -1
- package/lib/inputs/select/multiple/Selecteds.js +3 -5
- package/lib/inputs/select/multiple/index.d.ts +2 -0
- package/lib/inputs/select/multiple/index.js +38 -19
- package/lib/inputs/select/simple/index.d.ts +2 -0
- package/lib/inputs/select/simple/index.js +60 -31
- package/lib/inputs/select/types.d.ts +6 -3
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.d.ts +2 -0
- package/lib/inputs/textarea/types.d.ts +3 -1
- package/lib/inputs/types.d.ts +12 -5
- package/lib/internals/types.d.ts +1 -1
- package/lib/internals/withTooltip.js +7 -3
- 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 +2 -2
- package/lib/menus/sidenav/popup_menu_search/index.js +4 -3
- package/lib/menus/sidenav/types.d.ts +2 -2
- 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 +5 -1
- package/lib/table/types.d.ts +3 -1
- package/lib/tabs/context.js +1 -1
- package/lib/tabs/types.d.ts +4 -4
- 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 +7 -7
- package/.tool-versions +0 -1
- package/lib/assets/styles/textContent.scss +0 -9
- package/lib/menus/sidenav/popup_menu_help/index.js +0 -78
- package/lib/textContent/index.d.ts +0 -8
- package/lib/textContent/index.js +0 -30
|
@@ -4,6 +4,8 @@ import { CustomInputEvent } from '../base/types.js';
|
|
|
4
4
|
import '../../@types/Align.js';
|
|
5
5
|
import '../../@types/Period.js';
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
|
+
import '../../internals/types.js';
|
|
8
|
+
import '../../@types/Position.js';
|
|
7
9
|
|
|
8
10
|
type CustomFile = FileList | File | File[];
|
|
9
11
|
interface IFileProps {
|
|
@@ -49,4 +51,4 @@ interface IFileButtonSettingsProps {
|
|
|
49
51
|
onBtnClickInsert: () => void;
|
|
50
52
|
}
|
|
51
53
|
|
|
52
|
-
export
|
|
54
|
+
export { CustomFile, IDefaultFileProps, IDragDropFileProps, IFileButtonSettingsProps, IFileProps };
|
package/lib/inputs/inputHOC.d.ts
CHANGED
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { IInputHOCProps } from './types.js';
|
|
3
|
+
import 'imask';
|
|
3
4
|
import '../@types/PermissionAttr.js';
|
|
4
5
|
import '../@types/DataCombo.js';
|
|
5
6
|
import './base/types.js';
|
|
6
7
|
import '../@types/Align.js';
|
|
7
8
|
import '../@types/Period.js';
|
|
8
|
-
import '../
|
|
9
|
+
import '../internals/types.js';
|
|
9
10
|
import '../@types/Position.js';
|
|
11
|
+
import '../drawer/types.js';
|
|
10
12
|
import '../@types/Icon.js';
|
|
11
13
|
import '../icons/helper.js';
|
|
12
14
|
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { IBaseMaskProps } from './types.js';
|
|
2
2
|
import 'react';
|
|
3
|
+
import 'imask';
|
|
3
4
|
import '../../@types/Align.js';
|
|
4
5
|
import '../../@types/PermissionAttr.js';
|
|
5
6
|
import '../base/types.js';
|
|
6
7
|
import '../../@types/Period.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
7
10
|
|
|
8
11
|
declare const _default: {
|
|
9
12
|
(props: IBaseMaskProps): JSX.Element;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { ICnpjFieldProps } from './types.js';
|
|
2
2
|
import 'react';
|
|
3
|
+
import 'imask';
|
|
3
4
|
import '../../@types/Align.js';
|
|
4
5
|
import '../../@types/PermissionAttr.js';
|
|
5
6
|
import '../base/types.js';
|
|
6
7
|
import '../../@types/Period.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
7
10
|
|
|
8
11
|
declare const CnpjField: {
|
|
9
12
|
(props: ICnpjFieldProps): JSX.Element;
|
package/lib/inputs/mask/Cpf.d.ts
CHANGED
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { ICpfProps } from './types.js';
|
|
2
2
|
import 'react';
|
|
3
|
+
import 'imask';
|
|
3
4
|
import '../../@types/Align.js';
|
|
4
5
|
import '../../@types/PermissionAttr.js';
|
|
5
6
|
import '../base/types.js';
|
|
6
7
|
import '../../@types/Period.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
7
10
|
|
|
8
11
|
declare const CpfField: {
|
|
9
12
|
(props: ICpfProps): JSX.Element;
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { IPhoneFieldProps } from './types.js';
|
|
2
2
|
import 'react';
|
|
3
|
+
import 'imask';
|
|
3
4
|
import '../../@types/Align.js';
|
|
4
5
|
import '../../@types/PermissionAttr.js';
|
|
5
6
|
import '../base/types.js';
|
|
6
7
|
import '../../@types/Period.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
7
10
|
|
|
8
11
|
declare const PhoneField: (props: IPhoneFieldProps) => JSX.Element;
|
|
9
12
|
|
|
@@ -1,9 +1,12 @@
|
|
|
1
1
|
import { IZipCode } from './types.js';
|
|
2
2
|
import 'react';
|
|
3
|
+
import 'imask';
|
|
3
4
|
import '../../@types/Align.js';
|
|
4
5
|
import '../../@types/PermissionAttr.js';
|
|
5
6
|
import '../base/types.js';
|
|
6
7
|
import '../../@types/Period.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
7
10
|
|
|
8
11
|
declare const ZipCodeField: (props: IZipCode) => JSX.Element;
|
|
9
12
|
|
|
@@ -6,8 +6,9 @@ import '../../@types/DataCombo.js';
|
|
|
6
6
|
import '../base/types.js';
|
|
7
7
|
import '../../@types/Align.js';
|
|
8
8
|
import '../../@types/Period.js';
|
|
9
|
-
import '../../
|
|
9
|
+
import '../../internals/types.js';
|
|
10
10
|
import '../../@types/Position.js';
|
|
11
|
+
import '../../drawer/types.js';
|
|
11
12
|
import '../../@types/Icon.js';
|
|
12
13
|
import '../../icons/helper.js';
|
|
13
14
|
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import React__default from 'react';
|
|
2
2
|
import { IMaskHOCProps } from '../types.js';
|
|
3
|
+
import 'imask';
|
|
3
4
|
import '../../@types/PermissionAttr.js';
|
|
4
5
|
import '../../@types/DataCombo.js';
|
|
5
6
|
import '../base/types.js';
|
|
6
7
|
import '../../@types/Align.js';
|
|
7
8
|
import '../../@types/Period.js';
|
|
8
|
-
import '../../
|
|
9
|
+
import '../../internals/types.js';
|
|
9
10
|
import '../../@types/Position.js';
|
|
11
|
+
import '../../drawer/types.js';
|
|
10
12
|
import '../../@types/Icon.js';
|
|
11
13
|
import '../../icons/helper.js';
|
|
12
14
|
|
|
@@ -5,10 +5,13 @@ export { default as PhoneField } from './Phone.js';
|
|
|
5
5
|
export { default as ZipCodeField } from './ZipCode.js';
|
|
6
6
|
import './types.js';
|
|
7
7
|
import 'react';
|
|
8
|
+
import 'imask';
|
|
8
9
|
import '../../@types/Align.js';
|
|
9
10
|
import '../../@types/PermissionAttr.js';
|
|
10
11
|
import '../base/types.js';
|
|
11
12
|
import '../../@types/Period.js';
|
|
13
|
+
import '../../internals/types.js';
|
|
14
|
+
import '../../@types/Position.js';
|
|
12
15
|
|
|
13
16
|
|
|
14
17
|
|
|
@@ -1,15 +1,18 @@
|
|
|
1
1
|
import { KeyboardEvent, MutableRefObject } from 'react';
|
|
2
|
+
import IMask from 'imask';
|
|
2
3
|
import { TextAlign } from '../../@types/Align.js';
|
|
3
4
|
import { OnDenied, PermissionAttr } from '../../@types/PermissionAttr.js';
|
|
4
5
|
import { CustomInputEvent } from '../base/types.js';
|
|
5
6
|
import '../../@types/Period.js';
|
|
7
|
+
import '../../internals/types.js';
|
|
8
|
+
import '../../@types/Position.js';
|
|
6
9
|
|
|
7
10
|
interface IBaseMaskProps {
|
|
8
11
|
value?: string;
|
|
9
12
|
onBlur?: (e: CustomInputEvent) => void;
|
|
10
13
|
onKeyDown?: (e: CustomInputEvent | KeyboardEvent<Element>) => void;
|
|
11
14
|
defaultValue?: string;
|
|
12
|
-
mask?:
|
|
15
|
+
mask?: IMask.AnyMask;
|
|
13
16
|
isNumeric?: boolean;
|
|
14
17
|
scale?: number;
|
|
15
18
|
radix?: string;
|
|
@@ -47,6 +50,7 @@ interface IBaseMaskProps {
|
|
|
47
50
|
returnFormattedValueOnKeyDown?: boolean;
|
|
48
51
|
isDateField?: boolean;
|
|
49
52
|
autoCompleteMask?: 'left' | 'right';
|
|
53
|
+
definitions?: IMask.AllMaskedOptions['definitions'];
|
|
50
54
|
}
|
|
51
55
|
interface ICnpjFieldProps extends IBaseMaskProps {
|
|
52
56
|
value?: string;
|
|
@@ -68,4 +72,4 @@ interface IZipCode extends IBaseMaskProps {
|
|
|
68
72
|
value?: string;
|
|
69
73
|
}
|
|
70
74
|
|
|
71
|
-
export
|
|
75
|
+
export { IBaseMaskProps, ICnpjFieldProps, ICpfProps, IPhoneFieldProps, IZipCode };
|
|
@@ -5,6 +5,8 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
8
10
|
|
|
9
11
|
declare const ActionButtons: ({ disabled, dropdownOpened, handleOpenClose, handleCheckAll, handleUncheckAll, dropdownAlignButton, }: IActionButtonsProps) => JSX.Element;
|
|
10
12
|
|
|
@@ -20,22 +20,24 @@ const ActionButtons = _ref => {
|
|
|
20
20
|
dropdownAlignButton = 'left'
|
|
21
21
|
} = _ref;
|
|
22
22
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
23
|
+
transparent: true,
|
|
24
|
+
tabIndex: -1,
|
|
23
25
|
disabled: disabled,
|
|
26
|
+
boxShadow: false,
|
|
24
27
|
size: "small",
|
|
25
|
-
iconName: dropdownOpened ? 'up' : 'down',
|
|
26
28
|
onClick: handleOpenClose,
|
|
27
29
|
customClass: "actionbutton",
|
|
28
|
-
|
|
29
|
-
boxShadow: false
|
|
30
|
+
iconName: dropdownOpened ? 'up' : 'down'
|
|
30
31
|
}), /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
31
|
-
|
|
32
|
-
iconName: "more1",
|
|
32
|
+
dropdown: true,
|
|
33
33
|
transparent: true,
|
|
34
|
+
disabled: disabled,
|
|
35
|
+
tabIndex: -1,
|
|
34
36
|
boxShadow: false,
|
|
37
|
+
showIconDropdown: false,
|
|
38
|
+
iconName: "more1",
|
|
35
39
|
customClass: "actionbutton",
|
|
36
|
-
|
|
37
|
-
dropdownAlign: dropdownAlignButton,
|
|
38
|
-
showIconDropdown: false
|
|
40
|
+
dropdownAlign: dropdownAlignButton
|
|
39
41
|
}, /*#__PURE__*/_react.default.createElement(_list.default, null, /*#__PURE__*/_react.default.createElement(_list.ListItem, {
|
|
40
42
|
itemId: "1",
|
|
41
43
|
text: "Marcar Todos",
|
|
@@ -5,6 +5,8 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
8
10
|
|
|
9
11
|
declare const Dropdown: (props: IDropdownMultiSelectProps) => JSX.Element;
|
|
10
12
|
|
|
@@ -94,11 +94,9 @@ const Dropdown = props => {
|
|
|
94
94
|
className: "listcontainer"
|
|
95
95
|
}, dataCombo && dataCombo.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
|
|
96
96
|
className: "item selectall"
|
|
97
|
-
}, /*#__PURE__*/_react.default.createElement("
|
|
98
|
-
role: "button",
|
|
97
|
+
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
99
98
|
className: "menubutton",
|
|
100
99
|
tabIndex: -1,
|
|
101
|
-
onKeyPress: () => {},
|
|
102
100
|
onClick: () => isAllChecked ? onUncheckAll(true) : onCheckAll(true)
|
|
103
101
|
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
104
102
|
name: isAllChecked && dataCombo.length > 0 ? 'checkboxChecked2' : 'checkboxUnchecked2',
|
|
@@ -110,11 +108,9 @@ const Dropdown = props => {
|
|
|
110
108
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
111
109
|
key: "dropdowmItem ".concat(item[idKey], "}"),
|
|
112
110
|
className: "item ".concat(isChecked && '-selected')
|
|
113
|
-
}, /*#__PURE__*/_react.default.createElement("
|
|
114
|
-
role: "button",
|
|
111
|
+
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
115
112
|
className: "menubutton",
|
|
116
113
|
tabIndex: -1,
|
|
117
|
-
onKeyPress: () => {},
|
|
118
114
|
onClick: () => {
|
|
119
115
|
onSelect(item);
|
|
120
116
|
}
|
|
@@ -5,6 +5,8 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
8
10
|
|
|
9
11
|
declare const getFilteredDataCombo: ({ dataSource, descriptionKey, inputText, }: GetFilteredParams) => any[];
|
|
10
12
|
|
|
@@ -5,6 +5,8 @@ import '../base/types.js';
|
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
7
|
import '../../@types/PermissionAttr.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
8
10
|
|
|
9
11
|
declare const MultiSelectField: (props: IMultiSelectProps) => JSX.Element;
|
|
10
12
|
|
|
@@ -4,6 +4,8 @@ import { CustomInputEvent } from '../base/types.js';
|
|
|
4
4
|
import '../../@types/Align.js';
|
|
5
5
|
import '../../@types/Period.js';
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
|
+
import '../../internals/types.js';
|
|
8
|
+
import '../../@types/Position.js';
|
|
7
9
|
|
|
8
10
|
type DescriptionKey = string | ((dataSelected: DataCombo) => string);
|
|
9
11
|
interface GetFilteredParams {
|
|
@@ -56,4 +58,4 @@ interface IMultiSelectProps {
|
|
|
56
58
|
label?: string;
|
|
57
59
|
}
|
|
58
60
|
|
|
59
|
-
export
|
|
61
|
+
export { DescriptionKey, GetFilteredParams, IActionButtonsProps, IDropdownMultiSelectProps, IMultiSelectProps };
|
|
@@ -4,10 +4,12 @@ import '../base/types.js';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
+
import '../../internals/types.js';
|
|
8
|
+
import '../../@types/Position.js';
|
|
7
9
|
import '../types.js';
|
|
10
|
+
import 'imask';
|
|
8
11
|
import '../../@types/DataCombo.js';
|
|
9
12
|
import '../../drawer/types.js';
|
|
10
|
-
import '../../@types/Position.js';
|
|
11
13
|
import '../../@types/Icon.js';
|
|
12
14
|
import '../../icons/helper.js';
|
|
13
15
|
|
|
@@ -4,10 +4,12 @@ import '../base/types.js';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
+
import '../../internals/types.js';
|
|
8
|
+
import '../../@types/Position.js';
|
|
7
9
|
import '../types.js';
|
|
10
|
+
import 'imask';
|
|
8
11
|
import '../../@types/DataCombo.js';
|
|
9
12
|
import '../../drawer/types.js';
|
|
10
|
-
import '../../@types/Position.js';
|
|
11
13
|
import '../../@types/Icon.js';
|
|
12
14
|
import '../../icons/helper.js';
|
|
13
15
|
|
|
@@ -4,10 +4,12 @@ import '../base/types.js';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
+
import '../../internals/types.js';
|
|
8
|
+
import '../../@types/Position.js';
|
|
7
9
|
import '../types.js';
|
|
10
|
+
import 'imask';
|
|
8
11
|
import '../../@types/DataCombo.js';
|
|
9
12
|
import '../../drawer/types.js';
|
|
10
|
-
import '../../@types/Position.js';
|
|
11
13
|
import '../../@types/Icon.js';
|
|
12
14
|
import '../../icons/helper.js';
|
|
13
15
|
|
|
@@ -6,10 +6,12 @@ import '../base/types.js';
|
|
|
6
6
|
import 'react';
|
|
7
7
|
import '../../@types/Align.js';
|
|
8
8
|
import '../../@types/Period.js';
|
|
9
|
+
import '../../internals/types.js';
|
|
10
|
+
import '../../@types/Position.js';
|
|
9
11
|
import '../types.js';
|
|
12
|
+
import 'imask';
|
|
10
13
|
import '../../@types/DataCombo.js';
|
|
11
14
|
import '../../drawer/types.js';
|
|
12
|
-
import '../../@types/Position.js';
|
|
13
15
|
import '../../@types/Icon.js';
|
|
14
16
|
import '../../icons/helper.js';
|
|
15
17
|
|
|
@@ -4,9 +4,11 @@ import { IMaskHOCProps } from '../types.js';
|
|
|
4
4
|
import 'react';
|
|
5
5
|
import '../../@types/Align.js';
|
|
6
6
|
import '../../@types/Period.js';
|
|
7
|
+
import '../../internals/types.js';
|
|
8
|
+
import '../../@types/Position.js';
|
|
9
|
+
import 'imask';
|
|
7
10
|
import '../../@types/DataCombo.js';
|
|
8
11
|
import '../../drawer/types.js';
|
|
9
|
-
import '../../@types/Position.js';
|
|
10
12
|
import '../../@types/Icon.js';
|
|
11
13
|
import '../../icons/helper.js';
|
|
12
14
|
|
|
@@ -31,4 +33,4 @@ interface ICurrencyProps extends INumberFieldProps {
|
|
|
31
33
|
displayCurrencySymbol?: boolean;
|
|
32
34
|
}
|
|
33
35
|
|
|
34
|
-
export
|
|
36
|
+
export { IBaseNumberProps, ICurrencyProps, INumberFieldProps };
|
|
@@ -6,6 +6,8 @@ import '../../@types/Period.js';
|
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
import '../base/types.js';
|
|
8
8
|
import '../../@types/Align.js';
|
|
9
|
+
import '../../internals/types.js';
|
|
10
|
+
import '../../@types/Position.js';
|
|
9
11
|
|
|
10
12
|
declare const Dialog: ({ onOpenChange, children, dialogSize }: IDialogProps) => JSX.Element;
|
|
11
13
|
|
|
@@ -6,6 +6,8 @@ import '../../@types/Period.js';
|
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
import '../base/types.js';
|
|
8
8
|
import '../../@types/Align.js';
|
|
9
|
+
import '../../internals/types.js';
|
|
10
|
+
import '../../@types/Position.js';
|
|
9
11
|
|
|
10
12
|
declare const Dropdown: (props: IPeriodDropdownProps) => React.ReactPortal;
|
|
11
13
|
|
|
@@ -6,6 +6,8 @@ import '../../@types/Period.js';
|
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
import '../base/types.js';
|
|
8
8
|
import '../../@types/Align.js';
|
|
9
|
+
import '../../internals/types.js';
|
|
10
|
+
import '../../@types/Position.js';
|
|
9
11
|
|
|
10
12
|
declare const PeriodList: ({ selected, handleOnSelect }: IPeriodListProps) => JSX.Element;
|
|
11
13
|
|
|
@@ -6,6 +6,8 @@ import '../../@types/Period.js';
|
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
import '../base/types.js';
|
|
8
8
|
import '../../@types/Align.js';
|
|
9
|
+
import '../../internals/types.js';
|
|
10
|
+
import '../../@types/Position.js';
|
|
9
11
|
|
|
10
12
|
declare const getCalendarDropdownStyle: ({ topPosition, leftPosition, width }: {
|
|
11
13
|
topPosition: number | string;
|
|
@@ -6,6 +6,8 @@ import '../../@types/Period.js';
|
|
|
6
6
|
import '../../@types/PermissionAttr.js';
|
|
7
7
|
import '../base/types.js';
|
|
8
8
|
import '../../@types/Align.js';
|
|
9
|
+
import '../../internals/types.js';
|
|
10
|
+
import '../../@types/Position.js';
|
|
9
11
|
|
|
10
12
|
declare const PeriodPicker: (props: IPeriodPickerProps) => JSX.Element | null;
|
|
11
13
|
|
|
@@ -16,6 +16,7 @@ var _Dialog = _interopRequireDefault(require("./Dialog"));
|
|
|
16
16
|
var _hint = _interopRequireDefault(require("../../hint"));
|
|
17
17
|
var helperBase = _interopRequireWildcard(require("../base/helpers"));
|
|
18
18
|
require("../../assets/styles/periodpicker.scss");
|
|
19
|
+
var _errorMessage = require("../errorMessage");
|
|
19
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
21
|
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); }
|
|
21
22
|
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; }
|
|
@@ -374,6 +375,8 @@ const PeriodPicker = props => {
|
|
|
374
375
|
visible: !!hint,
|
|
375
376
|
customClass: "hint",
|
|
376
377
|
description: hint
|
|
377
|
-
}),
|
|
378
|
+
}), /*#__PURE__*/_react.default.createElement(_errorMessage.ErrorMessage, {
|
|
379
|
+
messages: props.errorMessages
|
|
380
|
+
}));
|
|
378
381
|
};
|
|
379
382
|
var _default = exports.default = PeriodPicker;
|
|
@@ -5,6 +5,8 @@ import { Period } from '../../@types/Period.js';
|
|
|
5
5
|
import { PermissionAttr } from '../../@types/PermissionAttr.js';
|
|
6
6
|
import { CustomInputEvent } from '../base/types.js';
|
|
7
7
|
import '../../@types/Align.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
8
10
|
|
|
9
11
|
type DateTypes = 'today' | 'week' | 'lastweek' | 'last15' | 'month' | 'lastmonth';
|
|
10
12
|
interface ChangeInputPeriodEvent {
|
|
@@ -65,4 +67,4 @@ interface IPeriodListProps {
|
|
|
65
67
|
selected?: string;
|
|
66
68
|
}
|
|
67
69
|
|
|
68
|
-
export
|
|
70
|
+
export { ChangeInputPeriodEvent, DateTypes, IDialogProps, IPeriodDropdownProps, IPeriodListProps, IPeriodOptions, IPeriodPickerProps };
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { ISearchProps } from '../types.js';
|
|
2
2
|
import 'react';
|
|
3
|
+
import 'imask';
|
|
3
4
|
import '../../@types/PermissionAttr.js';
|
|
4
5
|
import '../../@types/DataCombo.js';
|
|
5
6
|
import '../base/types.js';
|
|
6
7
|
import '../../@types/Align.js';
|
|
7
8
|
import '../../@types/Period.js';
|
|
8
|
-
import '../../
|
|
9
|
+
import '../../internals/types.js';
|
|
9
10
|
import '../../@types/Position.js';
|
|
11
|
+
import '../../drawer/types.js';
|
|
10
12
|
import '../../@types/Icon.js';
|
|
11
13
|
import '../../icons/helper.js';
|
|
12
14
|
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { IActionButtonsSelectProps } from '../types.js';
|
|
2
2
|
import 'react';
|
|
3
|
+
import 'imask';
|
|
3
4
|
import '../../@types/PermissionAttr.js';
|
|
4
5
|
import '../../@types/DataCombo.js';
|
|
5
6
|
import '../base/types.js';
|
|
6
7
|
import '../../@types/Align.js';
|
|
7
8
|
import '../../@types/Period.js';
|
|
8
|
-
import '../../
|
|
9
|
+
import '../../internals/types.js';
|
|
9
10
|
import '../../@types/Position.js';
|
|
11
|
+
import '../../drawer/types.js';
|
|
10
12
|
import '../../@types/Icon.js';
|
|
11
13
|
import '../../icons/helper.js';
|
|
12
14
|
|
|
@@ -11,37 +11,28 @@ const ActionButtons = props => {
|
|
|
11
11
|
const {
|
|
12
12
|
disabled = false,
|
|
13
13
|
showClearButton = true,
|
|
14
|
-
dropDownOpened
|
|
14
|
+
dropDownOpened,
|
|
15
|
+
handlerOpenClose,
|
|
16
|
+
handlerClear
|
|
15
17
|
} = props;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
role: "button",
|
|
24
|
-
className: "actionbutton",
|
|
25
|
-
onClick: () => {
|
|
26
|
-
props.handleClear();
|
|
27
|
-
},
|
|
28
|
-
onKeyPress: () => {},
|
|
29
|
-
tabIndex: -1
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
|
+
className: "actionbuttonsselect"
|
|
20
|
+
}, showClearButton && /*#__PURE__*/_react.default.createElement("button", {
|
|
21
|
+
disabled: disabled,
|
|
22
|
+
tabIndex: -1,
|
|
23
|
+
className: "actionbutton buttonclear",
|
|
24
|
+
onClick: handlerClear
|
|
30
25
|
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
31
|
-
pointerEvents: "none",
|
|
32
26
|
name: "cancel",
|
|
33
|
-
customClass: "iconclear"
|
|
34
|
-
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
35
|
-
role: "button",
|
|
36
|
-
className: "actionbutton",
|
|
37
|
-
onClick: () => {
|
|
38
|
-
returnOnClick();
|
|
39
|
-
},
|
|
40
|
-
onKeyPress: () => {},
|
|
41
|
-
tabIndex: -1
|
|
42
|
-
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
43
|
-
name: dropDownOpened ? 'mini_up' : 'mini_down',
|
|
44
27
|
pointerEvents: "none"
|
|
28
|
+
})), /*#__PURE__*/_react.default.createElement("button", {
|
|
29
|
+
disabled: disabled,
|
|
30
|
+
tabIndex: -1,
|
|
31
|
+
className: "actionbutton buttonopenclose",
|
|
32
|
+
onClick: handlerOpenClose
|
|
33
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
34
|
+
pointerEvents: "none",
|
|
35
|
+
name: dropDownOpened ? 'mini_up' : 'mini_down'
|
|
45
36
|
})));
|
|
46
37
|
};
|
|
47
38
|
var _default = exports.default = ActionButtons;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import { IDropdownSelectProps } from '../types.js';
|
|
2
2
|
import 'react';
|
|
3
|
+
import 'imask';
|
|
3
4
|
import '../../@types/PermissionAttr.js';
|
|
4
5
|
import '../../@types/DataCombo.js';
|
|
5
6
|
import '../base/types.js';
|
|
6
7
|
import '../../@types/Align.js';
|
|
7
8
|
import '../../@types/Period.js';
|
|
8
|
-
import '../../
|
|
9
|
+
import '../../internals/types.js';
|
|
9
10
|
import '../../@types/Position.js';
|
|
11
|
+
import '../../drawer/types.js';
|
|
10
12
|
import '../../@types/Icon.js';
|
|
11
13
|
import '../../icons/helper.js';
|
|
12
14
|
|
|
@@ -29,7 +29,6 @@ const Dropdown = props => {
|
|
|
29
29
|
dropdownWidth,
|
|
30
30
|
gridWrapperStyle,
|
|
31
31
|
handleOnSelect,
|
|
32
|
-
handleOnBlur,
|
|
33
32
|
inputValue,
|
|
34
33
|
handleOnFocus,
|
|
35
34
|
opened,
|
|
@@ -83,15 +82,12 @@ const Dropdown = props => {
|
|
|
83
82
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
84
83
|
key: "dropdowmIten ".concat(item[idKey], "}"),
|
|
85
84
|
className: helper.getDropdownItemCssClass(itemSelected, disabled, striped)
|
|
86
|
-
}, /*#__PURE__*/_react.default.createElement("
|
|
87
|
-
role: "button",
|
|
85
|
+
}, /*#__PURE__*/_react.default.createElement("button", {
|
|
88
86
|
className: "menubutton",
|
|
89
87
|
tabIndex: -1,
|
|
90
|
-
|
|
91
|
-
onClick: () => {
|
|
88
|
+
onClick: event => {
|
|
92
89
|
if (!disabled) {
|
|
93
90
|
handleOnSelect(item);
|
|
94
|
-
handleOnBlur(item);
|
|
95
91
|
}
|
|
96
92
|
}
|
|
97
93
|
}, item.iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import { IDropdownSelectProps } from '../types.js';
|
|
2
2
|
import { GetSimpleFilteredParams, GetMultipleFilteredParams } from './types.js';
|
|
3
3
|
import 'react';
|
|
4
|
+
import 'imask';
|
|
4
5
|
import '../../@types/PermissionAttr.js';
|
|
5
6
|
import '../../@types/DataCombo.js';
|
|
6
7
|
import '../base/types.js';
|
|
7
8
|
import '../../@types/Align.js';
|
|
8
9
|
import '../../@types/Period.js';
|
|
9
|
-
import '../../
|
|
10
|
+
import '../../internals/types.js';
|
|
10
11
|
import '../../@types/Position.js';
|
|
12
|
+
import '../../drawer/types.js';
|
|
11
13
|
import '../../@types/Icon.js';
|
|
12
14
|
import '../../icons/helper.js';
|
|
13
15
|
|
|
@@ -5,6 +5,8 @@ import '../../@types/PermissionAttr.js';
|
|
|
5
5
|
import '../base/types.js';
|
|
6
6
|
import 'react';
|
|
7
7
|
import '../../@types/Period.js';
|
|
8
|
+
import '../../internals/types.js';
|
|
9
|
+
import '../../@types/Position.js';
|
|
8
10
|
|
|
9
11
|
declare const SelectField: (props: ISelectFieldProps) => JSX.Element;
|
|
10
12
|
|
|
@@ -5,7 +5,9 @@ import '../../../@types/PermissionAttr.js';
|
|
|
5
5
|
import '../../base/types.js';
|
|
6
6
|
import 'react';
|
|
7
7
|
import '../../../@types/Period.js';
|
|
8
|
+
import '../../../internals/types.js';
|
|
9
|
+
import '../../../@types/Position.js';
|
|
8
10
|
|
|
9
|
-
declare const Selecteds: ({ currents, descriptionKey, idKey,
|
|
11
|
+
declare const Selecteds: ({ currents, descriptionKey, idKey, handlerOnUnselect, }: ISelectedsMultipleProps) => JSX.Element;
|
|
10
12
|
|
|
11
13
|
export { Selecteds as default };
|