@widergy/energy-ui 2.12.2 → 2.12.4
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/dist/components/EnergyThemeProvider/index.js +13 -36
- package/dist/components/Loading/constants.js +1 -2
- package/dist/components/Loading/index.js +13 -12
- package/dist/components/Loading/theme.js +4 -2
- package/dist/components/UTAlert/AlertHandler.js +75 -101
- package/dist/components/UTAlert/index.js +65 -87
- package/dist/components/UTAlert/theme.js +32 -32
- package/dist/components/UTAttachment/components/Preview/index.js +8 -9
- package/dist/components/UTAttachment/constants.js +7 -13
- package/dist/components/UTAttachment/index.js +159 -250
- package/dist/components/UTAttachment/layout.js +26 -27
- package/dist/components/UTAttachment/theme.js +4 -2
- package/dist/components/UTAttachment/utils.js +34 -117
- package/dist/components/UTAutocomplete/components/ListBox/index.js +13 -21
- package/dist/components/UTAutocomplete/components/ListBox/utils.js +9 -11
- package/dist/components/UTAutocomplete/constants.js +12 -23
- package/dist/components/UTAutocomplete/index.js +54 -94
- package/dist/components/UTAutocomplete/theme.js +6 -4
- package/dist/components/UTAvatar/constants.js +2 -3
- package/dist/components/UTAvatar/index.js +18 -17
- package/dist/components/UTBarChart/components/Bars/components/Bar/components/Rect/index.js +22 -22
- package/dist/components/UTBarChart/components/Bars/components/Bar/constants.js +1 -1
- package/dist/components/UTBarChart/components/Bars/components/Bar/index.js +21 -22
- package/dist/components/UTBarChart/components/Bars/constants.js +3 -6
- package/dist/components/UTBarChart/components/Bars/index.js +70 -80
- package/dist/components/UTBarChart/components/Legend/constants.js +12 -18
- package/dist/components/UTBarChart/components/Legend/index.js +75 -93
- package/dist/components/UTBarChart/components/Legend/utils.js +1 -5
- package/dist/components/UTBarChart/components/Levels/index.js +16 -14
- package/dist/components/UTBarChart/components/Levels/utils.js +25 -27
- package/dist/components/UTBarChart/components/LinearPlot/constants.js +3 -5
- package/dist/components/UTBarChart/components/LinearPlot/index.js +25 -20
- package/dist/components/UTBarChart/components/LinearPlot/utils.js +37 -39
- package/dist/components/UTBarChart/components/Pagination/constants.js +1 -2
- package/dist/components/UTBarChart/components/Pagination/index.js +20 -24
- package/dist/components/UTBarChart/components/XAxis/components/AxisElement/index.js +21 -32
- package/dist/components/UTBarChart/components/XAxis/components/Decoration/constants.js +2 -4
- package/dist/components/UTBarChart/components/XAxis/components/Decoration/index.js +20 -19
- package/dist/components/UTBarChart/components/XAxis/constants.js +1 -2
- package/dist/components/UTBarChart/components/XAxis/index.js +54 -65
- package/dist/components/UTBarChart/components/YAxis/AxisElement/index.js +12 -11
- package/dist/components/UTBarChart/components/YAxis/constants.js +1 -2
- package/dist/components/UTBarChart/components/YAxis/index.js +30 -37
- package/dist/components/UTBarChart/components/YAxis/utils.js +4 -6
- package/dist/components/UTBarChart/constants.js +4 -8
- package/dist/components/UTBarChart/hooks/use-dynamic-margins.js +23 -40
- package/dist/components/UTBarChart/index.js +152 -166
- package/dist/components/UTBarChart/theme.js +4 -2
- package/dist/components/UTBarChart/types.js +10 -19
- package/dist/components/UTBarChart/utils.js +107 -111
- package/dist/components/UTBreadcrumbs/constants.js +23 -31
- package/dist/components/UTBreadcrumbs/index.js +76 -101
- package/dist/components/UTBreadcrumbs/theme.js +4 -2
- package/dist/components/UTButton/constants.js +11 -17
- package/dist/components/UTButton/index.js +28 -31
- package/dist/components/UTButton/theme.js +23 -23
- package/dist/components/UTCBUInput/index.js +36 -40
- package/dist/components/UTCBUInput/theme.js +4 -2
- package/dist/components/UTCaptcha/index.js +19 -45
- package/dist/components/UTCard/components/UTCardFooter/index.js +15 -16
- package/dist/components/UTCard/index.js +85 -120
- package/dist/components/UTCard/theme.js +11 -12
- package/dist/components/UTCard/types.js +2 -3
- package/dist/components/UTCarousel/components/Button/index.js +13 -13
- package/dist/components/UTCarousel/components/Legend/index.js +13 -15
- package/dist/components/UTCarousel/components/Slider/component/Slide/index.js +16 -16
- package/dist/components/UTCarousel/components/Slider/constants.js +5 -10
- package/dist/components/UTCarousel/components/Slider/index.js +204 -273
- package/dist/components/UTCarousel/components/Slider/layout.js +67 -94
- package/dist/components/UTCarousel/index.js +14 -15
- package/dist/components/UTCarousel/theme.js +4 -2
- package/dist/components/UTCheckList/constants.js +1 -2
- package/dist/components/UTCheckList/index.js +72 -93
- package/dist/components/UTCheckList/theme.js +31 -31
- package/dist/components/UTCheckbox/constants.js +3 -6
- package/dist/components/UTCheckbox/index.js +32 -44
- package/dist/components/UTCheckbox/theme.js +35 -35
- package/dist/components/UTConsumptionBar/components/ConsumptionBarIndicator/index.js +9 -9
- package/dist/components/UTConsumptionBar/constants.js +3 -6
- package/dist/components/UTConsumptionBar/index.js +53 -80
- package/dist/components/UTCuit/index.js +109 -133
- package/dist/components/UTCuit/theme.js +51 -53
- package/dist/components/UTDatePicker/components/Day/constants.js +1 -2
- package/dist/components/UTDatePicker/components/Day/index.js +12 -12
- package/dist/components/UTDatePicker/constants.js +20 -31
- package/dist/components/UTDatePicker/index.js +60 -102
- package/dist/components/UTDatePicker/theme.js +5 -3
- package/dist/components/UTDatePicker/types.js +2 -3
- package/dist/components/UTDatePicker/utils.js +2 -6
- package/dist/components/UTDialog/constants.js +2 -4
- package/dist/components/UTDialog/index.js +38 -37
- package/dist/components/UTDialog/theme.js +4 -2
- package/dist/components/UTDialog/types.js +2 -3
- package/dist/components/UTDotMenu/index.js +39 -61
- package/dist/components/UTEmojiPicker/constants.js +6 -11
- package/dist/components/UTEmojiPicker/index.js +45 -65
- package/dist/components/UTEmojiPicker/theme.js +4 -2
- package/dist/components/UTEmojiPicker/utils.js +21 -51
- package/dist/components/UTExternalLink/constants.js +3 -5
- package/dist/components/UTExternalLink/index.js +18 -15
- package/dist/components/UTExternalLink/theme.js +8 -6
- package/dist/components/UTFileInput/constants.js +2 -4
- package/dist/components/UTFileInput/index.js +7 -31
- package/dist/components/UTFileInput/layout.js +68 -97
- package/dist/components/UTIconButton/index.js +49 -72
- package/dist/components/UTIconButton/theme.js +4 -2
- package/dist/components/UTImageRadio/components/ImageRadioCard/index.js +53 -58
- package/dist/components/UTImageRadio/constants.js +3 -6
- package/dist/components/UTImageRadio/index.js +39 -47
- package/dist/components/UTImageRadio/theme.js +11 -12
- package/dist/components/UTImageRadio/types.js +2 -3
- package/dist/components/UTImageRadio/utils.js +2 -6
- package/dist/components/UTLabel/constants.js +14 -20
- package/dist/components/UTLabel/index.js +18 -20
- package/dist/components/UTLabel/theme.js +15 -15
- package/dist/components/UTList/index.js +15 -18
- package/dist/components/UTLoading/index.js +15 -15
- package/dist/components/UTMap/components/GoogleMaps/constants.js +8 -11
- package/dist/components/UTMap/components/GoogleMaps/index.js +63 -91
- package/dist/components/UTMap/components/GoogleMaps/styles.js +2 -3
- package/dist/components/UTMap/constants.js +6 -12
- package/dist/components/UTMap/index.js +163 -198
- package/dist/components/UTMap/types.js +4 -6
- package/dist/components/UTMap/utils.js +29 -46
- package/dist/components/UTMap/withGoogleMapScript.js +18 -22
- package/dist/components/UTMenu/index.js +52 -69
- package/dist/components/UTMenu/theme.js +5 -3
- package/dist/components/UTMenu/utils.js +5 -11
- package/dist/components/UTModal/constants.js +9 -13
- package/dist/components/UTModal/index.js +26 -30
- package/dist/components/UTModal/theme.js +4 -2
- package/dist/components/UTPagination/components/PageSizeSelector/index.js +11 -10
- package/dist/components/UTPagination/components/PageSizeSelector/utils.js +7 -13
- package/dist/components/UTPagination/components/Pagination/components/NavigationButton/index.js +12 -12
- package/dist/components/UTPagination/components/Pagination/index.js +28 -39
- package/dist/components/UTPagination/components/Pagination/utils.js +8 -14
- package/dist/components/UTPagination/constants.js +3 -6
- package/dist/components/UTPagination/index.js +16 -17
- package/dist/components/UTPagination/theme.js +4 -2
- package/dist/components/UTPanel/index.js +38 -44
- package/dist/components/UTPasswordField/components/PasswordValidations/components/Error/index.js +13 -10
- package/dist/components/UTPasswordField/components/PasswordValidations/components/Validation/index.js +22 -19
- package/dist/components/UTPasswordField/components/PasswordValidations/index.js +63 -50
- package/dist/components/UTPasswordField/components/PasswordWarning/index.js +25 -26
- package/dist/components/UTPasswordField/index.js +26 -23
- package/dist/components/UTPasswordField/theme.js +4 -2
- package/dist/components/UTPhoneInput/constants.js +3 -6
- package/dist/components/UTPhoneInput/index.js +180 -205
- package/dist/components/UTPhoneInput/theme.js +77 -77
- package/dist/components/UTPieChart/components/ArrowLabel/constants.js +4 -8
- package/dist/components/UTPieChart/components/ArrowLabel/index.js +24 -23
- package/dist/components/UTPieChart/components/Legend/contants.js +3 -6
- package/dist/components/UTPieChart/components/Legend/index.js +27 -24
- package/dist/components/UTPieChart/constants.js +13 -26
- package/dist/components/UTPieChart/hooks/use-animated-value/index.js +15 -33
- package/dist/components/UTPieChart/index.js +73 -76
- package/dist/components/UTPieChart/theme.js +4 -2
- package/dist/components/UTPieChart/utils.js +4 -2
- package/dist/components/UTProgressBar/constants.js +2 -4
- package/dist/components/UTProgressBar/index.js +15 -17
- package/dist/components/UTProgressBar/theme.js +4 -2
- package/dist/components/UTProgressBar/types.js +2 -3
- package/dist/components/UTRadioGroup/index.js +56 -83
- package/dist/components/UTRadioGroup/theme.js +52 -52
- package/dist/components/UTRating/components/Circle/index.js +41 -56
- package/dist/components/UTRating/components/Faces/constants.js +2 -4
- package/dist/components/UTRating/components/Faces/index.js +34 -36
- package/dist/components/UTRating/components/Star/index.js +36 -40
- package/dist/components/UTRating/constants.js +4 -8
- package/dist/components/UTRating/index.js +31 -46
- package/dist/components/UTRating/theme.js +4 -2
- package/dist/components/UTRipple/Ripple.js +22 -39
- package/dist/components/UTRipple/index.js +18 -37
- package/dist/components/UTSelect/components/Option/index.js +13 -13
- package/dist/components/UTSelect/constants.js +4 -8
- package/dist/components/UTSelect/index.js +63 -85
- package/dist/components/UTSelect/stylesJS.js +2 -3
- package/dist/components/UTSelect/theme.js +6 -4
- package/dist/components/UTSelect/utils.js +3 -13
- package/dist/components/UTSidebar/components/ListOption/index.js +34 -49
- package/dist/components/UTSidebar/components/LogosContainer/components/DynamicIcon/index.js +8 -8
- package/dist/components/UTSidebar/components/LogosContainer/index.js +14 -14
- package/dist/components/UTSidebar/components/Option/constants.js +2 -3
- package/dist/components/UTSidebar/components/Option/index.js +28 -32
- package/dist/components/UTSidebar/components/Toggler/index.js +11 -11
- package/dist/components/UTSidebar/index.js +42 -53
- package/dist/components/UTSidebar/theme.js +4 -2
- package/dist/components/UTSidebar/types.js +5 -10
- package/dist/components/UTSkeleton/index.js +10 -36
- package/dist/components/UTStatus/constants.js +5 -9
- package/dist/components/UTStatus/index.js +16 -15
- package/dist/components/UTStatus/theme.js +66 -49
- package/dist/components/UTSwitch/constants.js +3 -6
- package/dist/components/UTSwitch/index.js +42 -57
- package/dist/components/UTSwitch/theme.js +4 -2
- package/dist/components/UTTable/components/ActionIcons/constants.js +1 -2
- package/dist/components/UTTable/components/ActionIcons/index.js +47 -85
- package/dist/components/UTTable/components/Cell/components/ActionButton/index.js +10 -12
- package/dist/components/UTTable/components/Cell/index.js +18 -23
- package/dist/components/UTTable/components/HeaderCell/constants.js +2 -3
- package/dist/components/UTTable/components/HeaderCell/index.js +23 -30
- package/dist/components/UTTable/components/HeaderCell/utils.js +3 -3
- package/dist/components/UTTable/components/PrimaryAction/index.js +12 -11
- package/dist/components/UTTable/components/ResponsiveCell/index.js +19 -20
- package/dist/components/UTTable/components/Status/index.js +18 -19
- package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/index.js +10 -9
- package/dist/components/UTTable/components/TableFooter/components/PageSizeSelector/utils.js +7 -13
- package/dist/components/UTTable/components/TableFooter/components/Pagination/components/NavigationButton/index.js +12 -12
- package/dist/components/UTTable/components/TableFooter/components/Pagination/index.js +21 -32
- package/dist/components/UTTable/components/TableFooter/components/Pagination/utils.js +8 -14
- package/dist/components/UTTable/components/TableFooter/constants.js +1 -2
- package/dist/components/UTTable/components/TableFooter/index.js +15 -15
- package/dist/components/UTTable/components/TableHeader/index.js +11 -11
- package/dist/components/UTTable/components/TableRow/constants.js +3 -6
- package/dist/components/UTTable/components/TableRow/index.js +82 -95
- package/dist/components/UTTable/components/TableRow/styles.module.scss +8 -1
- package/dist/components/UTTable/components/TableRow/utils.js +15 -0
- package/dist/components/UTTable/constants.js +26 -43
- package/dist/components/UTTable/hook.js +11 -26
- package/dist/components/UTTable/index.js +129 -220
- package/dist/components/UTTable/theme.js +17 -17
- package/dist/components/UTTable/types.js +4 -8
- package/dist/components/UTTable/utils.js +70 -74
- package/dist/components/UTTabs/components/TooltipTab/index.js +20 -30
- package/dist/components/UTTabs/constants.js +4 -8
- package/dist/components/UTTabs/index.js +57 -86
- package/dist/components/UTTabs/theme.js +4 -2
- package/dist/components/UTTabs/utils.js +1 -1
- package/dist/components/UTTextArea/constants.js +3 -6
- package/dist/components/UTTextArea/index.js +23 -23
- package/dist/components/UTTextArea/theme.js +4 -2
- package/dist/components/UTTextInput/constants.js +2 -3
- package/dist/components/UTTextInput/index.js +137 -165
- package/dist/components/UTTextInput/theme.js +6 -4
- package/dist/components/UTThirdPartyCookieChecker/index.js +17 -21
- package/dist/components/UTToggle/components/ToggleOption/index.js +16 -17
- package/dist/components/UTToggle/index.js +25 -26
- package/dist/components/UTToggle/theme.js +4 -2
- package/dist/components/UTTooltip/index.js +23 -30
- package/dist/components/UTTooltip/theme.js +4 -2
- package/dist/components/UTTopbar/components/Notifications/index.js +11 -14
- package/dist/components/UTTopbar/components/UserMenu/index.js +15 -15
- package/dist/components/UTTopbar/index.js +28 -31
- package/dist/components/UTTopbar/theme.js +4 -2
- package/dist/components/UTTopbar/types.js +5 -9
- package/dist/components/UTTouchableWithoutFeedback/index.js +14 -27
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/constants.js +2 -4
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/index.js +34 -31
- package/dist/components/UTVirtualizedList/components/VirtualizedData/components/ListRow/utils.js +4 -4
- package/dist/components/UTVirtualizedList/components/VirtualizedData/constants.js +6 -12
- package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-ledger.js +8 -18
- package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-virtualized-data.js +23 -47
- package/dist/components/UTVirtualizedList/components/VirtualizedData/index.js +31 -34
- package/dist/components/UTVirtualizedList/components/VirtualizedData/utils.js +81 -93
- package/dist/components/UTVirtualizedList/constants.js +4 -8
- package/dist/components/UTVirtualizedList/index.js +26 -38
- package/dist/components/UTWorkflowContainer/components/ActionButton/index.js +17 -21
- package/dist/components/UTWorkflowContainer/constants.js +3 -6
- package/dist/components/UTWorkflowContainer/hooks/use-previous.js +3 -3
- package/dist/components/UTWorkflowContainer/index.js +32 -51
- package/dist/components/UTWorkflowContainer/theme.js +60 -53
- package/dist/components/UTWorkflowContainer/types.js +2 -3
- package/dist/components/WithLoading/index.js +10 -15
- package/dist/components/WithTheme/index.js +10 -17
- package/dist/components/WithTheme/layout.js +22 -28
- package/dist/components/WithTouch/index.js +12 -19
- package/dist/constants/UTTable.js +2 -3
- package/dist/index.js +58 -58
- package/dist/theme.js +6 -5
- package/dist/types/commonTypes.js +3 -5
- package/dist/types/consumptionTypes.js +3 -5
- package/dist/types/formTypes.js +4 -7
- package/dist/types/tableTypes.js +2 -3
- package/dist/utils/classesUtils.js +5 -13
- package/dist/utils/componentUtils.js +10 -13
- package/dist/utils/helperFunctions.js +4 -4
- package/dist/utils/shadowUtils.js +13 -11
- package/dist/utils/useScreenSize.js +2 -3
- package/package.json +1 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -17,78 +16,58 @@ var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
|
17
16
|
var _utils = require("./utils");
|
|
18
17
|
var _constants = require("./constants");
|
|
19
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
|
-
function _getRequireWildcardCache(
|
|
21
|
-
function _interopRequireWildcard(
|
|
19
|
+
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); }
|
|
20
|
+
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 && Object.prototype.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; }
|
|
22
21
|
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); }
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
activeGroup = _useState2[0],
|
|
45
|
-
setActiveGroup = _useState2[1];
|
|
46
|
-
var _useState3 = (0, _react.useState)(false),
|
|
47
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
48
|
-
isOpen = _useState4[0],
|
|
49
|
-
setIsOpen = _useState4[1];
|
|
50
|
-
var classes = (0, _react.useMemo)(function () {
|
|
51
|
-
return (0, _classesUtils.mergeClasses)(themeClasses, classNames);
|
|
52
|
-
}, [classNames]);
|
|
53
|
-
var _useMemo = (0, _react.useMemo)(function () {
|
|
54
|
-
return (0, _utils.getEmojis)(groupsModifier, excludedEmojis);
|
|
55
|
-
}, [groupsModifier, excludedEmojis]),
|
|
56
|
-
emojis = _useMemo.emojis,
|
|
57
|
-
groups = _useMemo.groups,
|
|
58
|
-
buttonEmoji = _useMemo.buttonEmoji;
|
|
59
|
-
var toggleOpen = function toggleOpen() {
|
|
22
|
+
const UTEmojiPicker = _ref => {
|
|
23
|
+
let {
|
|
24
|
+
ButtonComponent = _UTTouchableWithoutFeedback.default,
|
|
25
|
+
classes: themeClasses,
|
|
26
|
+
classNames,
|
|
27
|
+
closeOnPick = true,
|
|
28
|
+
excludedEmojis,
|
|
29
|
+
groupsModifier,
|
|
30
|
+
handlePick,
|
|
31
|
+
popperPosition = _constants.DEFAULT_POSITIONS.BOTTOM_RIGHT,
|
|
32
|
+
virtualizedListProps
|
|
33
|
+
} = _ref;
|
|
34
|
+
const [activeGroup, setActiveGroup] = (0, _react.useState)();
|
|
35
|
+
const [isOpen, setIsOpen] = (0, _react.useState)(false);
|
|
36
|
+
const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
|
|
37
|
+
const {
|
|
38
|
+
emojis,
|
|
39
|
+
groups,
|
|
40
|
+
buttonEmoji
|
|
41
|
+
} = (0, _react.useMemo)(() => (0, _utils.getEmojis)(groupsModifier, excludedEmojis), [groupsModifier, excludedEmojis]);
|
|
42
|
+
const toggleOpen = () => {
|
|
60
43
|
setIsOpen(!isOpen);
|
|
61
44
|
};
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
45
|
+
const emojiRenderer = (0, _react.useCallback)(emojiData => /*#__PURE__*/_react.default.createElement("div", {
|
|
46
|
+
role: "button",
|
|
47
|
+
onMouseDown: e => {
|
|
48
|
+
e.preventDefault();
|
|
49
|
+
if (closeOnPick) setIsOpen(false);
|
|
50
|
+
handlePick(emojiData);
|
|
51
|
+
},
|
|
52
|
+
className: "".concat(_stylesModule.default.emoji, " ").concat(classes.emoji)
|
|
53
|
+
}, (0, _utils.getEmoji)(emojiData)), [handlePick]);
|
|
54
|
+
const groupEmojiRenderer = (0, _react.useCallback)(_ref2 => {
|
|
55
|
+
let {
|
|
56
|
+
Icon,
|
|
57
|
+
key
|
|
58
|
+
} = _ref2;
|
|
59
|
+
const isActive = key === activeGroup;
|
|
77
60
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
78
61
|
className: "".concat(_stylesModule.default.groupItem, " ").concat(classes.groupItem),
|
|
79
62
|
key: key,
|
|
80
|
-
onClick:
|
|
81
|
-
return setActiveGroup(isActive ? null : key);
|
|
82
|
-
},
|
|
63
|
+
onClick: () => setActiveGroup(isActive ? null : key),
|
|
83
64
|
role: "button"
|
|
84
65
|
}, /*#__PURE__*/_react.default.createElement(Icon, {
|
|
85
66
|
className: isActive ? "".concat(_stylesModule.default.activeIcon, " ").concat(classes.activeIcon) : ''
|
|
86
67
|
}));
|
|
87
68
|
}, [activeGroup]);
|
|
88
69
|
return /*#__PURE__*/_react.default.createElement(_ClickAwayListener.default, {
|
|
89
|
-
onClickAway:
|
|
90
|
-
return setIsOpen(false);
|
|
91
|
-
}
|
|
70
|
+
onClickAway: () => setIsOpen(false)
|
|
92
71
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
93
72
|
className: _stylesModule.default.buttonContainer
|
|
94
73
|
}, /*#__PURE__*/_react.default.createElement(ButtonComponent, {
|
|
@@ -101,8 +80,10 @@ var UTEmojiPicker = function UTEmojiPicker(_ref) {
|
|
|
101
80
|
}, groups.map(groupEmojiRenderer)), /*#__PURE__*/_react.default.createElement("div", {
|
|
102
81
|
className: "".concat(_stylesModule.default.listContainer, " ").concat(classes.listContainer)
|
|
103
82
|
}, /*#__PURE__*/_react.default.createElement(_.UTVirtualizedList, _extends({
|
|
104
|
-
data: activeGroup ? groups.find(
|
|
105
|
-
|
|
83
|
+
data: activeGroup ? groups.find(_ref3 => {
|
|
84
|
+
let {
|
|
85
|
+
key
|
|
86
|
+
} = _ref3;
|
|
106
87
|
return key === activeGroup;
|
|
107
88
|
}).emojis : emojis,
|
|
108
89
|
itemRenderer: emojiRenderer
|
|
@@ -119,5 +100,4 @@ UTEmojiPicker.propTypes = {
|
|
|
119
100
|
popperPosition: _propTypes.string,
|
|
120
101
|
virtualizedListProps: _propTypes.object
|
|
121
102
|
};
|
|
122
|
-
var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTEmojiPicker);
|
|
123
|
-
exports.default = _default;
|
|
103
|
+
var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTEmojiPicker);
|
|
@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.retrieveStyle = void 0;
|
|
7
7
|
var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
|
|
8
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
|
|
9
|
+
const retrieveStyle = _ref => {
|
|
10
10
|
var _theme$UTEmojiPicker, _theme$UTEmojiPicker2, _theme$UTEmojiPicker3, _theme$UTEmojiPicker4, _theme$UTEmojiPicker5, _theme$UTEmojiPicker6, _theme$UTEmojiPicker7, _theme$UTEmojiPicker8, _theme$UTEmojiPicker9, _theme$UTEmojiPicker10, _theme$UTEmojiPicker11, _theme$UTEmojiPicker12, _theme$UTEmojiPicker13, _theme$UTEmojiPicker14, _theme$UTEmojiPicker15, _theme$UTEmojiPicker16, _theme$UTEmojiPicker17, _theme$UTEmojiPicker18, _theme$UTEmojiPicker19, _theme$UTEmojiPicker20, _theme$UTEmojiPicker21, _theme$UTEmojiPicker22, _theme$UTEmojiPicker23;
|
|
11
|
-
|
|
11
|
+
let {
|
|
12
|
+
theme
|
|
13
|
+
} = _ref;
|
|
12
14
|
return {
|
|
13
15
|
container: {
|
|
14
16
|
backgroundColor: (theme === null || theme === void 0 || (_theme$UTEmojiPicker = theme.UTEmojiPicker) === null || _theme$UTEmojiPicker === void 0 || (_theme$UTEmojiPicker = _theme$UTEmojiPicker.container) === null || _theme$UTEmojiPicker === void 0 ? void 0 : _theme$UTEmojiPicker.backgroundColor) || _colorsModule.default.white,
|
|
@@ -7,60 +7,30 @@ exports.getEmojis = exports.getEmoji = void 0;
|
|
|
7
7
|
var _emojilib = _interopRequireDefault(require("emojilib"));
|
|
8
8
|
var _constants = require("./constants");
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
13
|
-
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); }
|
|
14
|
-
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
15
|
-
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
16
|
-
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; }
|
|
17
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
18
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
19
|
-
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
20
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
21
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
22
|
-
var getKey = function getKey(emoji) {
|
|
23
|
-
return emoji[1][0];
|
|
24
|
-
};
|
|
25
|
-
var getEmoji = function getEmoji(emoji) {
|
|
26
|
-
return emoji[0];
|
|
27
|
-
};
|
|
10
|
+
const getKey = emoji => emoji[1][0];
|
|
11
|
+
const getEmoji = emoji => emoji[0];
|
|
28
12
|
exports.getEmoji = getEmoji;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
return
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
var getEmojis = function getEmojis(groupsModifier) {
|
|
48
|
-
var _ref;
|
|
49
|
-
var excludedEmojis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
50
|
-
var legacyGroups = getGroups(Object.entries(_emojilib.default)).map(function (group) {
|
|
51
|
-
return _objectSpread(_objectSpread({}, group), {}, {
|
|
52
|
-
emojis: group.emojis.filter(function (emoji) {
|
|
53
|
-
return ![].concat(_toConsumableArray(_constants.DEFAULT_EXCLUDED_EMOJIS), _toConsumableArray(excludedEmojis)).includes(getKey(emoji));
|
|
54
|
-
})
|
|
55
|
-
});
|
|
56
|
-
});
|
|
57
|
-
var filteredEmojisArray = (_ref = []).concat.apply(_ref, _toConsumableArray(legacyGroups.map(function (group) {
|
|
58
|
-
return group.emojis;
|
|
59
|
-
})));
|
|
60
|
-
var groups = groupsModifier ? groupsModifier(legacyGroups) : legacyGroups;
|
|
13
|
+
const findEmojiIndex = (emojis, key) => emojis.findIndex(emoji => key === getKey(emoji));
|
|
14
|
+
const getGroups = emojis => _constants.GROUPS.map(groupDefinition => ({
|
|
15
|
+
key: groupDefinition.key,
|
|
16
|
+
Icon: groupDefinition.Icon,
|
|
17
|
+
emojis: groupDefinition.ranges.flatMap(range => {
|
|
18
|
+
const subgroupStart = findEmojiIndex(emojis, range[0]);
|
|
19
|
+
const subgroupEnd = range.length > 1 && findEmojiIndex(emojis, range[1]);
|
|
20
|
+
return subgroupEnd ? emojis.slice(subgroupStart, subgroupEnd) : [emojis[subgroupStart]];
|
|
21
|
+
})
|
|
22
|
+
}));
|
|
23
|
+
const getEmojis = function (groupsModifier) {
|
|
24
|
+
let excludedEmojis = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
25
|
+
const legacyGroups = getGroups(Object.entries(_emojilib.default)).map(group => ({
|
|
26
|
+
...group,
|
|
27
|
+
emojis: group.emojis.filter(emoji => ![..._constants.DEFAULT_EXCLUDED_EMOJIS, ...excludedEmojis].includes(getKey(emoji)))
|
|
28
|
+
}));
|
|
29
|
+
const filteredEmojisArray = [].concat(...legacyGroups.map(group => group.emojis));
|
|
30
|
+
const groups = groupsModifier ? groupsModifier(legacyGroups) : legacyGroups;
|
|
61
31
|
return {
|
|
62
32
|
emojis: filteredEmojisArray,
|
|
63
|
-
groups
|
|
33
|
+
groups,
|
|
64
34
|
buttonEmoji: getEmoji(filteredEmojisArray[_constants.DEFAULT_BUTTON_EMOJI_INDEX])
|
|
65
35
|
};
|
|
66
36
|
};
|
|
@@ -4,14 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.DEFAULT_PROPS = exports.COLORS_MAPPER = void 0;
|
|
7
|
-
|
|
7
|
+
const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
|
|
8
8
|
colorTheme: 'secondary'
|
|
9
9
|
};
|
|
10
|
-
exports.
|
|
11
|
-
var COLORS_MAPPER = {
|
|
10
|
+
const COLORS_MAPPER = exports.COLORS_MAPPER = {
|
|
12
11
|
primary: 'accent',
|
|
13
12
|
secondary: 'neutral',
|
|
14
13
|
error: 'error',
|
|
15
14
|
negative: 'negative'
|
|
16
|
-
};
|
|
17
|
-
exports.COLORS_MAPPER = COLORS_MAPPER;
|
|
15
|
+
};
|
|
@@ -9,27 +9,31 @@ var _propTypes = require("prop-types");
|
|
|
9
9
|
var _WithTheme = _interopRequireDefault(require("../WithTheme"));
|
|
10
10
|
var _theme = require("./theme");
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
const UTExternalLink = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
children,
|
|
15
|
+
classes,
|
|
16
|
+
className,
|
|
17
|
+
openProps,
|
|
18
|
+
url
|
|
19
|
+
} = _ref;
|
|
18
20
|
return /*#__PURE__*/_react.default.createElement("a", {
|
|
19
21
|
href: url,
|
|
20
22
|
target: "_blank",
|
|
21
23
|
rel: "noopener noreferrer",
|
|
22
24
|
className: "".concat(classes.root, " ").concat(className),
|
|
23
|
-
onClick: openProps &&
|
|
25
|
+
onClick: openProps && (event => {
|
|
24
26
|
event.preventDefault();
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
27
|
+
const {
|
|
28
|
+
openUrl,
|
|
29
|
+
targetName,
|
|
30
|
+
options,
|
|
31
|
+
replace
|
|
32
|
+
} = openProps;
|
|
33
|
+
const win = window.open(openUrl || url, targetName || '_blank', options, replace);
|
|
30
34
|
win.opener = null;
|
|
31
35
|
win.location = openUrl || url;
|
|
32
|
-
}
|
|
36
|
+
})
|
|
33
37
|
}, children);
|
|
34
38
|
};
|
|
35
39
|
UTExternalLink.propTypes = {
|
|
@@ -43,5 +47,4 @@ UTExternalLink.propTypes = {
|
|
|
43
47
|
}),
|
|
44
48
|
url: _propTypes.string.isRequired
|
|
45
49
|
};
|
|
46
|
-
var _default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTExternalLink);
|
|
47
|
-
exports.default = _default;
|
|
50
|
+
var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTExternalLink);
|
|
@@ -6,15 +6,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.variantsColorTheme = exports.retrieveStyle = void 0;
|
|
7
7
|
var _classesUtils = require("../../utils/classesUtils");
|
|
8
8
|
var _constants = require("./constants");
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
const variantsColorTheme = (colorTheme, theme) => {
|
|
10
|
+
const actionColorName = _constants.COLORS_MAPPER[colorTheme] || _constants.COLORS_MAPPER[_constants.DEFAULT_PROPS.colorTheme];
|
|
11
|
+
const actionTheme = theme.Palette.actions[actionColorName];
|
|
12
12
|
return actionTheme['05'];
|
|
13
13
|
};
|
|
14
14
|
exports.variantsColorTheme = variantsColorTheme;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
const retrieveStyle = _ref => {
|
|
16
|
+
let {
|
|
17
|
+
colorTheme,
|
|
18
|
+
theme
|
|
19
|
+
} = _ref;
|
|
18
20
|
return {
|
|
19
21
|
root: {
|
|
20
22
|
color: (0, _classesUtils.withImportant)(variantsColorTheme(colorTheme, theme))
|
|
@@ -4,7 +4,5 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.UPLOADING = exports.SELECT_FILE = void 0;
|
|
7
|
-
|
|
8
|
-
exports.
|
|
9
|
-
var UPLOADING = 'Subiendo...';
|
|
10
|
-
exports.UPLOADING = UPLOADING;
|
|
7
|
+
const SELECT_FILE = exports.SELECT_FILE = 'Seleccionar archivo';
|
|
8
|
+
const UPLOADING = exports.UPLOADING = 'Subiendo...';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
@@ -8,34 +7,11 @@ exports.default = void 0;
|
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _layout = _interopRequireDefault(require("./layout"));
|
|
10
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
function _getRequireWildcardCache(
|
|
12
|
-
function _interopRequireWildcard(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
17
|
-
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
18
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
19
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
20
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
21
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
22
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
23
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
24
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
25
|
-
var UTFileInputContainer = /*#__PURE__*/function (_PureComponent) {
|
|
26
|
-
_inherits(UTFileInputContainer, _PureComponent);
|
|
27
|
-
var _super = _createSuper(UTFileInputContainer);
|
|
28
|
-
function UTFileInputContainer() {
|
|
29
|
-
_classCallCheck(this, UTFileInputContainer);
|
|
30
|
-
return _super.apply(this, arguments);
|
|
10
|
+
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
|
+
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 && Object.prototype.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; }
|
|
12
|
+
class UTFileInputContainer extends _react.PureComponent {
|
|
13
|
+
render() {
|
|
14
|
+
return /*#__PURE__*/_react.default.createElement(_layout.default, this.props);
|
|
31
15
|
}
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
value: function render() {
|
|
35
|
-
return /*#__PURE__*/_react.default.createElement(_layout.default, this.props);
|
|
36
|
-
}
|
|
37
|
-
}]);
|
|
38
|
-
return UTFileInputContainer;
|
|
39
|
-
}(_react.PureComponent);
|
|
40
|
-
var _default = UTFileInputContainer;
|
|
41
|
-
exports.default = _default;
|
|
16
|
+
}
|
|
17
|
+
var _default = exports.default = UTFileInputContainer;
|
|
@@ -10,22 +10,11 @@ var _UTLabel = _interopRequireDefault(require("../UTLabel"));
|
|
|
10
10
|
var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
|
|
11
11
|
var _constants = require("./constants");
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
function _getRequireWildcardCache(
|
|
14
|
-
function _interopRequireWildcard(
|
|
15
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
16
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
17
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
18
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
19
|
-
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
20
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
21
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
22
|
-
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
23
|
-
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
24
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
25
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
13
|
+
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); }
|
|
14
|
+
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 && Object.prototype.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; }
|
|
26
15
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
27
|
-
function _toPropertyKey(
|
|
28
|
-
function _toPrimitive(
|
|
16
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : String(i); }
|
|
17
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
29
18
|
var uploadIcon = function uploadIcon(props) {
|
|
30
19
|
return /*#__PURE__*/_react.default.createElement("svg", props, /*#__PURE__*/_react.default.createElement("g", {
|
|
31
20
|
fill: "#4d97fa"
|
|
@@ -39,89 +28,72 @@ uploadIcon.defaultProps = {
|
|
|
39
28
|
width: "512",
|
|
40
29
|
height: "512"
|
|
41
30
|
};
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
var _this;
|
|
47
|
-
_classCallCheck(this, UTFileInput);
|
|
48
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
49
|
-
args[_key] = arguments[_key];
|
|
50
|
-
}
|
|
51
|
-
_this = _super.call.apply(_super, [this].concat(args));
|
|
52
|
-
_defineProperty(_assertThisInitialized(_this), "state", {
|
|
31
|
+
class UTFileInput extends _react.PureComponent {
|
|
32
|
+
constructor() {
|
|
33
|
+
super(...arguments);
|
|
34
|
+
_defineProperty(this, "state", {
|
|
53
35
|
hasDrag: false
|
|
54
36
|
});
|
|
55
|
-
_defineProperty(
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
37
|
+
_defineProperty(this, "handleDragLeave", () => this.setState({
|
|
38
|
+
hasDrag: false
|
|
39
|
+
}));
|
|
40
|
+
_defineProperty(this, "handleDragOver", target => target && this.setState({
|
|
41
|
+
hasDrag: true
|
|
42
|
+
}));
|
|
43
|
+
_defineProperty(this, "handleOnDrop", () => this.setState({
|
|
44
|
+
hasDrag: false
|
|
45
|
+
}));
|
|
46
|
+
}
|
|
47
|
+
render() {
|
|
48
|
+
const {
|
|
49
|
+
onChange,
|
|
50
|
+
name,
|
|
51
|
+
label,
|
|
52
|
+
loading,
|
|
53
|
+
fileType,
|
|
54
|
+
error,
|
|
55
|
+
errorText,
|
|
56
|
+
icon: Icon,
|
|
57
|
+
uploadingText,
|
|
58
|
+
classes,
|
|
59
|
+
loadingTextClassname,
|
|
60
|
+
inputClassname,
|
|
61
|
+
errorClassname,
|
|
62
|
+
containerClassname,
|
|
63
|
+
disabled
|
|
64
|
+
} = this.props;
|
|
65
|
+
const UploadImage = uploadIcon;
|
|
66
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
67
|
+
className: "\n ".concat(_stylesModule.default.inputContainer, "\n ").concat(this.state.hasDrag && _stylesModule.default.inputContainerDrag, "\n ").concat(loading && _stylesModule.default.inputContainerLoading, "\n ").concat(classes.container, "\n ").concat(containerClassname, "\n "),
|
|
68
|
+
onDragLeave: this.handleDragLeave,
|
|
69
|
+
onDragOver: this.handleDragOver,
|
|
70
|
+
onDrop: this.handleOnDrop
|
|
71
|
+
}, loading ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
|
|
72
|
+
colorTheme: "gray",
|
|
73
|
+
className: "".concat(_stylesModule.default.loadingLabel, " ").concat(loadingTextClassname)
|
|
74
|
+
}, uploadingText), /*#__PURE__*/_react.default.createElement("div", {
|
|
75
|
+
className: _stylesModule.default.loading
|
|
76
|
+
})) : /*#__PURE__*/_react.default.createElement("div", {
|
|
77
|
+
className: _stylesModule.default.insideContainer
|
|
78
|
+
}, Icon || /*#__PURE__*/_react.default.createElement(UploadImage, {
|
|
79
|
+
className: "".concat(_stylesModule.default.icon, " ").concat(classes.icon)
|
|
80
|
+
}), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
|
|
81
|
+
variant: "small",
|
|
82
|
+
className: "".concat(_stylesModule.default.label, " ").concat(classes.fileInputLabel)
|
|
83
|
+
}, label)), /*#__PURE__*/_react.default.createElement("input", {
|
|
84
|
+
className: "".concat(_stylesModule.default.input, " ").concat(inputClassname),
|
|
85
|
+
accept: fileType,
|
|
86
|
+
type: "file",
|
|
87
|
+
onChange: onChange,
|
|
88
|
+
name: name,
|
|
89
|
+
disabled: disabled
|
|
90
|
+
})), error && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
|
|
91
|
+
className: errorClassname,
|
|
92
|
+
colorTheme: "error",
|
|
93
|
+
variant: "small"
|
|
94
|
+
}, errorText));
|
|
71
95
|
}
|
|
72
|
-
|
|
73
|
-
key: "render",
|
|
74
|
-
value: function render() {
|
|
75
|
-
var _this$props = this.props,
|
|
76
|
-
onChange = _this$props.onChange,
|
|
77
|
-
name = _this$props.name,
|
|
78
|
-
label = _this$props.label,
|
|
79
|
-
loading = _this$props.loading,
|
|
80
|
-
fileType = _this$props.fileType,
|
|
81
|
-
error = _this$props.error,
|
|
82
|
-
errorText = _this$props.errorText,
|
|
83
|
-
Icon = _this$props.icon,
|
|
84
|
-
uploadingText = _this$props.uploadingText,
|
|
85
|
-
classes = _this$props.classes,
|
|
86
|
-
loadingTextClassname = _this$props.loadingTextClassname,
|
|
87
|
-
inputClassname = _this$props.inputClassname,
|
|
88
|
-
errorClassname = _this$props.errorClassname,
|
|
89
|
-
containerClassname = _this$props.containerClassname,
|
|
90
|
-
disabled = _this$props.disabled;
|
|
91
|
-
var UploadImage = uploadIcon;
|
|
92
|
-
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
93
|
-
className: "\n ".concat(_stylesModule.default.inputContainer, "\n ").concat(this.state.hasDrag && _stylesModule.default.inputContainerDrag, "\n ").concat(loading && _stylesModule.default.inputContainerLoading, "\n ").concat(classes.container, "\n ").concat(containerClassname, "\n "),
|
|
94
|
-
onDragLeave: this.handleDragLeave,
|
|
95
|
-
onDragOver: this.handleDragOver,
|
|
96
|
-
onDrop: this.handleOnDrop
|
|
97
|
-
}, loading ? /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
|
|
98
|
-
colorTheme: "gray",
|
|
99
|
-
className: "".concat(_stylesModule.default.loadingLabel, " ").concat(loadingTextClassname)
|
|
100
|
-
}, uploadingText), /*#__PURE__*/_react.default.createElement("div", {
|
|
101
|
-
className: _stylesModule.default.loading
|
|
102
|
-
})) : /*#__PURE__*/_react.default.createElement("div", {
|
|
103
|
-
className: _stylesModule.default.insideContainer
|
|
104
|
-
}, Icon || /*#__PURE__*/_react.default.createElement(UploadImage, {
|
|
105
|
-
className: "".concat(_stylesModule.default.icon, " ").concat(classes.icon)
|
|
106
|
-
}), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
|
|
107
|
-
variant: "small",
|
|
108
|
-
className: "".concat(_stylesModule.default.label, " ").concat(classes.fileInputLabel)
|
|
109
|
-
}, label)), /*#__PURE__*/_react.default.createElement("input", {
|
|
110
|
-
className: "".concat(_stylesModule.default.input, " ").concat(inputClassname),
|
|
111
|
-
accept: fileType,
|
|
112
|
-
type: "file",
|
|
113
|
-
onChange: onChange,
|
|
114
|
-
name: name,
|
|
115
|
-
disabled: disabled
|
|
116
|
-
})), error && /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
|
|
117
|
-
className: errorClassname,
|
|
118
|
-
colorTheme: "error",
|
|
119
|
-
variant: "small"
|
|
120
|
-
}, errorText));
|
|
121
|
-
}
|
|
122
|
-
}]);
|
|
123
|
-
return UTFileInput;
|
|
124
|
-
}(_react.PureComponent);
|
|
96
|
+
}
|
|
125
97
|
UTFileInput.defaultProps = {
|
|
126
98
|
label: _constants.SELECT_FILE,
|
|
127
99
|
uploadingText: _constants.UPLOADING
|
|
@@ -143,5 +115,4 @@ UTFileInput.propTypes = {
|
|
|
143
115
|
errorClassname: _propTypes.string,
|
|
144
116
|
containerClassname: _propTypes.string
|
|
145
117
|
};
|
|
146
|
-
var _default = UTFileInput;
|
|
147
|
-
exports.default = _default;
|
|
118
|
+
var _default = exports.default = UTFileInput;
|