@gobizweb/core 0.0.7
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +56 -0
- package/assets/icons/arrow_left.svg +1 -0
- package/assets/icons/right_pointing.svg +1 -0
- package/assets/icons/thumb-up.svg +1 -0
- package/assets/images/server_error_dino.svg +1 -0
- package/assets/images/spot_hero_empty_list.svg +1 -0
- package/lib/bootstrap.js +39 -0
- package/lib/components/AccordionSelect/AccordionSelect.component.js +131 -0
- package/lib/components/AccordionSelect/AccordionSelect.styled.js +18 -0
- package/lib/components/AccordionSelect/index.js +13 -0
- package/lib/components/AlertBox/AlertBox.component.js +54 -0
- package/lib/components/AlertBox/AlertBox.styled.js +32 -0
- package/lib/components/AlertBox/index.js +13 -0
- package/lib/components/AlertDialog/AlertDialog.js +66 -0
- package/lib/components/AlertDialog/AlertDialog.styled.js +13 -0
- package/lib/components/AlertDialog/index.js +13 -0
- package/lib/components/Asphalt/Input.component.js +59 -0
- package/lib/components/Asphalt/index.js +13 -0
- package/lib/components/AsphaltPolyfill/AsphaltPolyfill.component.js +26 -0
- package/lib/components/AsphaltPolyfill/AsphaltPolyfill.loader.js +8 -0
- package/lib/components/AsphaltPolyfill/index.js +13 -0
- package/lib/components/Box/index.js +51 -0
- package/lib/components/Breakpoint/Breakpoint.component.js +63 -0
- package/lib/components/Breakpoint/index.js +13 -0
- package/lib/components/Button/Button.js +109 -0
- package/lib/components/Button/index.js +13 -0
- package/lib/components/Card/Card.js +75 -0
- package/lib/components/Card/Card.styled.js +60 -0
- package/lib/components/Card/index.js +13 -0
- package/lib/components/CardList/CardList.component.js +55 -0
- package/lib/components/CardList/index.js +13 -0
- package/lib/components/Checkbox/Checkbox.js +60 -0
- package/lib/components/Checkbox/index.js +13 -0
- package/lib/components/Container/Container.js +74 -0
- package/lib/components/Container/index.js +13 -0
- package/lib/components/DatePicker/Datepicker.component.js +57 -0
- package/lib/components/DatePicker/index.js +13 -0
- package/lib/components/Dropdown/Dropdown.component.js +63 -0
- package/lib/components/Dropdown/index.js +13 -0
- package/lib/components/EmptyState/EmptyState.component.js +47 -0
- package/lib/components/EmptyState/index.js +13 -0
- package/lib/components/ErrorModal/ErrorModal.component.js +41 -0
- package/lib/components/ErrorModal/ErrorModal.store.js +43 -0
- package/lib/components/ErrorModal/index.js +14 -0
- package/lib/components/ErrorScreen/ErrorScreen.js +19 -0
- package/lib/components/ErrorScreen/index.js +13 -0
- package/lib/components/FilterModal/FilterModal.js +41 -0
- package/lib/components/FilterModal/FilterModal.state.js +139 -0
- package/lib/components/FilterModal/index.js +13 -0
- package/lib/components/GlobalFilter/GlobalFilter.component.js +32 -0
- package/lib/components/GlobalFilter/GlobalFilter.component.state.js +116 -0
- package/lib/components/GlobalFilter/GlobalFilter.constant.js +17 -0
- package/lib/components/GlobalFilter/GlobalFilter.date.component.js +34 -0
- package/lib/components/GlobalFilter/GlobalFilter.interface.js +2 -0
- package/lib/components/GlobalFilter/GlobalFilter.provider.js +169 -0
- package/lib/components/GlobalFilter/GlobalFilter.styled.js +16 -0
- package/lib/components/GlobalFilter/index.js +16 -0
- package/lib/components/Guard/Guard.component.js +18 -0
- package/lib/components/Guard/index.js +13 -0
- package/lib/components/IframeLoader/IframeLoader.js +47 -0
- package/lib/components/IframeLoader/index.js +13 -0
- package/lib/components/Input/Input.component.js +167 -0
- package/lib/components/Input/index.js +13 -0
- package/lib/components/LanguageSwitcher/LanguageSwitcher.component.js +78 -0
- package/lib/components/LanguageSwitcher/LanguageSwitcher.state.js +20 -0
- package/lib/components/LanguageSwitcher/LanguageSwitcher.styled.js +40 -0
- package/lib/components/LanguageSwitcher/index.js +13 -0
- package/lib/components/List/List.js +46 -0
- package/lib/components/List/index.js +13 -0
- package/lib/components/ListSelector/ListSelector.component.js +22 -0
- package/lib/components/ListSelector/ListSelector.state.js +11 -0
- package/lib/components/ListSelector/ListSelector.styled.js +15 -0
- package/lib/components/ListSelector/index.js +13 -0
- package/lib/components/Loading/Loading.js +52 -0
- package/lib/components/Loading/Loading.styled.js +45 -0
- package/lib/components/Loading/index.js +13 -0
- package/lib/components/LoadingModule/LoadingModule.component.js +49 -0
- package/lib/components/LoadingModule/index.js +13 -0
- package/lib/components/MobileAppBar/MobileAppBar.js +90 -0
- package/lib/components/MobileAppBar/MobileAppBar.styled.js +36 -0
- package/lib/components/MobileAppBar/WithMobileAppBar.js +43 -0
- package/lib/components/MobileAppBar/index.js +14 -0
- package/lib/components/Modal/Modal.js +149 -0
- package/lib/components/Modal/ModalManager.context.js +6 -0
- package/lib/components/Modal/ModalManager.js +118 -0
- package/lib/components/Modal/index.js +15 -0
- package/lib/components/Navigation/Navigation.component.js +25 -0
- package/lib/components/Navigation/Navigation.provider.js +69 -0
- package/lib/components/Navigation/Navigation.styled.js +33 -0
- package/lib/components/Navigation/index.js +14 -0
- package/lib/components/PageTitle/PageTitle.component.js +47 -0
- package/lib/components/PageTitle/index.js +13 -0
- package/lib/components/Pagination/Pagination.component.js +49 -0
- package/lib/components/Pagination/index.js +13 -0
- package/lib/components/Radio/Radio.component.js +69 -0
- package/lib/components/Radio/Radio.styled.js +44 -0
- package/lib/components/Radio/RadioGroup.component.js +24 -0
- package/lib/components/Radio/RadioGroup.context.js +6 -0
- package/lib/components/Radio/index.js +15 -0
- package/lib/components/Separator/Separator.component.js +59 -0
- package/lib/components/Separator/index.js +13 -0
- package/lib/components/Skeleton/SkeletonApp.component.js +90 -0
- package/lib/components/Skeleton/SkeletonTable.component.js +36 -0
- package/lib/components/Skeleton/SkeletonText.component.js +62 -0
- package/lib/components/Skeleton/SkeletonWrapper.component.js +46 -0
- package/lib/components/Skeleton/index.js +16 -0
- package/lib/components/Stepper/Stepper.component.js +126 -0
- package/lib/components/Stepper/WithStepper.js +65 -0
- package/lib/components/Stepper/index.js +16 -0
- package/lib/components/Table/Table.component.js +71 -0
- package/lib/components/Table/Table.styled.js +51 -0
- package/lib/components/Table/index.js +13 -0
- package/lib/components/TableContainer/TableContainer.js +32 -0
- package/lib/components/TableContainer/index.js +13 -0
- package/lib/components/Text/Text.component.js +90 -0
- package/lib/components/Text/index.js +13 -0
- package/lib/components/Toast/Toast.component.js +65 -0
- package/lib/components/Toast/Toast.interface.js +2 -0
- package/lib/components/Toast/Toast.manager.js +61 -0
- package/lib/components/Toast/Toast.provider.js +85 -0
- package/lib/components/Toast/Toast.styled.js +18 -0
- package/lib/components/Toast/index.js +15 -0
- package/lib/components/Tours/index.js +100 -0
- package/lib/components/index.js +51 -0
- package/lib/constants/AndroidVersions.js +6 -0
- package/lib/constants/AppNames.js +10 -0
- package/lib/constants/AsphaltTheme.js +43 -0
- package/lib/constants/GobizApp.js +11 -0
- package/lib/constants/MediaQueries.js +30 -0
- package/lib/constants/PostalCodes.js +8382 -0
- package/lib/constants/PubsubEvents.js +12 -0
- package/lib/constants/TnCFiles.js +77 -0
- package/lib/constants/ValidationRegex.js +6 -0
- package/lib/constants/cookies.js +38 -0
- package/lib/constants/datetime.js +103 -0
- package/lib/constants/index.js +24 -0
- package/lib/constants/roles.js +17 -0
- package/lib/contexts/AppTheme.js +221 -0
- package/lib/decorators/utility-classes.js +78 -0
- package/lib/decorators/withStyles.js +73 -0
- package/lib/helpers/BrowserEnvironment.js +22 -0
- package/lib/helpers/ESQuery.js +98 -0
- package/lib/helpers/chart.js +251 -0
- package/lib/helpers/cleanObject.js +15 -0
- package/lib/helpers/conversion.js +4 -0
- package/lib/helpers/cookies.js +54 -0
- package/lib/helpers/copywrite.js +15 -0
- package/lib/helpers/currency.js +73 -0
- package/lib/helpers/dateFormat.js +47 -0
- package/lib/helpers/datePresets.js +77 -0
- package/lib/helpers/debounce.js +31 -0
- package/lib/helpers/deepMerge.js +81 -0
- package/lib/helpers/downloadURL.js +11 -0
- package/lib/helpers/enumReverseMap.js +12 -0
- package/lib/helpers/env.js +18 -0
- package/lib/helpers/fileDownloader.js +33 -0
- package/lib/helpers/formatNumber.js +10 -0
- package/lib/helpers/formatPercentage.js +13 -0
- package/lib/helpers/gobizApp.js +27 -0
- package/lib/helpers/identityValidator.js +6 -0
- package/lib/helpers/index.js +50 -0
- package/lib/helpers/json.js +17 -0
- package/lib/helpers/logger.js +93 -0
- package/lib/helpers/maskAccount.js +26 -0
- package/lib/helpers/numbers.js +6 -0
- package/lib/helpers/path.js +27 -0
- package/lib/helpers/paymentTypeHuman.js +62 -0
- package/lib/helpers/refreshConfig.js +12 -0
- package/lib/helpers/refreshToken.js +108 -0
- package/lib/helpers/safeParse.js +31 -0
- package/lib/helpers/scrollToTop.js +9 -0
- package/lib/helpers/shortID.js +17 -0
- package/lib/helpers/textParser.js +10 -0
- package/lib/helpers/time.js +54 -0
- package/lib/helpers/tour.js +38 -0
- package/lib/helpers/transform.js +24 -0
- package/lib/helpers/url.js +30 -0
- package/lib/helpers/wildcardToRegEx.js +15 -0
- package/lib/hooks/index.js +26 -0
- package/lib/hooks/useBreakpoint.js +35 -0
- package/lib/hooks/useCurrency.js +27 -0
- package/lib/hooks/useDatesFromTimeRange.js +40 -0
- package/lib/hooks/useEventListener.js +24 -0
- package/lib/hooks/useFormValidator.js +38 -0
- package/lib/hooks/useHttpOptions.js +104 -0
- package/lib/hooks/useLogger.js +57 -0
- package/lib/hooks/useNavigation.js +16 -0
- package/lib/hooks/usePhone.js +14 -0
- package/lib/hooks/useQueryInit.js +21 -0
- package/lib/hooks/useQueryParams.js +95 -0
- package/lib/hooks/useShowGlobalFilter.js +101 -0
- package/lib/hooks/useWebview.js +48 -0
- package/lib/hooks/useWindow.js +19 -0
- package/lib/models/AuthUser.model.js +159 -0
- package/lib/models/Outlet.model.js +274 -0
- package/lib/models/User.model.js +106 -0
- package/lib/models/index.js +15 -0
- package/lib/providers/Alert.provider.js +65 -0
- package/lib/providers/AppTheme.provider.js +75 -0
- package/lib/providers/Auth.provider.js +239 -0
- package/lib/providers/Clevertap.provider.js +117 -0
- package/lib/providers/GoogleAnalytics.provider.js +113 -0
- package/lib/providers/Host.provider.js +71 -0
- package/lib/providers/Language.provider.js +127 -0
- package/lib/providers/Logger.provider.js +32 -0
- package/lib/providers/MicroApp.provider.js +63 -0
- package/lib/providers/Outlets.provider.js +180 -0
- package/lib/providers/Token.provider.js +101 -0
- package/lib/providers/Translation.provider.js +56 -0
- package/lib/providers/index.js +24 -0
- package/package.json +47 -0
package/README.md
ADDED
@@ -0,0 +1,56 @@
|
|
1
|
+
# GoBizWeb
|
2
|
+
|
3
|
+
The core package for frontend dev at gojek.
|
4
|
+
|
5
|
+
## Features
|
6
|
+
|
7
|
+
- React 16.8.0
|
8
|
+
- ES6 syntax, managed with Prettier + Eslint and Stylelint
|
9
|
+
- Unit testing via Jest
|
10
|
+
- Webpack
|
11
|
+
|
12
|
+
## Install
|
13
|
+
|
14
|
+
```sh
|
15
|
+
yarn add @gobizweb/core
|
16
|
+
```
|
17
|
+
|
18
|
+
### Requirements
|
19
|
+
|
20
|
+
- Node.js v 12.x or later
|
21
|
+
- One of the single-spa roots and the artifactory proxy
|
22
|
+
- VS Code, Atom, or SublimeText have packages / plugins that will work with the configurations
|
23
|
+
|
24
|
+
### Required IDE Packages / Tools
|
25
|
+
|
26
|
+
- Babel (apply to JS / JSX syntax)
|
27
|
+
- Eslint
|
28
|
+
- Stylelint
|
29
|
+
- Prettier
|
30
|
+
- In VS Code and Atom, enable the integration between Prettier and Eslint / Stylelint in your Editor
|
31
|
+
- In SublimeText, set the `"auto_format_on_save": true,` flag in JsPrettier settings
|
32
|
+
- Editorconfig
|
33
|
+
|
34
|
+
## Deployment
|
35
|
+
|
36
|
+
When pushing to the **master** branch, this code is bundled and published as a npm package on our artifactory, under the `@gobizweb/core` name.
|
37
|
+
|
38
|
+
#### Optional Tools
|
39
|
+
|
40
|
+
- React Developer Tools (Chrome or Firefox)
|
41
|
+
|
42
|
+
### Advanced Development
|
43
|
+
|
44
|
+
There are a variety of commands and tasks available to use individually if needed. In your terminal, you can run them by running `yarn {task_name}`. These are the available tasks:
|
45
|
+
|
46
|
+
- `start` or `dev` - Starts the default dev environment
|
47
|
+
- `dev:staging` - Runs pointing to a local Api
|
48
|
+
- `build` - Builds the app for production, and drops the artifacts to the `/dist` directory
|
49
|
+
- `build-dev` - Builds the app for development and starts the dev server
|
50
|
+
- `lint` - Run the suite of eslint and stylelint tests and get a report on errors (if any)
|
51
|
+
- `lint:eslint` - Run just the eslint tests (JS code)
|
52
|
+
- `lint:stylelint` - Run just the stylelint tests (CSS / SCSS code)
|
53
|
+
- `unit-test` - Run the test suite and see result of tests
|
54
|
+
- `unit-test:coverage` - Run the test suite and generate a coverage report
|
55
|
+
- `unit-test:updateSnapshot` - Update all snapshots and re-run the tests
|
56
|
+
- `unit-test:watch` - Run the test suite in `watch` mode. This is sometimes useful to run in its own terminal window.
|
@@ -0,0 +1 @@
|
|
1
|
+
module.exports = __webpack_public_path__ + "static/media/arrow_left.4cce013d.svg";
|
@@ -0,0 +1 @@
|
|
1
|
+
module.exports = __webpack_public_path__ + "static/media/right_pointing.bbeb7030.svg";
|
@@ -0,0 +1 @@
|
|
1
|
+
module.exports = __webpack_public_path__ + "static/media/thumb-up.4442d27e.svg";
|
@@ -0,0 +1 @@
|
|
1
|
+
module.exports = __webpack_public_path__ + "static/media/server_error_dino.31ad0776.svg";
|
@@ -0,0 +1 @@
|
|
1
|
+
module.exports = __webpack_public_path__ + "static/media/spot_hero_empty_list.086d59f0.svg";
|
package/lib/bootstrap.js
ADDED
@@ -0,0 +1,39 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
require("core-js");
|
7
|
+
require("whatwg-fetch");
|
8
|
+
require("typeface-fira-mono");
|
9
|
+
require("abortcontroller-polyfill");
|
10
|
+
require("@gojek/typeface-maison-neue");
|
11
|
+
var react_1 = __importDefault(require("react"));
|
12
|
+
var react_dom_1 = __importDefault(require("react-dom"));
|
13
|
+
var react_router_dom_1 = require("react-router-dom");
|
14
|
+
var providers_1 = require("./providers");
|
15
|
+
var env_1 = require("./helpers/env");
|
16
|
+
var Bootstrap = function (App, appName, defaultLanguage) {
|
17
|
+
var appRootId = "react-root--" + appName.toLowerCase();
|
18
|
+
// @ts-ignore
|
19
|
+
window["__microFrontendRender" + appName.toUpperCase()] = function (options) {
|
20
|
+
var container = options.container, renderCallback = options.renderCallback;
|
21
|
+
react_dom_1.default.render(react_1.default.createElement(react_1.default.StrictMode, null,
|
22
|
+
react_1.default.createElement(react_router_dom_1.Router, { history: options.history },
|
23
|
+
react_1.default.createElement(providers_1.MicroAppProvider, { appName: appName, routePrefix: options.routePrefix },
|
24
|
+
react_1.default.createElement(App, null))),
|
25
|
+
react_1.default.createElement("div", { id: appRootId })), container, renderCallback);
|
26
|
+
};
|
27
|
+
// @ts-ignore
|
28
|
+
window["__microFrontendUnmount" + appName.toUpperCase()] = function (container) {
|
29
|
+
react_dom_1.default.unmountComponentAtNode(container);
|
30
|
+
};
|
31
|
+
// In local development and standalone mode
|
32
|
+
if (document.getElementById(appRootId)) {
|
33
|
+
react_dom_1.default.render(react_1.default.createElement(react_1.default.StrictMode, null,
|
34
|
+
react_1.default.createElement(react_router_dom_1.BrowserRouter, { basename: env_1.env("REACT_APP_ROUTE_PREFIX") },
|
35
|
+
react_1.default.createElement(providers_1.MicroAppProvider, { appName: appName, defaultLanguage: defaultLanguage },
|
36
|
+
react_1.default.createElement(App, null)))), document.getElementById(appRootId));
|
37
|
+
}
|
38
|
+
};
|
39
|
+
exports.default = Bootstrap;
|
@@ -0,0 +1,131 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
14
|
+
if (k2 === undefined) k2 = k;
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
16
|
+
}) : (function(o, m, k, k2) {
|
17
|
+
if (k2 === undefined) k2 = k;
|
18
|
+
o[k2] = m[k];
|
19
|
+
}));
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
22
|
+
}) : function(o, v) {
|
23
|
+
o["default"] = v;
|
24
|
+
});
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
26
|
+
if (mod && mod.__esModule) return mod;
|
27
|
+
var result = {};
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
29
|
+
__setModuleDefault(result, mod);
|
30
|
+
return result;
|
31
|
+
};
|
32
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
33
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
34
|
+
};
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
+
exports.AccordionSelect = void 0;
|
37
|
+
var React = __importStar(require("react"));
|
38
|
+
var react_1 = require("react");
|
39
|
+
var checkbox_1 = __importDefault(require("@asphalt-react/checkbox"));
|
40
|
+
var iconpack_1 = require("@asphalt-react/iconpack");
|
41
|
+
var AccordionSelect_styled_1 = require("./AccordionSelect.styled");
|
42
|
+
var providers_1 = require("../../providers");
|
43
|
+
var mobx_react_lite_1 = require("mobx-react-lite");
|
44
|
+
var AccordionSelectState = react_1.createContext({
|
45
|
+
expandedIndex: 0,
|
46
|
+
setExpandedIndex: function (_index) { },
|
47
|
+
});
|
48
|
+
var useAccordionSelectState = function () { return react_1.useContext(AccordionSelectState); };
|
49
|
+
var AccordionSelectRow = function (_a) {
|
50
|
+
var title = _a.title, index = _a.index, options = _a.options, onChange = _a.onChange;
|
51
|
+
var _b = useAccordionSelectState(), expandedIndex = _b.expandedIndex, setExpandedIndex = _b.setExpandedIndex;
|
52
|
+
var expanded = index === expandedIndex;
|
53
|
+
var allOptionsChecked = options.every(function (opt) { return opt.checked; });
|
54
|
+
var indeterminateState = !allOptionsChecked && options.some(function (opt) { return opt.checked; });
|
55
|
+
var onAllToggled = function () {
|
56
|
+
var _options = options;
|
57
|
+
if (!allOptionsChecked) {
|
58
|
+
_options = _options.map(function (opt) { return (__assign(__assign({}, opt), { checked: true })); });
|
59
|
+
}
|
60
|
+
else {
|
61
|
+
_options = _options.map(function (opt) { return (__assign(__assign({}, opt), { checked: false })); });
|
62
|
+
}
|
63
|
+
onChange({
|
64
|
+
title: title,
|
65
|
+
options: _options,
|
66
|
+
});
|
67
|
+
};
|
68
|
+
var onItemChange = function (key) {
|
69
|
+
var _options = options.map(function (opt) {
|
70
|
+
if (opt.key === key) {
|
71
|
+
return __assign(__assign({}, opt), { checked: !opt.checked });
|
72
|
+
}
|
73
|
+
return opt;
|
74
|
+
});
|
75
|
+
onChange({
|
76
|
+
title: title,
|
77
|
+
options: _options,
|
78
|
+
});
|
79
|
+
};
|
80
|
+
return (React.createElement("div", null,
|
81
|
+
React.createElement(AccordionSelect_styled_1.AccordionSelectHeaderEl, null,
|
82
|
+
React.createElement(checkbox_1.default, { "data-testid": "accordion-row-checkbox", label: title, onChange: onAllToggled, checked: allOptionsChecked, indeterminate: indeterminateState }),
|
83
|
+
React.createElement(AccordionSelect_styled_1.AccordionSelectExpandEl, { onClick: function () { return setExpandedIndex(index); } }, expanded ? React.createElement(iconpack_1.CollapseAll, null) : React.createElement(iconpack_1.ExpandAll, null))),
|
84
|
+
expanded && (React.createElement(AccordionSelect_styled_1.AccordionSelectOptionsWrapperEl, null, options.map(function (option) { return (React.createElement(AccordionSelect_styled_1.AccordionSelectCheckboxEl, { key: option.key },
|
85
|
+
React.createElement(checkbox_1.default, { "data-testid": "accordion-option-checkbox", label: option.label, checked: option.checked, onChange: function () { return onItemChange(option.key); } }))); })))));
|
86
|
+
};
|
87
|
+
var AccordionSelectBase = mobx_react_lite_1.observer(function (props) {
|
88
|
+
var options = props.options, onChange = props.onChange;
|
89
|
+
var translate = providers_1.useTranslation();
|
90
|
+
var onRowChange = function (group) {
|
91
|
+
var withUpdatedGroup = options.map(function (_group) {
|
92
|
+
if (_group.title === group.title) {
|
93
|
+
group.key = _group.key;
|
94
|
+
return group;
|
95
|
+
}
|
96
|
+
return _group;
|
97
|
+
});
|
98
|
+
onChange(withUpdatedGroup);
|
99
|
+
};
|
100
|
+
var allOptionsChecked = options.every(function (opt) {
|
101
|
+
return opt.options.every(function (_opt) { return _opt.checked; });
|
102
|
+
});
|
103
|
+
var indeterminateState = !allOptionsChecked &&
|
104
|
+
options.some(function (group) { return group.options.some(function (opt) { return opt.checked; }); });
|
105
|
+
var onAllToggled = function () {
|
106
|
+
var withAllChecked = options.map(function (group) {
|
107
|
+
var updatedOptions = group.options.map(function (opt) { return (__assign(__assign({}, opt), { checked: !allOptionsChecked })); });
|
108
|
+
return __assign(__assign({}, group), { options: updatedOptions });
|
109
|
+
});
|
110
|
+
onChange(withAllChecked);
|
111
|
+
};
|
112
|
+
return (React.createElement(AccordionSelect_styled_1.AccordionSelectEl, null,
|
113
|
+
React.createElement(AccordionSelect_styled_1.AccordionSelectHeaderEl, null,
|
114
|
+
React.createElement(checkbox_1.default, { "data-testid": "accordion-base-checkbox", label: translate("check_all"), onChange: onAllToggled, checked: allOptionsChecked, indeterminate: indeterminateState })),
|
115
|
+
options.map(function (option, index) { return (React.createElement(AccordionSelectRow, __assign({}, option, { index: index, key: option.title, onChange: onRowChange }))); })));
|
116
|
+
});
|
117
|
+
exports.AccordionSelect = function (props) {
|
118
|
+
var _a = react_1.useState(-1), expandedIndex = _a[0], _setExpandedIndex = _a[1];
|
119
|
+
var context = {
|
120
|
+
expandedIndex: expandedIndex,
|
121
|
+
setExpandedIndex: function (index) {
|
122
|
+
if (expandedIndex === index) {
|
123
|
+
return _setExpandedIndex(-1);
|
124
|
+
}
|
125
|
+
_setExpandedIndex(index);
|
126
|
+
},
|
127
|
+
};
|
128
|
+
return (React.createElement(providers_1.TranslationsContext.Provider, { value: require("./translations.json") },
|
129
|
+
React.createElement(AccordionSelectState.Provider, { value: context },
|
130
|
+
React.createElement(AccordionSelectBase, __assign({ "data-testid": "accordion-select" }, props)))));
|
131
|
+
};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
4
|
+
return cooked;
|
5
|
+
};
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
8
|
+
};
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
10
|
+
exports.AccordionSelectCheckboxEl = exports.AccordionSelectOptionsWrapperEl = exports.AccordionSelectExpandEl = exports.AccordionSelectHeaderEl = exports.AccordionSelectEl = void 0;
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
12
|
+
var constants_1 = require("../../constants");
|
13
|
+
exports.AccordionSelectEl = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-bottom: 16px;\n"], ["\n margin-bottom: 16px;\n"])));
|
14
|
+
exports.AccordionSelectHeaderEl = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: center;\n border-bottom: 1px solid rgb(230, 233, 239);\n display: flex;\n justify-content: space-between;\n height: 50px;\n\n span[class^=\"checkboxWrap__\"] {\n margin-top: 0;\n }\n"], ["\n align-items: center;\n border-bottom: 1px solid rgb(230, 233, 239);\n display: flex;\n justify-content: space-between;\n height: 50px;\n\n span[class^=\"checkboxWrap__\"] {\n margin-top: 0;\n }\n"])));
|
15
|
+
exports.AccordionSelectExpandEl = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: pointer;\n flex: 1 1 auto;\n text-align: right;\n"], ["\n cursor: pointer;\n flex: 1 1 auto;\n text-align: right;\n"])));
|
16
|
+
exports.AccordionSelectOptionsWrapperEl = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: rgb(230, 233, 239);\n display: flex;\n flex-wrap: wrap;\n padding: 11px 16px;\n"], ["\n background: rgb(230, 233, 239);\n display: flex;\n flex-wrap: wrap;\n padding: 11px 16px;\n"])));
|
17
|
+
exports.AccordionSelectCheckboxEl = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n margin-bottom: 10px;\n width: 100%;\n\n ", " {\n width: 50%;\n }\n"], ["\n margin-bottom: 10px;\n width: 100%;\n\n ", " {\n width: 50%;\n }\n"])), constants_1.MediaQueries.screen.medium.minWidth);
|
18
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
+
}) : (function(o, m, k, k2) {
|
6
|
+
if (k2 === undefined) k2 = k;
|
7
|
+
o[k2] = m[k];
|
8
|
+
}));
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
10
|
+
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
|
11
|
+
};
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
13
|
+
__exportStar(require("./AccordionSelect.component"), exports);
|
@@ -0,0 +1,54 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
14
|
+
if (k2 === undefined) k2 = k;
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
16
|
+
}) : (function(o, m, k, k2) {
|
17
|
+
if (k2 === undefined) k2 = k;
|
18
|
+
o[k2] = m[k];
|
19
|
+
}));
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
22
|
+
}) : function(o, v) {
|
23
|
+
o["default"] = v;
|
24
|
+
});
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
26
|
+
if (mod && mod.__esModule) return mod;
|
27
|
+
var result = {};
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
29
|
+
__setModuleDefault(result, mod);
|
30
|
+
return result;
|
31
|
+
};
|
32
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
33
|
+
var t = {};
|
34
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
35
|
+
t[p] = s[p];
|
36
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
37
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
38
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
39
|
+
t[p[i]] = s[p[i]];
|
40
|
+
}
|
41
|
+
return t;
|
42
|
+
};
|
43
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
44
|
+
exports.AlertBox = void 0;
|
45
|
+
var React = __importStar(require("react"));
|
46
|
+
var withStyles_1 = require("../../decorators/withStyles");
|
47
|
+
var Box_1 = require("../Box");
|
48
|
+
var AlertBox_styled_1 = require("./AlertBox.styled");
|
49
|
+
exports.AlertBox = withStyles_1.withStyles(function (_a) {
|
50
|
+
var children = _a.children, _b = _a.color, color = _b === void 0 ? "primary" : _b, icon = _a.icon, other = __rest(_a, ["children", "color", "icon"]);
|
51
|
+
return (React.createElement(AlertBox_styled_1.AlertBoxEl, __assign({}, other, { color: color }),
|
52
|
+
icon && React.createElement(Box_1.Box, { marginRightM: true }, icon),
|
53
|
+
children && (React.createElement(Box_1.Box, { flexGrow: true, flexShrink: true, flexBasis0: true, alignItemsCenter: true }, children))));
|
54
|
+
});
|
@@ -0,0 +1,32 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
4
|
+
return cooked;
|
5
|
+
};
|
6
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
7
|
+
if (k2 === undefined) k2 = k;
|
8
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
9
|
+
}) : (function(o, m, k, k2) {
|
10
|
+
if (k2 === undefined) k2 = k;
|
11
|
+
o[k2] = m[k];
|
12
|
+
}));
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
15
|
+
}) : function(o, v) {
|
16
|
+
o["default"] = v;
|
17
|
+
});
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
19
|
+
if (mod && mod.__esModule) return mod;
|
20
|
+
var result = {};
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
22
|
+
__setModuleDefault(result, mod);
|
23
|
+
return result;
|
24
|
+
};
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
26
|
+
exports.AlertBoxEl = void 0;
|
27
|
+
var styled_components_1 = __importStar(require("styled-components"));
|
28
|
+
exports.AlertBoxEl = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n border: 1px solid currentColor;\n flex-wrap: wrap;\n line-height: 1.2;\n position: relative;\n width: 100%;\n\n ", "\n"], ["\n display: flex;\n border: 1px solid currentColor;\n flex-wrap: wrap;\n line-height: 1.2;\n position: relative;\n width: 100%;\n\n ",
|
29
|
+
"\n"])), function (p) { return styled_components_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n align-items: ", ";\n margin: ", "px 0;\n padding: ", "px;\n border-radius: ", "px;\n font-size: ", ";\n box-shadow: ", ";\n color: ", ";\n background: ", ";\n\n ", "\n "], ["\n align-items: ", ";\n margin: ", "px 0;\n padding: ", "px;\n border-radius: ", "px;\n font-size: ", ";\n box-shadow: ", ";\n color: ", ";\n background: ",
|
30
|
+
";\n\n ",
|
31
|
+
"\n "])), p.theme.alertBox.alignItems, p.theme.dimension.spacing.l, p.theme.dimension.spacing.m, p.theme.dimension.borderRadius[0], p.theme.text.size.medium, p.theme.alertBox.boxShadow, p.theme.alertBox.colors[p.color], "" + p.theme.colors.background[p.color] + Math.round(Number(p.theme.alertBox.opacity) * 100), p.rounded && styled_components_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: ", "px;\n "], ["\n border-radius: ", "px;\n "])), p.theme.dimension.borderRadius[2])); });
|
32
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
+
}) : (function(o, m, k, k2) {
|
6
|
+
if (k2 === undefined) k2 = k;
|
7
|
+
o[k2] = m[k];
|
8
|
+
}));
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
10
|
+
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
|
11
|
+
};
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
13
|
+
__exportStar(require("./AlertBox.component"), exports);
|
@@ -0,0 +1,66 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
+
}) : (function(o, m, k, k2) {
|
6
|
+
if (k2 === undefined) k2 = k;
|
7
|
+
o[k2] = m[k];
|
8
|
+
}));
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
11
|
+
}) : function(o, v) {
|
12
|
+
o["default"] = v;
|
13
|
+
});
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
15
|
+
if (mod && mod.__esModule) return mod;
|
16
|
+
var result = {};
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
18
|
+
__setModuleDefault(result, mod);
|
19
|
+
return result;
|
20
|
+
};
|
21
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
22
|
+
exports.AlertDialog = void 0;
|
23
|
+
var Text_1 = require("../Text");
|
24
|
+
var Box_1 = require("../Box");
|
25
|
+
var Button_1 = require("../Button");
|
26
|
+
var hooks_1 = require("../../hooks");
|
27
|
+
var React = __importStar(require("react"));
|
28
|
+
var react_router_dom_1 = require("react-router-dom");
|
29
|
+
var helpers_1 = require("../../helpers");
|
30
|
+
var AlertDialog_styled_1 = require("./AlertDialog.styled");
|
31
|
+
var Modal_1 = require("../Modal");
|
32
|
+
var Alert_provider_1 = require("../../providers/Alert.provider");
|
33
|
+
exports.AlertDialog = function (props) {
|
34
|
+
var history = react_router_dom_1.useHistory();
|
35
|
+
var _a = Alert_provider_1.useAlert(), closeAlert = _a.closeAlert, show = _a.show, content = _a.content;
|
36
|
+
var closeWebView = hooks_1.useWebViewNavigation().closeWebView;
|
37
|
+
var closeAlertDialog = React.useCallback(function () { return closeAlert(); }, [closeAlert]);
|
38
|
+
var historyChangeListener = React.useCallback(function (location, action) {
|
39
|
+
if (location.pathname !==
|
40
|
+
helpers_1.env("REACT_APP_ROUTE_PREFIX") + "/" + props.appName &&
|
41
|
+
action === "POP" &&
|
42
|
+
show) {
|
43
|
+
closeAlertDialog();
|
44
|
+
}
|
45
|
+
}, [closeAlertDialog, props.appName, show]);
|
46
|
+
var routeChangeListener = React.useCallback(function () { return history.listen(historyChangeListener); }, [history, historyChangeListener]);
|
47
|
+
React.useEffect(function () {
|
48
|
+
routeChangeListener();
|
49
|
+
return function () {
|
50
|
+
typeof routeChangeListener === "function" && routeChangeListener();
|
51
|
+
};
|
52
|
+
}, [routeChangeListener]);
|
53
|
+
var abortFlow = function () {
|
54
|
+
closeWebView("forceClose");
|
55
|
+
};
|
56
|
+
return (React.createElement(Modal_1.ModalManager, { showModal: show, onClose: closeAlertDialog, prompt: content.prompt, modalSize: "s" },
|
57
|
+
React.createElement(Modal_1.Modal, { "data-testid": "alert-dialog" },
|
58
|
+
React.createElement(Modal_1.ModalContent, null,
|
59
|
+
React.createElement(Text_1.Text, { fontSize: "large", fontWeight: "demi", marginBottomS: true }, content.title),
|
60
|
+
React.createElement(Box_1.Box, { marginBottomL: true }, content.body),
|
61
|
+
React.createElement(Box_1.Box, { flex: true },
|
62
|
+
content.negativeAction !== undefined ? (content.negativeAction && (React.createElement(AlertDialog_styled_1.DialogActionEl, null, content.negativeAction))) : (React.createElement(AlertDialog_styled_1.DialogActionEl, null,
|
63
|
+
React.createElement(Button_1.Button, { "data-testid": "alert-dialog-abort-button", stretch: true, error: content.type === "error", warning: content.type === "warning", onClick: abortFlow }, "Batalkan"))),
|
64
|
+
content.positiveAction !== undefined ? (content.positiveAction && (React.createElement(AlertDialog_styled_1.DialogActionEl, null, content.positiveAction))) : (React.createElement(AlertDialog_styled_1.DialogActionEl, null,
|
65
|
+
React.createElement(Button_1.Button, { stretch: true, outline: true, onClick: closeAlertDialog }, "Coba Lagi"))))))));
|
66
|
+
};
|
@@ -0,0 +1,13 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
4
|
+
return cooked;
|
5
|
+
};
|
6
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
7
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
8
|
+
};
|
9
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
10
|
+
exports.DialogActionEl = void 0;
|
11
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
12
|
+
exports.DialogActionEl = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n &:first-child {\n padding-right: 4px;\n }\n &:last-child {\n padding-left: 4px;\n }\n flex: 1 auto;\n"], ["\n &:first-child {\n padding-right: 4px;\n }\n &:last-child {\n padding-left: 4px;\n }\n flex: 1 auto;\n"])));
|
13
|
+
var templateObject_1;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
+
}) : (function(o, m, k, k2) {
|
6
|
+
if (k2 === undefined) k2 = k;
|
7
|
+
o[k2] = m[k];
|
8
|
+
}));
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
10
|
+
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
|
11
|
+
};
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
13
|
+
__exportStar(require("./AlertDialog"), exports);
|
@@ -0,0 +1,59 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
3
|
+
__assign = Object.assign || function(t) {
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
+
s = arguments[i];
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
+
t[p] = s[p];
|
8
|
+
}
|
9
|
+
return t;
|
10
|
+
};
|
11
|
+
return __assign.apply(this, arguments);
|
12
|
+
};
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
14
|
+
if (k2 === undefined) k2 = k;
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
16
|
+
}) : (function(o, m, k, k2) {
|
17
|
+
if (k2 === undefined) k2 = k;
|
18
|
+
o[k2] = m[k];
|
19
|
+
}));
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
22
|
+
}) : function(o, v) {
|
23
|
+
o["default"] = v;
|
24
|
+
});
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
26
|
+
if (mod && mod.__esModule) return mod;
|
27
|
+
var result = {};
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
29
|
+
__setModuleDefault(result, mod);
|
30
|
+
return result;
|
31
|
+
};
|
32
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
33
|
+
var t = {};
|
34
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
35
|
+
t[p] = s[p];
|
36
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
37
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
38
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
39
|
+
t[p[i]] = s[p[i]];
|
40
|
+
}
|
41
|
+
return t;
|
42
|
+
};
|
43
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
44
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
45
|
+
};
|
46
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
47
|
+
exports.AsphaltInput = void 0;
|
48
|
+
var react_1 = __importDefault(require("react"));
|
49
|
+
var textfield_1 = __importStar(require("@asphalt-react/textfield"));
|
50
|
+
var Input_1 = require("../Input");
|
51
|
+
var Text_1 = require("../Text");
|
52
|
+
var Box_1 = require("../Box");
|
53
|
+
exports.AsphaltInput = function (props) {
|
54
|
+
var label = props.label, helperText = props.helperText, type = props.type, others = __rest(props, ["label", "helperText", "type"]);
|
55
|
+
return (react_1.default.createElement(Box_1.Box, { marginBottomM: true, width100: others.stretch, "data-testid": "asphalt-input" },
|
56
|
+
label && (react_1.default.createElement(Input_1.InputLabel, { "data-testid": "asphalt-input-label" }, label)),
|
57
|
+
type === "number" ? (react_1.default.createElement(textfield_1.Numeric, __assign({ "data-testid": "asphalt-input-number" }, others))) : (react_1.default.createElement(textfield_1.default, __assign({ "data-testid": "asphalt-input-text" }, others))),
|
58
|
+
helperText && (react_1.default.createElement(Text_1.Text, { marginTopS: true, fontSize: "small", fontWeight: "book", color: others.invalid ? "danger" : "readable", "data-testid": "asphalt-input-helper" }, helperText))));
|
59
|
+
};
|
@@ -0,0 +1,13 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
+
}) : (function(o, m, k, k2) {
|
6
|
+
if (k2 === undefined) k2 = k;
|
7
|
+
o[k2] = m[k];
|
8
|
+
}));
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
10
|
+
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
|
11
|
+
};
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
13
|
+
__exportStar(require("./Input.component"), exports);
|
@@ -0,0 +1,26 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
+
}) : (function(o, m, k, k2) {
|
6
|
+
if (k2 === undefined) k2 = k;
|
7
|
+
o[k2] = m[k];
|
8
|
+
}));
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
11
|
+
}) : function(o, v) {
|
12
|
+
o["default"] = v;
|
13
|
+
});
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
15
|
+
if (mod && mod.__esModule) return mod;
|
16
|
+
var result = {};
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
18
|
+
__setModuleDefault(result, mod);
|
19
|
+
return result;
|
20
|
+
};
|
21
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
22
|
+
exports.AsphaltPolyfill = exports.AsphaltPolyfillLoader = void 0;
|
23
|
+
var React = __importStar(require("react"));
|
24
|
+
exports.AsphaltPolyfillLoader = React.lazy(function () { return Promise.resolve().then(function () { return __importStar(require("./AsphaltPolyfill.loader")); }); });
|
25
|
+
var browserSupportsCSSVariables = function () { var _a, _b; return (_b = (_a = window.CSS) === null || _a === void 0 ? void 0 : _a.supports) === null || _b === void 0 ? void 0 : _b.call(_a, "color", "var(--fake-var)"); };
|
26
|
+
exports.AsphaltPolyfill = function () { return (React.createElement(React.Suspense, { fallback: null }, !browserSupportsCSSVariables() && React.createElement(exports.AsphaltPolyfillLoader, null))); };
|
@@ -0,0 +1,8 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
+
};
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
+
var react_1 = __importDefault(require("react"));
|
7
|
+
require("../../../assets/asphalt-polyfill.scss");
|
8
|
+
exports.default = (function () { return react_1.default.createElement("span", { "data-info": "asphalt-polyfill" }); });
|
@@ -0,0 +1,13 @@
|
|
1
|
+
"use strict";
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
+
if (k2 === undefined) k2 = k;
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
+
}) : (function(o, m, k, k2) {
|
6
|
+
if (k2 === undefined) k2 = k;
|
7
|
+
o[k2] = m[k];
|
8
|
+
}));
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
10
|
+
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
|
11
|
+
};
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
13
|
+
__exportStar(require("./AsphaltPolyfill.component"), exports);
|