@onepercentio/one-ui 0.20.4 → 0.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc +6 -0
- package/.prod.babelrc +8 -2
- package/dist/assets/styles/variables.scss +1 -0
- package/dist/components/AdaptiveButton/AdaptiveButton.js +2 -2
- package/dist/components/AdaptiveContainer/AdaptiveContainer.js +28 -26
- package/dist/components/AdaptiveContainer/AdaptiveContainer.module.scss +3 -1
- package/dist/components/AdaptiveDialog/AdaptiveDialog.js +9 -9
- package/dist/components/AdaptiveSidebar/AdaptiveSidebar.js +14 -14
- package/dist/components/AnchoredTooltip/AnchoredTooltip.js +30 -30
- package/dist/components/AnimatedEntrance/AnimatedEntrance.d.ts +1 -1
- package/dist/components/AnimatedEntrance/AnimatedEntrance.js +34 -45
- package/dist/components/AsyncWrapper/AsyncWrapper.js +2 -2
- package/dist/components/Avatar/Avatar.js +4 -4
- package/dist/components/BucketFill/BucketFill.js +9 -9
- package/dist/components/Button/Button.js +4 -4
- package/dist/components/Card/Card.js +1 -1
- package/dist/components/Chart/Chart.view.js +34 -34
- package/dist/components/CheckBox/CheckBox.js +3 -3
- package/dist/components/Collapsable/Collapsable.js +18 -18
- package/dist/components/Countdown/Countdown.js +16 -16
- package/dist/components/Divider/Divider.js +1 -1
- package/dist/components/EmailInput/EmailInput.d.ts +1 -1
- package/dist/components/EmailInput/EmailInput.js +4 -4
- package/dist/components/FadeIn/FadeIn.js +9 -9
- package/dist/components/FileInput/FileInput.js +6 -6
- package/dist/components/FileInput/View/BigFactory/BigFactory.js +1 -1
- package/dist/components/FileInput/View/Compact/Compact.js +6 -6
- package/dist/components/FlowController/FlowController.js +4 -4
- package/dist/components/Form/Form.js +17 -28
- package/dist/components/Freeze/Freeze.js +1 -1
- package/dist/components/HSForms/HSForms.js +9 -11
- package/dist/components/Header/Header.js +7 -7
- package/dist/components/HeaderCloseBtn/HeaderCloseBtn.js +1 -1
- package/dist/components/InfinityScroll/InfinityScroll.js +25 -25
- package/dist/components/Input/Input.js +13 -13
- package/dist/components/InstantCounter/InstantCounter.js +9 -9
- package/dist/components/LavaLamp/LavaLamp.data.js +25 -25
- package/dist/components/LavaLamp/LavaLamp.js +7 -7
- package/dist/components/LavaLamp/v2/LavaLamp.js +29 -45
- package/dist/components/LinkToId/LinkToId.js +7 -7
- package/dist/components/Loader/Loader.js +2 -2
- package/dist/components/LoaderDotsIndicator/LoaderDotsIndicator.js +6 -6
- package/dist/components/LoopableVideo/LoopableVideo.js +4 -4
- package/dist/components/MainGrid/MainGrid.js +2 -2
- package/dist/components/MutableHamburgerButton/MutableHamburgerButton.js +2 -2
- package/dist/components/Notification/Notification.js +1 -1
- package/dist/components/OrderableList/OrderableList.js +113 -138
- package/dist/components/PaginationIndicator/PaginationIndicator.js +50 -50
- package/dist/components/Parallax/Parallax.js +39 -39
- package/dist/components/Parallax/math/helpers.js +18 -19
- package/dist/components/PasswordInput/PasswordInput.d.ts +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +10 -10
- package/dist/components/PingPongText/PingPongText.js +15 -15
- package/dist/components/PixelatedScan/PixelatedScan.js +19 -19
- package/dist/components/Portal/Portal.js +10 -10
- package/dist/components/ProgressBar/ProgressBar.js +6 -6
- package/dist/components/ProgressTexts/ProgressTexts.js +3 -3
- package/dist/components/Radio/Radio.js +3 -3
- package/dist/components/SectionContainer/SectionContainer.js +1 -1
- package/dist/components/Select/Select.js +13 -13
- package/dist/components/Select/Select.module.scss +8 -5
- package/dist/components/Skeleton/Skeleton.js +1 -1
- package/dist/components/Spacing/Spacing.js +1 -1
- package/dist/components/StaticScroller/StaticScroller.js +12 -12
- package/dist/components/Switch/Switch.js +2 -2
- package/dist/components/Table/Table.js +11 -11
- package/dist/components/Tabs/Tabs.d.ts +6 -1
- package/dist/components/Tabs/Tabs.js +28 -9
- package/dist/components/Tabs/Tabs.module.scss +20 -2
- package/dist/components/Text/Text.js +5 -5
- package/dist/components/Transition/MasksFactory/DiagonalReveal.js +5 -5
- package/dist/components/Transition/MasksFactory/DiagonalSquareToBalls.js +17 -17
- package/dist/components/Transition/MasksFactory/PhysicsSquares.js +13 -13
- package/dist/components/Transition/MasksFactory/SquareToBalls.js +9 -9
- package/dist/components/Transition/MasksFactory/utils.js +8 -8
- package/dist/components/Transition/Transition.js +49 -49
- package/dist/components/UncontrolledTransition/UncontrolledTransition.js +7 -7
- package/dist/components/WalletConnectionWrapper/WalletConnectionWrapper.js +44 -82
- package/dist/components/utilitary/ScrollAndFocusLock/ScrollAndFocusLock.js +6 -6
- package/dist/context/AsyncProcess.js +19 -42
- package/dist/context/CustomBrowserRouter.js +6 -6
- package/dist/context/OneUIProvider.js +15 -15
- package/dist/hooks/logs/useDependencyChangeDetection.js +2 -5
- package/dist/hooks/persistence/useLocalStorage.js +7 -7
- package/dist/hooks/shims/ObjectWatchShim.js +1 -15
- package/dist/hooks/ui/useAdaptiveImage.js +6 -6
- package/dist/hooks/ui/useBreakpoint.js +5 -5
- package/dist/hooks/ui/useCustomScrollbar.js +2 -2
- package/dist/hooks/ui/useMouseHover.js +4 -4
- package/dist/hooks/ui/usePaginationControls.js +34 -34
- package/dist/hooks/ui/useSnapToViewport.js +3 -3
- package/dist/hooks/ui/useTilt.js +38 -38
- package/dist/hooks/ui/useZoomable.js +20 -20
- package/dist/hooks/useAsyncControl.js +21 -38
- package/dist/hooks/useContainedRepositioning.js +22 -22
- package/dist/hooks/useCustomHistory.js +2 -2
- package/dist/hooks/useElementFit.js +6 -6
- package/dist/hooks/useFirestoreWatch.js +26 -39
- package/dist/hooks/useForm.js +8 -8
- package/dist/hooks/useFreeze.js +1 -1
- package/dist/hooks/useHero.d.ts +1 -0
- package/dist/hooks/useHero.js +132 -91
- package/dist/hooks/useHero.module.scss +7 -0
- package/dist/hooks/useIntersection.js +3 -3
- package/dist/hooks/useMergeRefs.js +3 -7
- package/dist/hooks/useObserve.js +5 -5
- package/dist/hooks/usePagination.js +39 -59
- package/dist/hooks/usePooledOperation.js +8 -22
- package/dist/hooks/usePooling.js +17 -33
- package/dist/hooks/useRebound.js +5 -5
- package/dist/hooks/useShortIntl.js +13 -13
- package/dist/hooks/utility/useEvents.js +5 -5
- package/dist/hooks/utility/useModule.js +3 -3
- package/dist/hooks/utility/useQuery.js +1 -1
- package/dist/models/DebugLogger.js +2 -2
- package/dist/models/GenericContract.js +1 -1
- package/dist/storybookUtils/index.js +1 -1
- package/dist/types.d.ts +11 -4
- package/dist/utility.d.js +3 -3
- package/dist/utils/blockchain.js +29 -102
- package/dist/utils/flatten.js +3 -3
- package/dist/utils/html.utils.js +1 -1
- package/package.json +2 -1
- package/src/types.ts +155 -41
|
@@ -13,23 +13,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
13
13
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
14
14
|
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."); }
|
|
15
15
|
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); }
|
|
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++)
|
|
17
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0)
|
|
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 _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
18
18
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
19
|
function calculateTimeFromTimespan(timespan) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
const seconds = Math.floor(timespan / 1000);
|
|
21
|
+
const minutes = Math.floor(seconds / 60);
|
|
22
|
+
const hours = Math.floor(minutes / 60);
|
|
23
23
|
return {
|
|
24
24
|
hours: hours,
|
|
25
25
|
minutes: minutes % 60,
|
|
26
26
|
seconds: seconds % 60
|
|
27
27
|
};
|
|
28
28
|
}
|
|
29
|
-
|
|
29
|
+
const IntegerFormatter = new Intl.NumberFormat(undefined, {
|
|
30
30
|
minimumIntegerDigits: 2
|
|
31
31
|
});
|
|
32
|
-
|
|
32
|
+
let CountdownTextModel = /*#__PURE__*/function (CountdownTextModel) {
|
|
33
33
|
CountdownTextModel[CountdownTextModel["CLOCK"] = 0] = "CLOCK";
|
|
34
34
|
CountdownTextModel[CountdownTextModel["SHORT"] = 1] = "SHORT";
|
|
35
35
|
return CountdownTextModel;
|
|
@@ -39,12 +39,12 @@ var CountdownTextModel = /*#__PURE__*/function (CountdownTextModel) {
|
|
|
39
39
|
**/
|
|
40
40
|
exports.CountdownTextModel = CountdownTextModel;
|
|
41
41
|
function Countdown(_ref) {
|
|
42
|
-
|
|
42
|
+
let timeRemaining = _ref.timeRemaining,
|
|
43
43
|
onFinish = _ref.onFinish,
|
|
44
44
|
_ref$model = _ref.model,
|
|
45
45
|
model = _ref$model === void 0 ? CountdownTextModel.CLOCK : _ref$model,
|
|
46
46
|
options = _ref.options;
|
|
47
|
-
|
|
47
|
+
const _useState = (0, _react.useState)(function () {
|
|
48
48
|
return calculateTimeFromTimespan(timeRemaining);
|
|
49
49
|
}),
|
|
50
50
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -54,11 +54,11 @@ function Countdown(_ref) {
|
|
|
54
54
|
setT(calculateTimeFromTimespan(timeRemaining));
|
|
55
55
|
}, [timeRemaining]);
|
|
56
56
|
(0, _react.useEffect)(function () {
|
|
57
|
-
|
|
57
|
+
const cl = setInterval(function () {
|
|
58
58
|
setT(function (prev) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
59
|
+
let nextSecond = prev.seconds - 1;
|
|
60
|
+
let nextMinute = prev.minutes;
|
|
61
|
+
let nextHour = prev.hours;
|
|
62
62
|
if (nextSecond < 0) {
|
|
63
63
|
nextSecond = 59;
|
|
64
64
|
nextMinute -= 1;
|
|
@@ -82,14 +82,14 @@ function Countdown(_ref) {
|
|
|
82
82
|
clearInterval(cl);
|
|
83
83
|
};
|
|
84
84
|
}, [timeRemaining]);
|
|
85
|
-
|
|
85
|
+
const txt = (0, _react.useMemo)(function () {
|
|
86
86
|
var _options$hours, _options$hours2;
|
|
87
87
|
switch (model) {
|
|
88
88
|
case CountdownTextModel.CLOCK:
|
|
89
|
-
|
|
89
|
+
const hourFragment = ((_options$hours = options === null || options === void 0 ? void 0 : options.hours) !== null && _options$hours !== void 0 ? _options$hours : true) ? "".concat(IntegerFormatter.format(t.hours), ":") : "";
|
|
90
90
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, "".concat(hourFragment).concat(IntegerFormatter.format(t.minutes), ":").concat(IntegerFormatter.format(t.seconds)));
|
|
91
91
|
case CountdownTextModel.SHORT:
|
|
92
|
-
|
|
92
|
+
const hourFragmentS = ((_options$hours2 = options === null || options === void 0 ? void 0 : options.hours) !== null && _options$hours2 !== void 0 ? _options$hours2 : true) ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, IntegerFormatter.format(t.hours), /*#__PURE__*/_react.default.createElement("span", null, "h"), "\xA0") : "";
|
|
93
93
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, hourFragmentS, IntegerFormatter.format(t.minutes), /*#__PURE__*/_react.default.createElement("span", null, "m"), "\xA0", IntegerFormatter.format(t.seconds), /*#__PURE__*/_react.default.createElement("span", null, "s"));
|
|
94
94
|
}
|
|
95
95
|
}, [t, model]);
|
|
@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
11
11
|
* Guess what this does
|
|
12
12
|
**/
|
|
13
13
|
function Divider(_ref) {
|
|
14
|
-
|
|
14
|
+
let _ref$className = _ref.className,
|
|
15
15
|
className = _ref$className === void 0 ? "" : _ref$className;
|
|
16
16
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
17
17
|
className: "".concat(_DividerModule.default.container, " ").concat(className)
|
|
@@ -14,7 +14,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<Omit<{
|
|
|
14
14
|
Icon?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
|
|
15
15
|
onChange?: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
16
16
|
containerProps?: Omit<React.HTMLProps<HTMLDivElement>, "ref"> | undefined;
|
|
17
|
-
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "
|
|
17
|
+
} & Omit<React.HTMLProps<HTMLInputElement | HTMLTextAreaElement>, "ref" | "onChange"> & React.RefAttributes<any>, "onChange" | "value"> & {
|
|
18
18
|
onChange: (email: string, isValid: boolean) => void;
|
|
19
19
|
value: string;
|
|
20
20
|
messages: {
|
|
@@ -15,8 +15,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
15
15
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
16
|
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."); }
|
|
17
17
|
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); }
|
|
18
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
19
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0)
|
|
18
|
+
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; }
|
|
19
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
20
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
21
|
function validateEmail(email) {
|
|
22
22
|
return /@.*\./.test(email);
|
|
@@ -26,7 +26,7 @@ function validateEmail(email) {
|
|
|
26
26
|
* A Input based wrapper to handle inputs of email
|
|
27
27
|
**/
|
|
28
28
|
function EmailInput(props, ref) {
|
|
29
|
-
|
|
29
|
+
const _useState = (0, _react.useState)(props.value ? !validateEmail(props.value) : false),
|
|
30
30
|
_useState2 = _slicedToArray(_useState, 2),
|
|
31
31
|
localWarning = _useState2[0],
|
|
32
32
|
setLocalWarning = _useState2[1];
|
|
@@ -41,7 +41,7 @@ function EmailInput(props, ref) {
|
|
|
41
41
|
return /*#__PURE__*/_react.default.createElement(_Input.default, _extends({}, props, {
|
|
42
42
|
error: localWarning ? props.messages.invalidEmail : props.error,
|
|
43
43
|
onBlur: function onBlur(_ref) {
|
|
44
|
-
|
|
44
|
+
let value = _ref.target.value;
|
|
45
45
|
setLocalWarning(!!value && !validateEmail(value));
|
|
46
46
|
},
|
|
47
47
|
onFocus: function onFocus() {
|
|
@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
exports.default = void 0;
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _FadeInModule = _interopRequireDefault(require("./FadeIn.module.scss"));
|
|
10
|
-
|
|
10
|
+
const _excluded = ["onHidden", "children", "className", "active", "onClick"];
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
12
|
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); }
|
|
13
13
|
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; }
|
|
@@ -15,8 +15,8 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
15
15
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
16
16
|
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."); }
|
|
17
17
|
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); }
|
|
18
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
19
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0)
|
|
18
|
+
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; }
|
|
19
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
20
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
21
21
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
22
22
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -24,7 +24,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
24
24
|
* Receives a children and displays it with a fade in animation, also when it's removed, it hides with a fadeout
|
|
25
25
|
**/
|
|
26
26
|
function FadeIn(_ref, divRef) {
|
|
27
|
-
|
|
27
|
+
let onHidden = _ref.onHidden,
|
|
28
28
|
children = _ref.children,
|
|
29
29
|
_ref$className = _ref.className,
|
|
30
30
|
className = _ref$className === void 0 ? "" : _ref$className,
|
|
@@ -34,17 +34,17 @@ function FadeIn(_ref, divRef) {
|
|
|
34
34
|
if (!divRef) {
|
|
35
35
|
divRef = /*#__PURE__*/(0, _react.createRef)();
|
|
36
36
|
}
|
|
37
|
-
|
|
37
|
+
const _useState = (0, _react.useState)(0),
|
|
38
38
|
_useState2 = _slicedToArray(_useState, 2),
|
|
39
39
|
trigger = _useState2[1];
|
|
40
|
-
|
|
40
|
+
const prevChildren = (0, _react.useRef)();
|
|
41
41
|
prevChildren.current = children || prevChildren.current;
|
|
42
42
|
(0, _react.useEffect)(function () {
|
|
43
|
-
|
|
44
|
-
|
|
43
|
+
const el = divRef.current;
|
|
44
|
+
const isElHidden = active !== undefined ? !active : !children;
|
|
45
45
|
if (isElHidden) {
|
|
46
46
|
el.classList.remove(_FadeInModule.default.active);
|
|
47
|
-
|
|
47
|
+
const handler = function handler() {
|
|
48
48
|
prevChildren.current = null;
|
|
49
49
|
trigger(function (a) {
|
|
50
50
|
return a + 1;
|
|
@@ -8,7 +8,7 @@ exports.default = FileInput;
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
var _OneUIProvider = require("../../context/OneUIProvider");
|
|
10
10
|
var _FileInputModule = _interopRequireDefault(require("./FileInput.module.scss"));
|
|
11
|
-
|
|
11
|
+
const _excluded = ["onFile"];
|
|
12
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
13
|
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); }
|
|
14
14
|
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; }
|
|
@@ -19,12 +19,12 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
|
|
|
19
19
|
* A component to provide the upload of a file
|
|
20
20
|
**/
|
|
21
21
|
function FileInput(_ref) {
|
|
22
|
-
|
|
22
|
+
let onFile = _ref.onFile,
|
|
23
23
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
const View = (0, _OneUIProvider.useOneUIView)("component.fileInput.View", "FileInput");
|
|
25
|
+
const inputRef = (0, _react.useRef)(null);
|
|
26
|
+
const onFileSelected = (0, _react.useCallback)(function (e) {
|
|
27
|
+
const file = e.target.files.item(0);
|
|
28
28
|
onFile(file || undefined);
|
|
29
29
|
}, []);
|
|
30
30
|
return /*#__PURE__*/_react.default.createElement(View, _extends({}, props, {
|
|
@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
15
15
|
**/
|
|
16
16
|
function BigFactory(IconComponent) {
|
|
17
17
|
return function Big(_ref) {
|
|
18
|
-
|
|
18
|
+
let _ref$states = _ref.states,
|
|
19
19
|
_ref$states$fileProvi = _ref$states.fileProvided,
|
|
20
20
|
fileProvided = _ref$states$fileProvi.title,
|
|
21
21
|
removeFile = _ref$states$fileProvi.button,
|
|
@@ -17,7 +17,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
17
17
|
* Shows the file submission input in a more compact form
|
|
18
18
|
**/
|
|
19
19
|
function Compact(_ref) {
|
|
20
|
-
|
|
20
|
+
let states = _ref.states,
|
|
21
21
|
file = _ref.file,
|
|
22
22
|
footer = _ref.footer,
|
|
23
23
|
inputEl = _ref.inputEl,
|
|
@@ -25,15 +25,15 @@ function Compact(_ref) {
|
|
|
25
25
|
progress = _ref.progress,
|
|
26
26
|
className = _ref.className,
|
|
27
27
|
disabled = _ref.disabled;
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
const state = states[file ? "fileProvided" : "waitingFile"];
|
|
29
|
+
const statusClass = progress !== undefined && progress < 100 ? "loading" : file ? "completed" : "waiting";
|
|
30
|
+
const progressDashArray = (0, _react.useMemo)(function () {
|
|
31
31
|
if (progress !== undefined) {
|
|
32
|
-
|
|
32
|
+
const strokePercent = progress * 300 / 100;
|
|
33
33
|
return "".concat(strokePercent, "% ").concat(300 - strokePercent, "%");
|
|
34
34
|
}
|
|
35
35
|
}, [progress]);
|
|
36
|
-
|
|
36
|
+
const polylines = (0, _react.useMemo)(function () {
|
|
37
37
|
switch (statusClass) {
|
|
38
38
|
case "completed":
|
|
39
39
|
return ["rotate(45, 23, 23.5)", "14 23.9, 23 23.9, 32 23.9", "23 14.8 23 33"];
|
|
@@ -15,7 +15,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
15
15
|
* Container for a flow, managing the go back and close controller
|
|
16
16
|
**/
|
|
17
17
|
function FlowController(_ref) {
|
|
18
|
-
|
|
18
|
+
let children = _ref.children,
|
|
19
19
|
buttons = _ref.buttons,
|
|
20
20
|
step = _ref.step,
|
|
21
21
|
onClose = _ref.onClose,
|
|
@@ -29,8 +29,8 @@ function FlowController(_ref) {
|
|
|
29
29
|
function _handleBackPress() {
|
|
30
30
|
if (isAtFirstStep) onClose && onClose();else if (onBack) onBack();
|
|
31
31
|
}
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
const isAtFirstStep = step === firstStep;
|
|
33
|
+
const shouldDisplayHeaderButton = isAtFirstStep && onClose || !isAtFirstStep && onBack;
|
|
34
34
|
return /*#__PURE__*/_react.default.createElement(Wrapper, {
|
|
35
35
|
onClick: function onClick(e) {
|
|
36
36
|
return e.stopPropagation();
|
|
@@ -57,7 +57,7 @@ function FlowController(_ref) {
|
|
|
57
57
|
})));
|
|
58
58
|
}
|
|
59
59
|
function HeadingImage(_ref2) {
|
|
60
|
-
|
|
60
|
+
let src = _ref2.src;
|
|
61
61
|
return /*#__PURE__*/_react.default.createElement("img", {
|
|
62
62
|
src: src,
|
|
63
63
|
className: _FlowControllerModule.default.headingImg
|
|
@@ -14,7 +14,6 @@ var _AdaptiveButton = _interopRequireDefault(require("../AdaptiveButton"));
|
|
|
14
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
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); }
|
|
16
16
|
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; }
|
|
17
|
-
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return exports; }; var exports = {}, Op = Object.prototype, hasOwn = Op.hasOwnProperty, defineProperty = Object.defineProperty || function (obj, key, desc) { obj[key] = desc.value; }, $Symbol = "function" == typeof Symbol ? Symbol : {}, iteratorSymbol = $Symbol.iterator || "@@iterator", asyncIteratorSymbol = $Symbol.asyncIterator || "@@asyncIterator", toStringTagSymbol = $Symbol.toStringTag || "@@toStringTag"; function define(obj, key, value) { return Object.defineProperty(obj, key, { value: value, enumerable: !0, configurable: !0, writable: !0 }), obj[key]; } try { define({}, ""); } catch (err) { define = function define(obj, key, value) { return obj[key] = value; }; } function wrap(innerFn, outerFn, self, tryLocsList) { var protoGenerator = outerFn && outerFn.prototype instanceof Generator ? outerFn : Generator, generator = Object.create(protoGenerator.prototype), context = new Context(tryLocsList || []); return defineProperty(generator, "_invoke", { value: makeInvokeMethod(innerFn, self, context) }), generator; } function tryCatch(fn, obj, arg) { try { return { type: "normal", arg: fn.call(obj, arg) }; } catch (err) { return { type: "throw", arg: err }; } } exports.wrap = wrap; var ContinueSentinel = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var IteratorPrototype = {}; define(IteratorPrototype, iteratorSymbol, function () { return this; }); var getProto = Object.getPrototypeOf, NativeIteratorPrototype = getProto && getProto(getProto(values([]))); NativeIteratorPrototype && NativeIteratorPrototype !== Op && hasOwn.call(NativeIteratorPrototype, iteratorSymbol) && (IteratorPrototype = NativeIteratorPrototype); var Gp = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(IteratorPrototype); function defineIteratorMethods(prototype) { ["next", "throw", "return"].forEach(function (method) { define(prototype, method, function (arg) { return this._invoke(method, arg); }); }); } function AsyncIterator(generator, PromiseImpl) { function invoke(method, arg, resolve, reject) { var record = tryCatch(generator[method], generator, arg); if ("throw" !== record.type) { var result = record.arg, value = result.value; return value && "object" == _typeof(value) && hasOwn.call(value, "__await") ? PromiseImpl.resolve(value.__await).then(function (value) { invoke("next", value, resolve, reject); }, function (err) { invoke("throw", err, resolve, reject); }) : PromiseImpl.resolve(value).then(function (unwrapped) { result.value = unwrapped, resolve(result); }, function (error) { return invoke("throw", error, resolve, reject); }); } reject(record.arg); } var previousPromise; defineProperty(this, "_invoke", { value: function value(method, arg) { function callInvokeWithMethodAndArg() { return new PromiseImpl(function (resolve, reject) { invoke(method, arg, resolve, reject); }); } return previousPromise = previousPromise ? previousPromise.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(innerFn, self, context) { var state = "suspendedStart"; return function (method, arg) { if ("executing" === state) throw new Error("Generator is already running"); if ("completed" === state) { if ("throw" === method) throw arg; return doneResult(); } for (context.method = method, context.arg = arg;;) { var delegate = context.delegate; if (delegate) { var delegateResult = maybeInvokeDelegate(delegate, context); if (delegateResult) { if (delegateResult === ContinueSentinel) continue; return delegateResult; } } if ("next" === context.method) context.sent = context._sent = context.arg;else if ("throw" === context.method) { if ("suspendedStart" === state) throw state = "completed", context.arg; context.dispatchException(context.arg); } else "return" === context.method && context.abrupt("return", context.arg); state = "executing"; var record = tryCatch(innerFn, self, context); if ("normal" === record.type) { if (state = context.done ? "completed" : "suspendedYield", record.arg === ContinueSentinel) continue; return { value: record.arg, done: context.done }; } "throw" === record.type && (state = "completed", context.method = "throw", context.arg = record.arg); } }; } function maybeInvokeDelegate(delegate, context) { var methodName = context.method, method = delegate.iterator[methodName]; if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel; var record = tryCatch(method, delegate.iterator, context.arg); if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel; var info = record.arg; return info ? info.done ? (context[delegate.resultName] = info.value, context.next = delegate.nextLoc, "return" !== context.method && (context.method = "next", context.arg = undefined), context.delegate = null, ContinueSentinel) : info : (context.method = "throw", context.arg = new TypeError("iterator result is not an object"), context.delegate = null, ContinueSentinel); } function pushTryEntry(locs) { var entry = { tryLoc: locs[0] }; 1 in locs && (entry.catchLoc = locs[1]), 2 in locs && (entry.finallyLoc = locs[2], entry.afterLoc = locs[3]), this.tryEntries.push(entry); } function resetTryEntry(entry) { var record = entry.completion || {}; record.type = "normal", delete record.arg, entry.completion = record; } function Context(tryLocsList) { this.tryEntries = [{ tryLoc: "root" }], tryLocsList.forEach(pushTryEntry, this), this.reset(!0); } function values(iterable) { if (iterable) { var iteratorMethod = iterable[iteratorSymbol]; if (iteratorMethod) return iteratorMethod.call(iterable); if ("function" == typeof iterable.next) return iterable; if (!isNaN(iterable.length)) { var i = -1, next = function next() { for (; ++i < iterable.length;) { if (hasOwn.call(iterable, i)) return next.value = iterable[i], next.done = !1, next; } return next.value = undefined, next.done = !0, next; }; return next.next = next; } } return { next: doneResult }; } function doneResult() { return { value: undefined, done: !0 }; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, defineProperty(Gp, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), defineProperty(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, toStringTagSymbol, "GeneratorFunction"), exports.isGeneratorFunction = function (genFun) { var ctor = "function" == typeof genFun && genFun.constructor; return !!ctor && (ctor === GeneratorFunction || "GeneratorFunction" === (ctor.displayName || ctor.name)); }, exports.mark = function (genFun) { return Object.setPrototypeOf ? Object.setPrototypeOf(genFun, GeneratorFunctionPrototype) : (genFun.__proto__ = GeneratorFunctionPrototype, define(genFun, toStringTagSymbol, "GeneratorFunction")), genFun.prototype = Object.create(Gp), genFun; }, exports.awrap = function (arg) { return { __await: arg }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, asyncIteratorSymbol, function () { return this; }), exports.AsyncIterator = AsyncIterator, exports.async = function (innerFn, outerFn, self, tryLocsList, PromiseImpl) { void 0 === PromiseImpl && (PromiseImpl = Promise); var iter = new AsyncIterator(wrap(innerFn, outerFn, self, tryLocsList), PromiseImpl); return exports.isGeneratorFunction(outerFn) ? iter : iter.next().then(function (result) { return result.done ? result.value : iter.next(); }); }, defineIteratorMethods(Gp), define(Gp, toStringTagSymbol, "Generator"), define(Gp, iteratorSymbol, function () { return this; }), define(Gp, "toString", function () { return "[object Generator]"; }), exports.keys = function (val) { var object = Object(val), keys = []; for (var key in object) { keys.push(key); } return keys.reverse(), function next() { for (; keys.length;) { var key = keys.pop(); if (key in object) return next.value = key, next.done = !1, next; } return next.done = !0, next; }; }, exports.values = values, Context.prototype = { constructor: Context, reset: function reset(skipTempReset) { if (this.prev = 0, this.next = 0, this.sent = this._sent = undefined, this.done = !1, this.delegate = null, this.method = "next", this.arg = undefined, this.tryEntries.forEach(resetTryEntry), !skipTempReset) for (var name in this) { "t" === name.charAt(0) && hasOwn.call(this, name) && !isNaN(+name.slice(1)) && (this[name] = undefined); } }, stop: function stop() { this.done = !0; var rootRecord = this.tryEntries[0].completion; if ("throw" === rootRecord.type) throw rootRecord.arg; return this.rval; }, dispatchException: function dispatchException(exception) { if (this.done) throw exception; var context = this; function handle(loc, caught) { return record.type = "throw", record.arg = exception, context.next = loc, caught && (context.method = "next", context.arg = undefined), !!caught; } for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i], record = entry.completion; if ("root" === entry.tryLoc) return handle("end"); if (entry.tryLoc <= this.prev) { var hasCatch = hasOwn.call(entry, "catchLoc"), hasFinally = hasOwn.call(entry, "finallyLoc"); if (hasCatch && hasFinally) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } else if (hasCatch) { if (this.prev < entry.catchLoc) return handle(entry.catchLoc, !0); } else { if (!hasFinally) throw new Error("try statement without catch or finally"); if (this.prev < entry.finallyLoc) return handle(entry.finallyLoc); } } } }, abrupt: function abrupt(type, arg) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc <= this.prev && hasOwn.call(entry, "finallyLoc") && this.prev < entry.finallyLoc) { var finallyEntry = entry; break; } } finallyEntry && ("break" === type || "continue" === type) && finallyEntry.tryLoc <= arg && arg <= finallyEntry.finallyLoc && (finallyEntry = null); var record = finallyEntry ? finallyEntry.completion : {}; return record.type = type, record.arg = arg, finallyEntry ? (this.method = "next", this.next = finallyEntry.finallyLoc, ContinueSentinel) : this.complete(record); }, complete: function complete(record, afterLoc) { if ("throw" === record.type) throw record.arg; return "break" === record.type || "continue" === record.type ? this.next = record.arg : "return" === record.type ? (this.rval = this.arg = record.arg, this.method = "return", this.next = "end") : "normal" === record.type && afterLoc && (this.next = afterLoc), ContinueSentinel; }, finish: function finish(finallyLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.finallyLoc === finallyLoc) return this.complete(entry.completion, entry.afterLoc), resetTryEntry(entry), ContinueSentinel; } }, catch: function _catch(tryLoc) { for (var i = this.tryEntries.length - 1; i >= 0; --i) { var entry = this.tryEntries[i]; if (entry.tryLoc === tryLoc) { var record = entry.completion; if ("throw" === record.type) { var thrown = record.arg; resetTryEntry(entry); } return thrown; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(iterable, resultName, nextLoc) { return this.delegate = { iterator: values(iterable), resultName: resultName, nextLoc: nextLoc }, "next" === this.method && (this.arg = undefined), ContinueSentinel; } }, exports; }
|
|
18
17
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
19
18
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
20
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; }
|
|
@@ -30,22 +29,22 @@ function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToAr
|
|
|
30
29
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
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."); }
|
|
32
31
|
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); }
|
|
33
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
34
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0)
|
|
32
|
+
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; }
|
|
33
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
35
34
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
36
35
|
function AdvancedAction(_ref) {
|
|
37
|
-
|
|
36
|
+
let config = _ref.config,
|
|
38
37
|
submited = _ref.submited,
|
|
39
38
|
submitting = _ref.submitting,
|
|
40
39
|
isValid = _ref.isValid,
|
|
41
40
|
onClick = _ref.onClick,
|
|
42
41
|
btnProps = _ref.btnProps;
|
|
43
|
-
|
|
42
|
+
const _ref2 = submited === false ? ["error"].concat(_toConsumableArray(config.error)) : submited === true ? ["success"].concat(_toConsumableArray(config.success)) : submitting ? ["loading"].concat(_toConsumableArray(config.loading)) : ["default"].concat(_toConsumableArray(config.label)),
|
|
44
43
|
_ref3 = _slicedToArray(_ref2, 3),
|
|
45
44
|
key = _ref3[0],
|
|
46
45
|
Element = _ref3[1],
|
|
47
46
|
className = _ref3[2];
|
|
48
|
-
|
|
47
|
+
const salt = (0, _react.useMemo)(function () {
|
|
49
48
|
return Date.now();
|
|
50
49
|
}, [key]);
|
|
51
50
|
return /*#__PURE__*/_react.default.createElement(_AdaptiveButton.default, _extends({
|
|
@@ -58,18 +57,18 @@ function AdvancedAction(_ref) {
|
|
|
58
57
|
}));
|
|
59
58
|
}
|
|
60
59
|
function FirebaseForm(_ref4, ref) {
|
|
61
|
-
|
|
60
|
+
let submitting = _ref4.submitting,
|
|
62
61
|
onSubmit = _ref4.onSubmit,
|
|
63
62
|
submited = _ref4.submited,
|
|
64
63
|
config = _ref4.config,
|
|
65
64
|
submitBtn = _ref4.submitBtn,
|
|
66
65
|
_ref4$btnProps = _ref4.btnProps,
|
|
67
66
|
btnProps = _ref4$btnProps === void 0 ? {} : _ref4$btnProps;
|
|
68
|
-
|
|
67
|
+
const _useState = (0, _react.useState)({}),
|
|
69
68
|
_useState2 = _slicedToArray(_useState, 2),
|
|
70
69
|
form = _useState2[0],
|
|
71
70
|
setform = _useState2[1];
|
|
72
|
-
|
|
71
|
+
const isValid = (0, _react.useMemo)(function () {
|
|
73
72
|
return !Object.keys(config).some(function (a) {
|
|
74
73
|
return typeof config[a].validator(form[a], form) === "string";
|
|
75
74
|
});
|
|
@@ -78,19 +77,9 @@ function FirebaseForm(_ref4, ref) {
|
|
|
78
77
|
return _sendContact.apply(this, arguments);
|
|
79
78
|
}
|
|
80
79
|
function _sendContact() {
|
|
81
|
-
_sendContact = _asyncToGenerator(
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
switch (_context.prev = _context.next) {
|
|
85
|
-
case 0:
|
|
86
|
-
onSubmit(_form);
|
|
87
|
-
case 1:
|
|
88
|
-
case "end":
|
|
89
|
-
return _context.stop();
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
}, _callee);
|
|
93
|
-
}));
|
|
80
|
+
_sendContact = _asyncToGenerator(function* (_form) {
|
|
81
|
+
onSubmit(_form);
|
|
82
|
+
});
|
|
94
83
|
return _sendContact.apply(this, arguments);
|
|
95
84
|
}
|
|
96
85
|
(0, _react.useImperativeHandle)(ref, function () {
|
|
@@ -101,14 +90,14 @@ function FirebaseForm(_ref4, ref) {
|
|
|
101
90
|
};
|
|
102
91
|
}, [ref]);
|
|
103
92
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, Object.keys(config).map(function (c) {
|
|
104
|
-
|
|
105
|
-
|
|
93
|
+
const fieldConfig = config[c];
|
|
94
|
+
const invalidMessage = fieldConfig.validator(form[c], form);
|
|
106
95
|
switch (fieldConfig.type) {
|
|
107
96
|
case "select":
|
|
108
97
|
return null;
|
|
109
98
|
case "text":
|
|
110
99
|
case "number":
|
|
111
|
-
|
|
100
|
+
const isNumber = fieldConfig.type === "number";
|
|
112
101
|
return /*#__PURE__*/_react.default.createElement(_Input.default, _extends({}, fieldConfig.inputProps, {
|
|
113
102
|
key: c,
|
|
114
103
|
name: c,
|
|
@@ -117,8 +106,8 @@ function FirebaseForm(_ref4, ref) {
|
|
|
117
106
|
value: !isNumber ? form[c] || "" : undefined,
|
|
118
107
|
hideError: "onfocus",
|
|
119
108
|
onChange: function onChange(_ref5) {
|
|
120
|
-
|
|
121
|
-
|
|
109
|
+
let value = _ref5.target.value;
|
|
110
|
+
let _value = isNumber ? Number(value) : value;
|
|
122
111
|
if (isNumber && Number.isNaN(_value)) {
|
|
123
112
|
_value = undefined;
|
|
124
113
|
}
|
|
@@ -147,7 +136,7 @@ function FirebaseForm(_ref4, ref) {
|
|
|
147
136
|
placeholder: config[c].placeholder,
|
|
148
137
|
value: form[c] || "",
|
|
149
138
|
onChange: function onChange(_ref6) {
|
|
150
|
-
|
|
139
|
+
let value = _ref6.target.value;
|
|
151
140
|
return setform(_objectSpread(_objectSpread({}, form), {}, _defineProperty({}, c, value)));
|
|
152
141
|
},
|
|
153
142
|
multiline: fieldConfig.lines
|
|
@@ -10,6 +10,6 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
10
10
|
* Use this component when you would like to freeze some child when this child can assume undefined in the next 'frame'
|
|
11
11
|
**/
|
|
12
12
|
function Freeze(_ref) {
|
|
13
|
-
|
|
13
|
+
let children = _ref.children;
|
|
14
14
|
return (0, _useFreeze.default)(children);
|
|
15
15
|
}
|
|
@@ -1,29 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
7
|
exports.default = HSForms;
|
|
7
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
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); }
|
|
9
9
|
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); }
|
|
10
10
|
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; }
|
|
11
11
|
function HSForms(_ref) {
|
|
12
|
-
|
|
12
|
+
let region = _ref.region,
|
|
13
13
|
partialId = _ref.partialId,
|
|
14
14
|
formId = _ref.formId,
|
|
15
15
|
className = _ref.className,
|
|
16
16
|
onFormReady = _ref.onFormReady,
|
|
17
17
|
onFormSubmitted = _ref.onFormSubmitted;
|
|
18
18
|
if (window.PRERENDER) return null;
|
|
19
|
-
|
|
19
|
+
const container = (0, _react.useRef)(null);
|
|
20
20
|
(0, _react.useEffect)(function () {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var idx = "onLoad".concat(funcId);
|
|
26
|
-
var idx2 = "onSubmit".concat(funcId);
|
|
21
|
+
import("jquery").then(function (jqueryModule) {
|
|
22
|
+
const funcId = String(Math.round(Math.random() * 999999));
|
|
23
|
+
const idx = "onLoad".concat(funcId);
|
|
24
|
+
const idx2 = "onSubmit".concat(funcId);
|
|
27
25
|
window[idx] = function (form) {
|
|
28
26
|
if (onFormReady) onFormReady(container.current, form);
|
|
29
27
|
};
|
|
@@ -31,12 +29,12 @@ function HSForms(_ref) {
|
|
|
31
29
|
if (onFormSubmitted) onFormSubmitted();
|
|
32
30
|
};
|
|
33
31
|
window.jQuery = jqueryModule.default;
|
|
34
|
-
|
|
32
|
+
const script = document.createElement("script");
|
|
35
33
|
script.setAttribute("src", "https://js.hsforms.net/forms/v2.js");
|
|
36
34
|
script.setAttribute("type", "text/javascript");
|
|
37
35
|
script.setAttribute("charset", "utf-8");
|
|
38
36
|
script.onload = function () {
|
|
39
|
-
|
|
37
|
+
const createFormScript = document.createElement("script");
|
|
40
38
|
createFormScript.setAttribute("type", "text/javascript");
|
|
41
39
|
createFormScript.innerHTML = "hbspt.forms.create({\n region: \"".concat(region, "\",\n portalId: \"").concat(partialId, "\",\n formId: \"").concat(formId, "\",\n submitButtonClass: '#',\n css: ' ',\n cssClass: '#',\n onFormReady: ").concat(idx, ",\n onFormSubmit: ").concat(idx2, ",\n formInstanceId: ").concat(funcId, "\n });");
|
|
42
40
|
container.current.appendChild(createFormScript);
|
|
@@ -18,20 +18,20 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
18
18
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
19
19
|
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."); }
|
|
20
20
|
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); }
|
|
21
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
22
|
-
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0)
|
|
21
|
+
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; }
|
|
22
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
23
23
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
24
24
|
/**
|
|
25
25
|
* A generic header implementation
|
|
26
26
|
**/
|
|
27
27
|
function Header(props) {
|
|
28
|
-
|
|
28
|
+
const user = props.user,
|
|
29
29
|
moreOptions = props.moreOptions;
|
|
30
|
-
|
|
30
|
+
const _useState = (0, _react.useState)(false),
|
|
31
31
|
_useState2 = _slicedToArray(_useState, 2),
|
|
32
32
|
showMoreOptions = _useState2[0],
|
|
33
33
|
setShowMoreOptions = _useState2[1];
|
|
34
|
-
|
|
34
|
+
const _useOneUIContext$comp = (0, _OneUIProvider.useOneUIContext)().component.header,
|
|
35
35
|
_useOneUIContext$comp2 = _useOneUIContext$comp.LogoImage,
|
|
36
36
|
LogoImage = _useOneUIContext$comp2 === void 0 ? function () {
|
|
37
37
|
return null;
|
|
@@ -42,7 +42,7 @@ function Header(props) {
|
|
|
42
42
|
} : _useOneUIContext$comp3;
|
|
43
43
|
(0, _react.useEffect)(function () {
|
|
44
44
|
if (showMoreOptions) {
|
|
45
|
-
|
|
45
|
+
const close = function close() {
|
|
46
46
|
return setShowMoreOptions(false);
|
|
47
47
|
};
|
|
48
48
|
window.addEventListener("click", close);
|
|
@@ -89,7 +89,7 @@ function Header(props) {
|
|
|
89
89
|
}) : null));
|
|
90
90
|
}
|
|
91
91
|
function Controls(_ref) {
|
|
92
|
-
|
|
92
|
+
let options = _ref.options,
|
|
93
93
|
children = _ref.children,
|
|
94
94
|
mode = _ref.mode;
|
|
95
95
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, options.map(function (option, i) {
|
|
@@ -11,7 +11,7 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
11
11
|
* A simple close button implemented with pure HTML and CSS
|
|
12
12
|
**/
|
|
13
13
|
function HeaderButton(_ref) {
|
|
14
|
-
|
|
14
|
+
let mode = _ref.mode,
|
|
15
15
|
hidden = _ref.hidden,
|
|
16
16
|
onClick = _ref.onClick;
|
|
17
17
|
return /*#__PURE__*/_react.default.createElement("div", {
|