@mycause/ui 1.2.6 → 1.2.7
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/README.md +12 -2
- package/dist/donation/anchor.d.ts +2 -0
- package/dist/donation/button.d.ts +2 -0
- package/dist/donation/checkbox.d.ts +1 -0
- package/dist/donation/combo-field.d.ts +1 -0
- package/dist/donation/elevation.d.ts +1 -0
- package/dist/donation/field-label.d.ts +1 -0
- package/dist/donation/flex.d.ts +2 -0
- package/dist/donation/grid.d.ts +1 -0
- package/dist/donation/icon.d.ts +2 -0
- package/dist/donation/modal.d.ts +1 -0
- package/dist/donation/navigation.d.ts +1 -0
- package/dist/donation/phone-number-input.d.ts +1 -0
- package/dist/donation/radio.d.ts +1 -0
- package/dist/donation/select.d.ts +1 -0
- package/dist/donation/single-date-picker.d.ts +1 -0
- package/dist/donation/stack.d.ts +1 -0
- package/dist/donation/text-field.d.ts +2 -0
- package/dist/donation/text.d.ts +1 -0
- package/dist/donation.esm.js +1981 -22990
- package/dist/donation.js +2602 -23593
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.esm.css +1 -1
- package/dist/index.esm.css.map +1 -1
- package/dist/index.esm.js +3140 -24065
- package/dist/index.js +4979 -25849
- package/donation/anchor/package.json +5 -0
- package/donation/button/package.json +5 -0
- package/donation/checkbox/package.json +5 -0
- package/donation/cjs/_virtual/_rollupPluginBabelHelpers.js +84 -0
- package/donation/cjs/components/anchor/anchor.js +50 -0
- package/donation/cjs/components/anchor/bold-anchor.js +61 -0
- package/donation/cjs/components/avatar/avatar.js +24 -0
- package/donation/cjs/components/avatar/image-avatar.js +51 -0
- package/donation/cjs/components/avatar/text-avatar.js +70 -0
- package/donation/cjs/components/button/button.js +143 -0
- package/donation/cjs/components/checkbox/checkbox.js +75 -0
- package/donation/cjs/components/combo-field/combo-field-expander.js +46 -0
- package/donation/cjs/components/combo-field/combo-field.js +103 -0
- package/donation/cjs/components/date-picker/single-date-picker.js +83 -0
- package/donation/cjs/components/elevation/elevation.js +61 -0
- package/donation/cjs/components/field-helpers/field-helper-text.js +45 -0
- package/donation/cjs/components/field-helpers/field-label.js +51 -0
- package/donation/cjs/components/icon/heart-toggle.js +51 -0
- package/donation/cjs/components/icon/icon-button-group.js +49 -0
- package/donation/cjs/components/icon/icon-button.js +64 -0
- package/donation/cjs/components/icon/icon.js +67 -0
- package/donation/cjs/components/icon/material-icon.js +44 -0
- package/donation/cjs/components/layout/box.js +115 -0
- package/donation/cjs/components/layout/flex.js +81 -0
- package/donation/cjs/components/layout/grid.js +46 -0
- package/donation/cjs/components/layout/stack.js +48 -0
- package/donation/cjs/components/list/list.js +161 -0
- package/donation/cjs/components/menu/menu-list-item-graphic.js +12 -0
- package/donation/cjs/components/menu/menu-list-item-meta.js +12 -0
- package/donation/cjs/components/menu/menu-list-item-text.js +12 -0
- package/donation/cjs/components/menu/menu-list-item.js +29 -0
- package/donation/cjs/components/menu/menu-list.js +38 -0
- package/donation/cjs/components/menu/menu-surface.js +20 -0
- package/donation/cjs/components/modal/modal.js +153 -0
- package/donation/cjs/components/navigation/navigation-actions.js +23 -0
- package/donation/cjs/components/navigation/navigation-bar.js +34 -0
- package/donation/cjs/components/navigation/navigation-call-to-action.js +20 -0
- package/donation/cjs/components/navigation/navigation-expanded.js +67 -0
- package/donation/cjs/components/navigation/navigation-list.js +78 -0
- package/donation/cjs/components/navigation/navigation-menu-control.js +50 -0
- package/donation/cjs/components/navigation/navigation-menu.js +102 -0
- package/donation/cjs/components/navigation/navigation-search-control.js +32 -0
- package/donation/cjs/components/navigation/navigation-search.js +92 -0
- package/donation/cjs/components/navigation/navigation-sign-in-control.js +59 -0
- package/donation/cjs/components/navigation/navigation-user-menu-items.js +85 -0
- package/donation/cjs/components/navigation/navigation-user-menu.js +96 -0
- package/donation/cjs/components/navigation/navigation.js +191 -0
- package/donation/cjs/components/phone-number-input/phone-number-input-v1.js +183 -0
- package/donation/cjs/components/radio/radio.js +84 -0
- package/donation/cjs/components/select/select-helper-text.js +21 -0
- package/donation/cjs/components/select/select.js +177 -0
- package/donation/cjs/components/statistics/statistics.js +81 -0
- package/donation/cjs/components/tabs/tab-bar.js +45 -0
- package/donation/cjs/components/tabs/tab-text-label.js +25 -0
- package/donation/cjs/components/tabs/tab.js +74 -0
- package/donation/cjs/components/tabs/tabs.js +104 -0
- package/donation/cjs/components/text/text.js +155 -0
- package/donation/cjs/components/text-field/text-field-helper-text.js +33 -0
- package/donation/cjs/components/text-field/text-field.js +167 -0
- package/donation/cjs/donation/anchor.js +9 -0
- package/donation/cjs/donation/button.js +9 -0
- package/donation/cjs/donation/checkbox.js +9 -0
- package/donation/cjs/donation/combo-field.js +9 -0
- package/donation/cjs/donation/elevation.js +9 -0
- package/donation/cjs/donation/field-label.js +9 -0
- package/donation/cjs/donation/flex.js +9 -0
- package/donation/cjs/donation/grid.js +9 -0
- package/donation/cjs/donation/icon.js +9 -0
- package/donation/cjs/donation/modal.js +9 -0
- package/donation/cjs/donation/navigation.js +9 -0
- package/donation/cjs/donation/phone-number-input.js +9 -0
- package/donation/cjs/donation/radio.js +9 -0
- package/donation/cjs/donation/select.js +9 -0
- package/donation/cjs/donation/single-date-picker.js +9 -0
- package/donation/cjs/donation/stack.js +9 -0
- package/donation/cjs/donation/text-field.js +9 -0
- package/donation/cjs/donation/text.js +9 -0
- package/donation/cjs/theme/colors.js +15 -0
- package/donation/cjs/theme/mycause-theme.js +44 -0
- package/donation/cjs/theme/theme.js +69 -0
- package/donation/cjs/utils/browser.js +15 -0
- package/donation/cjs/utils/flags.js +24 -0
- package/donation/cjs/utils/get-element-display-name.js +12 -0
- package/donation/cjs/utils/set-ref.js +30 -0
- package/donation/cjs/utils/tap-event.js +17 -0
- package/donation/cjs/utils/tap-ref.js +17 -0
- package/donation/cjs/utils/wrap.js +19 -0
- package/donation/combo-field/package.json +5 -0
- package/donation/elevation/package.json +5 -0
- package/donation/esm/_virtual/_rollupPluginBabelHelpers.js +74 -0
- package/donation/esm/components/anchor/anchor.js +40 -0
- package/donation/esm/components/anchor/bold-anchor.js +51 -0
- package/donation/esm/components/avatar/avatar.js +16 -0
- package/donation/esm/components/avatar/image-avatar.js +40 -0
- package/donation/esm/components/avatar/text-avatar.js +59 -0
- package/donation/esm/components/button/button.js +130 -0
- package/donation/esm/components/checkbox/checkbox.js +63 -0
- package/donation/esm/components/combo-field/combo-field-expander.js +35 -0
- package/donation/esm/components/combo-field/combo-field.js +92 -0
- package/donation/esm/components/date-picker/single-date-picker.js +73 -0
- package/donation/esm/components/elevation/elevation.js +50 -0
- package/donation/esm/components/field-helpers/field-helper-text.js +34 -0
- package/donation/esm/components/field-helpers/field-label.js +40 -0
- package/donation/esm/components/icon/heart-toggle.js +41 -0
- package/donation/esm/components/icon/icon-button-group.js +38 -0
- package/donation/esm/components/icon/icon-button.js +52 -0
- package/donation/esm/components/icon/icon.js +56 -0
- package/donation/esm/components/icon/material-icon.js +33 -0
- package/donation/esm/components/layout/box.js +104 -0
- package/donation/esm/components/layout/flex.js +70 -0
- package/donation/esm/components/layout/grid.js +35 -0
- package/donation/esm/components/layout/stack.js +37 -0
- package/donation/esm/components/list/list.js +148 -0
- package/donation/esm/components/menu/menu-list-item-graphic.js +2 -0
- package/donation/esm/components/menu/menu-list-item-meta.js +2 -0
- package/donation/esm/components/menu/menu-list-item-text.js +2 -0
- package/donation/esm/components/menu/menu-list-item.js +20 -0
- package/donation/esm/components/menu/menu-list.js +28 -0
- package/donation/esm/components/menu/menu-surface.js +2 -0
- package/donation/esm/components/modal/modal.js +141 -0
- package/donation/esm/components/navigation/navigation-actions.js +15 -0
- package/donation/esm/components/navigation/navigation-bar.js +24 -0
- package/donation/esm/components/navigation/navigation-call-to-action.js +12 -0
- package/donation/esm/components/navigation/navigation-expanded.js +56 -0
- package/donation/esm/components/navigation/navigation-list.js +68 -0
- package/donation/esm/components/navigation/navigation-menu-control.js +39 -0
- package/donation/esm/components/navigation/navigation-menu.js +91 -0
- package/donation/esm/components/navigation/navigation-search-control.js +23 -0
- package/donation/esm/components/navigation/navigation-search.js +81 -0
- package/donation/esm/components/navigation/navigation-sign-in-control.js +49 -0
- package/donation/esm/components/navigation/navigation-user-menu-items.js +76 -0
- package/donation/esm/components/navigation/navigation-user-menu.js +84 -0
- package/donation/esm/components/navigation/navigation.js +180 -0
- package/donation/esm/components/phone-number-input/phone-number-input-v1.js +169 -0
- package/donation/esm/components/radio/radio.js +71 -0
- package/donation/esm/components/select/select-helper-text.js +12 -0
- package/donation/esm/components/select/select.js +166 -0
- package/donation/esm/components/statistics/statistics.js +70 -0
- package/donation/esm/components/tabs/tab-bar.js +34 -0
- package/donation/esm/components/tabs/tab-text-label.js +16 -0
- package/donation/esm/components/tabs/tab.js +63 -0
- package/donation/esm/components/tabs/tabs.js +93 -0
- package/donation/esm/components/text/text.js +145 -0
- package/donation/esm/components/text-field/text-field-helper-text.js +24 -0
- package/donation/esm/components/text-field/text-field.js +155 -0
- package/donation/esm/donation/anchor.js +1 -0
- package/donation/esm/donation/button.js +1 -0
- package/donation/esm/donation/checkbox.js +1 -0
- package/donation/esm/donation/combo-field.js +1 -0
- package/donation/esm/donation/elevation.js +1 -0
- package/donation/esm/donation/field-label.js +1 -0
- package/donation/esm/donation/flex.js +1 -0
- package/donation/esm/donation/grid.js +1 -0
- package/donation/esm/donation/icon.js +1 -0
- package/donation/esm/donation/modal.js +1 -0
- package/donation/esm/donation/navigation.js +1 -0
- package/donation/esm/donation/phone-number-input.js +1 -0
- package/donation/esm/donation/radio.js +1 -0
- package/donation/esm/donation/select.js +1 -0
- package/donation/esm/donation/single-date-picker.js +1 -0
- package/donation/esm/donation/stack.js +1 -0
- package/donation/esm/donation/text-field.js +1 -0
- package/donation/esm/donation/text.js +1 -0
- package/donation/esm/theme/colors.js +7 -0
- package/donation/esm/theme/mycause-theme.js +40 -0
- package/donation/esm/theme/theme.js +59 -0
- package/donation/esm/utils/browser.js +11 -0
- package/donation/esm/utils/flags.js +20 -0
- package/donation/esm/utils/get-element-display-name.js +8 -0
- package/donation/esm/utils/set-ref.js +26 -0
- package/donation/esm/utils/tap-event.js +13 -0
- package/donation/esm/utils/tap-ref.js +13 -0
- package/donation/esm/utils/wrap.js +11 -0
- package/donation/field-label/package.json +5 -0
- package/donation/flex/package.json +5 -0
- package/donation/grid/package.json +5 -0
- package/donation/icon/package.json +5 -0
- package/donation/modal/package.json +5 -0
- package/donation/navigation/package.json +5 -0
- package/donation/phone-number-input/package.json +5 -0
- package/donation/radio/package.json +5 -0
- package/donation/select/package.json +5 -0
- package/donation/single-date-picker/package.json +5 -0
- package/donation/stack/package.json +5 -0
- package/donation/text/package.json +5 -0
- package/donation/text-field/package.json +5 -0
- package/donation.css +2 -0
- package/package.json +133 -14
- /package/{dist → styles}/_index.css.js +0 -0
- /package/{dist → styles}/_reset.css.js +0 -0
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var _pt = require('prop-types');
|
|
7
|
+
var _JSXStyle = require('styled-jsx/style');
|
|
8
|
+
var React = require('react');
|
|
9
|
+
var classnames = require('classnames');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
|
|
14
|
+
var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
17
|
+
|
|
18
|
+
const _excluded = ["children", "className"];
|
|
19
|
+
const scope = {
|
|
20
|
+
styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
|
|
21
|
+
id: "891840907"
|
|
22
|
+
}, ".combo-field-expand.jsx-891840907{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbWJvLWZpZWxkLWV4cGFuZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTeUIsQUFHaUIsdUVBQ2QiLCJmaWxlIjoiY29tYm8tZmllbGQtZXhwYW5kZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5cbmludGVyZmFjZSBDb21ib0ZpZWxkRXhwYW5kZXIge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3RFbGVtZW50O1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IHNjb3BlID0gY3NzLnJlc29sdmVgXG4gIC5jb21iby1maWVsZC1leHBhbmQge1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxuYDtcblxuLyoqXG4gKiBNYWtlcyBhIGZpZWxkIGluIGEgY29tYm8tZmllbGQgZXhwYW5kIHRvIGZpbGwgYXNcbiAqIG11Y2ggc2l6ZSBhcyBpdCBjYW4uXG4gKi9cbmZ1bmN0aW9uIENvbWJvRmllbGRFeHBhbmRlcih7XG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIC4uLnByb3BzXG59OiBDb21ib0ZpZWxkRXhwYW5kZXIpIHtcbiAgY29uc3QgY2hpbGQgPSBSZWFjdC5DaGlsZHJlbi5vbmx5KGNoaWxkcmVuKTtcblxuICByZXR1cm4gKFxuICAgIDw+XG4gICAgICB7UmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7XG4gICAgICAgIGNsYXNzTmFtZTogY2xhc3NuYW1lcyhcbiAgICAgICAgICBjaGlsZC5wcm9wcy5jbGFzc05hbWUsXG4gICAgICAgICAgc2NvcGUuY2xhc3NOYW1lLFxuICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICBcImNvbWJvLWZpZWxkLWV4cGFuZFwiXG4gICAgICAgICksXG4gICAgICAgIC4uLnByb3BzLFxuICAgICAgfSl9XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvPlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDb21ib0ZpZWxkRXhwYW5kZXI7XG4iXX0= */\n/*@ sourceURL=combo-field-expander.tsx */"),
|
|
23
|
+
className: "jsx-891840907"
|
|
24
|
+
};
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Makes a field in a combo-field expand to fill as
|
|
28
|
+
* much size as it can.
|
|
29
|
+
*/
|
|
30
|
+
function ComboFieldExpander(_ref) {
|
|
31
|
+
let {
|
|
32
|
+
children,
|
|
33
|
+
className
|
|
34
|
+
} = _ref,
|
|
35
|
+
props = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
36
|
+
const child = React__default["default"].Children.only(children);
|
|
37
|
+
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].cloneElement(child, _rollupPluginBabelHelpers.objectSpread2({
|
|
38
|
+
className: classnames__default["default"](child.props.className, scope.className, className, "combo-field-expand")
|
|
39
|
+
}, props)), scope.styles);
|
|
40
|
+
}
|
|
41
|
+
ComboFieldExpander.propTypes = {
|
|
42
|
+
children: _pt__default["default"].element.isRequired,
|
|
43
|
+
className: _pt__default["default"].string
|
|
44
|
+
};
|
|
45
|
+
|
|
46
|
+
exports["default"] = ComboFieldExpander;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var _pt = require('prop-types');
|
|
7
|
+
var _JSXStyle = require('styled-jsx/style');
|
|
8
|
+
var React = require('react');
|
|
9
|
+
var classnames = require('classnames');
|
|
10
|
+
var getElementDisplayName = require('../../utils/get-element-display-name.js');
|
|
11
|
+
var comboFieldExpander = require('./combo-field-expander.js');
|
|
12
|
+
var iconButtonGroup = require('../icon/icon-button-group.js');
|
|
13
|
+
var button = require('../button/button.js');
|
|
14
|
+
var select = require('../select/select.js');
|
|
15
|
+
var textField = require('../text-field/text-field.js');
|
|
16
|
+
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
|
|
20
|
+
var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
|
|
21
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
23
|
+
|
|
24
|
+
const _excluded = ["children", "className", "large", "buttonBorder", "buttonFullWidth", "align"];
|
|
25
|
+
/**
|
|
26
|
+
* Combines several input controls to into one visually continuous
|
|
27
|
+
* control
|
|
28
|
+
*
|
|
29
|
+
* Supports the following components:
|
|
30
|
+
* - TextField
|
|
31
|
+
* - Select
|
|
32
|
+
* - Button
|
|
33
|
+
* - IconButtonGroup
|
|
34
|
+
*/
|
|
35
|
+
function ComboField(_ref) {
|
|
36
|
+
let {
|
|
37
|
+
children,
|
|
38
|
+
className,
|
|
39
|
+
large = false,
|
|
40
|
+
buttonBorder,
|
|
41
|
+
buttonFullWidth,
|
|
42
|
+
align
|
|
43
|
+
} = _ref,
|
|
44
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
45
|
+
children = React__default["default"].Children.map(children, child => augment(child, {
|
|
46
|
+
large
|
|
47
|
+
}));
|
|
48
|
+
return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
49
|
+
className: _JSXStyle__default["default"].dynamic([["174956361", [align ? align : "flex-end", buttonFullWidth ? "100%" : "", buttonBorder ? "" : "transparent"]]]) + " " + (rest && rest.className != null && rest.className || classnames__default["default"]("combo-field", className) || "")
|
|
50
|
+
}), children, /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
|
|
51
|
+
id: "174956361",
|
|
52
|
+
dynamic: [align ? align : "flex-end", buttonFullWidth ? "100%" : "", buttonBorder ? "" : "transparent"]
|
|
53
|
+
}, ".combo-field.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:".concat(align ? align : "flex-end", ";-webkit-box-align:").concat(align ? align : "flex-end", ";-ms-flex-align:").concat(align ? align : "flex-end", ";align-items:").concat(align ? align : "flex-end", ";margin-bottom:1px;}.combo-field > button{width:").concat(buttonFullWidth ? "100%" : "", ";}.combo-field.__jsx-style-dynamic-selector>*:not(:last-child) .mdc-text-field:not(.mdc-text-field--focused) .mdc-notched-outline__trailing,.combo-field.__jsx-style-dynamic-selector>*:not(:last-child) .mdc-select:not(.mdc-select--focused) .mdc-notched-outline__trailing,.combo-field.__jsx-style-dynamic-selector .mdc-button--control:not(:last-child):not(:focus),.combo-field.__jsx-style-dynamic-selector .icon-button-group:not(:last-child)::after{border-right-color:").concat(buttonBorder ? "" : "transparent", ";border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px;}.combo-field.__jsx-style-dynamic-selector>*:not(:first-child) .mdc-text-field:not(.mdc-text-field--focused) .mdc-notched-outline__leading,.combo-field.__jsx-style-dynamic-selector>*:not(:first-child) .mdc-select:not(.mdc-select--focused) .mdc-notched-outline__leading,.combo-field.__jsx-style-dynamic-selector .mdc-button--control:not(:first-child):not(:focus),.combo-field.__jsx-style-dynamic-selector .icon-button-group:not(:first-child)::after{border-left-color:transparent;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNvbWJvLWZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2tCLEFBR3dCLEFBTXNCLEFBYWEsQUFpQmxCLDhCQUNMLEtBOUIzQixhQWE0QixPQWtCRSxtQkFyQ2EsQUFvQlosU0FrQlosaUJBQ25CLEdBbEJvQixrQkFDcEIsc0lBckJvQixrQkFDcEIiLCJmaWxlIjoiY29tYm8tZmllbGQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IGdldEVsZW1lbnREaXNwbGF5TmFtZSB9IGZyb20gXCIuLi8uLi91dGlscy9nZXQtZWxlbWVudC1kaXNwbGF5LW5hbWVcIjtcbmltcG9ydCB7IFRleHRGaWVsZCB9IGZyb20gXCIuLi90ZXh0LWZpZWxkXCI7XG5pbXBvcnQgeyBTZWxlY3QgfSBmcm9tIFwiLi4vc2VsZWN0XCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vYnV0dG9uXCI7XG5pbXBvcnQgeyBJY29uQnV0dG9uR3JvdXAgfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IENvbWJvRmllbGRFeHBhbmRlciBmcm9tIFwiLi9jb21iby1maWVsZC1leHBhbmRlclwiO1xuXG5pbnRlcmZhY2UgQ29tYm9GaWVsZFByb3BzIHtcbiAgY2hpbGRyZW46IEFycmF5PFJlYWN0LlJlYWN0RWxlbWVudD47XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgbGFyZ2U/OiBib29sZWFuO1xuICBidXR0b25Cb3JkZXI/OiBib29sZWFuO1xuICBidXR0b25GdWxsV2lkdGg/OiBib29sZWFuO1xuICBhbGlnbj86IHN0cmluZztcbn1cblxuLyoqXG4gKiBDb21iaW5lcyBzZXZlcmFsIGlucHV0IGNvbnRyb2xzIHRvIGludG8gb25lIHZpc3VhbGx5IGNvbnRpbnVvdXNcbiAqIGNvbnRyb2xcbiAqXG4gKiBTdXBwb3J0cyB0aGUgZm9sbG93aW5nIGNvbXBvbmVudHM6XG4gKiAtIFRleHRGaWVsZFxuICogLSBTZWxlY3RcbiAqIC0gQnV0dG9uXG4gKiAtIEljb25CdXR0b25Hcm91cFxuICovXG5mdW5jdGlvbiBDb21ib0ZpZWxkKHtcbiAgY2hpbGRyZW4sXG4gIGNsYXNzTmFtZSxcbiAgbGFyZ2UgPSBmYWxzZSxcbiAgYnV0dG9uQm9yZGVyLFxuICBidXR0b25GdWxsV2lkdGgsXG4gIGFsaWduLFxuICAuLi5yZXN0XG59OiBDb21ib0ZpZWxkUHJvcHMpIHtcbiAgY2hpbGRyZW4gPSBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIGNoaWxkID0+IGF1Z21lbnQoY2hpbGQsIHsgbGFyZ2UgfSkpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJjb21iby1maWVsZFwiLCBjbGFzc05hbWUpfSB7Li4ucmVzdH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5jb21iby1maWVsZCB7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBhbGlnbi1pdGVtczogJHthbGlnbiA/IGFsaWduIDogXCJmbGV4LWVuZFwifTtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcHg7XG4gICAgICAgIH1cblxuICAgICAgICA6Z2xvYmFsKC5jb21iby1maWVsZCA+IGJ1dHRvbikge1xuICAgICAgICAgIHdpZHRoOiAke2J1dHRvbkZ1bGxXaWR0aCA/IFwiMTAwJVwiIDogXCJcIn07XG4gICAgICAgIH1cblxuICAgICAgICAuY29tYm8tZmllbGRcbiAgICAgICAgICA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkOm5vdCgubWRjLXRleHQtZmllbGQtLWZvY3VzZWQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1ub3RjaGVkLW91dGxpbmVfX3RyYWlsaW5nKSxcbiAgICAgICAgLmNvbWJvLWZpZWxkXG4gICAgICAgICAgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSlcbiAgICAgICAgICA6Z2xvYmFsKC5tZGMtc2VsZWN0Om5vdCgubWRjLXNlbGVjdC0tZm9jdXNlZCkpXG4gICAgICAgICAgOmdsb2JhbCgubWRjLW5vdGNoZWQtb3V0bGluZV9fdHJhaWxpbmcpLFxuICAgICAgICAuY29tYm8tZmllbGQgOmdsb2JhbCgubWRjLWJ1dHRvbi0tY29udHJvbDpub3QoOmxhc3QtY2hpbGQpOm5vdCg6Zm9jdXMpKSxcbiAgICAgICAgLmNvbWJvLWZpZWxkIDpnbG9iYWwoLmljb24tYnV0dG9uLWdyb3VwOm5vdCg6bGFzdC1jaGlsZCk6OmFmdGVyKSB7XG4gICAgICAgICAgYm9yZGVyLXJpZ2h0LWNvbG9yOiAke2J1dHRvbkJvcmRlciA/IFwiXCIgOiBcInRyYW5zcGFyZW50XCJ9O1xuICAgICAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIGJvcmRlci1ib3R0b20tcmlnaHQtcmFkaXVzOiAwO1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogLTFweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb21iby1maWVsZFxuICAgICAgICAgID4gOmdsb2JhbCgqOm5vdCg6Zmlyc3QtY2hpbGQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy10ZXh0LWZpZWxkOm5vdCgubWRjLXRleHQtZmllbGQtLWZvY3VzZWQpKVxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1ub3RjaGVkLW91dGxpbmVfX2xlYWRpbmcpLFxuICAgICAgICAuY29tYm8tZmllbGRcbiAgICAgICAgICA+IDpnbG9iYWwoKjpub3QoOmZpcnN0LWNoaWxkKSlcbiAgICAgICAgICA6Z2xvYmFsKC5tZGMtc2VsZWN0Om5vdCgubWRjLXNlbGVjdC0tZm9jdXNlZCkpXG4gICAgICAgICAgOmdsb2JhbCgubWRjLW5vdGNoZWQtb3V0bGluZV9fbGVhZGluZyksXG4gICAgICAgIC5jb21iby1maWVsZFxuICAgICAgICAgIDpnbG9iYWwoLm1kYy1idXR0b24tLWNvbnRyb2w6bm90KDpmaXJzdC1jaGlsZCk6bm90KDpmb2N1cykpLFxuICAgICAgICAuY29tYm8tZmllbGQgOmdsb2JhbCguaWNvbi1idXR0b24tZ3JvdXA6bm90KDpmaXJzdC1jaGlsZCk6OmFmdGVyKSB7XG4gICAgICAgICAgYm9yZGVyLWxlZnQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICAgIGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDA7XG4gICAgICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMDtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLTFweDtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBDb21ib0ZpZWxkO1xuXG4vKiBBdWdtZW50IHRoZSBwYXNzZWQgZWxlbWVudHMgKi9cbmZ1bmN0aW9uIGF1Z21lbnQoXG4gIGVsZW1lbnQ6IFJlYWN0LlJlYWN0RWxlbWVudCxcbiAgeyBsYXJnZSB9OiB7IGxhcmdlOiBib29sZWFuIH1cbik6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHN3aXRjaCAoZWxlbWVudC50eXBlKSB7XG4gICAgY2FzZSBDb21ib0ZpZWxkRXhwYW5kZXI6XG4gICAgICByZXR1cm4gUmVhY3QuY2xvbmVFbGVtZW50KFxuICAgICAgICBlbGVtZW50LFxuICAgICAgICB7fSxcbiAgICAgICAgYXVnbWVudChSZWFjdC5DaGlsZHJlbi5vbmx5KGVsZW1lbnQucHJvcHMuY2hpbGRyZW4pLCB7IGxhcmdlIH0pXG4gICAgICApO1xuICAgIGNhc2UgVGV4dEZpZWxkOlxuICAgIGNhc2UgU2VsZWN0OlxuICAgICAgLy8gRm9yY2UgdGV4dC1maWVsZCBvciBzZWxlY3QgdG8gYmUgbGFyZ2UgaWYgbmVlZGVkXG4gICAgICBlbGVtZW50ID0gUmVhY3QuY2xvbmVFbGVtZW50KGVsZW1lbnQsIHsgbGFyZ2UgfSk7XG4gICAgICBicmVhaztcbiAgICBjYXNlIEJ1dHRvbjpcbiAgICAgIC8vIEZvcmNlIHRoZSBidXR0b24gdG8gYmUgdGhlIGNvbnRyb2wgc3R5bGVcbiAgICAgIGVsZW1lbnQgPSBSZWFjdC5jbG9uZUVsZW1lbnQoZWxlbWVudCwgeyBjb250cm9sOiB0cnVlLCBkZW5zZTogIWxhcmdlIH0pO1xuICAgICAgYnJlYWs7XG4gICAgY2FzZSBJY29uQnV0dG9uR3JvdXA6XG4gICAgICAvLyBFbnN1cmUgdGhlIHNpemUgb2YgdGhlIGJ1dHRvbiBtYXRjaGVzIHRoZSBoZWlnaHRcbiAgICAgIGVsZW1lbnQgPSBSZWFjdC5jbG9uZUVsZW1lbnQoZWxlbWVudCwge1xuICAgICAgICBzaXplOiBsYXJnZSA/IFwiMy41cmVtXCIgOiB1bmRlZmluZWQsXG4gICAgICAgIGlzT3V0bGluZWRPbkZvY3VzOiB0cnVlLFxuICAgICAgfSk7XG4gICAgICBicmVhaztcbiAgICBkZWZhdWx0OlxuICAgICAgaWYgKHByb2Nlc3MuZW52Lk5PREVfRU5WICE9PSBcInByb2R1Y3Rpb25cIikge1xuICAgICAgICBjb25zb2xlLndhcm4oXG4gICAgICAgICAgXCJbQ29tYm9GaWVsZF0gdW5zdXBwb3J0ZWQgZWxlbWVudCB0eXBlXCIsXG4gICAgICAgICAgZ2V0RWxlbWVudERpc3BsYXlOYW1lKGVsZW1lbnQpXG4gICAgICAgICk7XG4gICAgICB9XG4gIH1cblxuICByZXR1cm4gZWxlbWVudDtcbn1cbiJdfQ== */\n/*@ sourceURL=combo-field.tsx */")));
|
|
54
|
+
}
|
|
55
|
+
ComboField.propTypes = {
|
|
56
|
+
children: _pt__default["default"].any.isRequired,
|
|
57
|
+
className: _pt__default["default"].string,
|
|
58
|
+
large: _pt__default["default"].bool,
|
|
59
|
+
buttonBorder: _pt__default["default"].bool,
|
|
60
|
+
buttonFullWidth: _pt__default["default"].bool,
|
|
61
|
+
align: _pt__default["default"].string
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
/* Augment the passed elements */
|
|
65
|
+
function augment(element, _ref2) {
|
|
66
|
+
let {
|
|
67
|
+
large
|
|
68
|
+
} = _ref2;
|
|
69
|
+
switch (element.type) {
|
|
70
|
+
case comboFieldExpander["default"]:
|
|
71
|
+
return /*#__PURE__*/React__default["default"].cloneElement(element, {}, augment(React__default["default"].Children.only(element.props.children), {
|
|
72
|
+
large
|
|
73
|
+
}));
|
|
74
|
+
case textField["default"]:
|
|
75
|
+
case select["default"]:
|
|
76
|
+
// Force text-field or select to be large if needed
|
|
77
|
+
element = /*#__PURE__*/React__default["default"].cloneElement(element, {
|
|
78
|
+
large
|
|
79
|
+
});
|
|
80
|
+
break;
|
|
81
|
+
case button["default"]:
|
|
82
|
+
// Force the button to be the control style
|
|
83
|
+
element = /*#__PURE__*/React__default["default"].cloneElement(element, {
|
|
84
|
+
control: true,
|
|
85
|
+
dense: !large
|
|
86
|
+
});
|
|
87
|
+
break;
|
|
88
|
+
case iconButtonGroup["default"]:
|
|
89
|
+
// Ensure the size of the button matches the height
|
|
90
|
+
element = /*#__PURE__*/React__default["default"].cloneElement(element, {
|
|
91
|
+
size: large ? "3.5rem" : undefined,
|
|
92
|
+
isOutlinedOnFocus: true
|
|
93
|
+
});
|
|
94
|
+
break;
|
|
95
|
+
default:
|
|
96
|
+
if (process.env.NODE_ENV !== "production") {
|
|
97
|
+
console.warn("[ComboField] unsupported element type", getElementDisplayName.getElementDisplayName(element));
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
return element;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
exports["default"] = ComboField;
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var _pt = require('prop-types');
|
|
7
|
+
var _JSXStyle = require('styled-jsx/style');
|
|
8
|
+
var React = require('react');
|
|
9
|
+
var reactDates = require('react-dates');
|
|
10
|
+
var theme = require('../../theme/theme.js');
|
|
11
|
+
var stack = require('../layout/stack.js');
|
|
12
|
+
var fieldLabel = require('../field-helpers/field-label.js');
|
|
13
|
+
|
|
14
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
15
|
+
|
|
16
|
+
var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
|
|
17
|
+
var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
|
|
18
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
19
|
+
|
|
20
|
+
const _excluded = ["width", "color", "onDateChange", "onFocusChange", "numberOfMonths", "error", "label", "focused", "required", "id"];
|
|
21
|
+
const CustomSingleDatePicker = _ref => {
|
|
22
|
+
let {
|
|
23
|
+
width,
|
|
24
|
+
color = "primary",
|
|
25
|
+
onDateChange,
|
|
26
|
+
onFocusChange,
|
|
27
|
+
numberOfMonths = 1,
|
|
28
|
+
error,
|
|
29
|
+
label,
|
|
30
|
+
focused = false,
|
|
31
|
+
required = true,
|
|
32
|
+
id
|
|
33
|
+
} = _ref,
|
|
34
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
35
|
+
const theme$1 = theme.useTheme();
|
|
36
|
+
const setColor = theme.getColorToken(theme$1, "foreground", color);
|
|
37
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
38
|
+
className: _JSXStyle__default["default"].dynamic([["1528212715", [width, theme$1.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]]]) + " " + "calendar-container"
|
|
39
|
+
}, /*#__PURE__*/React__default["default"].createElement(stack["default"], {
|
|
40
|
+
direction: "column",
|
|
41
|
+
gap: "0.5rem 0"
|
|
42
|
+
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
43
|
+
className: _JSXStyle__default["default"].dynamic([["1528212715", [width, theme$1.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]]])
|
|
44
|
+
}, label && /*#__PURE__*/React__default["default"].createElement(fieldLabel["default"], {
|
|
45
|
+
required: required
|
|
46
|
+
}, label)), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
47
|
+
className: _JSXStyle__default["default"].dynamic([["1528212715", [width, theme$1.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]]]) + " " + "date_picker_".concat(id)
|
|
48
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactDates.SingleDatePicker, _rollupPluginBabelHelpers["extends"]({
|
|
49
|
+
id: id,
|
|
50
|
+
numberOfMonths: numberOfMonths,
|
|
51
|
+
onDateChange: onDateChange,
|
|
52
|
+
onFocusChange: e => onFocusChange(e.focused),
|
|
53
|
+
focused: focused
|
|
54
|
+
}, rest)))), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
|
|
55
|
+
id: "1528212715",
|
|
56
|
+
dynamic: [width, theme$1.typography.fontFamily.brand, id, error ? "#b00020" : "#dbdbdb", setColor, setColor, setColor, setColor, setColor, setColor, setColor]
|
|
57
|
+
}, ".SingleDatePicker{width:".concat(width, ";}.SingleDatePickerInput{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.DateInput{width:100%;}.calendar-container.__jsx-style-dynamic-selector{font-family:").concat(theme$1.typography.fontFamily.brand, ";}.date_picker_").concat(id, " .SingleDatePickerInput__withBorder{border-width:2px !important;border-radius:4px !important;border-color:").concat(error ? "#b00020" : "#dbdbdb", ";}.SingleDatePickerInput__withBorder:hover{border-width:1px !important;border-color:#000000 !important;}.SingleDatePickerInput__withBorder:focus-within{border-width:2px !important;border-color:").concat(setColor, " !important;}.DateInput_input{font-weight:500 !important;font-size:15px;}.DayPickerKeyboardShortcuts_show__bottomRight::before{border-right:33px solid ").concat(setColor, " !important;}.DateInput_input__focused{border:none;}.CalendarDay__selected_span{background:").concat(setColor, ";color:white;opacity:0.7;border:1px solid white;}.CalendarDay__selected{background:").concat(setColor, ";color:white;border:1px double white;}.CalendarDay__selected:hover{background:").concat(setColor, ";color:white;border:1px double white;}.CalendarDay__selected_span:active,.CalendarDay__selected_span:hover{background:").concat(setColor, ";opacity:0.5;}.CalendarDay__hovered_span:hover,.CalendarDay__hovered_span{background:").concat(setColor, ";color:white;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNpbmdsZS1kYXRlLXBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVrQixBQUc4QyxBQUd4QixBQUlBLEFBRzhCLEFBR2IsQUFLQSxBQUlBLEFBSUQsQUFJcUMsQUFHcEQsQUFHNEIsQUFPQSxBQU1BLEFBTUEsQUFLQyxXQXhENUIsQUFJZixDQTBCQSxlQVBpQixDQWJjLEFBS0csQUFJcUIsT0F0QnZELEtBb0NjLEFBT0EsQUFNQSxBQU1BLENBN0NkLEFBa0RjLENBakNkLFVBVWMsQUFPWSxBQU1BLEFBTTFCLENBS0EsSUEvQzRDLEdBSzVDLElBV0EsQUFReUIsWUFPekIsQUFNQSxLQTVCQSxJQW5CQSxFQW1DQSxZQXhCQSIsImZpbGUiOiJzaW5nbGUtZGF0ZS1waWNrZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgU2luZ2xlRGF0ZVBpY2tlciB9IGZyb20gXCJyZWFjdC1kYXRlc1wiO1xuXG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5pbXBvcnQgeyBGaWVsZExhYmVsIH0gZnJvbSBcIi4uL2ZpZWxkLWhlbHBlcnNcIjtcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSBcIi4uL2xheW91dFwiO1xuaW1wb3J0IG1vbWVudCwgeyBNb21lbnQgfSBmcm9tIFwibW9tZW50XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGF0ZVBpY2tlclByb3BzIHtcbiAgaWQ6IHN0cmluZztcbiAgZGF0ZTogbW9tZW50Lk1vbWVudCB8IG51bGw7XG4gIG9uRGF0ZUNoYW5nZTogKGRhdGU6IG1vbWVudC5Nb21lbnQgfCBudWxsKSA9PiB2b2lkO1xuICBvbkZvY3VzQ2hhbmdlOiAoYXJnOiBib29sZWFuIHwgbnVsbCkgPT4gdm9pZDtcbiAgZm9jdXNlZDogYm9vbGVhbiB8IG51bGw7XG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGNvbG9yPzogc3RyaW5nO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIG51bWJlck9mTW9udGhzPzogbnVtYmVyO1xuICBpbnB1dEljb25Qb3NpdGlvbj86IFwiYmVmb3JlXCIgfCBcImFmdGVyXCI7XG4gIG9yaWVudGF0aW9uPzogXCJob3Jpem9udGFsXCIgfCBcInZlcnRpY2FsXCI7XG4gIGN1c3RvbUlucHV0SWNvbj86IFJlYWN0LlJlYWN0RWxlbWVudDxSZWFjdC5IVE1MUHJvcHM8SFRNTE9yU1ZHRWxlbWVudD4+O1xuICBjdXN0b21DbG9zZUljb24/OiBSZWFjdC5SZWFjdEVsZW1lbnQ8UmVhY3QuSFRNTFByb3BzPEhUTUxPclNWR0VsZW1lbnQ+PjtcbiAgZGlzcGxheUZvcm1hdD86IHN0cmluZztcbiAgZXJyb3I/OiBib29sZWFuO1xuICBsYWJlbD86IHN0cmluZztcbiAgd2lkdGg/OiBzdHJpbmc7XG4gIGlzT3V0c2lkZVJhbmdlPzogKGRheTogTW9tZW50KSA9PiBib29sZWFuO1xuICBzaG93RGVmYXVsdElucHV0SWNvbj86IGJvb2xlYW47XG59XG5cbmNvbnN0IEN1c3RvbVNpbmdsZURhdGVQaWNrZXIgPSAoe1xuICB3aWR0aCxcbiAgY29sb3IgPSBcInByaW1hcnlcIixcbiAgb25EYXRlQ2hhbmdlLFxuICBvbkZvY3VzQ2hhbmdlLFxuICBudW1iZXJPZk1vbnRocyA9IDEsXG4gIGVycm9yLFxuICBsYWJlbCxcbiAgZm9jdXNlZCA9IGZhbHNlLFxuICByZXF1aXJlZCA9IHRydWUsXG4gIGlkLFxuICAuLi5yZXN0XG59OiBEYXRlUGlja2VyUHJvcHMpID0+IHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCBzZXRDb2xvciA9IGdldENvbG9yVG9rZW4odGhlbWUsIFwiZm9yZWdyb3VuZFwiLCBjb2xvcik7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cImNhbGVuZGFyLWNvbnRhaW5lclwiPlxuICAgICAgPFN0YWNrIGRpcmVjdGlvbj1cImNvbHVtblwiIGdhcD1cIjAuNXJlbSAwXCI+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAge2xhYmVsICYmIDxGaWVsZExhYmVsIHJlcXVpcmVkPXtyZXF1aXJlZH0+e2xhYmVsfTwvRmllbGRMYWJlbD59XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT17YGRhdGVfcGlja2VyXyR7aWR9YH0+XG4gICAgICAgICAgPFNpbmdsZURhdGVQaWNrZXJcbiAgICAgICAgICAgIGlkPXtpZH1cbiAgICAgICAgICAgIG51bWJlck9mTW9udGhzPXtudW1iZXJPZk1vbnRoc31cbiAgICAgICAgICAgIG9uRGF0ZUNoYW5nZT17b25EYXRlQ2hhbmdlfVxuICAgICAgICAgICAgb25Gb2N1c0NoYW5nZT17KGU6IHsgZm9jdXNlZDogYm9vbGVhbiB8IG51bGwgfSkgPT5cbiAgICAgICAgICAgICAgb25Gb2N1c0NoYW5nZShlLmZvY3VzZWQpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBmb2N1c2VkPXtmb2N1c2VkIGFzIGJvb2xlYW59XG4gICAgICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvU3RhY2s+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIDpnbG9iYWwoLlNpbmdsZURhdGVQaWNrZXIpIHtcbiAgICAgICAgICB3aWR0aDogJHt3aWR0aH07XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguU2luZ2xlRGF0ZVBpY2tlcklucHV0KSB7XG4gICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgfVxuICAgICAgICA6Z2xvYmFsKC5EYXRlSW5wdXQpIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuICAgICAgICAuY2FsZW5kYXItY29udGFpbmVyIHtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLmRhdGVfcGlja2VyXyR7aWR9IC5TaW5nbGVEYXRlUGlja2VySW5wdXRfX3dpdGhCb3JkZXIpIHtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDJweCAhaW1wb3J0YW50O1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweCAhaW1wb3J0YW50O1xuICAgICAgICAgIGJvcmRlci1jb2xvcjogJHtlcnJvciA/IFwiI2IwMDAyMFwiIDogXCIjZGJkYmRiXCJ9O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLlNpbmdsZURhdGVQaWNrZXJJbnB1dF9fd2l0aEJvcmRlcjpob3Zlcikge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMXB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAjMDAwMDAwICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguU2luZ2xlRGF0ZVBpY2tlcklucHV0X193aXRoQm9yZGVyOmZvY3VzLXdpdGhpbikge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgYm9yZGVyLWNvbG9yOiAke3NldENvbG9yfSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLkRhdGVJbnB1dF9pbnB1dCkge1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA1MDAgIWltcG9ydGFudDtcbiAgICAgICAgICBmb250LXNpemU6IDE1cHg7XG4gICAgICAgIH1cbiAgICAgICAgOmdsb2JhbCguRGF5UGlja2VyS2V5Ym9hcmRTaG9ydGN1dHNfc2hvd19fYm90dG9tUmlnaHQ6OmJlZm9yZSkge1xuICAgICAgICAgIGJvcmRlci1yaWdodDogMzNweCBzb2xpZCAke3NldENvbG9yfSAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICAgIDpnbG9iYWwoLkRhdGVJbnB1dF9pbnB1dF9fZm9jdXNlZCkge1xuICAgICAgICAgIGJvcmRlcjogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICA6Z2xvYmFsKC5DYWxlbmRhckRheV9fc2VsZWN0ZWRfc3Bhbikge1xuICAgICAgICAgIGJhY2tncm91bmQ6ICR7c2V0Q29sb3J9O1xuICAgICAgICAgIGNvbG9yOiB3aGl0ZTtcbiAgICAgICAgICBvcGFjaXR5OiAwLjc7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgd2hpdGU7XG4gICAgICAgIH1cblxuICAgICAgICA6Z2xvYmFsKC5DYWxlbmRhckRheV9fc2VsZWN0ZWQpIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3NldENvbG9yfTtcbiAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgICAgYm9yZGVyOiAxcHggZG91YmxlIHdoaXRlO1xuICAgICAgICB9XG5cbiAgICAgICAgOmdsb2JhbCguQ2FsZW5kYXJEYXlfX3NlbGVjdGVkOmhvdmVyKSB7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtzZXRDb2xvcn07XG4gICAgICAgICAgY29sb3I6IHdoaXRlO1xuICAgICAgICAgIGJvcmRlcjogMXB4IGRvdWJsZSB3aGl0ZTtcbiAgICAgICAgfVxuXG4gICAgICAgIDpnbG9iYWwoLkNhbGVuZGFyRGF5X19zZWxlY3RlZF9zcGFuOmFjdGl2ZSwgLkNhbGVuZGFyRGF5X19zZWxlY3RlZF9zcGFuOmhvdmVyKSB7XG4gICAgICAgICAgYmFja2dyb3VuZDogJHtzZXRDb2xvcn07XG4gICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICB9XG5cbiAgICAgICAgOmdsb2JhbCguQ2FsZW5kYXJEYXlfX2hvdmVyZWRfc3Bhbjpob3ZlciwgLkNhbGVuZGFyRGF5X19ob3ZlcmVkX3NwYW4pIHtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiAke3NldENvbG9yfTtcbiAgICAgICAgICBjb2xvcjogd2hpdGU7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEN1c3RvbVNpbmdsZURhdGVQaWNrZXI7XG4iXX0= */\n/*@ sourceURL=single-date-picker.tsx */")));
|
|
58
|
+
};
|
|
59
|
+
CustomSingleDatePicker.propTypes = {
|
|
60
|
+
id: _pt__default["default"].string.isRequired,
|
|
61
|
+
date: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].oneOf([null])]),
|
|
62
|
+
onDateChange: _pt__default["default"].func.isRequired,
|
|
63
|
+
onFocusChange: _pt__default["default"].func.isRequired,
|
|
64
|
+
focused: _pt__default["default"].oneOfType([_pt__default["default"].bool, _pt__default["default"].oneOf([null])]),
|
|
65
|
+
placeholder: _pt__default["default"].string,
|
|
66
|
+
disabled: _pt__default["default"].bool,
|
|
67
|
+
color: _pt__default["default"].string,
|
|
68
|
+
required: _pt__default["default"].bool,
|
|
69
|
+
numberOfMonths: _pt__default["default"].number,
|
|
70
|
+
inputIconPosition: _pt__default["default"].oneOf(["before", "after"]),
|
|
71
|
+
orientation: _pt__default["default"].oneOf(["horizontal", "vertical"]),
|
|
72
|
+
customInputIcon: _pt__default["default"].element,
|
|
73
|
+
customCloseIcon: _pt__default["default"].element,
|
|
74
|
+
displayFormat: _pt__default["default"].string,
|
|
75
|
+
error: _pt__default["default"].bool,
|
|
76
|
+
label: _pt__default["default"].string,
|
|
77
|
+
width: _pt__default["default"].string,
|
|
78
|
+
isOutsideRange: _pt__default["default"].func,
|
|
79
|
+
showDefaultInputIcon: _pt__default["default"].bool
|
|
80
|
+
};
|
|
81
|
+
var CustomSingleDatePicker$1 = CustomSingleDatePicker;
|
|
82
|
+
|
|
83
|
+
exports["default"] = CustomSingleDatePicker$1;
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var _pt = require('prop-types');
|
|
7
|
+
var _JSXStyle = require('styled-jsx/style');
|
|
8
|
+
var React = require('react');
|
|
9
|
+
var classnames = require('classnames');
|
|
10
|
+
var box = require('../layout/box.js');
|
|
11
|
+
var nanoid = require('nanoid');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
|
|
16
|
+
var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
|
|
17
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
18
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
19
|
+
|
|
20
|
+
const _excluded = ["dp", "id", "radius", "children", "className", "transition"];
|
|
21
|
+
const Elevation = _ref => {
|
|
22
|
+
let {
|
|
23
|
+
dp,
|
|
24
|
+
id,
|
|
25
|
+
radius = "4px",
|
|
26
|
+
children,
|
|
27
|
+
className,
|
|
28
|
+
transition
|
|
29
|
+
} = _ref,
|
|
30
|
+
res = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
31
|
+
const [mainId, setmainId] = React.useState("");
|
|
32
|
+
React.useEffect(() => {
|
|
33
|
+
setmainId(id ? id : nanoid.nanoid());
|
|
34
|
+
}, [id, setmainId]);
|
|
35
|
+
const scope = {
|
|
36
|
+
styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
|
|
37
|
+
id: "1502748446",
|
|
38
|
+
dynamic: [radius]
|
|
39
|
+
}, ".elevation.__jsx-style-dynamic-selector{border-radius:".concat(radius, ";overflow:hidden;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImVsZXZhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0IyQixBQUdrRCwyQ0FDM0IsZ0JBQ2xCIiwiZmlsZSI6ImVsZXZhdGlvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlRWZmZWN0LCB1c2VTdGF0ZSB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgQm94LCB7IEJveFByb3BzIH0gZnJvbSBcIi4uL2xheW91dC9ib3hcIjtcbmltcG9ydCB7IG5hbm9pZCB9IGZyb20gXCJuYW5vaWRcIjtcblxuZXhwb3J0IGludGVyZmFjZSBFbGV2YXRpb25Qcm9wcyBleHRlbmRzIEJveFByb3BzIHtcbiAgZHA/OiBudW1iZXI7XG4gIGlkPzogc3RyaW5nO1xuICBzdHlsZT86IG9iamVjdDtcbiAgcmFkaXVzPzogc3RyaW5nO1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIHRyYW5zaXRpb24/OiBib29sZWFuO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufVxuXG5jb25zdCBFbGV2YXRpb24gPSAoe1xuICBkcCxcbiAgaWQsXG4gIHJhZGl1cyA9IFwiNHB4XCIsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIHRyYW5zaXRpb24sXG4gIC4uLnJlc1xufTogRWxldmF0aW9uUHJvcHMpID0+IHtcbiAgY29uc3QgW21haW5JZCwgc2V0bWFpbklkXSA9IHVzZVN0YXRlPHN0cmluZz4oXCJcIik7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBzZXRtYWluSWQoaWQgPyBpZCA6IG5hbm9pZCgpKTtcbiAgfSwgW2lkLCBzZXRtYWluSWRdKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5lbGV2YXRpb24ge1xuICAgICAgYm9yZGVyLXJhZGl1czogJHtyYWRpdXN9O1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8Qm94XG4gICAgICBpZD17bWFpbklkfVxuICAgICAga2V5PXttYWluSWR9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgIFwiZWxldmF0aW9uXCIsXG4gICAgICAgIHtcbiAgICAgICAgICBcIm1kYy1lbGV2YXRpb24tdHJhbnNpdGlvblwiOiB0cmFuc2l0aW9uLFxuICAgICAgICB9LFxuICAgICAgICBgbWRjLWVsZXZhdGlvbi0teiR7ZHAgPyBkcCA6IDB9YCxcbiAgICAgICAgc2NvcGUuY2xhc3NOYW1lLFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ucmVzfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9Cb3g+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBFbGV2YXRpb247XG4iXX0= */\n/*@ sourceURL=elevation.tsx */")),
|
|
40
|
+
className: _JSXStyle__default["default"].dynamic([["1502748446", [radius]]])
|
|
41
|
+
};
|
|
42
|
+
return /*#__PURE__*/React__default["default"].createElement(box["default"], _rollupPluginBabelHelpers["extends"]({
|
|
43
|
+
id: mainId,
|
|
44
|
+
key: mainId,
|
|
45
|
+
className: classnames__default["default"]("elevation", {
|
|
46
|
+
"mdc-elevation-transition": transition
|
|
47
|
+
}, "mdc-elevation--z".concat(dp ? dp : 0), scope.className, className)
|
|
48
|
+
}, res), children, scope.styles);
|
|
49
|
+
};
|
|
50
|
+
Elevation.propTypes = {
|
|
51
|
+
dp: _pt__default["default"].number,
|
|
52
|
+
id: _pt__default["default"].string,
|
|
53
|
+
style: _pt__default["default"].object,
|
|
54
|
+
radius: _pt__default["default"].string,
|
|
55
|
+
className: _pt__default["default"].string,
|
|
56
|
+
transition: _pt__default["default"].bool,
|
|
57
|
+
children: _pt__default["default"].node.isRequired
|
|
58
|
+
};
|
|
59
|
+
var Elevation$1 = Elevation;
|
|
60
|
+
|
|
61
|
+
exports["default"] = Elevation$1;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _pt = require('prop-types');
|
|
6
|
+
var _JSXStyle = require('styled-jsx/style');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
var classnames = require('classnames');
|
|
9
|
+
var theme = require('../../theme/theme.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
|
|
14
|
+
var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
17
|
+
|
|
18
|
+
function FieldHelperText(_ref) {
|
|
19
|
+
let {
|
|
20
|
+
hidden,
|
|
21
|
+
children,
|
|
22
|
+
error
|
|
23
|
+
} = _ref;
|
|
24
|
+
const theme$1 = theme.useTheme();
|
|
25
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
26
|
+
className: "jsx-1147620172 " + _JSXStyle__default["default"].dynamic([["2504099284", [theme$1.typography.fontFamily.brand]]]) + " " + (classnames__default["default"]("field-helper-text") || "")
|
|
27
|
+
}, /*#__PURE__*/React__default["default"].createElement("p", {
|
|
28
|
+
className: "jsx-1147620172 " + _JSXStyle__default["default"].dynamic([["2504099284", [theme$1.typography.fontFamily.brand]]]) + " " + (classnames__default["default"]({
|
|
29
|
+
hidden,
|
|
30
|
+
error
|
|
31
|
+
}) || "")
|
|
32
|
+
}, error ? error : children), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
|
|
33
|
+
id: "1147620172"
|
|
34
|
+
}, ".field-helper-text.jsx-1147620172{margin-bottom:4px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}p.jsx-1147620172{color:rgba(0,0,0,0.6);font-size:0.75rem;-webkit-letter-spacing:0;-moz-letter-spacing:0;-ms-letter-spacing:0;letter-spacing:0;margin:0;line-height:19px;-webkit-transition:opacity 150ms ease;transition:opacity 150ms ease;}.hidden.jsx-1147620172{opacity:0;}.error.jsx-1147620172{color:#b00020;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWhlbHBlci10ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmtCLEFBRzZCLEFBTU8sQUFTZixBQUlJLFVBSGhCLElBSUEsSUFuQmUsSUFNSyxrQkFDRCxvREFOYSxpQ0FPckIsU0FDUSxpQkFDYSx3REFSaEMsWUFTQSIsImZpbGUiOiJmaWVsZC1oZWxwZXItdGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcblxudHlwZSBGaWVsZEhlbHBlclRleHRQcm9wcyA9IHtcbiAgaGlkZGVuPzogYm9vbGVhbjtcbiAgZXJyb3I/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuZnVuY3Rpb24gRmllbGRIZWxwZXJUZXh0KHsgaGlkZGVuLCBjaGlsZHJlbiwgZXJyb3IgfTogRmllbGRIZWxwZXJUZXh0UHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJmaWVsZC1oZWxwZXItdGV4dFwiKX0+XG4gICAgICA8cCBjbGFzc05hbWU9e2NsYXNzbmFtZXMoeyBoaWRkZW4sIGVycm9yIH0pfT5cbiAgICAgICAge2Vycm9yID8gZXJyb3IgOiBjaGlsZHJlbn1cbiAgICAgIDwvcD5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLmZpZWxkLWhlbHBlci10ZXh0IHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiA0cHg7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgIH1cblxuICAgICAgICBwIHtcbiAgICAgICAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjYpO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgICAgICAgICBsZXR0ZXItc3BhY2luZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDE5cHg7XG4gICAgICAgICAgdHJhbnNpdGlvbjogb3BhY2l0eSAxNTBtcyBlYXNlO1xuICAgICAgICB9XG5cbiAgICAgICAgLmhpZGRlbiB7XG4gICAgICAgICAgb3BhY2l0eTogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5lcnJvciB7XG4gICAgICAgICAgY29sb3I6ICNiMDAwMjA7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgcCB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkSGVscGVyVGV4dDtcbiJdfQ== */\n/*@ sourceURL=field-helper-text.tsx */"), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
|
|
35
|
+
id: "2504099284",
|
|
36
|
+
dynamic: [theme$1.typography.fontFamily.brand]
|
|
37
|
+
}, "p.__jsx-style-dynamic-selector{font-weight:500;font-family:".concat(theme$1.typography.fontFamily.brand, ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWhlbHBlci10ZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2tCLEFBRzJCLGdCQUN5Qix5Q0FDM0MiLCJmaWxlIjoiZmllbGQtaGVscGVyLXRleHQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCI7XG5cbnR5cGUgRmllbGRIZWxwZXJUZXh0UHJvcHMgPSB7XG4gIGhpZGRlbj86IGJvb2xlYW47XG4gIGVycm9yPzogUmVhY3QuUmVhY3ROb2RlO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmZ1bmN0aW9uIEZpZWxkSGVscGVyVGV4dCh7IGhpZGRlbiwgY2hpbGRyZW4sIGVycm9yIH06IEZpZWxkSGVscGVyVGV4dFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwiZmllbGQtaGVscGVyLXRleHRcIil9PlxuICAgICAgPHAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKHsgaGlkZGVuLCBlcnJvciB9KX0+XG4gICAgICAgIHtlcnJvciA/IGVycm9yIDogY2hpbGRyZW59XG4gICAgICA8L3A+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5maWVsZC1oZWxwZXItdGV4dCB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogNHB4O1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICB9XG5cbiAgICAgICAgcCB7XG4gICAgICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcbiAgICAgICAgICBmb250LXNpemU6IDAuNzVyZW07XG4gICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDA7XG4gICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOXB4O1xuICAgICAgICAgIHRyYW5zaXRpb246IG9wYWNpdHkgMTUwbXMgZWFzZTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5oaWRkZW4ge1xuICAgICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIH1cblxuICAgICAgICAuZXJyb3Ige1xuICAgICAgICAgIGNvbG9yOiAjYjAwMDIwO1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIHAge1xuICAgICAgICAgIGZvbnQtd2VpZ2h0OiA1MDA7XG4gICAgICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUudHlwb2dyYXBoeS5mb250RmFtaWx5LmJyYW5kfTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBGaWVsZEhlbHBlclRleHQ7XG4iXX0= */\n/*@ sourceURL=field-helper-text.tsx */")));
|
|
38
|
+
}
|
|
39
|
+
FieldHelperText.propTypes = {
|
|
40
|
+
hidden: _pt__default["default"].bool,
|
|
41
|
+
error: _pt__default["default"].node,
|
|
42
|
+
children: _pt__default["default"].node
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
exports["default"] = FieldHelperText;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var _pt = require('prop-types');
|
|
7
|
+
var _JSXStyle = require('styled-jsx/style');
|
|
8
|
+
var React = require('react');
|
|
9
|
+
var classnames = require('classnames');
|
|
10
|
+
var theme = require('../../theme/theme.js');
|
|
11
|
+
|
|
12
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
13
|
+
|
|
14
|
+
var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
|
|
15
|
+
var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
18
|
+
|
|
19
|
+
const _excluded = ["large", "className", "children", "required", "asteriskColor"];
|
|
20
|
+
function FieldLabel(_ref) {
|
|
21
|
+
let {
|
|
22
|
+
large,
|
|
23
|
+
className,
|
|
24
|
+
children,
|
|
25
|
+
required,
|
|
26
|
+
asteriskColor
|
|
27
|
+
} = _ref,
|
|
28
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
29
|
+
const theme$1 = theme.useTheme();
|
|
30
|
+
return /*#__PURE__*/React__default["default"].createElement("label", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
|
31
|
+
className: _JSXStyle__default["default"].dynamic([["1420289089", [theme$1.typography.fontFamily.brand]]]) + " " + (rest && rest.className != null && rest.className || classnames__default["default"]("field-label", {
|
|
32
|
+
"field-label--dense": !large
|
|
33
|
+
}, className) || "")
|
|
34
|
+
}), children, required ? /*#__PURE__*/React__default["default"].createElement("span", {
|
|
35
|
+
style: {
|
|
36
|
+
color: asteriskColor
|
|
37
|
+
},
|
|
38
|
+
className: _JSXStyle__default["default"].dynamic([["1420289089", [theme$1.typography.fontFamily.brand]]])
|
|
39
|
+
}, "*") : null, /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
|
|
40
|
+
id: "1420289089",
|
|
41
|
+
dynamic: [theme$1.typography.fontFamily.brand]
|
|
42
|
+
}, ".field-label.__jsx-style-dynamic-selector{font-weight:500;font-family:".concat(theme$1.typography.fontFamily.brand, ";font-size:0.875rem;margin:0.5rem 0;display:inline-block;-webkit-letter-spacing:0.00937rem;-moz-letter-spacing:0.00937rem;-ms-letter-spacing:0.00937rem;letter-spacing:0.00937rem;color:rgba(0,0,0,0.6);line-height:1rem;}.field-label--dense.__jsx-style-dynamic-selector{font-size:0.75rem;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImZpZWxkLWxhYmVsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ2tCLEFBRzJCLEFBV0UsZ0JBVnVCLEVBVzNDLHVDQVZxQixtQkFDSCxnQkFDSyxxQkFDSyx5SEFDRCxzQkFDUixpQkFDbkIiLCJmaWxlIjoiZmllbGQtbGFiZWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lXCI7XG5cbmludGVyZmFjZSBGaWVsZExhYmVsUHJvcHMgZXh0ZW5kcyBSZWFjdC5IVE1MUHJvcHM8SFRNTExhYmVsRWxlbWVudD4ge1xuICBsYXJnZT86IGJvb2xlYW47XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xuICByZXF1aXJlZD86IGJvb2xlYW47XG4gIGFzdGVyaXNrQ29sb3I/OiBzdHJpbmc7XG59XG5cbmZ1bmN0aW9uIEZpZWxkTGFiZWwoe1xuICBsYXJnZSxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgcmVxdWlyZWQsXG4gIGFzdGVyaXNrQ29sb3IsXG4gIC4uLnJlc3Rcbn06IEZpZWxkTGFiZWxQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8bGFiZWxcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgXCJmaWVsZC1sYWJlbFwiLFxuICAgICAgICB7XG4gICAgICAgICAgXCJmaWVsZC1sYWJlbC0tZGVuc2VcIjogIWxhcmdlLFxuICAgICAgICB9LFxuICAgICAgICBjbGFzc05hbWVcbiAgICAgICl9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICB7cmVxdWlyZWQgPyA8c3BhbiBzdHlsZT17eyBjb2xvcjogYXN0ZXJpc2tDb2xvciB9fT4qPC9zcGFuPiA6IG51bGx9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5maWVsZC1sYWJlbCB7XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC44NzVyZW07XG4gICAgICAgICAgbWFyZ2luOiAwLjVyZW0gMDtcbiAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgbGV0dGVyLXNwYWNpbmc6IDAuMDA5MzdyZW07XG4gICAgICAgICAgY29sb3I6IHJnYmEoMCwgMCwgMCwgMC42KTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5maWVsZC1sYWJlbC0tZGVuc2Uge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMC43NXJlbTtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvbGFiZWw+XG4gICk7XG59XG5cbmV4cG9ydCBkZWZhdWx0IEZpZWxkTGFiZWw7XG4iXX0= */\n/*@ sourceURL=field-label.tsx */")));
|
|
43
|
+
}
|
|
44
|
+
FieldLabel.propTypes = {
|
|
45
|
+
large: _pt__default["default"].bool,
|
|
46
|
+
children: _pt__default["default"].node,
|
|
47
|
+
required: _pt__default["default"].bool,
|
|
48
|
+
asteriskColor: _pt__default["default"].string
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
exports["default"] = FieldLabel;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var React = require('react');
|
|
7
|
+
var MDCIconButton = require('@material/react-icon-button');
|
|
8
|
+
var omit = require('lodash/omit');
|
|
9
|
+
|
|
10
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
11
|
+
|
|
12
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
13
|
+
var MDCIconButton__default = /*#__PURE__*/_interopDefaultLegacy(MDCIconButton);
|
|
14
|
+
var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
|
|
15
|
+
|
|
16
|
+
const _excluded = ["active", "inactive", "value", "onChange", "onClick"];
|
|
17
|
+
const HeartToggle = /*#__PURE__*/React.forwardRef(function HeartToggle(_ref, ref) {
|
|
18
|
+
let {
|
|
19
|
+
active,
|
|
20
|
+
inactive,
|
|
21
|
+
value,
|
|
22
|
+
onChange,
|
|
23
|
+
onClick
|
|
24
|
+
} = _ref,
|
|
25
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
26
|
+
const handleClick = e => {
|
|
27
|
+
e.preventDefault();
|
|
28
|
+
const newValue = !value;
|
|
29
|
+
if (onChange) {
|
|
30
|
+
onChange(newValue);
|
|
31
|
+
} else if (onClick) {
|
|
32
|
+
onClick(e);
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
// Filter out invalid props such as onPointerEnterCapture and onPointerLeaveCapture
|
|
37
|
+
const filteredProps = omit__default["default"](_rollupPluginBabelHelpers.objectSpread2({
|
|
38
|
+
onClick: handleClick,
|
|
39
|
+
ref,
|
|
40
|
+
// aria-pressed controls whether or not the button is in the 'pressed' state
|
|
41
|
+
// however the icon that shows does not respect this, the icon that is set to isOn will always show first,
|
|
42
|
+
// regardless of the aria-pressed state
|
|
43
|
+
// as a workaround the initial value is captured and used to decide which IconToggle represents the 'on' state
|
|
44
|
+
"aria-pressed": value
|
|
45
|
+
}, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Remove invalid props
|
|
46
|
+
);
|
|
47
|
+
return /*#__PURE__*/React__default["default"].createElement(MDCIconButton__default["default"], filteredProps, /*#__PURE__*/React__default["default"].createElement("span", null, value ? active : inactive));
|
|
48
|
+
});
|
|
49
|
+
var HeartToggle$1 = HeartToggle;
|
|
50
|
+
|
|
51
|
+
exports["default"] = HeartToggle$1;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _pt = require('prop-types');
|
|
6
|
+
var _JSXStyle = require('styled-jsx/style');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
var classnames = require('classnames');
|
|
9
|
+
var theme = require('../../theme/theme.js');
|
|
10
|
+
|
|
11
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
12
|
+
|
|
13
|
+
var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
|
|
14
|
+
var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
|
|
15
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
16
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
17
|
+
|
|
18
|
+
function IconButtonGroup(_ref) {
|
|
19
|
+
let {
|
|
20
|
+
children,
|
|
21
|
+
size,
|
|
22
|
+
isOutlinedOnFocus
|
|
23
|
+
} = _ref;
|
|
24
|
+
const theme$1 = theme.useTheme();
|
|
25
|
+
children = React__default["default"].Children.map(children, child => /*#__PURE__*/React__default["default"].cloneElement(child, {
|
|
26
|
+
size
|
|
27
|
+
}));
|
|
28
|
+
const scope = {
|
|
29
|
+
styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
|
|
30
|
+
id: "3389486541",
|
|
31
|
+
dynamic: [theme$1.color.foreground.primary]
|
|
32
|
+
}, ".icon-button-group.icon-button-group--outline-on-focus.__jsx-style-dynamic-selector:focus-within.__jsx-style-dynamic-selector::after{border-color:".concat(theme$1.color.foreground.primary, ";border-radius:4px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLWdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQjJCLEFBR2lELDBDQUN4QixrQkFDcEIiLCJmaWxlIjoiaWNvbi1idXR0b24tZ3JvdXAudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuXG5pbnRlcmZhY2UgSWNvbkJ1dHRvbkdyb3VwUHJvcHMge1xuICBjaGlsZHJlbjogQXJyYXk8UmVhY3QuUmVhY3RFbGVtZW50PiB8IFJlYWN0LlJlYWN0RWxlbWVudDtcbiAgc2l6ZT86IHN0cmluZztcbiAgaXNPdXRsaW5lZE9uRm9jdXM/OiBib29sZWFuO1xufVxuXG5mdW5jdGlvbiBJY29uQnV0dG9uR3JvdXAoe1xuICBjaGlsZHJlbixcbiAgc2l6ZSxcbiAgaXNPdXRsaW5lZE9uRm9jdXMsXG59OiBJY29uQnV0dG9uR3JvdXBQcm9wcykge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG5cbiAgY2hpbGRyZW4gPSBSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZDogUmVhY3QuUmVhY3RFbGVtZW50KSA9PlxuICAgIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwgeyBzaXplIH0pXG4gICk7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAuaWNvbi1idXR0b24tZ3JvdXAuaWNvbi1idXR0b24tZ3JvdXAtLW91dGxpbmUtb24tZm9jdXM6Zm9jdXMtd2l0aGluOjphZnRlciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7dGhlbWUuY29sb3IuZm9yZWdyb3VuZC5wcmltYXJ5fTtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICB9XG4gIGA7XG5cbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXG4gICAgICAgIFwiaWNvbi1idXR0b24tZ3JvdXBcIixcbiAgICAgICAge1xuICAgICAgICAgIFwiaWNvbi1idXR0b24tZ3JvdXAtLW91dGxpbmUtb24tZm9jdXNcIjogISFpc091dGxpbmVkT25Gb2N1cyxcbiAgICAgICAgfSxcbiAgICAgICAgc2NvcGUuY2xhc3NOYW1lXG4gICAgICApfVxuICAgID5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwOjphZnRlciB7XG4gICAgICAgICAgY29udGVudDogXCJcIjtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgdG9wOiAwO1xuICAgICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgICBsZWZ0OiAwO1xuICAgICAgICAgIGJvcmRlcjogMXB4IHNvbGlkICM5ZTllOWU7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwOmhvdmVyOjphZnRlciB7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgcmdiYSgwLCAwLCAwLCAwLjg3KTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pY29uLWJ1dHRvbi1ncm91cC5pY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1czpmb2N1cy13aXRoaW46OmFmdGVyIHtcbiAgICAgICAgICBib3JkZXItd2lkdGg6IDJweDtcbiAgICAgICAgICBib3JkZXItc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDRweDtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJ1dHRvbkdyb3VwO1xuIl19 */\n/*@ sourceURL=icon-button-group.tsx */")),
|
|
33
|
+
className: _JSXStyle__default["default"].dynamic([["3389486541", [theme$1.color.foreground.primary]]])
|
|
34
|
+
};
|
|
35
|
+
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
36
|
+
className: "jsx-3856654706" + " " + (classnames__default["default"]("icon-button-group", {
|
|
37
|
+
"icon-button-group--outline-on-focus": !!isOutlinedOnFocus
|
|
38
|
+
}, scope.className) || "")
|
|
39
|
+
}, children, /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
|
|
40
|
+
id: "3856654706"
|
|
41
|
+
}, ".icon-button-group.jsx-3856654706{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.icon-button-group.jsx-3856654706::after{content:\"\";position:absolute;display:block;top:0;right:0;bottom:0;left:0;border:1px solid #9e9e9e;border-radius:4px;pointer-events:none;}.icon-button-group.jsx-3856654706:hover.jsx-3856654706::after{border:1px solid rgba(0,0,0,0.87);}.icon-button-group.icon-button-group--outline-on-focus.jsx-3856654706:focus-within.jsx-3856654706::after{border-width:2px;border-style:solid;border-radius:4px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLWdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q2tCLEFBRzZCLEFBTVAsQUFhMEIsQUFJcEIsV0FoQkMsTUFpQkMsQ0F2Qk4sV0FPQyxLQVloQixFQUtvQixPQWhCWixNQUNFLEtBZ0JWLEdBZlcsU0FDRixPQUNrQixtQkFYTixNQVlELGtCQUNFLG9CQUN0Qix5QkFiQSIsImZpbGUiOiJpY29uLWJ1dHRvbi1ncm91cC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5cbmludGVyZmFjZSBJY29uQnV0dG9uR3JvdXBQcm9wcyB7XG4gIGNoaWxkcmVuOiBBcnJheTxSZWFjdC5SZWFjdEVsZW1lbnQ+IHwgUmVhY3QuUmVhY3RFbGVtZW50O1xuICBzaXplPzogc3RyaW5nO1xuICBpc091dGxpbmVkT25Gb2N1cz86IGJvb2xlYW47XG59XG5cbmZ1bmN0aW9uIEljb25CdXR0b25Hcm91cCh7XG4gIGNoaWxkcmVuLFxuICBzaXplLFxuICBpc091dGxpbmVkT25Gb2N1cyxcbn06IEljb25CdXR0b25Hcm91cFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjaGlsZHJlbiA9IFJlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkOiBSZWFjdC5SZWFjdEVsZW1lbnQpID0+XG4gICAgUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IHNpemUgfSlcbiAgKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5pY29uLWJ1dHRvbi1ncm91cC5pY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1czpmb2N1cy13aXRoaW46OmFmdGVyIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHt0aGVtZS5jb2xvci5mb3JlZ3JvdW5kLnByaW1hcnl9O1xuICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgIH1cbiAgYDtcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgXCJpY29uLWJ1dHRvbi1ncm91cFwiLFxuICAgICAgICB7XG4gICAgICAgICAgXCJpY29uLWJ1dHRvbi1ncm91cC0tb3V0bGluZS1vbi1mb2N1c1wiOiAhIWlzT3V0bGluZWRPbkZvY3VzLFxuICAgICAgICB9LFxuICAgICAgICBzY29wZS5jbGFzc05hbWVcbiAgICAgICl9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXAge1xuICAgICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgIH1cblxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXA6OmFmdGVyIHtcbiAgICAgICAgICBjb250ZW50OiBcIlwiO1xuICAgICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB0b3A6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgYm9yZGVyOiAxcHggc29saWQgIzllOWU5ZTtcbiAgICAgICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAuaWNvbi1idXR0b24tZ3JvdXA6aG92ZXI6OmFmdGVyIHtcbiAgICAgICAgICBib3JkZXI6IDFweCBzb2xpZCByZ2JhKDAsIDAsIDAsIDAuODcpO1xuICAgICAgICB9XG5cbiAgICAgICAgLmljb24tYnV0dG9uLWdyb3VwLmljb24tYnV0dG9uLWdyb3VwLS1vdXRsaW5lLW9uLWZvY3VzOmZvY3VzLXdpdGhpbjo6YWZ0ZXIge1xuICAgICAgICAgIGJvcmRlci13aWR0aDogMnB4O1xuICAgICAgICAgIGJvcmRlci1zdHlsZTogc29saWQ7XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogNHB4O1xuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgICB7c2NvcGUuc3R5bGVzfVxuICAgIDwvZGl2PlxuICApO1xufVxuXG5leHBvcnQgZGVmYXVsdCBJY29uQnV0dG9uR3JvdXA7XG4iXX0= */\n/*@ sourceURL=icon-button-group.tsx */"), scope.styles);
|
|
42
|
+
}
|
|
43
|
+
IconButtonGroup.propTypes = {
|
|
44
|
+
children: _pt__default["default"].oneOfType([_pt__default["default"].any, _pt__default["default"].element]).isRequired,
|
|
45
|
+
size: _pt__default["default"].string,
|
|
46
|
+
isOutlinedOnFocus: _pt__default["default"].bool
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
exports["default"] = IconButtonGroup;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
|
|
6
|
+
var _JSXStyle = require('styled-jsx/style');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
var classnames = require('classnames');
|
|
9
|
+
var MDCIconButton = require('@material/react-icon-button');
|
|
10
|
+
var omit = require('lodash/omit');
|
|
11
|
+
var tapEvent = require('../../utils/tap-event.js');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
14
|
+
|
|
15
|
+
var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
|
|
16
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
17
|
+
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
18
|
+
var MDCIconButton__default = /*#__PURE__*/_interopDefaultLegacy(MDCIconButton);
|
|
19
|
+
var omit__default = /*#__PURE__*/_interopDefaultLegacy(omit);
|
|
20
|
+
|
|
21
|
+
const _excluded = ["children", "size", "className", "pressed", "onBlur"];
|
|
22
|
+
const IconButton = /*#__PURE__*/React.forwardRef(function IconButton(_ref, ref) {
|
|
23
|
+
let {
|
|
24
|
+
children,
|
|
25
|
+
size,
|
|
26
|
+
className,
|
|
27
|
+
pressed,
|
|
28
|
+
onBlur
|
|
29
|
+
} = _ref,
|
|
30
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
|
31
|
+
const [count, update] = React.useState(0);
|
|
32
|
+
|
|
33
|
+
// Handle blur to force a remount by changing key
|
|
34
|
+
const handleBlur = tapEvent.tapEvent(() => {
|
|
35
|
+
if (typeof pressed === "undefined") {
|
|
36
|
+
update(c => c + 1);
|
|
37
|
+
}
|
|
38
|
+
}, onBlur);
|
|
39
|
+
const scope = {
|
|
40
|
+
styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
|
|
41
|
+
id: "3629729252",
|
|
42
|
+
dynamic: [size || "", size || ""]
|
|
43
|
+
}, ".mdc-icon-button.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.toggle.__jsx-style-dynamic-selector{-webkit-transition:background-color 200ms ease;transition:background-color 200ms ease;}.toggle--active.__jsx-style-dynamic-selector{background-color:rgba(0,0,0,0.1);border-radius:4px;}.size.__jsx-style-dynamic-selector{width:".concat(size || "", ";height:").concat(size || "", ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImljb24tYnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQzJCLEFBRzJCLEFBTW1CLEFBSUgsQUFLRCxpQ0FKakIsRUFLa0IsZ0JBSnRDLG9CQUtBLGVBVkEsZ0JBTnFCLDZGQUNJLG1HQUN6QiIsImZpbGUiOiJpY29uLWJ1dHRvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiwgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBjc3MgZnJvbSBcInN0eWxlZC1qc3gvY3NzXCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IE1EQ0ljb25CdXR0b24sIHtcbiAgSWNvbkJ1dHRvblByb3BzIGFzIE1EQ0ljb25CdXR0b25Qcm9wcyxcbn0gZnJvbSBcIkBtYXRlcmlhbC9yZWFjdC1pY29uLWJ1dHRvblwiO1xuaW1wb3J0IG9taXQgZnJvbSBcImxvZGFzaC9vbWl0XCI7XG5pbXBvcnQgeyB0YXBFdmVudCB9IGZyb20gXCIuLi8uLi91dGlscy90YXAtZXZlbnRcIjtcbmltcG9ydCB7IEljb25Qcm9wcyB9IGZyb20gXCIuL2ljb25cIjtcblxuZXhwb3J0IHR5cGUgSWNvbkJ1dHRvblR5cGVzID0gSFRNTEJ1dHRvbkVsZW1lbnQgfCBIVE1MQW5jaG9yRWxlbWVudDtcblxuZXhwb3J0IGludGVyZmFjZSBJY29uQnV0dG9uUHJvcHNcbiAgZXh0ZW5kcyBPbWl0PE1EQ0ljb25CdXR0b25Qcm9wczxJY29uQnV0dG9uVHlwZXM+LCBcInJlZlwiIHwgXCJzaXplXCI+IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0RWxlbWVudDxJY29uUHJvcHM+O1xuICBwcmVzc2VkPzogYm9vbGVhbjtcbiAgc2l6ZT86IHN0cmluZztcbn1cblxuY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWYoZnVuY3Rpb24gSWNvbkJ1dHRvbihcbiAgeyBjaGlsZHJlbiwgc2l6ZSwgY2xhc3NOYW1lLCBwcmVzc2VkLCBvbkJsdXIsIC4uLnJlc3QgfTogSWNvbkJ1dHRvblByb3BzLFxuICByZWY6IFJlYWN0LlJlZjxJY29uQnV0dG9uVHlwZXM+XG4pIHtcbiAgY29uc3QgW2NvdW50LCB1cGRhdGVdID0gdXNlU3RhdGU8bnVtYmVyPigwKTtcblxuICAvLyBIYW5kbGUgYmx1ciB0byBmb3JjZSBhIHJlbW91bnQgYnkgY2hhbmdpbmcga2V5XG4gIGNvbnN0IGhhbmRsZUJsdXIgPSB0YXBFdmVudDxSZWFjdC5Gb2N1c0V2ZW50PEljb25CdXR0b25UeXBlcz4+KCgpID0+IHtcbiAgICBpZiAodHlwZW9mIHByZXNzZWQgPT09IFwidW5kZWZpbmVkXCIpIHtcbiAgICAgIHVwZGF0ZShjID0+IGMgKyAxKTtcbiAgICB9XG4gIH0sIG9uQmx1cik7XG5cbiAgY29uc3Qgc2NvcGUgPSBjc3MucmVzb2x2ZWBcbiAgICAubWRjLWljb24tYnV0dG9uIHtcbiAgICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIH1cblxuICAgIC50b2dnbGUge1xuICAgICAgdHJhbnNpdGlvbjogYmFja2dyb3VuZC1jb2xvciAyMDBtcyBlYXNlO1xuICAgIH1cblxuICAgIC50b2dnbGUtLWFjdGl2ZSB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgfVxuXG4gICAgLnNpemUge1xuICAgICAgd2lkdGg6ICR7c2l6ZSB8fCBcIlwifTtcbiAgICAgIGhlaWdodDogJHtzaXplIHx8IFwiXCJ9O1xuICAgIH1cbiAgYDtcblxuICAvLyBSZW1vdmUgdW5zdXBwb3J0ZWQgcHJvcHMgbGlrZSBvblBvaW50ZXJFbnRlckNhcHR1cmUgYW5kIG9uUG9pbnRlckxlYXZlQ2FwdHVyZVxuICBjb25zdCBmaWx0ZXJlZFByb3BzID0gb21pdChcbiAgICB7XG4gICAgICBjbGFzc05hbWU6IGNsYXNzbmFtZXMoY2xhc3NOYW1lLCBzY29wZS5jbGFzc05hbWUsIHtcbiAgICAgICAgdG9nZ2xlOiB0eXBlb2YgcHJlc3NlZCAhPT0gXCJ1bmRlZmluZWRcIixcbiAgICAgICAgXCJ0b2dnbGUtLWFjdGl2ZVwiOiBwcmVzc2VkID09PSB0cnVlLFxuICAgICAgICBzaXplLFxuICAgICAgfSksXG4gICAgICByZWYsXG4gICAgICBvbkJsdXI6IGhhbmRsZUJsdXIsXG4gICAgICAuLi5yZXN0LCAvLyBTcHJlYWQgdGhlIHJlc3Qgb2YgdGhlIHByb3BzXG4gICAgfSxcbiAgICBbXCJvblBvaW50ZXJFbnRlckNhcHR1cmVcIiwgXCJvblBvaW50ZXJMZWF2ZUNhcHR1cmVcIl0gLy8gU3BlY2lmeSB0aGUgcHJvcHMgdG8gb21pdFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPE1EQ0ljb25CdXR0b25cbiAgICAgIGtleT17Y291bnR9XG4gICAgICB7Li4uKChmaWx0ZXJlZFByb3BzIGFzIHVua25vd24pIGFzIFJlYWN0LkNvbXBvbmVudFByb3BzPFxuICAgICAgICB0eXBlb2YgTURDSWNvbkJ1dHRvblxuICAgICAgPil9IC8vIFBhc3MgdGhlIGZpbHRlcmVkIHByb3BzXG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L01EQ0ljb25CdXR0b24+XG4gICk7XG59KTtcblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJ1dHRvbjtcbiJdfQ== */\n/*@ sourceURL=icon-button.tsx */")),
|
|
44
|
+
className: _JSXStyle__default["default"].dynamic([["3629729252", [size || "", size || ""]]])
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
// Remove unsupported props like onPointerEnterCapture and onPointerLeaveCapture
|
|
48
|
+
const filteredProps = omit__default["default"](_rollupPluginBabelHelpers.objectSpread2({
|
|
49
|
+
className: classnames__default["default"](className, scope.className, {
|
|
50
|
+
toggle: typeof pressed !== "undefined",
|
|
51
|
+
"toggle--active": pressed === true,
|
|
52
|
+
size
|
|
53
|
+
}),
|
|
54
|
+
ref,
|
|
55
|
+
onBlur: handleBlur
|
|
56
|
+
}, rest), ["onPointerEnterCapture", "onPointerLeaveCapture"] // Specify the props to omit
|
|
57
|
+
);
|
|
58
|
+
return /*#__PURE__*/React__default["default"].createElement(MDCIconButton__default["default"], _rollupPluginBabelHelpers["extends"]({
|
|
59
|
+
key: count
|
|
60
|
+
}, filteredProps), children, scope.styles);
|
|
61
|
+
});
|
|
62
|
+
var IconButton$1 = IconButton;
|
|
63
|
+
|
|
64
|
+
exports["default"] = IconButton$1;
|