@dfds-ui/react-components 0.9.9-alpha.d6e8572b → 0.9.11-alpha.6c614078
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/cjs/loader/DfdsLoader.js +10 -13
- package/cjs/stepper/Step.js +56 -58
- package/cjs/stepper/StepButton.js +68 -0
- package/cjs/stepper/StepLabel.js +31 -0
- package/cjs/stepper/Stepper.js +36 -69
- package/cjs/stepper/Stepper.styles.js +40 -0
- package/cjs/stepper/index.js +1 -11
- package/loader/DfdsLoader.js +8 -10
- package/package.json +9 -9
- package/stepper/Step.d.ts +37 -5
- package/stepper/Step.js +59 -65
- package/stepper/StepButton.d.ts +4 -0
- package/stepper/StepButton.js +54 -0
- package/stepper/StepLabel.d.ts +6 -0
- package/stepper/StepLabel.js +19 -0
- package/stepper/Stepper.d.ts +23 -11
- package/stepper/Stepper.js +34 -86
- package/stepper/Stepper.styles.d.ts +3 -0
- package/stepper/Stepper.styles.js +27 -0
- package/stepper/index.d.ts +1 -1
- package/stepper/index.js +1 -1
package/cjs/stepper/index.js
CHANGED
|
@@ -15,19 +15,9 @@ Object.defineProperty(exports, "Stepper", {
|
|
|
15
15
|
return _Stepper.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
Object.defineProperty(exports, "useStepperContext", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _Stepper.useStepperContext;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
18
|
|
|
25
19
|
var _Step = _interopRequireDefault(require("./Step"));
|
|
26
20
|
|
|
27
|
-
var _Stepper =
|
|
28
|
-
|
|
29
|
-
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); }
|
|
30
|
-
|
|
31
|
-
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; }
|
|
21
|
+
var _Stepper = _interopRequireDefault(require("./Stepper"));
|
|
32
22
|
|
|
33
23
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
package/loader/DfdsLoader.js
CHANGED
|
@@ -8,9 +8,9 @@ import React from 'react';
|
|
|
8
8
|
import { css, keyframes } from '@emotion/react';
|
|
9
9
|
import { Ship, Waves } from '@dfds-ui/icons';
|
|
10
10
|
import { Text } from '@dfds-ui/typography';
|
|
11
|
-
import { LockBodyScroll } from '@dfds-ui/react-components';
|
|
12
11
|
import { media, theme } from '@dfds-ui/theme';
|
|
13
|
-
import { FlexBox } from '
|
|
12
|
+
import { FlexBox } from '../flexbox';
|
|
13
|
+
import LockBodyScroll from '../common/LockBodyScroll';
|
|
14
14
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
15
15
|
var sail = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n to {\n transform: translateY(-3px);\n }\n"])));
|
|
16
16
|
var wave = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n to {\n transform: translateX(-30px);\n }\n"])));
|
|
@@ -21,7 +21,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
21
21
|
} : {
|
|
22
22
|
name: "1w2dfgd-DfdsLoader",
|
|
23
23
|
styles: "height:100%;label:DfdsLoader;",
|
|
24
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
24
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RrQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */",
|
|
25
25
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
26
26
|
};
|
|
27
27
|
|
|
@@ -30,25 +30,23 @@ var DfdsLoader = function DfdsLoader(_ref2) {
|
|
|
30
30
|
iconColor = _ref2.iconColor,
|
|
31
31
|
waveColor = _ref2.waveColor,
|
|
32
32
|
showMenu = _ref2.showMenu;
|
|
33
|
-
var ref = React.useRef(null);
|
|
34
33
|
return ___EmotionJSX(LockBodyScroll, {
|
|
35
34
|
enabled: true,
|
|
36
35
|
bodyClassNameApplied: "Modal__Body--open",
|
|
37
|
-
htmlClassNameApplied: "Modal__Html--open"
|
|
38
|
-
ref: ref
|
|
36
|
+
htmlClassNameApplied: "Modal__Html--open"
|
|
39
37
|
}, ___EmotionJSX("div", {
|
|
40
|
-
css: /*#__PURE__*/css("padding-left:calc(100vw - 100%);background-color:", theme.colors.surface.secondary, ";position:fixed;left:0;right:0;top:", showMenu ? '60px' : '0', ";bottom:0;z-index:4999;", media.lessThanEqual(1218)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n top: ", ";\n "])), showMenu ? '48px' : '0'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
38
|
+
css: /*#__PURE__*/css("padding-left:calc(100vw - 100%);background-color:", theme.colors.surface.secondary, ";position:fixed;left:0;right:0;top:", showMenu ? '60px' : '0', ";bottom:0;z-index:4999;", media.lessThanEqual(1218)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n top: ", ";\n "])), showMenu ? '48px' : '0'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
|
|
41
39
|
}, ___EmotionJSX(FlexBox, {
|
|
42
40
|
directionColumn: true,
|
|
43
41
|
justifyCenter: true,
|
|
44
42
|
itemsCenter: true,
|
|
45
43
|
css: _ref
|
|
46
44
|
}, ___EmotionJSX(FlexBox, null, ___EmotionJSX(Ship, {
|
|
47
|
-
css: /*#__PURE__*/css("width:70px;height:70px;color:", iconColor !== null && iconColor !== void 0 ? iconColor : theme.colors.primary.main, ";z-index:5000;animation:", sail, " 0.58s ease-in-out alternate infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
45
|
+
css: /*#__PURE__*/css("width:70px;height:70px;color:", iconColor !== null && iconColor !== void 0 ? iconColor : theme.colors.primary.main, ";z-index:5000;animation:", sail, " 0.58s ease-in-out alternate infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RzQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
|
|
48
46
|
}), ___EmotionJSX(Waves, {
|
|
49
|
-
css: /*#__PURE__*/css("top:50%;left:50%;width:146px;height:20px;color:", waveColor !== null && waveColor !== void 0 ? waveColor : theme.colors.surface.secondary, ";position:fixed;z-index:5001;margin-left:-73px;margin-top:13px;margin-top:", label && showMenu && '20px', ";margin-top:", label && !showMenu && '-10px', ";margin-top:", !label && showMenu && '42px', ";animation:", wave, " 0.8s linear infinite;", media.lessThanEqual(1218)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-top: 13px;\n margin-top: ", ";\n margin-top: ", ";\n margin-top: ", ";\n "])), label && showMenu && '12px', label && !showMenu && '-10px', !label && showMenu && '35px'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
47
|
+
css: /*#__PURE__*/css("top:50%;left:50%;width:146px;height:20px;color:", waveColor !== null && waveColor !== void 0 ? waveColor : theme.colors.surface.secondary, ";position:fixed;z-index:5001;margin-left:-73px;margin-top:13px;margin-top:", label && showMenu && '20px', ";margin-top:", label && !showMenu && '-10px', ";margin-top:", !label && showMenu && '42px', ";animation:", wave, " 0.8s linear infinite;", media.lessThanEqual(1218)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n margin-top: 13px;\n margin-top: ", ";\n margin-top: ", ";\n margin-top: ", ";\n "])), label && showMenu && '12px', label && !showMenu && '-10px', !label && showMenu && '35px'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVzQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
|
|
50
48
|
})), label && ___EmotionJSX(Text, {
|
|
51
|
-
css: /*#__PURE__*/css("margin-top:", theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
49
|
+
css: /*#__PURE__*/css("margin-top:", theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZzQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */"),
|
|
52
50
|
as: "div",
|
|
53
51
|
styledAs: "label"
|
|
54
52
|
}, label))));
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "Shared react components within DFDS",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "0.9.
|
|
6
|
+
"version": "0.9.11-alpha.6c614078",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
@@ -18,13 +18,13 @@
|
|
|
18
18
|
"react-select": "^4.0.0"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@dfds-ui/colors": "0.9.
|
|
22
|
-
"@dfds-ui/fonts": "0.9.
|
|
23
|
-
"@dfds-ui/hooks": "0.9.
|
|
24
|
-
"@dfds-ui/icons": "0.9.
|
|
25
|
-
"@dfds-ui/spacing": "0.9.
|
|
26
|
-
"@dfds-ui/theme": "0.9.
|
|
27
|
-
"@dfds-ui/typography": "0.9.
|
|
21
|
+
"@dfds-ui/colors": "0.9.11-alpha.6c614078",
|
|
22
|
+
"@dfds-ui/fonts": "0.9.11-alpha.6c614078",
|
|
23
|
+
"@dfds-ui/hooks": "0.9.11-alpha.6c614078",
|
|
24
|
+
"@dfds-ui/icons": "0.9.11-alpha.6c614078",
|
|
25
|
+
"@dfds-ui/spacing": "0.9.11-alpha.6c614078",
|
|
26
|
+
"@dfds-ui/theme": "0.9.11-alpha.6c614078",
|
|
27
|
+
"@dfds-ui/typography": "0.9.11-alpha.6c614078",
|
|
28
28
|
"@kunukn/react-collapse": "^2.2.9",
|
|
29
29
|
"@material-ui/core": "^4.12.3",
|
|
30
30
|
"@material-ui/lab": "4.0.0-alpha.60",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"react-hook-intersection-observer": "^0.1.0",
|
|
35
35
|
"uuid": "^3.3.2"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "6c614078458c83a0b8ceaea88f0358d4ce2f9e10",
|
|
38
38
|
"publishConfig": {
|
|
39
39
|
"access": "public"
|
|
40
40
|
}
|
package/stepper/Step.d.ts
CHANGED
|
@@ -1,9 +1,41 @@
|
|
|
1
|
-
import React
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type StepContextType = {
|
|
3
|
+
index: number;
|
|
4
|
+
active?: boolean;
|
|
5
|
+
completed?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
editable?: boolean;
|
|
8
|
+
};
|
|
3
9
|
declare type StepProps = {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
10
|
+
/**
|
|
11
|
+
* Step index
|
|
12
|
+
*/
|
|
13
|
+
index: number;
|
|
14
|
+
/**
|
|
15
|
+
* Step label
|
|
16
|
+
*/
|
|
17
|
+
label?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Active step
|
|
20
|
+
*/
|
|
21
|
+
active?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Optional step
|
|
24
|
+
*/
|
|
25
|
+
optional?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Completed step
|
|
28
|
+
*/
|
|
29
|
+
completed?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Disabled step
|
|
32
|
+
*/
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* editable step
|
|
36
|
+
*/
|
|
37
|
+
editable?: boolean;
|
|
7
38
|
};
|
|
39
|
+
export declare const StepContext: React.Context<StepContextType>;
|
|
8
40
|
declare const _default: React.NamedExoticComponent<StepProps>;
|
|
9
41
|
export default _default;
|
package/stepper/Step.js
CHANGED
|
@@ -1,76 +1,70 @@
|
|
|
1
|
-
var _excluded = ["
|
|
1
|
+
var _excluded = ["editable", "index", "label", "active", "completed", "disabled"];
|
|
2
2
|
|
|
3
3
|
function _extends() { _extends = Object.assign || 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); }
|
|
4
4
|
|
|
5
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
6
|
-
|
|
7
|
-
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."); }
|
|
8
|
-
|
|
9
|
-
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); }
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
|
|
13
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
14
|
-
|
|
15
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
|
-
|
|
17
5
|
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; }
|
|
18
6
|
|
|
19
7
|
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; }
|
|
20
8
|
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
import
|
|
24
|
-
import
|
|
25
|
-
import
|
|
26
|
-
import { useStepperContext } from './Stepper';
|
|
27
|
-
import ListItem from './../lists/ListItem';
|
|
28
|
-
import uuid from 'uuid/v4';
|
|
29
|
-
import { theme } from '@dfds-ui/theme';
|
|
9
|
+
import React, { memo, useContext, createContext } from 'react';
|
|
10
|
+
import { stepWrapperStyles } from './Stepper.styles';
|
|
11
|
+
import { StepperContext } from './Stepper';
|
|
12
|
+
import StepButton from './StepButton';
|
|
13
|
+
import StepLabel from './StepLabel';
|
|
30
14
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
15
|
+
export var StepContext = /*#__PURE__*/createContext({
|
|
16
|
+
completed: false,
|
|
17
|
+
active: false,
|
|
18
|
+
disabled: false,
|
|
19
|
+
editable: true,
|
|
20
|
+
index: 0
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
var Step = function Step(_ref) {
|
|
24
|
+
var _ref$editable = _ref.editable,
|
|
25
|
+
editable = _ref$editable === void 0 ? true : _ref$editable,
|
|
26
|
+
index = _ref.index,
|
|
27
|
+
_ref$label = _ref.label,
|
|
28
|
+
label = _ref$label === void 0 ? '' : _ref$label,
|
|
29
|
+
activeProp = _ref.active,
|
|
30
|
+
completedProp = _ref.completed,
|
|
31
|
+
disabledProp = _ref.disabled,
|
|
32
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
+
|
|
34
|
+
var _useContext = useContext(StepperContext),
|
|
35
|
+
activeStep = _useContext.activeStep,
|
|
36
|
+
orientation = _useContext.orientation,
|
|
37
|
+
nonSequential = _useContext.nonSequential;
|
|
38
|
+
|
|
39
|
+
var _activeProp = activeProp,
|
|
40
|
+
active = _activeProp === void 0 ? false : _activeProp,
|
|
41
|
+
_completedProp = completedProp,
|
|
42
|
+
completed = _completedProp === void 0 ? false : _completedProp,
|
|
43
|
+
_disabledProp = disabledProp,
|
|
44
|
+
disabled = _disabledProp === void 0 ? false : _disabledProp;
|
|
45
|
+
|
|
46
|
+
if (activeStep === index) {
|
|
47
|
+
active = activeProp !== undefined ? activeProp : true;
|
|
48
|
+
} else if (!nonSequential && activeStep > index) {
|
|
49
|
+
completed = completedProp !== undefined ? completedProp : true;
|
|
50
|
+
} else if (!nonSequential && activeStep < index) {
|
|
51
|
+
disabled = disabledProp !== undefined ? disabledProp : true;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
var contextValue = React.useMemo(function () {
|
|
55
|
+
return {
|
|
56
|
+
index: index,
|
|
57
|
+
active: active,
|
|
58
|
+
completed: completed,
|
|
59
|
+
disabled: disabled,
|
|
60
|
+
editable: editable
|
|
61
|
+
};
|
|
62
|
+
}, [index, active, completed, disabled, editable]);
|
|
63
|
+
return ___EmotionJSX(StepContext.Provider, {
|
|
64
|
+
value: contextValue
|
|
65
|
+
}, ___EmotionJSX("div", _extends({
|
|
66
|
+
css: stepWrapperStyles
|
|
67
|
+
}, props), ___EmotionJSX(StepButton, null), label && ___EmotionJSX(StepLabel, null, label)));
|
|
74
68
|
};
|
|
75
69
|
|
|
76
70
|
export default /*#__PURE__*/memo(Step);
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
var _excluded = ["children"];
|
|
2
|
+
|
|
3
|
+
function _extends() { _extends = Object.assign || 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); }
|
|
4
|
+
|
|
5
|
+
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; }
|
|
6
|
+
|
|
7
|
+
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; }
|
|
8
|
+
|
|
9
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
10
|
+
|
|
11
|
+
import React from 'react';
|
|
12
|
+
import { StepContext } from './Step';
|
|
13
|
+
import { stepButtonStyles } from './Stepper.styles';
|
|
14
|
+
import { IconButton } from '@dfds-ui/react-components';
|
|
15
|
+
import { Yes } from '@dfds-ui/icons/system';
|
|
16
|
+
import { css } from '@emotion/react';
|
|
17
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
18
|
+
|
|
19
|
+
var _ref = process.env.NODE_ENV === "production" ? {
|
|
20
|
+
name: "1sljgw0",
|
|
21
|
+
styles: "min-height:1em;min-width:1em;margin:0;padding:0"
|
|
22
|
+
} : {
|
|
23
|
+
name: "1jsyjm7-StepButton",
|
|
24
|
+
styles: "min-height:1em;min-width:1em;margin:0;padding:0;label:StepButton;",
|
|
25
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Ca0IiLCJmaWxlIjoiLi4vLi4vc3JjL3N0ZXBwZXIvU3RlcEJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBTdGVwQ29udGV4dCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IHN0ZXBCdXR0b25TdHlsZXMgfSBmcm9tICcuL1N0ZXBwZXIuc3R5bGVzJ1xuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBZZXMgfSBmcm9tICdAZGZkcy11aS9pY29ucy9zeXN0ZW0nXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3RlcEJ1dHRvblByb3BzID0gUmVhY3QuQnV0dG9uSFRNTEF0dHJpYnV0ZXM8SFRNTEJ1dHRvbkVsZW1lbnQ+XG5cbmNvbnN0IFN0ZXBCdXR0b246IFJlYWN0LkZDPFN0ZXBCdXR0b25Qcm9wcz4gPSAoeyBjaGlsZHJlbiwgLi4ucmVzdCB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBkaXNhYmxlZCwgaW5kZXgsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcbiAgcmV0dXJuIChcbiAgICA8YnV0dG9uIGRpc2FibGVkPXtkaXNhYmxlZH0gey4uLnJlc3R9IGNzcz17c3RlcEJ1dHRvblN0eWxlcyh7IGFjdGl2ZSwgY29tcGxldGVkIH0pfT5cbiAgICAgIHtjaGlsZHJlbiA/IChcbiAgICAgICAgY2hpbGRyZW5cbiAgICAgICkgOiBjb21wbGV0ZWQgPyAoXG4gICAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgICAgY29sb3I9XCJ3aGl0ZVwiXG4gICAgICAgICAgaWNvbj17WWVzfVxuICAgICAgICAgIGFyaWFMYWJlbD1cIkNvbXBsZXRlZFwiXG4gICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAxZW07XG4gICAgICAgICAgICBtaW4td2lkdGg6IDFlbTtcbiAgICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgYH1cbiAgICAgICAgLz5cbiAgICAgICkgOiAoXG4gICAgICAgIGluZGV4ICsgMVxuICAgICAgKX1cbiAgICA8L2J1dHRvbj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwQnV0dG9uXG4iXX0= */",
|
|
26
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
var StepButton = function StepButton(_ref2) {
|
|
30
|
+
var children = _ref2.children,
|
|
31
|
+
rest = _objectWithoutProperties(_ref2, _excluded);
|
|
32
|
+
|
|
33
|
+
var _React$useContext = React.useContext(StepContext),
|
|
34
|
+
completed = _React$useContext.completed,
|
|
35
|
+
disabled = _React$useContext.disabled,
|
|
36
|
+
index = _React$useContext.index,
|
|
37
|
+
active = _React$useContext.active;
|
|
38
|
+
|
|
39
|
+
return ___EmotionJSX("button", _extends({
|
|
40
|
+
disabled: disabled
|
|
41
|
+
}, rest, {
|
|
42
|
+
css: stepButtonStyles({
|
|
43
|
+
active: active,
|
|
44
|
+
completed: completed
|
|
45
|
+
})
|
|
46
|
+
}), children ? children : completed ? ___EmotionJSX(IconButton, {
|
|
47
|
+
color: "white",
|
|
48
|
+
icon: Yes,
|
|
49
|
+
ariaLabel: "Completed",
|
|
50
|
+
css: _ref
|
|
51
|
+
}) : index + 1);
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
export default StepButton;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { css } from '@emotion/react';
|
|
3
|
+
import { StepContext } from './Step';
|
|
4
|
+
import { theme } from '@dfds-ui/theme';
|
|
5
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
6
|
+
|
|
7
|
+
var StepLabel = function StepLabel(_ref) {
|
|
8
|
+
var children = _ref.children;
|
|
9
|
+
|
|
10
|
+
var _React$useContext = React.useContext(StepContext),
|
|
11
|
+
completed = _React$useContext.completed,
|
|
12
|
+
active = _React$useContext.active;
|
|
13
|
+
|
|
14
|
+
return ___EmotionJSX("div", null, ___EmotionJSX("p", {
|
|
15
|
+
css: /*#__PURE__*/css("font-size:16px;color:", completed || active ? theme.colors.text.primary.primary : theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZWdCIiwiZmlsZSI6Ii4uLy4uL3NyYy9zdGVwcGVyL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgeyBTdGVwQ29udGV4dCB9IGZyb20gJy4vU3RlcCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn1cblxuY29uc3QgU3RlcExhYmVsOiBGQzxTdGVwTGFibGVUeXBlcz4gPSAoeyBjaGlsZHJlbiB9KSA9PiB7XG4gIGNvbnN0IHsgY29tcGxldGVkLCBhY3RpdmUgfSA9IFJlYWN0LnVzZUNvbnRleHQoU3RlcENvbnRleHQpXG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2PlxuICAgICAgPHBcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgIGNvbG9yOiAke2NvbXBsZXRlZCB8fCBhY3RpdmUgPyB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnByaW1hcnkgOiB0aGVtZS5jb2xvcnMudGV4dC5wcmltYXJ5LnNlY29uZGFyeX07XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvcD5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBTdGVwTGFiZWxcbiJdfQ== */")
|
|
16
|
+
}, children));
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export default StepLabel;
|
package/stepper/Stepper.d.ts
CHANGED
|
@@ -1,15 +1,27 @@
|
|
|
1
|
-
import React, {
|
|
2
|
-
declare type
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
declare type StepperContextType = {
|
|
3
|
+
activeStep: number;
|
|
4
|
+
orientation: 'horizontal' | 'vertical';
|
|
5
|
+
nonSequential: boolean;
|
|
5
6
|
};
|
|
6
|
-
export declare
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
7
|
+
export declare type StepperProps = {
|
|
8
|
+
/**
|
|
9
|
+
* Stepper layout orientation
|
|
10
|
+
*/
|
|
11
|
+
orientation?: 'horizontal' | 'vertical';
|
|
12
|
+
/**
|
|
13
|
+
* Multiple `<Step/>` components
|
|
14
|
+
*/
|
|
15
|
+
children: ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* The initial step
|
|
18
|
+
*/
|
|
19
|
+
activeStep?: number;
|
|
20
|
+
/**
|
|
21
|
+
* The initial step
|
|
22
|
+
*/
|
|
23
|
+
nonSequential?: boolean;
|
|
13
24
|
};
|
|
25
|
+
export declare const StepperContext: React.Context<StepperContextType>;
|
|
14
26
|
declare const _default: React.NamedExoticComponent<StepperProps>;
|
|
15
27
|
export default _default;
|