linear-react-components-ui 1.0.10-beta.10 → 1.0.10-beta.11
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 +2 -2
- 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 +2 -2
- 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/alerts/AlertContainer.d.ts +2 -0
- package/lib/alerts/AlertContainer.js +21 -5
- package/lib/alerts/AlertProvider.d.ts +2 -0
- package/lib/alerts/AlertProvider.js +45 -15
- package/lib/alerts/BaseAlert.d.ts +2 -0
- package/lib/alerts/BaseAlert.js +20 -4
- package/lib/alerts/Message.d.ts +2 -0
- package/lib/alerts/Message.js +32 -21
- package/lib/alerts/helpers.d.ts +2 -0
- package/lib/alerts/helpers.js +2 -0
- package/lib/alerts/index.d.ts +3 -4
- package/lib/alerts/index.js +4 -0
- package/lib/alerts/types.d.ts +7 -5
- package/lib/alerts/withAlert.d.ts +2 -0
- package/lib/alerts/withAlert.js +12 -1
- package/lib/assets/styles/dialog.scss +0 -2
- package/lib/assets/styles/tooltip.scss +42 -2
- package/lib/avatar/index.js +35 -20
- package/lib/badge/index.js +14 -9
- package/lib/buttons/ActivateButton.d.ts +2 -0
- package/lib/buttons/ActivateButton.js +6 -0
- package/lib/buttons/AddButton.d.ts +2 -0
- package/lib/buttons/AddButton.js +7 -0
- package/lib/buttons/Button.d.ts +2 -0
- package/lib/buttons/Button.js +15 -2
- package/lib/buttons/ButtonGroups.js +4 -0
- package/lib/buttons/CancelButton.d.ts +2 -0
- package/lib/buttons/CancelButton.js +11 -1
- package/lib/buttons/DangerButton.d.ts +2 -0
- package/lib/buttons/DangerButton.js +11 -1
- package/lib/buttons/DefaultButton.d.ts +2 -0
- package/lib/buttons/DefaultButton.js +86 -47
- package/lib/buttons/DestroyButton.d.ts +2 -0
- package/lib/buttons/DestroyButton.js +12 -1
- package/lib/buttons/EditButton.d.ts +2 -0
- package/lib/buttons/EditButton.js +6 -0
- package/lib/buttons/InactivateButton.d.ts +2 -0
- package/lib/buttons/InactivateButton.js +6 -0
- package/lib/buttons/InfoButton.d.ts +2 -0
- package/lib/buttons/InfoButton.js +11 -1
- package/lib/buttons/PrimaryButton.d.ts +2 -0
- package/lib/buttons/PrimaryButton.js +11 -1
- package/lib/buttons/RestoreButton.d.ts +2 -0
- package/lib/buttons/RestoreButton.js +6 -0
- package/lib/buttons/SaveButton.d.ts +2 -0
- package/lib/buttons/SaveButton.js +11 -1
- package/lib/buttons/SuccessButton.d.ts +2 -0
- package/lib/buttons/SuccessButton.js +11 -1
- package/lib/buttons/WarningButton.d.ts +2 -0
- package/lib/buttons/WarningButton.js +11 -1
- package/lib/buttons/button_container/index.js +11 -5
- package/lib/buttons/index.d.ts +3 -4
- package/lib/buttons/index.js +18 -0
- package/lib/buttons/split_button/index.d.ts +2 -0
- package/lib/buttons/split_button/index.js +17 -11
- package/lib/buttons/types.d.ts +4 -1
- package/lib/calendar/DangerCalendar.js +11 -1
- package/lib/calendar/InfoCalendar.js +11 -1
- package/lib/calendar/PrimaryCalendar.js +11 -1
- package/lib/calendar/SuccessCalendar.js +11 -1
- package/lib/calendar/WarningCalendar.js +11 -1
- package/lib/calendar/base/Day.js +13 -2
- package/lib/calendar/base/Month.js +18 -1
- package/lib/calendar/base/Week.js +18 -2
- package/lib/calendar/base/helpers.js +24 -8
- package/lib/calendar/base/index.js +37 -13
- package/lib/calendar/index.d.ts +1 -4
- package/lib/calendar/index.js +8 -0
- package/lib/checkbox/Label.js +7 -1
- package/lib/checkbox/index.js +54 -28
- package/lib/checkbox/types.d.ts +2 -2
- package/lib/dialog/Alert.d.ts +2 -0
- package/lib/dialog/Alert.js +8 -0
- package/lib/dialog/Custom.d.ts +2 -0
- package/lib/dialog/Custom.js +17 -5
- package/lib/dialog/Error.d.ts +2 -0
- package/lib/dialog/Error.js +8 -0
- package/lib/dialog/Information.d.ts +2 -0
- package/lib/dialog/Information.js +8 -0
- package/lib/dialog/Question.d.ts +2 -0
- package/lib/dialog/Question.js +15 -4
- package/lib/dialog/Warning.d.ts +2 -0
- package/lib/dialog/Warning.js +8 -0
- package/lib/dialog/base/Content.d.ts +2 -0
- package/lib/dialog/base/Content.js +6 -1
- package/lib/dialog/base/Footer.d.ts +2 -0
- package/lib/dialog/base/Footer.js +4 -0
- package/lib/dialog/base/Header.d.ts +2 -0
- package/lib/dialog/base/Header.js +13 -5
- package/lib/dialog/base/index.d.ts +2 -0
- package/lib/dialog/base/index.js +33 -9
- package/lib/dialog/base/style.js +2 -0
- package/lib/dialog/form/index.d.ts +2 -0
- package/lib/dialog/form/index.js +29 -9
- package/lib/dialog/index.d.ts +3 -4
- package/lib/dialog/index.js +9 -0
- package/lib/dialog/types.d.ts +4 -2
- package/lib/drawer/Content.d.ts +2 -0
- package/lib/drawer/Content.js +13 -2
- package/lib/drawer/Drawer.d.ts +2 -0
- package/lib/drawer/Drawer.js +63 -24
- package/lib/drawer/Header.d.ts +2 -0
- package/lib/drawer/Header.js +27 -10
- package/lib/drawer/helpers.d.ts +2 -0
- package/lib/drawer/helpers.js +4 -0
- package/lib/drawer/index.d.ts +2 -0
- package/lib/drawer/index.js +8 -0
- package/lib/drawer/types.d.ts +3 -1
- package/lib/dropdown/Popup.js +39 -19
- package/lib/dropdown/helper.js +4 -0
- package/lib/dropdown/withDropdown.js +47 -18
- package/lib/fieldset/index.js +46 -21
- package/lib/form/Field.js +46 -19
- package/lib/form/FieldArray.js +32 -15
- package/lib/form/FieldNumber.js +20 -6
- package/lib/form/FieldPeriod.js +21 -9
- package/lib/form/helpers.js +30 -5
- package/lib/form/index.js +93 -37
- package/lib/form/types.d.ts +6 -6
- package/lib/form/withFieldHOC.js +34 -15
- package/lib/form/withFormSecurity.js +28 -5
- package/lib/gridlayout/GridCol.js +11 -5
- package/lib/gridlayout/GridRow.js +9 -3
- package/lib/gridlayout/index.d.ts +1 -4
- package/lib/gridlayout/index.js +4 -0
- package/lib/hint/index.js +11 -6
- package/lib/icons/index.d.ts +2 -0
- package/lib/icons/index.js +26 -16
- package/lib/icons/types.d.ts +4 -2
- package/lib/index.d.ts +3 -1
- package/lib/index.js +10 -0
- package/lib/inputs/base/InputTextBase.js +75 -49
- package/lib/inputs/base/helpers.js +19 -6
- package/lib/inputs/color/index.js +38 -11
- package/lib/inputs/date/Dialog.js +7 -2
- package/lib/inputs/date/Dropdown.js +8 -1
- package/lib/inputs/date/helpers.js +11 -2
- package/lib/inputs/date/index.js +101 -48
- package/lib/inputs/file/DefaultFile.js +42 -13
- package/lib/inputs/file/DragDropFile.js +90 -37
- package/lib/inputs/file/File.js +25 -4
- package/lib/inputs/file/FileButtonSettings.js +11 -5
- package/lib/inputs/file/helpers.js +5 -0
- package/lib/inputs/file/index.d.ts +1 -4
- package/lib/inputs/file/index.js +6 -0
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.d.ts +2 -0
- package/lib/inputs/inputHOC.js +34 -10
- package/lib/inputs/mask/BaseMask.js +17 -1
- package/lib/inputs/mask/Cnpj.js +37 -12
- package/lib/inputs/mask/Cpf.js +33 -10
- package/lib/inputs/mask/Phone.js +6 -0
- package/lib/inputs/mask/ZipCode.js +6 -0
- package/lib/inputs/mask/helpers.d.ts +2 -0
- package/lib/inputs/mask/helpers.js +20 -8
- package/lib/inputs/mask/imaskHOC.d.ts +2 -0
- package/lib/inputs/mask/imaskHOC.js +83 -52
- package/lib/inputs/mask/index.d.ts +1 -4
- package/lib/inputs/mask/index.js +7 -0
- package/lib/inputs/multiSelect/ActionButtons.js +15 -6
- package/lib/inputs/multiSelect/Dropdown.js +45 -22
- package/lib/inputs/multiSelect/helper.js +6 -2
- package/lib/inputs/multiSelect/index.js +106 -42
- package/lib/inputs/multiSelect/types.d.ts +1 -1
- package/lib/inputs/number/BaseNumber.d.ts +2 -0
- package/lib/inputs/number/BaseNumber.js +16 -3
- package/lib/inputs/number/Currency.d.ts +2 -0
- package/lib/inputs/number/Currency.js +7 -1
- package/lib/inputs/number/Decimal.d.ts +2 -0
- package/lib/inputs/number/Decimal.js +5 -0
- package/lib/inputs/number/format_number.js +7 -0
- package/lib/inputs/number/index.d.ts +2 -0
- package/lib/inputs/number/index.js +13 -3
- package/lib/inputs/number/types.d.ts +2 -0
- package/lib/inputs/period/Dialog.js +7 -2
- package/lib/inputs/period/Dropdown.js +7 -0
- package/lib/inputs/period/PeriodList.js +7 -1
- package/lib/inputs/period/helper.js +12 -2
- package/lib/inputs/period/index.js +114 -43
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.d.ts +2 -0
- package/lib/inputs/search/index.js +63 -18
- package/lib/inputs/select/ActionButtons.d.ts +2 -0
- package/lib/inputs/select/ActionButtons.js +12 -4
- package/lib/inputs/select/Dropdown.d.ts +2 -0
- package/lib/inputs/select/Dropdown.js +48 -28
- package/lib/inputs/select/helper.d.ts +2 -0
- package/lib/inputs/select/helper.js +30 -9
- package/lib/inputs/select/index.js +18 -3
- package/lib/inputs/select/multiple/Selecteds.js +7 -3
- package/lib/inputs/select/multiple/index.js +96 -37
- package/lib/inputs/select/simple/index.js +149 -62
- package/lib/inputs/select/types.d.ts +2 -2
- package/lib/inputs/text/index.js +5 -1
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +10 -4
- package/lib/inputs/types.d.ts +3 -1
- package/lib/internals/types.d.ts +1 -0
- package/lib/internals/withTooltip.js +82 -30
- package/lib/labelMessages/index.d.ts +2 -0
- package/lib/labelMessages/index.js +46 -27
- package/lib/labelMessages/types.d.ts +3 -1
- package/lib/labels/DangerLabel.d.ts +2 -0
- package/lib/labels/DangerLabel.js +11 -1
- package/lib/labels/DefaultLabel.d.ts +2 -0
- package/lib/labels/DefaultLabel.js +41 -19
- package/lib/labels/InfoLabel.d.ts +2 -0
- package/lib/labels/InfoLabel.js +11 -1
- package/lib/labels/PrimaryLabel.d.ts +2 -0
- package/lib/labels/PrimaryLabel.js +11 -1
- package/lib/labels/SuccessLabel.d.ts +2 -0
- package/lib/labels/SuccessLabel.js +11 -1
- package/lib/labels/WarningLabel.d.ts +2 -0
- package/lib/labels/WarningLabel.js +11 -1
- package/lib/labels/index.d.ts +3 -4
- package/lib/labels/index.js +10 -0
- package/lib/labels/label_container/index.js +7 -3
- package/lib/labels/types.d.ts +3 -1
- package/lib/list/Header.d.ts +2 -0
- package/lib/list/Header.js +7 -3
- package/lib/list/Item.d.ts +2 -0
- package/lib/list/Item.js +68 -33
- package/lib/list/Separator.js +4 -0
- package/lib/list/helpers.d.ts +2 -0
- package/lib/list/helpers.js +4 -0
- package/lib/list/index.d.ts +2 -0
- package/lib/list/index.js +60 -25
- package/lib/list/types.d.ts +5 -3
- package/lib/menus/float/MenuItem.d.ts +2 -0
- package/lib/menus/float/MenuItem.js +26 -9
- package/lib/menus/float/SubMenuContainer.js +17 -5
- package/lib/menus/float/helpers.d.ts +2 -0
- package/lib/menus/float/helpers.js +4 -0
- package/lib/menus/float/index.d.ts +2 -0
- package/lib/menus/float/index.js +21 -8
- package/lib/menus/float/types.d.ts +3 -1
- package/lib/menus/index.d.ts +3 -4
- package/lib/menus/index.js +3 -0
- package/lib/menus/sidenav/ExpandMenu.d.ts +2 -0
- package/lib/menus/sidenav/ExpandMenu.js +7 -2
- package/lib/menus/sidenav/MenuLink.d.ts +2 -0
- package/lib/menus/sidenav/MenuLink.js +12 -3
- package/lib/menus/sidenav/NavMenuGroup.d.ts +2 -0
- package/lib/menus/sidenav/NavMenuGroup.js +12 -3
- package/lib/menus/sidenav/NavMenuItem.d.ts +2 -0
- package/lib/menus/sidenav/NavMenuItem.js +56 -27
- package/lib/menus/sidenav/NavSubMenuItem.d.ts +2 -0
- package/lib/menus/sidenav/NavSubMenuItem.js +27 -8
- package/lib/menus/sidenav/helpers.d.ts +2 -0
- package/lib/menus/sidenav/helpers.js +9 -0
- package/lib/menus/sidenav/index.d.ts +2 -0
- package/lib/menus/sidenav/index.js +75 -26
- package/lib/menus/sidenav/popup_menu_search/EmptyList.d.ts +2 -0
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -2
- package/lib/menus/sidenav/popup_menu_search/index.d.ts +2 -0
- package/lib/menus/sidenav/popup_menu_search/index.js +45 -15
- package/lib/menus/sidenav/types.d.ts +5 -3
- package/lib/noPermission/index.js +6 -0
- package/lib/panel/Content.d.ts +3 -1
- package/lib/panel/Content.js +22 -7
- package/lib/panel/DangerPanel.d.ts +3 -1
- package/lib/panel/DangerPanel.js +7 -0
- package/lib/panel/Default.d.ts +3 -1
- package/lib/panel/Default.js +44 -20
- package/lib/panel/Header.d.ts +3 -1
- package/lib/panel/Header.js +29 -15
- package/lib/panel/InfoPanel.d.ts +3 -1
- package/lib/panel/InfoPanel.js +7 -0
- package/lib/panel/PrimaryPanel.d.ts +3 -1
- package/lib/panel/PrimaryPanel.js +7 -0
- package/lib/panel/SuccessPanel.d.ts +3 -1
- package/lib/panel/SuccessPanel.js +7 -0
- package/lib/panel/ToolBar.d.ts +3 -1
- package/lib/panel/ToolBar.js +5 -0
- package/lib/panel/WarningPanel.d.ts +3 -1
- package/lib/panel/WarningPanel.js +7 -0
- package/lib/panel/helpers.d.ts +3 -1
- package/lib/panel/helpers.js +10 -2
- package/lib/panel/index.d.ts +4 -5
- package/lib/panel/index.js +11 -0
- package/lib/panel/types.d.ts +3 -1
- package/lib/permissionValidations.js +15 -3
- package/lib/popover/PopoverText.d.ts +2 -0
- package/lib/popover/PopoverText.js +4 -0
- package/lib/popover/PopoverTitle.d.ts +2 -0
- package/lib/popover/PopoverTitle.js +4 -0
- package/lib/popover/index.d.ts +2 -0
- package/lib/popover/index.js +22 -12
- package/lib/popover/types.d.ts +3 -1
- package/lib/progress/Bar.js +33 -20
- package/lib/progress/index.js +14 -5
- package/lib/radio/index.js +46 -23
- package/lib/skeleton/SkeletonContainer.js +9 -3
- package/lib/skeleton/index.js +22 -10
- package/lib/spinner/SpinnerLoading.js +7 -3
- package/lib/spinner/index.js +40 -18
- package/lib/split/Split.js +83 -32
- package/lib/split/SplitSide.js +18 -6
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +4 -0
- package/lib/split/index.d.ts +1 -4
- package/lib/split/index.js +5 -0
- package/lib/table/Body.js +29 -15
- package/lib/table/Header.js +26 -5
- package/lib/table/HeaderColumn.js +21 -10
- package/lib/table/Row.js +35 -25
- package/lib/table/RowColumn.js +29 -12
- package/lib/table/helpers.js +7 -0
- package/lib/table/index.js +62 -32
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.d.ts +2 -0
- package/lib/tabs/DropdownItems.js +21 -12
- package/lib/tabs/Menu.d.ts +2 -0
- package/lib/tabs/Menu.js +15 -5
- package/lib/tabs/MenuItems.d.ts +2 -0
- package/lib/tabs/MenuItems.js +33 -23
- package/lib/tabs/Panel.d.ts +2 -0
- package/lib/tabs/Panel.js +39 -14
- package/lib/tabs/index.d.ts +2 -0
- package/lib/tabs/index.js +113 -46
- package/lib/tabs/tabHelpers.d.ts +2 -0
- package/lib/tabs/tabHelpers.js +16 -3
- package/lib/tabs/types.d.ts +3 -1
- package/lib/toolbar/ButtonBar.d.ts +2 -0
- package/lib/toolbar/ButtonBar.js +29 -13
- package/lib/toolbar/LabelBar.d.ts +2 -0
- package/lib/toolbar/LabelBar.js +28 -11
- package/lib/toolbar/Separator.js +4 -0
- package/lib/toolbar/ToolBarGroup.d.ts +2 -0
- package/lib/toolbar/ToolBarGroup.js +6 -2
- package/lib/toolbar/helpers.d.ts +2 -0
- package/lib/toolbar/helpers.js +2 -0
- package/lib/toolbar/index.d.ts +2 -0
- package/lib/toolbar/index.js +23 -7
- package/lib/toolbar/types.d.ts +4 -2
- package/lib/tooltip/index.d.ts +1 -1
- package/lib/tooltip/index.js +30 -11
- package/lib/tooltip/types.d.ts +2 -1
- package/lib/treetable/Body.js +27 -9
- package/lib/treetable/Header.js +11 -1
- package/lib/treetable/Row.js +113 -58
- package/lib/treetable/helpers.js +10 -0
- package/lib/treetable/index.js +11 -0
- package/lib/treeview/Header.js +6 -2
- package/lib/treeview/Node.js +111 -47
- package/lib/treeview/constants.js +4 -0
- package/lib/treeview/index.js +134 -54
- package/lib/treeview/types.d.ts +2 -2
- package/lib/treeview_old/Header.js +6 -1
- package/lib/treeview_old/Node.js +32 -5
- package/lib/treeview_old/index.js +9 -1
- package/lib/{types-90c43ae1.d.ts → types-c1d83632.d.ts} +3 -2
- package/lib/uitour/index.js +73 -33
- package/lib/uitour/types.d.ts +1 -1
- package/package.json +1 -1
package/lib/icons/index.js
CHANGED
|
@@ -4,34 +4,43 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _helper = _interopRequireDefault(require("./helper"));
|
|
11
|
+
|
|
9
12
|
require("../assets/styles/icon.scss");
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
var listIcon = _helper.default;
|
|
12
17
|
var disabledIconColor = 'rgb(193, 193, 193)';
|
|
18
|
+
|
|
13
19
|
var Icon = function Icon(_ref) {
|
|
14
20
|
var _getPaths;
|
|
21
|
+
|
|
15
22
|
var name = _ref.name,
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
_onClick = _ref.onClick,
|
|
24
|
+
svgStruct = _ref.svgStruct,
|
|
25
|
+
_ref$size = _ref.size,
|
|
26
|
+
size = _ref$size === void 0 ? 16 : _ref$size,
|
|
27
|
+
_ref$style = _ref.style,
|
|
28
|
+
style = _ref$style === void 0 ? {} : _ref$style,
|
|
29
|
+
_ref$visible = _ref.visible,
|
|
30
|
+
visible = _ref$visible === void 0 ? true : _ref$visible,
|
|
31
|
+
_ref$disabled = _ref.disabled,
|
|
32
|
+
disabled = _ref$disabled === void 0 ? false : _ref$disabled,
|
|
33
|
+
_ref$customClass = _ref.customClass,
|
|
34
|
+
customClass = _ref$customClass === void 0 ? '' : _ref$customClass,
|
|
35
|
+
_ref$color = _ref.color,
|
|
36
|
+
color = _ref$color === void 0 ? '#676464' : _ref$color,
|
|
37
|
+
_ref$pointerEvents = _ref.pointerEvents,
|
|
38
|
+
pointerEvents = _ref$pointerEvents === void 0 ? 'none' : _ref$pointerEvents;
|
|
39
|
+
|
|
32
40
|
var getPaths = function getPaths() {
|
|
33
41
|
return name ? listIcon[name].paths : svgStruct === null || svgStruct === void 0 ? void 0 : svgStruct.paths;
|
|
34
42
|
};
|
|
43
|
+
|
|
35
44
|
if (!name && !svgStruct) throw new Error('One of the "name" and "svgStruct" props must be filled');
|
|
36
45
|
if (!visible) return null;
|
|
37
46
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
@@ -54,5 +63,6 @@ var Icon = function Icon(_ref) {
|
|
|
54
63
|
});
|
|
55
64
|
}));
|
|
56
65
|
};
|
|
66
|
+
|
|
57
67
|
var _default = Icon;
|
|
58
68
|
exports.default = _default;
|
package/lib/icons/types.d.ts
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
2
|
import { PointerEvents } from '../@types/PointerEvents.js';
|
|
3
3
|
import { SizePixels } from '../@types/SizePixels.js';
|
|
4
|
+
import { IconNames } from '../@types/Icon.js';
|
|
5
|
+
import './helper.js';
|
|
4
6
|
|
|
5
|
-
type ListIconType = {
|
|
7
|
+
declare type ListIconType = {
|
|
6
8
|
[name: string]: {
|
|
7
9
|
viewbox: string;
|
|
8
10
|
paths: Array<string>;
|
|
@@ -16,7 +18,7 @@ interface IIconProps {
|
|
|
16
18
|
visible?: boolean;
|
|
17
19
|
disabled?: boolean;
|
|
18
20
|
pointerEvents?: PointerEvents;
|
|
19
|
-
name?:
|
|
21
|
+
name?: IconNames;
|
|
20
22
|
viewBox?: string;
|
|
21
23
|
svgStruct?: {
|
|
22
24
|
viewbox: string;
|
package/lib/index.d.ts
CHANGED
|
@@ -7,10 +7,12 @@ export { default as List } from './list/index.js';
|
|
|
7
7
|
export { default as Radio } from './radio/index.js';
|
|
8
8
|
export { default as Tab } from './tabs/index.js';
|
|
9
9
|
export { default as Dialog } from './dialog/base/index.js';
|
|
10
|
-
import './types-
|
|
10
|
+
import './types-c1d83632.js';
|
|
11
11
|
import 'react';
|
|
12
12
|
import './@types/PermissionAttr.js';
|
|
13
13
|
import './internals/colorStyles.js';
|
|
14
|
+
import './@types/Icon.js';
|
|
15
|
+
import './icons/helper.js';
|
|
14
16
|
import './toolbar/ToolBarGroup.js';
|
|
15
17
|
import './toolbar/types.js';
|
|
16
18
|
import './@types/ButtonTypes.js';
|
package/lib/index.js
CHANGED
|
@@ -57,13 +57,23 @@ Object.defineProperty(exports, "Toolbar", {
|
|
|
57
57
|
return _toolbar.default;
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
|
+
|
|
60
61
|
var _panel = _interopRequireDefault(require("./panel"));
|
|
62
|
+
|
|
61
63
|
var _toolbar = _interopRequireDefault(require("./toolbar"));
|
|
64
|
+
|
|
62
65
|
var _buttons = _interopRequireDefault(require("./buttons"));
|
|
66
|
+
|
|
63
67
|
var _labels = _interopRequireDefault(require("./labels"));
|
|
68
|
+
|
|
64
69
|
var _icons = _interopRequireDefault(require("./icons"));
|
|
70
|
+
|
|
65
71
|
var _list = _interopRequireDefault(require("./list"));
|
|
72
|
+
|
|
66
73
|
var _radio = _interopRequireDefault(require("./radio"));
|
|
74
|
+
|
|
67
75
|
var _tabs = _interopRequireDefault(require("./tabs"));
|
|
76
|
+
|
|
68
77
|
var _base = _interopRequireDefault(require("./dialog/base"));
|
|
78
|
+
|
|
69
79
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
@@ -1,89 +1,107 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
|
+
|
|
10
14
|
var _inputHOC = _interopRequireDefault(require("../inputHOC"));
|
|
15
|
+
|
|
11
16
|
require("../../assets/styles/input.scss");
|
|
17
|
+
|
|
12
18
|
var helpers = _interopRequireWildcard(require("./helpers"));
|
|
19
|
+
|
|
13
20
|
var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
|
|
21
|
+
|
|
14
22
|
var _permissionValidations = require("../../permissionValidations");
|
|
23
|
+
|
|
15
24
|
var _hint = _interopRequireDefault(require("../../hint"));
|
|
25
|
+
|
|
16
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
+
|
|
17
28
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
29
|
+
|
|
18
30
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
31
|
+
|
|
19
32
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
33
|
+
|
|
20
34
|
var InputTextBase = function InputTextBase(props) {
|
|
21
35
|
var _props$textAlign = props.textAlign,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
36
|
+
textAlign = _props$textAlign === void 0 ? 'left' : _props$textAlign,
|
|
37
|
+
value = props.value,
|
|
38
|
+
_props$type = props.type,
|
|
39
|
+
type = _props$type === void 0 ? 'text' : _props$type,
|
|
40
|
+
_props$readOnly = props.readOnly,
|
|
41
|
+
readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
|
|
42
|
+
placeHolder = props.placeHolder,
|
|
43
|
+
required = props.required,
|
|
44
|
+
leftElements = props.leftElements,
|
|
45
|
+
rightElements = props.rightElements,
|
|
46
|
+
children = props.children,
|
|
47
|
+
customClass = props.customClass,
|
|
48
|
+
customClassForInputContent = props.customClassForInputContent,
|
|
49
|
+
customClassForLabel = props.customClassForLabel,
|
|
50
|
+
customClassForSideButtons = props.customClassForSideButtons,
|
|
51
|
+
inputRef = props.inputRef,
|
|
52
|
+
inputBaseRef = props.inputBaseRef,
|
|
53
|
+
label = props.label,
|
|
54
|
+
labelUppercase = props.labelUppercase,
|
|
55
|
+
hint = props.hint,
|
|
56
|
+
errorMessages = props.errorMessages,
|
|
57
|
+
_props$visible = props.visible,
|
|
58
|
+
visible = _props$visible === void 0 ? true : _props$visible,
|
|
59
|
+
permissionAttr = props.permissionAttr,
|
|
60
|
+
onDeniedActions = props.onDeniedActions,
|
|
61
|
+
handlerSetOnDenied = props.handlerSetOnDenied,
|
|
62
|
+
targetRef = props.targetRef,
|
|
63
|
+
_props$skeletonize = props.skeletonize,
|
|
64
|
+
skeletonize = _props$skeletonize === void 0 ? false : _props$skeletonize,
|
|
65
|
+
style = props.style,
|
|
66
|
+
styleForInputContent = props.styleForInputContent,
|
|
67
|
+
styleForWrapper = props.styleForWrapper,
|
|
68
|
+
styleForLabel = props.styleForLabel,
|
|
69
|
+
styleForSideButtons = props.styleForSideButtons,
|
|
70
|
+
_props$disabled = props.disabled,
|
|
71
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
72
|
+
autoFocus = props.autoFocus,
|
|
73
|
+
maxLength = props.maxLength,
|
|
74
|
+
name = props.name,
|
|
75
|
+
id = props.id,
|
|
76
|
+
_props$multiple = props.multiple,
|
|
77
|
+
multiple = _props$multiple === void 0 ? false : _props$multiple,
|
|
78
|
+
accept = props.accept,
|
|
79
|
+
_onChange = props.onChange,
|
|
80
|
+
_onDragOver = props.onDragOver,
|
|
81
|
+
_onDrop = props.onDrop,
|
|
82
|
+
_onDragLeave = props.onDragLeave,
|
|
83
|
+
readOnlyClass = props.readOnlyClass;
|
|
70
84
|
var propsInput;
|
|
71
85
|
var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible, _permissionValidations.OPTIONS_ON_DENIED.readOnly, _permissionValidations.OPTIONS_ON_DENIED.hideContent];
|
|
72
86
|
var onDenied = onDeniedActions || (0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr);
|
|
73
87
|
var hideContent = onDenied.hideContent,
|
|
74
|
-
|
|
88
|
+
unvisible = onDenied.unvisible;
|
|
75
89
|
(0, _react.useEffect)(function () {
|
|
76
90
|
if (handlerSetOnDenied) handlerSetOnDenied(onDenied);
|
|
77
91
|
}, []);
|
|
92
|
+
|
|
78
93
|
var applyTabIndex = function applyTabIndex() {
|
|
79
94
|
return readOnly ? -1 : 0;
|
|
80
95
|
};
|
|
96
|
+
|
|
81
97
|
var shouldDisable = function shouldDisable() {
|
|
82
98
|
return disabled || onDenied.disabled;
|
|
83
99
|
};
|
|
100
|
+
|
|
84
101
|
var shouldBeReadOnly = function shouldBeReadOnly() {
|
|
85
102
|
return readOnly || onDenied.readOnly;
|
|
86
103
|
};
|
|
104
|
+
|
|
87
105
|
var inputProps = function inputProps() {
|
|
88
106
|
var disableCallbacks = shouldBeReadOnly() || shouldDisable() || hideContent;
|
|
89
107
|
propsInput = {
|
|
@@ -111,18 +129,22 @@ var InputTextBase = function InputTextBase(props) {
|
|
|
111
129
|
inputRef(r);
|
|
112
130
|
}
|
|
113
131
|
}
|
|
132
|
+
|
|
114
133
|
if (targetRef) targetRef(r);
|
|
115
134
|
}
|
|
116
135
|
};
|
|
136
|
+
|
|
117
137
|
if (!disableCallbacks) {
|
|
118
138
|
propsInput = _extends({}, propsInput, {
|
|
119
139
|
onFocus: function onFocus(e) {
|
|
120
140
|
var _props$onInputReceive;
|
|
141
|
+
|
|
121
142
|
(_props$onInputReceive = props.onInputReceiveFocus) === null || _props$onInputReceive === void 0 ? void 0 : _props$onInputReceive.call(props);
|
|
122
143
|
if (props.onFocus) props.onFocus(e);
|
|
123
144
|
},
|
|
124
145
|
onBlur: function onBlur(e) {
|
|
125
146
|
var _props$onInputLostFoc;
|
|
147
|
+
|
|
126
148
|
(_props$onInputLostFoc = props.onInputLostFocus) === null || _props$onInputLostFoc === void 0 ? void 0 : _props$onInputLostFoc.call(props);
|
|
127
149
|
if (props.onBlur) props.onBlur(e);
|
|
128
150
|
},
|
|
@@ -146,8 +168,10 @@ var InputTextBase = function InputTextBase(props) {
|
|
|
146
168
|
}
|
|
147
169
|
});
|
|
148
170
|
}
|
|
171
|
+
|
|
149
172
|
return propsInput;
|
|
150
173
|
};
|
|
174
|
+
|
|
151
175
|
if (!visible || unvisible) return null;
|
|
152
176
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
153
177
|
style: style,
|
|
@@ -187,5 +211,7 @@ var InputTextBase = function InputTextBase(props) {
|
|
|
187
211
|
description: hint
|
|
188
212
|
}), errorMessages && helpers.getErrorMessages(errorMessages));
|
|
189
213
|
};
|
|
214
|
+
|
|
190
215
|
var _default = (0, _inputHOC.default)((0, _withTooltip.default)(InputTextBase));
|
|
216
|
+
|
|
191
217
|
exports.default = _default;
|
|
@@ -4,38 +4,50 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getRightElements = exports.getInputWrapperClass = exports.getInputClass = exports.getErrorMessages = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
14
|
var getInputClass = function getInputClass(_ref) {
|
|
11
15
|
var textAlign = _ref.textAlign,
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
readOnly = _ref.readOnly,
|
|
17
|
+
readOnlyClass = _ref.readOnlyClass;
|
|
14
18
|
return "textinput text-align-".concat(textAlign, " ").concat(readOnlyClass, " ").concat(readOnly ? ' -readonly' : '');
|
|
15
19
|
};
|
|
20
|
+
|
|
16
21
|
exports.getInputClass = getInputClass;
|
|
22
|
+
|
|
17
23
|
var getInputWrapperClass = function getInputWrapperClass(props) {
|
|
18
24
|
var inputHasFocus = props.inputHasFocus,
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
25
|
+
customClassForWrapper = props.customClassForWrapper,
|
|
26
|
+
rounded = props.rounded,
|
|
27
|
+
errorMessages = props.errorMessages,
|
|
28
|
+
disabled = props.disabled;
|
|
23
29
|
return "inputwrapper ".concat(inputHasFocus && ' -focusable', "\n ").concat(customClassForWrapper, "\n ").concat(errorMessages && errorMessages.length > 0 && ' -requirederror', "\n ").concat(rounded && ' -roundedborders', "\n ").concat(disabled && ' -disabled');
|
|
24
30
|
};
|
|
31
|
+
|
|
25
32
|
exports.getInputWrapperClass = getInputWrapperClass;
|
|
33
|
+
|
|
26
34
|
var getErrorMessages = function getErrorMessages(messages) {
|
|
27
35
|
if (!messages || messages.length === 0) return /*#__PURE__*/_react.default.createElement("noscript", null);
|
|
28
36
|
return /*#__PURE__*/_react.default.createElement("p", {
|
|
29
37
|
className: "errormessages"
|
|
30
38
|
}, messages.join(', '));
|
|
31
39
|
};
|
|
40
|
+
|
|
32
41
|
exports.getErrorMessages = getErrorMessages;
|
|
42
|
+
|
|
33
43
|
var getRightElements = function getRightElements(errorMessages, skeletonize, rightElements) {
|
|
34
44
|
var elements = rightElements || [];
|
|
35
45
|
if (skeletonize) return null;
|
|
46
|
+
|
|
36
47
|
if (!_lodash.default.isArray(elements)) {
|
|
37
48
|
elements = [elements];
|
|
38
49
|
}
|
|
50
|
+
|
|
39
51
|
elements = elements.map(function (element, index) {
|
|
40
52
|
return element && /*#__PURE__*/_react.default.cloneElement(element, {
|
|
41
53
|
key: "rightelement-".concat(index + 1)
|
|
@@ -46,4 +58,5 @@ var getRightElements = function getRightElements(errorMessages, skeletonize, rig
|
|
|
46
58
|
className: "sidebuttons"
|
|
47
59
|
}, elements);
|
|
48
60
|
};
|
|
61
|
+
|
|
49
62
|
exports.getRightElements = getRightElements;
|
|
@@ -1,44 +1,66 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
|
+
|
|
10
14
|
var _text = _interopRequireDefault(require("../text"));
|
|
15
|
+
|
|
11
16
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
17
|
+
|
|
12
18
|
require("../../assets/styles/colorpicker.scss");
|
|
19
|
+
|
|
13
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
14
22
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
+
|
|
15
24
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
+
|
|
16
26
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
27
|
+
|
|
17
28
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
29
|
+
|
|
18
30
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
31
|
+
|
|
19
32
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
20
|
-
|
|
21
|
-
function
|
|
33
|
+
|
|
34
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
35
|
+
|
|
36
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
37
|
+
|
|
22
38
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
39
|
+
|
|
23
40
|
var ColorPicker = function ColorPicker(props) {
|
|
24
41
|
var _props$asTextField = props.asTextField,
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
42
|
+
asTextField = _props$asTextField === void 0 ? true : _props$asTextField,
|
|
43
|
+
_props$value = props.value,
|
|
44
|
+
value = _props$value === void 0 ? '#aaaaaa' : _props$value,
|
|
45
|
+
onChange = props.onChange,
|
|
46
|
+
onButtonClick = props.onButtonClick,
|
|
47
|
+
name = props.name;
|
|
48
|
+
|
|
31
49
|
var _useState = (0, _react.useState)(value),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
50
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
51
|
+
color = _useState2[0],
|
|
52
|
+
setColor = _useState2[1];
|
|
53
|
+
|
|
35
54
|
var inputRef = (0, _react.useRef)(null);
|
|
55
|
+
|
|
36
56
|
var debouncedOnChange = _lodash.default.debounce(function (func, e) {
|
|
37
57
|
func(e);
|
|
38
58
|
}, 300);
|
|
59
|
+
|
|
39
60
|
var onInputChange = function onInputChange(e) {
|
|
40
61
|
var target = e.target;
|
|
41
62
|
setColor(target.value);
|
|
63
|
+
|
|
42
64
|
if (onChange) {
|
|
43
65
|
// Nota: A aplicação desta regra é limitada a projetos usando React 16 ou
|
|
44
66
|
// inferior porque o pool de eventos foi removido no React 17. CORRIGIR
|
|
@@ -46,17 +68,21 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
46
68
|
debouncedOnChange(onChange, e);
|
|
47
69
|
}
|
|
48
70
|
};
|
|
71
|
+
|
|
49
72
|
var onInputChangeDefault = function onInputChangeDefault(e) {
|
|
50
73
|
var target = e.target;
|
|
51
74
|
setColor(target.value);
|
|
75
|
+
|
|
52
76
|
if (onChange) {
|
|
53
77
|
e.persist();
|
|
54
78
|
debouncedOnChange(onChange, e);
|
|
55
79
|
}
|
|
56
80
|
};
|
|
81
|
+
|
|
57
82
|
var onPaletteButtonClick = function onPaletteButtonClick() {
|
|
58
83
|
if (inputRef.current) inputRef.current.click();
|
|
59
84
|
};
|
|
85
|
+
|
|
60
86
|
(0, _react.useEffect)(function () {
|
|
61
87
|
setColor(value);
|
|
62
88
|
}, [value]);
|
|
@@ -102,5 +128,6 @@ var ColorPicker = function ColorPicker(props) {
|
|
|
102
128
|
onInput: onInputChangeDefault
|
|
103
129
|
});
|
|
104
130
|
};
|
|
131
|
+
|
|
105
132
|
var _default = ColorPicker;
|
|
106
133
|
exports.default = _default;
|
|
@@ -4,13 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _base = _interopRequireDefault(require("../../dialog/base"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
14
|
var Dialog = function Dialog(_ref) {
|
|
11
15
|
var _handlerClose = _ref.handlerClose,
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
children = _ref.children,
|
|
17
|
+
dialogSize = _ref.dialogSize;
|
|
14
18
|
return /*#__PURE__*/_react.default.createElement(_base.default, {
|
|
15
19
|
width: dialogSize.width,
|
|
16
20
|
height: dialogSize.height,
|
|
@@ -22,5 +26,6 @@ var Dialog = function Dialog(_ref) {
|
|
|
22
26
|
wrapperClassName: ""
|
|
23
27
|
}, children);
|
|
24
28
|
};
|
|
29
|
+
|
|
25
30
|
var _default = Dialog;
|
|
26
31
|
exports.default = _default;
|
|
@@ -4,14 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = require("react");
|
|
9
|
+
|
|
8
10
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
11
|
+
|
|
9
12
|
var _helpers = require("./helpers");
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
var body = document.getElementsByTagName('body')[0];
|
|
17
|
+
|
|
12
18
|
var Dropdown = function Dropdown(props) {
|
|
13
19
|
var dropdownRef = props.dropdownRef,
|
|
14
|
-
|
|
20
|
+
children = props.children;
|
|
15
21
|
var elementRef = (0, _react.useRef)(document.createElement('div'));
|
|
16
22
|
(0, _react.useEffect)(function () {
|
|
17
23
|
elementRef.current.className = 'datepicker-component';
|
|
@@ -27,5 +33,6 @@ var Dropdown = function Dropdown(props) {
|
|
|
27
33
|
}, [props]);
|
|
28
34
|
return /*#__PURE__*/_reactDom.default.createPortal(children, elementRef.current);
|
|
29
35
|
};
|
|
36
|
+
|
|
30
37
|
var _default = Dropdown;
|
|
31
38
|
exports.default = _default;
|
|
@@ -4,24 +4,33 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.getMomentValue = exports.getCalendarDropdownStyle = exports.PT_BR_FORMAT = exports.EN_US_FORMAT = void 0;
|
|
7
|
+
|
|
7
8
|
var _moment = _interopRequireDefault(require("moment"));
|
|
9
|
+
|
|
8
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
|
|
9
12
|
var PT_BR_FORMAT = 'DD/MM/YYYY';
|
|
10
13
|
exports.PT_BR_FORMAT = PT_BR_FORMAT;
|
|
11
14
|
var EN_US_FORMAT = 'YYYY-MM-DD';
|
|
12
15
|
exports.EN_US_FORMAT = EN_US_FORMAT;
|
|
16
|
+
|
|
13
17
|
var getCalendarDropdownStyle = function getCalendarDropdownStyle(_ref) {
|
|
14
18
|
var topPosition = _ref.topPosition,
|
|
15
|
-
|
|
16
|
-
|
|
19
|
+
leftPosition = _ref.leftPosition,
|
|
20
|
+
width = _ref.width;
|
|
17
21
|
return "top: ".concat(topPosition, "px;\n left: ").concat(leftPosition, "px;\n width:").concat(width, "px");
|
|
18
22
|
};
|
|
23
|
+
|
|
19
24
|
exports.getCalendarDropdownStyle = getCalendarDropdownStyle;
|
|
25
|
+
|
|
20
26
|
var getMomentValue = function getMomentValue(value) {
|
|
21
27
|
var newValue = value;
|
|
28
|
+
|
|
22
29
|
if ((0, _moment.default)(newValue, PT_BR_FORMAT).isValid()) {
|
|
23
30
|
newValue = (0, _moment.default)(newValue, PT_BR_FORMAT).format(EN_US_FORMAT);
|
|
24
31
|
}
|
|
32
|
+
|
|
25
33
|
return typeof newValue === 'string' ? (0, _moment.default)(newValue, EN_US_FORMAT) : newValue;
|
|
26
34
|
};
|
|
35
|
+
|
|
27
36
|
exports.getMomentValue = getMomentValue;
|